@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
@import"vendor/bootstrap.min.css";
@import"vendor/owl.carousel.min.css";
@import"vendor/animate.css";
@import"../fonts/font-awesome.min.css";
@import"vendor/jquery.mCustomScrollbar.min.css";


@font-face {
  font-family: 'ARIAL'; /* A name you choose to use later in your CSS */
  src: url('../fonts/ARIAL.TTF') format('ttf'); /* Path to the WOFF file */
  font-weight: 400;
  font-style: normal;
  font-display: swap; /* Optional: Controls font loading behavior for better performance */
}

@font-face {
  font-family: 'ARIAL'; /* A name you choose to use later in your CSS */
  src: url('../fonts/ARIBLK.TTF') format('ttf'); /* Path to the WOFF file */
  font-weight: 900;
  font-style: normal;
  font-display: swap; /* Optional: Controls font loading behavior for better performance */
}





    :root{
        --theme-color:#254560;
        --secoundary-color:#1a79be;
        --bg-color:#E8FCFF;
        --theme-font:"ARIAL";
        --header-font:"Archivo Black", sans-serif;
        --text-color:#000
    }


/* common css start */
body{font-size: 18px; line-height: 140%; color: var(--text-color); font-family:var(--theme-font) ; font-weight: 400; }
 a { transition: ease-in-out all 0.5s; -moz-transition: ease-in-out all 0.5s; -ms-transition: ease-in-out all 0.5s; -o-transition: ease-in-out all 0.5s; -webkit-transition: ease-in-out all 0.5s;    text-decoration: none; }
 ul{padding-left: 30px; margin-bottom: 20px;}
  ul.check-icon{list-style: none; padding-left: 0; margin-bottom: 21px;}
     ul.check-icon li:not(:last-of-type){margin-bottom: 15px;}
   ul.check-icon li{position: relative; padding-left: 25px;}
 ul.check-icon li:before{content: ""; background: url(../images/check-icon.svg) no-repeat; background-size: contain; height: 16px; width: 16px; position: absolute; left: 0; top: 5px;}
 p a, li a{color: var(--theme-color);}
