body{
  font-family: "EB Garamond", serif;
}
/* Universell */
.pb-xl-24{
  padding-bottom: 3rem;
}

section {
  padding: 60px 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "EB Garamond", serif !important;
}

.pt-xl-15, .py-xl-15 {
  padding-top: 4rem;
}

.title03{
  text-align: left !important;
}

.page-title-section {
  padding: 120px 0;
 
}

/* Header */
.b_response{
  width: 100%;
  justify-content: space-between;
}

/* Home */
.testimonial-style1 .owl-nav{
  display: block !important;
  text-align: left;
  display: flex !important;
}



.font14{
  font-size: 14px;
}

.fs20{
  font-size: 20px;
  font-weight: 500;
}

.fs18{
  font-size: 18px;
}

.tjustify{
  text-align: justify;
}

.section-heading{
  text-align: left;
}

.img_b{
  overflow: hidden;
  border-radius: 5px;
}
.img_b img:hover{
  transform: scale(1.1);
}

.img_b img{
  transition: 0.3s;
  border-radius: 5px;
}


.blog_contant .card-body h5{
  font-size: 22px !important;
}

.testimonial-style1 .owl-nav button{
   width: 40px;
   height: 40px;
   border-radius: 50% !important;
   background-color: #6d8c54 !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center;

   top: -200px;
   position: absolute;
   right: 0;
  }

  .title{
    font-size: 30px !important;
    font-weight: 700 !important;
  }

  .title02{
    font-size: 44px !important;
    font-weight: 700 !important;
  }

  .title03{
    font-size: 40px !important;
    font-weight: 600 !important;
  }

  /* .mt16{
    margin-top: 10px;
  } */

  .testimonial-style1 .owl-nav button.owl-prev{
    right: 50px;
  }

  .testimonial-style1 .owl-nav button span{
    color: #fff;
  }

  .testimonial-style1 .owl-nav button:hover{
    background-color: #efb443 !important;
   }

   .countSection{
    margin-top: 60px !important;
   }

   .primary_color{
    color: #6d8c54;
   }

   .text1{
    font-size: 20px !important;
    color: #efb443;
    line-height: 30px;
    font-size: 400 !important;
   }

   .text2{
    font-size: 32px !important;
    color: #fff;
    font-weight: 600;
   }

   .bg-white-opacity{
    background-color: inherit !important;
   }

   .quote-hd{
    position: relative;
   }

   .quote-hd .quotes1{
    position: absolute;
    top: -40px;
    left: -20px;
    font-size: 30px;
    color: #efb443;
   }

   .quote-hd .quotes2{
    display: inline-block;
    font-size: 30px;
    color: #efb443;
    
   }

   .font40{
    font-size: 38px;
   }

   .st01{
    font-size: 20px;
    color: #6d8c54;
    background-color: #efb443;
    font-weight: bold;
    padding: 2px 20px;
   }

   .page-title-section h1{
    font-size: 44px;
   }

   .st02{
    font-size: 20px;
    color: #efb443;
    background-color: #6d8c54;
    font-weight: bold;
    padding: 2px 20px;
   }

   .fixed_bg{
    background-attachment: fixed;
    background-repeat: no-repeat;
   }

   .whatsApp{
    position: fixed;
    right: 20px;
    bottom: 50px;
    z-index: 999999;
   }

   .whatsApp i{
   font-size: 40px;
   color: #6d8c54;
   position: relative;
   /* background-color: #fff; */
   }

   .whatsApp i:hover{
    color: #efb443;
   }

   .whatsApp i::after{
    content: "";
    position: absolute;
    display: block;
    width: 26px;
    height: 26px;
    background-color: #fff;
    right: 7px;
    bottom: 7px;
    border-radius: 50%;
    z-index: -1;
   }
 

/* ------------ ABOUT PAGE STYLES -------------- */
.about_banner2 p{
margin-bottom: 26px;
}
.about_banner-inner{
    border-radius: 5px;
    overflow: hidden;
}

.about_banner-inner img{
    transition: 0.3s;
}

