* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body{
    overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6,p{
    padding: 0;
    margin: 0;
}

@font-face {
    font-family:Alice-Regular;
    src: url('../fonts/Alice/Alice-Regular.ttf');
} 

@font-face {
    font-family:Poppins-Regular;
    src: url('../fonts/Poppins/Poppins-Regular.ttf');
}

@font-face {
    font-family:Poppins-light;
    src: url('../fonts/Poppins/Poppins-Light.ttf');
}
@font-face {
    font-family:Poppins-Thin;
    src: url('../fonts/Poppins/Poppins-Thin.ttf');
}

@font-face {
    font-family:Poppins-Medium;
    src: url('../fonts/Poppins/Poppins-Medium.ttf');
}

@font-face {
    font-family:Montserrat-Light;
    src: url('../fonts/Montserrat/static/Montserrat-Light.ttf');
}
@font-face {
    font-family:Montserrat-Regular;
    src: url('../fonts/Montserrat/static/Montserrat-Regular.ttf');
}
body{background-color: #2C1703 ;}

.common-bg-clr{ background:linear-gradient( to bottom, #2C1703 10%, #924C0A 100%);background-attachment: fixed;}
.section-BA{position: relative; padding-top: 75px;}
.txt-center-rotate{ transform: rotate(270deg);
        color: rgba(255, 255, 255, 0.68);
    text-align: center;
    font-family: Alice-Regular;
    font-size: 50px;
    line-height: 180%;
    letter-spacing: 0.875px;  display: inline-block;
}
 
.section-BA:after{
       content: "";
    position: absolute;
    width: 8px;
    border-radius: 10px;
    height: 8px;
    background: #fff;
        left: 48.5%;
    top: 19%;  
}
.section-BA:before{
        content: "";
    position: absolute; 
    left: 50%;
    bottom: 0.75%; 
    width: 88%;
    height: 80%;
    border-left: 1px dashed #fff;
    border-bottom: 1px dashed #fff;
}

.karnika-banner-section {
    width: 100%;
    /*background:linear-gradient(90deg, #2c1703 0%, #2c1703 100%);*/
    position: relative;
}
.rounder-1001{border-radius: 8px 0 0 8px;}
.rounder-0110{border-radius: 0 8px 8px 0;}

/* .karnika-banner-section img{
    width: 100%;
} */
a.btn-knowmore-clr{    color: #FFF;position: relative;
    font-family: Alice-Regular;
    font-size: 20px;
    line-height: 125%;
    letter-spacing: 0.35px;
    border-radius: 10px;
    background: #000;
    padding: 9px 15px;
    text-decoration: none; display: inline-block;
    /*width: 144px;height: 41px;*/
  }

.btn-knowmore-clr-main {
   /* position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;*/
    background: linear-gradient(to right, #824E2B, #fff);
   /* content: '';
    z-index: -1;*/
    border-radius: 10px;  margin:0 60px 0 0 ;padding: 1px;
    /*width: 146px;height: 43px;*/
}

.karnika-logo-left {
    width: 180px;
    position: absolute;
    top: 25px;
    left: 40px;
}

.karnika-logo-right img{width: 160px;}
.karnika-logo-right {
    width:400px;
    position: absolute;
    top: 40px;
    right: 78px;
    display: flex;
    align-items: center;justify-content: end;}

.karnika-banner-section h1 {
    color: #FFF;
    font-family:Alice-Regular;
    font-size: 30px;
    line-height: 140%;
    letter-spacing: 0.525px;
    position: absolute;
    bottom: 142px;
    width: 100%;
    text-align: center;
}

/* .karnika-banner-section END   */

.karnika-content {
    width: 100%;
    /*background: linear-gradient(0deg, #2C1703 0%, #2c1503 100%);*/
    padding: 71px 0 55px 0;
    position: relative;
}

.karnika-content-logo {
    width: 644px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.ancare {
    position: relative;
}

.ancare::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 200px;
    background-color: #fff;
    top: -185px;
}

.ancare::before {
     content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    top: -197px;
    border-radius: 50%;
    left: 49.23%;

}


.karnika-content p { 
    width: 58.3%;
    text-align: center;
        color: #c9c9c9;
    font-family: 'Poppins-light';
    font-size: 15px;
    line-height: 200%; /* 28.8px */
    letter-spacing: 0.8px;
    margin: 0 auto;
    padding: 19px 0 30px 0;
    position: relative;
    z-index: 1;
    /*-webkit-text-stroke-width: 0.50px;*/
    /* letter-spacing: 0.89px; */
    font-weight: 400;
}
.karnika-content-side-logo-r {
    width: 207px;
    position: absolute;
    bottom: -75px;
    right: 0;
}
.karnika-content-side-logo {
    width: 306px;
    position: absolute;
    top: 95px;
    left: 0;
}

/* .karnika-content-side-logo img{
    width:100%;
} */

/* .karnika-content END    */
/*.box-section-linear {background: linear-gradient(180deg, #2C1703 0%, #5A2E06 91%,  #1D1100 0%);}*/
.min-w-add{min-width: 100%; }
 
.karnika-banner-section {
    /*height: 800px;  Initial height while the image is loading */
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner-bc {
    max-width: 100%;
    height: auto;
}

 
.box-section {
    /*width: 100%;*/
    background: url('../images/box-section-background-image.jpg') right/contain no-repeat; /* First image */
    padding: 48px 0;
    position: relative;
    padding: 48px 0 57px 0;
        background-size: 77% 100%;z-index: 1;
}

.box-section-linear {position: relative;}
.box-section-linear::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 8%;
    background-color: #1d1100;
    bottom: 0px;
    left: 0px;
}

.box-section h3.main-title {display: none;
    color: rgba(255, 255, 255, 0.68);
    text-align: center;
    font-family:Alice-Regular;
    font-size: 30px;
    line-height: 180%; /* 90px */
    letter-spacing: 0.875px; 
}
.box-section h2 {
    color: rgba(255, 255, 255, 0.68);
    text-align: center;
    font-family:Alice-Regular;
    font-size: 50px;
    line-height: 180%; /* 90px */
    letter-spacing: 0.875px;
    transform: rotate(-90deg);

    transform: matrix(0, -1, 1, 0, -9, -18);
    white-space: nowrap;
    /* display: block; */
    position: relative;
    top: 7%;
}
.another-after:after{
       content: "";
    position: absolute;
    width: 1px;
    height: 160px;
    border-right: 1px dashed #ffffff;
    bottom: -115px;
    right: 1299px;
}
.box-section h2:after{
    content: "";
    position: absolute;
    width: 8px;
    border-radius: 10px;
    height: 8px;
    background: #fff;
    bottom: 0px;
    right: 230px;
    top: 47%;
}
 
.box-section h2:before{
        content: ""; 
    position: absolute;
    width: 1068px;
    height: 1px;
    border-bottom: 1px dashed #fff; 
    bottom: 0px; 
    right: 230px;
        top: 50%;
}
.box {
    background-color: rgb(255 255 255 / 90%);
    border-radius: 5px 70px 5px 5px;
    padding: 26px;
    position: relative;
    margin: 0 0 58px 0;
}

.box-two p{
    width: 90%;
}

.box h3 {
    color: #502204;
     font-family: 'SF Pro Display Semibold';
    font-size: 22px;
    line-height: 125%; /* 27.5px */
    letter-spacing: 0.385px;
}

.box p {
    color: #000;
    font-family: Poppins-Regular;
    font-size: 14px;
    line-height: 180%; /* 25.2px */
    letter-spacing: 0.42px;
    padding: 25px 0 32px 0;
    position: relative;
}

.box ul {
    padding-left: 1rem !important; 
}

.box ul li {
    color: #6E3614;
    font-family:Poppins-Medium;
    font-size: 14px;
    line-height: 180%; /* 25.2px */
    letter-spacing: 0.42px;
}

.box-icon {
    width: 70.605px;
    height: 97.007px;
    position: absolute;
    top: -26px;
    right: 0;
}

/* .box-icon img {
    width: 100%;
} */

.small-B-line a, a.btn-knowmore-dark {
    color: #FFF;
  font-family: Alice-Regular;
  font-size: 20px;
  line-height: 125%;
  letter-spacing: 0.35px;
  border-radius: 10px;
  background: #000;
  padding: 8px 12px;
  text-decoration: none;
  margin: 0 20px 0 0;
}

.small-B-line {
    display: flex;
    align-items: center;
    width: 100%; 
}

.small-B-line::before {
    content: '';
    flex: 4; /* Adjusted to take 40% of the available space */
    height: 1px;
    border-bottom: 1px dashed #FFF;
}

.small-B-line a.btn-knowmore-dark {
    flex: 1; /* Takes remaining space */
    text-align: center; /* Center align the link within its space */
}

.small-B-line::after {
    content: '';
    flex: 6; /* Adjusted to take 60% of the available space */
    height: 1px;
    border-bottom: 1px dashed #fff;
}

/* box-section END   */

.Conditions {
    background: linear-gradient(180deg, #1D1100 3%, #502B17 100%);
    padding: 30px 0 0 0;
}

.Conditions h1 {
    color: #FCFCFC;
     font-family: 'SF Pro Display Thin';
    font-size: 29px;
    line-height: 180%; /* 72px */
    letter-spacing: 1.6px;
    padding: 25px 0 15px 0;-webkit-text-stroke-width: 0.1px;
}

.Conditions ul {
    padding: 0 0 60px 0;
    margin-bottom: 0 !important;
    padding-left: 2rem !important;
}


.Conditions ul li {
           color: #bbbbbb;
    font-family: 'Poppins-light';
    font-size: 13px;
    line-height: 170%;
    letter-spacing: 1.2px;
    padding: 0px 0 15px 0;
    /*-webkit-text-stroke-width: 0.2px;*/
}

/* .Conditions end  */

.contact {
    background-image: url(../images/contact.jpg);
    background-size: cover;
    background-position: center;
    padding: 75px 0 49px 0;
}

.loc-icon {
    width: 53.714px;
    height: 53.714px;
    margin-bottom: 12px;
    margin-left: 50%;
    transform: translateX(-50%);
}

/* .loc-icon img {
    width: 100%;
} */


.contact .content {
    font-family: Poppins-light ;
    color: #FFF;
    text-align: center;
}

.contact h5 {color: #BCBCBC !important; font-family:Poppins-Medium !important;
    font-size: 20px;
    line-height: 180%; /* 36px */
    letter-spacing: 0.6px;
    padding-bottom: 19px;
}

.contact a {
    text-decoration: none;
}

.contact h6:nth-child(1) {
    padding: 3px 18px;
}

.contact h6:nth-child(2) {
    padding: 3px 18px;
    border-left: none;
}

.contact h6 {color: #BCBCBC !important;font-family:Poppins-Medium !important;
    font-size: 17px;
    line-height: 180%; /* 32.4px */
    letter-spacing: 0.54px;
    border: 1px solid;
}
.border {
    border-color: #BCBCBC !important;
}
.contact h4 {color: #BCBCBC !important;font-family:Poppins-Medium !important;
    font-size: 18px;
    line-height: 180%; /* 28.8px */
    letter-spacing: 0.48px;
    padding: 19px 0 25px 0;
}
 
.contact h3 {color: #BCBCBC !important;font-family:Poppins-Medium !important;
    font-size: 19px;
    line-height: 180%; /* 34.2px */
    letter-spacing: 0.57px;
    margin-bottom: 19px;
    position: relative;
}

.contact h3::after {
    content: "";
    position: absolute;
    width: 33%;
    height:1px;
    background-color: #9b9b9b;
    top: 50%;
    right: 115px;
}

.contact h3::before {
    content: "";
    position: absolute;
    width: 33%;
    height: 1px;
    background-color: #9b9b9b;
    top: 50%;
    left: 115px;
}

.contact p {
    color: #FFF;
     font-family:Montserrat-Light;
    font-size: 15.489px;
    line-height: 180%; /* 29.68px */
    letter-spacing:1px;
    text-align: center;
    padding-bottom: 39px;
}

.contact button {font-family:Poppins-Regular !important;
    font-size: 14px;
    line-height: 180%; /* 25.2px */
    letter-spacing: 0.42px;
    border-radius: 15px;
    border: 0.895px solid #18A9C9;
    background: transparent;
    padding: 3px 15px;
    margin-left: 50%;letter-spacing: 1px;
    transform: translateX(-50%);
}

footer {
    padding:7px 0;
    background-color: #1F1C1A;
}

footer a{
    color: #ddd;
    text-align: center;
  font-family:Montserrat-Regular;
    font-size: 12px;
    line-height: 180%; /* 23.4px */
    letter-spacing: 0.5px;
    text-decoration: none;
}

/* footer END  */

a.btn-knowmore-dark{
    position: relative;
    }
     
    a.btn-knowmore-dark::after {
        position: absolute;
  top: -1px;
  bottom: -1px;
  left: -2px;
  right: -1px;
  background: linear-gradient(to right, #824E2B, #fff);
  content: '';
  z-index: -1;
  border-radius: 10px;
    }




/* RESPONSIVE START   */

@media (min-width:1551px) {
  

    .karnika-banner-section {
        max-width: 1500px;
        margin: 0 auto;
    }
    .karnika-content {
        max-width: 1500px;
        margin: 0 auto;
    }
    .box-section-linear {
        max-width: 1500px;
        margin: 0 auto;
    }
    .box-section {
        max-width: 1500px;
        margin: 0 auto;
    }
    .Conditions {
        max-width: 1500px;
        margin: 0 auto;
    }

    .contact {
        max-width: 1500px;
        margin: 0 auto;
    }

    footer {
        max-width: 1500px;
        margin: 0 auto;
    }
 

}

@media (min-width:1400px) and (max-width: 1424px) {
  /*.another-after:after { right: 1255px;}
.box-section h2:before { width: 1024px;}*/
.box-b-1, .box-b-2{height: 335px;}
.box-b-3, .box-b-4{height: 362px;}
.box-b-5, .box-b-6{height: 362px;}


}
/*@media (min-width:1425px) and (max-width: 1499px) {
  .another-after:after { right: 1262px;}
.box-section h2:before { width: 1030px;}
}
@media (min-width:1500px) {
  .another-after:after { right: 1262px;}
.box-section h2:before { width: 1030px;}
}*/
@media (min-width:991px) and (max-width:1199px) {
.box-section { background-size: 66.5% 100%;}

}
@media (max-width:1199px) {
    .small-B-line::before {
        flex: 9;
    }

    .small-B-line a.btn-knowmore-dark {
        flex: 2;
        text-align: center;
    }

    .contact h3::after {
        right: 92px;
    }

    .contact h3::before {
        left: 92px;
    }
}

@media (max-width:1299px) {
.karnika-logo-left {
    width: 152px;
}
}
@media (max-width:1024px) {
    .karnika-banner-section h1 {
        bottom: 114px;
    }

    .karnika-logo-left {
        width: 230px;
    }

    /*.karnika-logo-right {
        width: 125px;
    }*/

    /* karnika-banner-section end  */

    .ancare::after {
        height: 171px;
        top: -159px;
    }

    .ancare::before {
        top: -173px;
    }
}

@media (max-width:991px) {

.section-BA{position: relative; padding-top: 0px;}
.txt-center-rotate, .section-BA:after,.section-BA:before{ display: none;}

      .karnika-logo-left {
    width: 110px;
  }
    .karnika-logo-right {
    width: 302px;
    display: flex;
    justify-content: end;
  }
  .btn-knowmore-clr-main{
    margin: 0 25px 0 0;
  }
  a.btn-knowmore-clr { 
  font-size: 16px;  
  padding: 7px 15px;}
.karnika-logo-right img {
  width: 115px;
}
 .box-section {
    padding:25px 25px 50px 25px;
  }

    .karnika-content-side-logo-r { 
  right: 0px;
}
    .karnika-logo-left {
        top: 10px;
    }

    .karnika-logo-right {
        top: 18px;
    }

    .karnika-banner-section h1 {
        font-size: 26px;
        bottom: 92px;
    }

    /* karnika-banner-section end  */

    .karnika-content p {
        width: 80.3%;
        padding: 19px 0 40px 0;
    }

    .karnika-content-side-logo {
        width: 219px; opacity: 0.5;
    }
 .karnika-content-side-logo-r {
        width: 219px; opacity: 0.5;
    }
 
    .box-section h2{display: none;}
    .box-section h3.main-title{display: block; font-size: 40px;}
    .box-section { background-size: cover;
    background-attachment: fixed;}

    .small-B-line::before { flex: 6; } 
    .small-B-line a.btn-knowmore-dark { flex: 4;  } 
    .small-B-line::after { flex: 6;}



    .Conditions h1 {
        padding: 0px 0 15px 0;
    }

    .Conditions ul {
        padding: 0 0 50px 0;
    }

    .contact h3::before {
        left: 60px;
    }

    .contact h3::after {
        right: 60px;
    }

    /* .box h3 br {
        display: none;
    } */

    .karnika-content  {
        padding: 50px 0 10px 0;
    }

    /*.ancare::before {
        display: none;
      }

      .ancare::after{
        display: none;
      }*/
       .ancare::before {
    top: -135px;
  }
    .ancare::after {
    height: 110px;
    top: -125px;
  }

}

@media (max-width:768px) {

.section-BA{position: relative; padding-top: 0px;}
.txt-center-rotate, .section-BA:after,.section-BA:before{ display: none;}

    .Conditions h1 {padding-top: 2rem;}
       .karnika-logo-right {
    width: 55%;
    display: flex;
    justify-content: end;
  }
  .Conditions {  padding: 0;}
.btn-knowmore-clr-main {
    margin: 0 20px 0 0;
}
     a.btn-knowmore-clr { font-size: 14px; padding: 6px 12px;}
    .karnika-logo-right img { width: 100px;}

  .box-section {
    padding:25px 25px 0px 25px;
  }
.karnika-content-side-logo-r { 
  right: 0px;
}
    .karnika-logo-left {
        left: 0;width: 100px;
    }

    .karnika-logo-right {
        right: 15px;
    }

    .karnika-banner-section h1 {
        font-size: 20px;
        bottom: 50px;line-height: 26px; padding: 1px 30px;
    }

   

   

    .banner-bc {
        height: 400px;
        object-fit: cover;
    }

    /* karnika-banner-section end  */

    .karnika-content p {
        width: 92.3%;
    }

    .karnika-content-logo {
        width: auto;
    }
     
    .box, .box-space { margin: 0 20px 58px;  }
    .box-section h2{display: none;}
    .box-section h3.main-title{display: block;}
    .box-section { background-size: cover;
  background-attachment: fixed;}

    .contact h3::before {
        left: 31px;
    }

    .contact h3::after {
        right: 31px;
    }

      .ancare::before {
    top: -98px;
  }
    .ancare::after {
    height: 95px;
    top: -90px;
  }


    .box h3 br {
        display: none;
    }
        .karnika-content p {
        padding: 19px 0 30px 0;}
}
 
@media (max-width:600px) {

.section-BA{position: relative; padding-top: 0px;}
.txt-center-rotate, .section-BA:after,.section-BA:before{ display: none;}

    .box{height: 380px !important;}
    .img-mbl-80{width: 90%;}
    .box p { width: 80%;} 
    .contact h6 {font-size: 16px;
  padding: 2px 12px !important;
}
.contact h4 { font-size: 16px;}

/* .karnika-logo-left img{width: 80%;} */
/* .karnika-logo-right img{width: 80%;} */
    .banner-bc {
        height: 280px;
        object-fit: cover;
        width: 100%;
    }
  .box-section {
    padding: 25px 25px 0px 25px;
  }
    .karnika-logo-left {
        width: 18%;
    }
.karnika-content-side-logo-r { right:0px;}
     .karnika-logo-right {
    width: 55%;
    display: flex;
    justify-content: end;
  }
  .Conditions {  padding: 0;}
.btn-knowmore-clr-main{margin: 0 10px 0 0;}
     a.btn-knowmore-clr { font-size: 12px; padding: 6px 10px;}
    .karnika-logo-right img { width: 68px;}

    .karnika-content p {
        padding: 19px 0 30px 0;
        font-size: 14px;
        line-height: 165%;
    }
    .box, .box-space { margin: 0 20px 58px;  }
    .box-section h2{display: none;}
    .box-section h3.main-title{display: block;}
    .box-section {background-size: cover;
  background-attachment: fixed;}

    .Conditions {
        padding:0;
    }

    .Conditions h1 {padding-top: 2rem;
        font-size: 28px;
    }

    .Conditions ul li {
        font-size: 14.489px;
    }

    .Conditions ul {
        padding: 0 0 40px 0;
    }

    .contact h4 {
        padding: 19px 0 23px 0;
    }

    .contact {
        padding: 40px 0 49px 0;
    }



    .contact p {
        font-size: 14.489px;
    }

    .small-B-line a.btn-knowmore-dark {
        flex: 6;
    }
      /*.border-end-0{border: 1px solid transparent !important;}  */
      footer a{padding: 3px;}
       .ancare::before {
    display: none;
  }
    .ancare::after {
  display: none;
  }

    .karnika-content {
        padding: 42px 0 5px 0;
    }
    .box h3{width: 80%;}
    .small-B-line a {
        padding: 6px 3px;
        font-size: 16px;
    }
    /* .karnika-banner-section h1 {
        line-height: 140%;
    }

    .karnika-content p {
        line-height: 110%; 
    } */

   /* .ancare::before {
        display: none;
      }

      .ancare::after {
        display: none;
      }*/

      /*.box-section {
        overflow-y: hidden;
    }*/
}

@media (max-width:524px) {
    .contact h3::before {
        left: 20px;
    }

    .contact h3::after {
        right: 20px;
    }
}

@media (max-width:460px) {
  
 
    

    /* karnika-banner-section end  */

    .box-section {
        padding: 20px 0px 0px 0px;
    }

    .box-section h3.main-title {
        font-size: 35px;
    }

    .footer {
        flex-direction: column;
    }

    .contact h3::before {
        left: 4px;
    }

    .contact h3::after {
        right: 4px;
    }
    
    
}

  

@media (max-width:326px) {
    .small-B-line a.btn-knowmore-dark {
        flex: 8;
    }

    .contact h3::before {
        display: none;
    }

    .contact h3::after {
        display: none;
    }
}

@media  (min-width:1400px) {
.box-b-2{ height: 337px;}
}

@media  (min-width:768px) and (max-width:807px) {
.box-b-1, .box-b-2{ height: 337px;} 
/*.box-b-3, .box-b-4{ height: 360px;}*/
/*.box-b-5, .box-b-6{ height: 410px;}*/
}
@media  (min-width:768px) and (max-width: 962px) {
/*.box-b-1, .box-b-2{ height: 339px;}*/
.box-b-3, .box-b-4{ height: 360px;}
/*.box-b-5, .box-b-6{ height: 410px;}*/
}
@media  (min-width:768px) and (max-width: 931px) {
/*.box-b-1, .box-b-2{ height: 339px;}*/
/*.box-b-3, .box-b-4{ height: 360px;}*/
.box-b-5, .box-b-6{ height: 362px;}
}
@media  (min-width:991px) and (max-width: 1399px) {
.box-b-1, .box-b-2{ height: 339px;}
/*.box-b-3, .box-b-4{ height: 410px;}*/
/*.box-b-5, .box-b-6{ height: 410px;}*/
}
@media  (max-width: 600px) {
 
.box-b-1 ul, .box-b-2 ul{
  padding-top: 10px;
}
}
@media  (min-width:601px) and (max-width: 767px) {
.box-b-1, .box-b-2{ height: auto;}
.box-b-3, .box-b-4{ height: auto;}
.box-b-5, .box-b-6{ height: auto;} 
.box-b-1 ul, .box-b-2 ul{
  padding-top: 10px;}
}
@media  (min-width:768px) and (max-width: 990px) {
.box-b-1, .box-b-2{ height: 390px;}
.box-b-3, .box-b-4{ height: 390px;}
.box-b-5, .box-b-6{ height: 390px;} 
.box-b-1 ul, .box-b-2 ul{
  padding-top: 10px;}
  .box {  margin: 0px 10px 58px 0px;}
}

@media  (min-width:991px) and (max-width: 1199px) {
.box-b-1, .box-b-2{ height: 380px;}
.box-b-3, .box-b-4{ height: 390px;}
.box-b-5, .box-b-6{ height: 390px;} 
.box-b-1 ul, .box-b-2 ul{
  padding-top: 10px;
}
.box {  margin: 0px 10px 58px 0px;}
}
@media  (min-width:1200px) and (max-width: 1351px){
.box-b-1, .box-b-2{ height: 380px;}
.box-b-3, .box-b-4{ height: 390px;}
.box-b-5, .box-b-6{ height: 390px;}
.box-b-1 ul, .box-b-2 ul{
  padding-top: 10px;
}
    .col-xl-6.mq-1243-w {
        flex: 0 0 auto;
        width: 55% !important;
    }
    .box {  margin: 0px 10px 58px 0px;}
    .box h3 { width: 80%; }
 
}

@media  (min-width:1352px) and (max-width: 1399px){
.box-b-1, .box-b-2{ height: 380px;}
.box-b-3, .box-b-4{ height: 390px;}
.box-b-5, .box-b-6{ height: 390px;}
.box-b-1 ul, .box-b-2 ul{
  padding-top: 10px;
}
.box h3 { width: 80%; }
    .col-xl-6.mq-1243-w {
        flex: 0 0 auto;
        width: 52% !important;
    }
    .box { margin: 0px 10px 58px 0px;}
 
}
@media  (min-width:1400px) and (max-width: 1550px){
.box-b-1, .box-b-2{ height: 380px;}
.box-b-3, .box-b-4{ height: 390px;}
.box-b-5, .box-b-6{ height: 390px;}
.box-b-1 ul, .box-b-2 ul{
  padding-top: 10px;
}
.box h3 { width: 80%; }
    .col-xl-6.mq-1243-w {
        flex: 0 0 auto;
        width:49% !important;
    }
     .box { margin: 0px 10px 58px 0px;}
  

}

@media  (min-width:1551px) {
.box-b-1, .box-b-2{ height: 380px;}
.box-b-3, .box-b-4{ height: 390px;}
.box-b-5, .box-b-6{ height: 390px;}
.box-b-1 ul, .box-b-2 ul{
  padding-top: 10px;
}
.box h3 { width: 80%; }
    .col-xl-6.mq-1243-w {
        flex: 0 0 auto;
        width: 49% !important;
    } 
    .box { margin: 0px 10px 58px 0px;}
     
}
@media  (min-width:1400px) {
 
    .contact h3::before { width: 370px; left: 201px;}
    .contact h3::after { width: 370px; right: 201px;}

}

@media  (min-width:1200px) and (max-width: 1277px) {
.small-B-line a.btn-knowmore-dark {
    flex: inherit;}
}
  
@media (max-width: 360px) {
  .contact h6 {
    font-size: 14px; 
  }
}