svg path{transition: .5s ease;}

 a, button { transition: ease-in-out all 0.5s;-moz-transition: ease-in-out all 0.5s; -ms-transition: ease-in-out all 0.5s; -o-transition: ease-in-out all 0.5s; -webkit-transition: ease-in-out all 0.5s;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
 img{max-width: 100%;}
 p{margin-bottom: 30px;}
 p:last-child{margin-bottom: 0px;}

 html{font-size: 100%;}




h1,.title-one{line-height: 1.2; margin-bottom: 8px;}
h2,.title-two{font-size: 50px; font-weight: 900; color: #254560; line-height: 1.2;}
h3,.title-three{font-size: 40px; font-weight: 900; color: #254560; line-height: 1.2;}
h4,.title-four{font-size: 35px; font-weight: 900; color: #254560; line-height: 1.2;}
h5,.title-five{font-size: 30px; font-weight: 900; color: #254560; line-height: 1.2;}
h6,.title-six{font-size: 25px; font-weight: 900; color: #254560; line-height: 1.2;}



 /* bootstrap css */
 .row>*{padding-left: 15px; padding-right: 15px;}
 .row{margin-left: -15px; margin-right: -15px;}
 .container,.container-fluid{padding-left: 15px; padding-right: 15px;}

 .no-gutters{margin-left: 0; margin-right: 0;}
 .no-gutters>[class*=col-]{padding-left: 0; padding-right: 0;}
 .no-gutters>.col{padding-left: 0; padding-right: 0;}
 

 .custom-container {max-width: 1654px; padding-left: 15px; padding-right: 15px; margin: 0 auto;}
 .form-control:focus{box-shadow: none;}
 /* bootstrap css end */

 .mt-40{margin-top: 40px;}

 .mtb-150{margin-top: 150px; margin-bottom: 150px;}
 .mt-150{margin-top: 150px; }
 .mb-150{ margin-bottom: 150px;}

.ptb-150{padding-top: 150px; padding-bottom: 150px;}
 .pt-150{padding-top: 150px; }
 .pb-150{ padding-bottom: 150px;}
 .pb-60{padding-bottom: 60px;}

.ptb-100{padding-top: 100px; padding-bottom: 100px;}
.pt-100{padding-top: 100px; }
.pb-100{ padding-bottom: 100px;}

.pt-70{padding-top: 70px;}
.pt-10{padding-top: 10px;}
.pb-50{padding-bottom: 50px;}

.blue-bg{background: var(--theme-color);}



.common-btn:hover{background-color:#000;border: 1px solid #000; }
.common-btn { border-radius: 0; width: fit-content; background-color: var(--secoundary-color); border: 1px solid var(--secoundary-color); transition: .5s ease; font-size: 20px; padding: 15px 28px; color: #fff;  font-weight: 900; display: inline-block;}
.common-btn.border-btn {border: 1px solid var(--theme-color); background-color: transparent;}
.common-btn.border-btn:hover { background-color:var(--theme-color);border: 1px solid var(--theme-color) !important;}

.bg-overly{position:fixed; top: 0; left: 0; visibility: hidden; opacity: 0; height: 100vh; width: 100%; background-color: #000000b0;z-index: 0; z-index: 1; }
.small-btn{padding: 11px 20px;}
input:focus{box-shadow: none !important;}

/* .owl-dots{position: absolute; bottom: 33px; left: 0; right: 0; margin: 0 auto; display: flex; justify-content: center;}
.owl-dots button{height: 16px; width: 16px; background-color: var(--theme-color) !important; border: 4px solid var(--theme-color) !important; margin: 7px; border-radius: 100%;}
.owl-dots button.active{ background-color: #fff !important; border: 4px solid var(--theme-color) !important; margin: 7px; border-radius: 100%;} */
/* section shape start  */
.section-shape{position: relative;z-index: 1;}
.section-shape:before{background: url(../../assets/images/section-shape.svg) no-repeat;z-index: -1; background-position: right bottom 23px !important;  background-size: auto !important; height: 100%; width: 100%; position: absolute; left: 0; top: 0; content: "";}
/* section shape end */
 
.owl-carousel .owl-stage{display: flex;}
.item{height: 100%;}
.item img{height: 100%;}
/* common css end  */

/* search page start */
.search-page h2,.search-page h3{margin-bottom: 15px;}
.search-page h2 a,.search-page h3 a{color: var(--theme-color); text-decoration: underline;}
.search-page h2 a:hover,.search-page h3 a:hover{text-decoration: none;}
/* search page end */

/* cms page start */
.cms-page h2,.cms-page h3{margin-bottom: 12px;}
.cms-page ul li{padding-bottom: 8px;}
.cms-page ul li:last-child{padding-bottom: 0;}
/* cms page end */

/* 404 page start */
.page-404 h1{color: var(--theme-color);}
/* 404 page end */

/* responsive css start  */

@media(min-width:1750px){
  .container{max-width: 1680px;}

}


@media(max-width:1749px) and (min-width:1350px){
    .container{max-width: 1300px;}
}
/* responsive css end  */

@media(max-width:1749px){

  .ptb-150 { padding-top: 130px; padding-bottom: 130px;}
  .pb-150{padding-bottom: 130px;}
  .pt-150{padding-top: 130px;}

 

}

@media(max-width:1350px){

  .ptb-150 { padding-top: 100px; padding-bottom: 100px;}
  .pb-150{padding-bottom: 100px;}
  .pt-150{padding-top: 100px;}
  h2, .title-two{font-size: 45px;}
  h3, .title-three{font-size: 35px;}
h4,.title-four{font-size: 30px; font-weight: 900; color: #254560; line-height: 1.2;}
h5,.title-five{font-size: 25px; font-weight: 900; color: #254560; line-height: 1.2;}
h6,.title-six{font-size: 20px; font-weight: 900; color: #254560; line-height: 1.2;}

}

@media(max-width:1199px){

  .common-btn {  padding: 12px 22px; font-size: 17px;}
  .ptb-150 { padding-top: 80px; padding-bottom: 80px;}
  .pb-150{padding-bottom: 80px;}
  .pt-150{padding-top: 80px;}
  h2, .title-two{font-size: 40px;}
  h3, .title-three{font-size: 30px;}
h4,.title-four{font-size: 26px; font-weight: 900; color: #254560; line-height: 1.2;}
h5,.title-five{font-size: 22px; font-weight: 900; color: #254560; line-height: 1.2;}
h6,.title-six{font-size: 18px; font-weight: 900; color: #254560; line-height: 1.2;}


  .pt-70{padding-top: 50px;}
  .pb-100{padding-bottom: 60px;}
  .pt-100{padding-top: 60px;}
  .pb-50{padding-bottom: 30px;}

}

@media(max-width:991px){

  .common-btn { padding: 9px 20px; font-size: 16px;}
   .ptb-150 { padding-top: 50px; padding-bottom: 50px;}
  .pb-150{padding-bottom: 50px;}
  .pt-150{padding-top: 50px;}
  h2, .title-two{font-size: 30px;}
  h3, .title-three{font-size: 27px;}
  h4,.title-four{font-size: 24px; font-weight: 900; color: #254560; line-height: 1.2;}
h5,.title-five{font-size: 20px; font-weight: 900; color: #254560; line-height: 1.2;}

  p{margin-bottom: 20px;}
  .pt-70{padding-top: 40px;}
  .pb-100{padding-bottom: 40px;}
  .pt-100{padding-top: 40px;}

}

@media(max-width:767px){

  .common-btn { padding: 7px 18px; font-size: 15px;}
   .ptb-150 { padding-top: 35px; padding-bottom: 35px;}
  .pb-150{padding-bottom: 35px;}
  .pt-150{padding-top: 35px;}
  h2, .title-two{font-size: 26px;}
  h3, .title-three{font-size: 24px;}
  h4,.title-four{font-size: 22px; font-weight: 900; color: #254560; line-height: 1.2;}
h5,.title-five{font-size: 18px; font-weight: 900; color: #254560; line-height: 1.2;}
h6,.title-six{font-size: 17px; font-weight: 900; color: #254560; line-height: 1.2;}

  p{margin-bottom: 16px;}
  body{font-size: 16px;}

  .pt-70{padding-top: 35px;}
  .pb-100{padding-bottom: 35px;}
  .pt-100{padding-top: 35px;}

  /* cms page start */
.cms-page h2,.cms-page h3{margin-bottom: 8px;}
/* cms page end */

}

@media(max-width:575px){

  .common-btn { padding: 6px 16px; font-size: 14px;}
   .ptb-150 { padding-top: 25px; padding-bottom: 25px;}
  .pb-150{padding-bottom: 25px;}
  .pt-150{padding-top: 25px;}
  h2, .title-two{font-size: 24px;}
  h3, .title-three{font-size: 22px;}
  h4,.title-four{font-size: 20px; font-weight: 900; color: #254560; line-height: 1.2;}
h5,.title-five{font-size: 17px; font-weight: 900; color: #254560; line-height: 1.2;}
h6,.title-six{font-size: 16px; font-weight: 900; color: #254560; line-height: 1.2;}


  body{font-size: 15px;}
  .pt-70{padding-top: 25px;}
  .pb-100{padding-bottom: 25px;}

}