/* =============================================================
   global.css — Arobit Digital
   Site-wide base styles: reset, typography, layout utilities.
   Source: global_style.css
   ============================================================= */

body{ font-family: 'montserrat', sans-serif; margin:0; padding:0; color:#202122; font-size:14px;   }

 

*{box-sizing:border-box;-webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; -o-box-sizing:border-box; 
    -ms-box-sizing:border-box;padding:0;margin:0;}

.container{width:100% !important;max-width:1200px; margin:0 auto; padding-left:15px; padding-right:15px;}

/*.container-2{width:100% !important;max-width:1500px;margin:0 auto;padding: 0 15px;}*/
a{-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;
    transition:all 0.3s ease;-webkit-transition:all 0.3s ease-in-out; 
    -moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;color:#fff;cursor:pointer; text-decoration:none;}
a:hover, a:focus, a:active{outline:none; text-decoration:none; }
a:hover{color:#0681c1;}
ul, ol{list-style:none;padding:0;margin:0;}
li{display:inline;}
p { font-size:16px; line-height: 24px; color:var(--black-color); margin:0; padding: 0;  }
img{max-width:100%;height: auto;}
h1{ font-size:var(--font-size-52); font-weight:bold; line-height:62px; }
h2,h3,h4,h5,h6{ font-size:var(--font-size-32); font-weight:bold; line-height:42px; }

.bg-color-white { background:#fff !important; }
.bg-color-black { background:#000 !important; }
.bg-color-light-ass { background:#f8f8f8 !important; }


/*--color--*/


/* Container locked to 1200px on all screen sizes — no fluid override */
.bg-white { background:#05124c !important; }
.bg-black { background:#000 !important; }
.bg-blue-ass { background:#e8ecf3 !important; }
.bg-ass { background:#ecedee !important; }
.bg-blue { background:#05124c !important; }

@media screen and (max-width: 1230px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 991px) {
    .container {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (max-width: 767px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*@media screen and ( min-width:1299px ){

.container {
    width: 100% !important;
    max-width: 1170px;
    margin: 0 auto;
}



}*/

/*
@media (max-width: 1599px) {
    .container {
        max-width:calc(100vw - 270px)
    }
}

@media (max-width: 1439px) {
    .container {
        max-width:1170px
    }
}

@media (max-width: 1223px) {
    .container {
        max-width:calc(100vw - 54px)
    }
}

@media (max-width: 1023px) {
    .container {
        max-width:calc(100vw - 32px)
    }
}*/

/**/

/*====*/
/*====*/


/*///////////////////////////////////////////////*/