.about_banner-inner img:hover{
transform: scale(1.1);
}

.certification_block{
    padding: 54px 20px 0px 20px;
    position: relative;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    min-height: 100%;
}



.certification_block ul li{
    list-style-type: none;
    transition: 0.3s;
    margin-bottom: 10px;
    position: relative;
    padding-left: 16px;
}

.certification_block ul li i{
    position: absolute;  
    left: 0; 
    top: 50%;
    transform: translateY(-50%);
}

.certification_block:hover{
   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


.certification_block ul li span{
    transition: 0.3s;
}

.certification_block ul li:hover span{
    color: #6d8c54;
}

.certification_block .img_scn{
  border-radius: 5px;
  position: absolute;
  padding: 20px;
  top: -50px;
  
  width: 100px;
  height: 100px;
  background-color: #efb443;
  border-radius: 50%;
  /* box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; */
}


.icon-box img{
  height: 48px;
  max-width: 48px !important;
}

.certification_block .img_scn img{
  transition: 0.3s;
}
.certification_block .img_scn img:hover{
 transform: scale(1.1);
}

/* ------------ ABOUT PAGE STYLES END -------------- */

/*------------- HOW IT WORKS START ---------------- */

.howItWork ul{
  list-style-type: none;
  margin-bottom: 50px;
}

.howItWork ul li{
    position: relative;
    padding-left: 20px;
    transition: .3s;
    margin-bottom: 10px;
  }

  .howItWork ul li:hover{
    padding-left: 30px;
    color: #6d8c54;
  }

  .howItWork ul li i{
    position: absolute;
    left: 0;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .howItWork h5{
    color: #efb443;
  }

 .howItWork_block{
  background-color: #6d8c54;
 }

  .howItWork_block .block01 .line h3{
    width: 60px;
    height: 60px;
    border: 3px solid #efb443;
    background-color: #6d8c54 !important;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    z-index: 1;
  }

  .howItWork_block .block01 .line{
    min-height: 100%;
    display: flex;
    justify-content: center;
    z-index: 1;
  }


  .how_text ul{
    list-style: none;
    padding: 0px;
    padding-left: 8px;
  }

  .block01 ul li,
  .how_text ul li{
   position: relative;
   padding-left: 16px;
  }

  .block01 ul li i,
  .how_text ul li i{
    font-size: 10px;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
  }

  .media_footer{
    padding-left: 68px;
  }

  .media_footer .footer-social-style1 li a{
    height: 34px;
    width: 34px;
    line-height: 34px;
  }

  .ofter_line{
    position: relative;
  }

  .ofter_line::after{
    content: "";
    position: absolute;
    background-color: #ffba10;
    height: 100% !important;
    top: 0;
    right: -33px;
    width: 6px;
    height: 100%;
    z-index: 0;
      }

      .how_img{
        border-radius: 5px;
        overflow: hidden !important;
        margin: 60px 0px 30px 0px;
      }

      

      .list_style-none{
        list-style: none;
      }

      .footer-bar{
        background-color: #283138;
      }
  /*------------- HOW IT WORKS END ---------------- */

  /* ----------------- Header Styles Start Here ------------------ */
  .navbar>ul>li.has-sub>a:after{
    top: 24px !important;
  }
  /* ----------------- Header Styles End Here ------------------ */


/*------------- Contact Page Styles End------------- */

.contact_scn form select{
    color: #ced4da;
}

.contact_scn form select:hover{
    color: #ced4da !important;
}

.contact_scn form select option{
    color: #ced4da;
    height: 30px !important;
}

.contact_scn form select:hover option{
    color: #ced4da;
}

.quform-input{
  color: #000 !important;
}

.quform-input option{
background-color: #6d8c54;
/* background-color: #efb443; */
color: #fff !important;
}

.select-box ol li:not(:last-child){
  padding: 10px;
}

.quform-element>label{
  padding-bottom: 0px !important;
}
.form-group label{
  margin-bottom: 0px;
}

.quform-element {
  margin-bottom: 0.5rem !important;
}
/*------------- Contact Page Styles End------------- */

/* Header Styles */
.menu_area .navbar-nav>li>a{
  font-size: 12px !important;
}
/* Header Styles */

.contact_scn .quform-required{
  font-size: 20px !important;
}

.venkat-sir{
  text-align: center !important;
}

.venkat-sir img{
  max-height: 500px;
}

.gg-element:nth-child(3n+0){
  grid-row-end: inherit !important;
}



/* --------------- Gallery Start Section --------------- */

/* --------------- Gallery End Section --------------- */

/* ====================== Services =========================== */

.list-style3 li a:before{
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.b-submenu-head ul{
  display: none;
  transition: 0.3s;
  list-style-type: none;
}

.b-submenu-head:hover a{
  background-color: #6d8c54;
  color: #fff !important;
}
.b-submenu-head:hover ul{
  display: block;
}

.b-sub-menu{
  padding: 0px;
  margin-top: 5px;
  margin-left: 10px;
}

.b-sub-menu li{
  margin-bottom: 5px !important;
}

.b-sub-menu li a{
  background-color: #efb443 !important;
  padding: 8px 20px 8px 20px;
  font-weight: 400;
  color: #fff;
}

.b-sub-menu li a:hover{
  padding: 8px 20px 8px 20px;
  font-weight: 400;
}

.slider01{
  background-size: 100% 100%;
}

.slider-img01{
  background-image: url('../img/banner/banner001.jpg');
}
.slider-img02{
  background-image: url('../img/banner/banner002.jpg');
}
.slider-img03{
  background-image: url('../img/banner/banner003.jpg');
}

.slider-img04{
  background-image: url('../img/banner/banner004.jpg');
}

.line_lamp02{
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.shape1{
  z-index: 0;
}

.line-height-44{
  line-height: 44px;
}

.col-md-10 {
  flex: 0 0 auto;
  width: 80% !important;
}

.slider-fade.owl-theme .owl-nav .owl-prev {
  right: 30px !important;
  bottom: 42% !important;
}
.card_b1{
  margin: 0 !important;
}

.about_scn{
  position: relative;
   clip-path: polygon(0 0, 100% 0, 100% 95%, 80% 89%, 59% 96%, 37% 96%, 18% 89%, 0 96%);
}

.title_about{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 90000;
}

.title_about h1{
  color: #fff;
}

.border_radio50{
  border-radius: 50%;
}

.left-lg-n10 {
  left: -15% !important;
  bottom: -42px !important;
}

.line_lamp{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog_card{
  background-color: #6d8c5424;
}

.blog_card2{
  background-color: #efb44314;
}

.blog_card3{
  background-color: #6d8c5424;
}

.blog_card article{
  background: transparent;
}

.b_radios10{
  border-radius: 10px;
}

.blog_text b{
font-size: 20px;
}

.line_height24{
  line-height: 24px !important;
}


/* .how_line02{
  margin-left: 20px;
}

.line02{
  margin-left: 0px;
} */
/* ====================== Services =========================== */

@media (min-width: 1400px) and (max-width: 1800px){
  .slider01{
    min-height: 700px !important;
  }
  .text1{
    font-size: 30px !important;
  }
}



@media screen and (min-width: 1400px) {
  .pt-xxl-23, .py-xxl-23 {
      padding: 0px !important;
  }
}

@media screen and (min-width: 1200px) {
  .slider01{
    min-height: 600px;
  }
  .about_scn{
    min-height: auto;
    height: auto;
  }
}

@media screen and (max-width: 1024px){
  .line-height-44 {
    line-height: 32px !important;
}

.fs_2{
  font-size: 22px !important;
}

.text-b1{
  font-size: 16px !important;
  line-height: 20px;
}

.slider01{
  padding-bottom: 0px !important;
}

.quote-hd .quotes2{
  right: 0px;
 }

 .about_scn{
  min-height: auto;
  height: auto;
}

}


@media screen and (max-width: 992px) {
    /* ------------ ABOUT PAGE STYLES -------------- */

    .about_banner2 p{
        margin-bottom: 10px;
    }

    .about_banner2 .section-heading{
        margin-top: 20px;
    }

    .order_two{
      order: 2;
    }

    .col-md-10 {
      flex: 0 0 auto;
      width: 95% !important;
    }
    
/* ------------ ABOUT PAGE STYLES END -------------- */

.testimonial-style1 .owl-nav button{
    top: -150px;
}

.fs_b2{
  font-size: 30px;
}

.lg-order-1{
  order: 1 !important;
}


.lg-order-2{
  order: 2 !important;
}

.block01 h2{
  font-size: 22px !important;
}

.block01 h5{
  font-size: 18px;
}

.mb-lg4{
  margin-bottom: 20px;
}


.sub-menu.open{
  margin-left: 0px !important;
  margin-top: 0px;
}


}



@media screen and (max-width: 768px) {
  .card_b1{
    padding-top: 0px !important;
  }
  .card_b1-inner{
    padding-top: 0px !important;
  }

  .butn-b{
    font-size: 10px;
    padding: 12px 20px;
  }

  .fs_2{
    font-size: 16px !important;
    margin-bottom: 10px;
  }

  .line-height-44 {
    line-height: 22px !important;
}
.text-b1{
  margin-bottom: 10px !important;
}

.fs_b2{
  font-size: 26px;
}

.about_scn{
  min-height: auto;
  height: auto;
}

.certification_block .img_scn{
  width: 100px;
  height: 100px;
}

.title03{
  font-size: 30px !important;
  font-weight: 500 !important;
}

.block01 h2{
  font-size: 18px !important;
}

.block01 h5{
  font-size: 16px;
}

.how_text{
  margin-left: 6px;
}

.howItWork_block .block01 .line h3{
  width: 30px;
  height: 30px;
  font-size: 16px;
  font-weight: 500;
}

.ofter_line::after{
  right: -16px;
  width: 2px;
}

.block01 i{
  font-size: 10px;
}

.how_text ul{
  padding: 0px;
}
}


@media (min-width: 768px) {
  .col-md-10 {
      flex: 0 0 auto;
      width: 100%;
  }

  .slider01{
    min-height: 400px;
  }

}


@media screen and (max-width: 568px) {
.butn-b {
  font-size: 8px;
  padding: 8px 16px;
}

.line-height-44 {
  line-height: 18px !important;
}
.card_b1-inner{
  padding-top: 20px !important;
}

.fs_b2{
  font-size: 24px;
}

.about_scn{
  min-height: auto;
  height: auto;
}

.certification_block .img_scn{
  width: 100px;
  height: 100px;
}

.block01 h2{
  font-size: 16px !important;
}

.block01 h5{
  font-size: 14px;
}



}

@media screen and (max-width: 576px){
  .media_footer{
    padding-left: 42px;
  }
}


@media screen and (max-width: 425px){
    .testimonial-style1 .owl-nav button{
        top: -186px;
    }

    .quote-hd .quotes1{
      font-size: 20px;
      top: -20px;
    }

    .quote-hd .quotes2{
      font-size: 20px;
      bottom: -20px;
    }

  .line-height-44 {
    line-height: 16px !important;
}


.butn-b {
  font-size: 8px !important;
  padding: 7px 12px !important;
}

.about_scn{
  min-height: auto;
  height: auto;
}

.title03{
  font-size: 22px !important;
  font-weight: 500 !important;
}

.certification_block .img_scn{
  width: 80px;
  height: 80px;
}

.about_icon-text{
  font-size: 14px;
}

.block01 h2{
  font-size: 10px !important;
}

.block01 h5{
  font-size: 10px;
}

.block01 ul li, .how_text ul li{
  font-size: 12px;
}

.block01 ul li, .how_text ul li {
  padding-left: 14px;
}

.block01 ul li i, .how_text ul li i {
  font-size: 8px;
}

.howItWork_block .block01 .line h3 {
  font-size: 12px;
  width: 26px;
  height: 26px;
}

.howItWork_block .block01 .line h3{
  border: 2px solid #efb443;
}

}

@media (min-width: 320px) {

  .slider01{
    min-height: 300px;
  }
}