*,::before,::after{margin:0; box-sizing:border-box}
a{text-decoration:none; }
button{cursor:pointer}
:disabled{cursor:not-allowed;}
img{vertical-align: bottom;}
label{display:inline-block}

html{font-size: 10px;
    --blue:#132577;
    --white:#FFFFFF;
    --grey:#92989F;
    --black:#000;
    --blackop:#0009;
    

}

body{font :16px sans-serif;}
.container{max-width: 1260px; margin: auto; padding:0 1 rem;}

.flex{display:fles}
.align-center{align-items: center;}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between;}
.justify-right{justify-content:right}

/*grid*/
 .row{display:grid;grid-template-columns: repeat(12,1fr); gap:2 rem}
.col-1{grid-column: span 1;}
.col-2{grid-column: span 2;}            
.col-3{grid-column: span 3;}
.col-4{grid-column: span 4;}
.col-5{grid-column: span 5;}
.col-6{grid-column: span 6;}
.col-7{grid-column: span 7;}
.col-8{grid-column: span 8;}
.col-9{grid-column: span 9;}
.col-10{grid-column: span 10;}
.col-11{grid-column: span 11;}
.col-12{grid-column: span 12;}    
/*custome css*/
.wrap-1{background: var(--blue);color:var(--white); padding: 5rem 0;}
.wrap-2{background: var(--white);color:var(--black); padding: 5rem  0;}
.wrap-3{background: var(--blue);color:var(--white); padding: 5rem  0;}


/*Responsive*/
@media screen and (max-width:1280px) {
    
}
@media screen and (max-width:980px) {
    
}
@media screen and (max-width:767px) { /*phone landscape*/ 
    
}
@media screen and (max-width:480px) {
.col-p-1{grid-column: span 1;}
.col-p-2{grid-column: span 2;}            
.col-p-3{grid-column: span 3;}
.col-p-4{grid-column: span 4;}
.col-p-5{grid-column: span 5;}
.col-p-6{grid-column: span 6;}
.col-p-7{grid-column: span 7;}
.col-p-8{grid-column: span 8;}
.col-p-9{grid-column: span 9;}
.col-p-10{grid-column: span 10;}
.col-p-11{grid-column: span 11;}
.col-p-12{grid-column: span 12;}    
}