/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body {
    /* border-top: 4px solid green; */
    font-family: "Open Sans", sans-serif;
}

a {
    text-decoration: none;
    color: #0880e8;
}

a:hover {
    color: #2b99f8;
    text-decoration: none;
}

p {
    text-align: justify;
}

:root {
    --blue-clr: #005da9;
    --black-clr: #000000;
    --green-clr: #1c7f00;
    --rkhd-clr: #eff1f0;
    --white-clr: #fff;
    --cust-bg-clr: #51b848;
}

@font-face {
    font-family: "Montserrat-ExtraBold";
    src: url(../fonts/Montserrat-ExtraBold.ttf);
}

@font-face {
    font-family: "Montserrat-Medium";
    src: url(../fonts/Montserrat-Medium.ttf);
}
@font-face {
    font-family: "Montserrat-Regular";
    src: url(../fonts/Montserrat-Medium.ttf);
}
.banner_content div h1{
       font-family: "Montserrat-Medium";
    
}
@font-face {
    font-family: "Montserrat-Bold";
    src: url(../fonts/Montserrat-Bold.ttf);
}

@font-face {
    font-family: "Montserrat-SemiBold";
    src: url(../fonts/Montserrat-SemiBold.ttf);
}

@font-face {
    font-family: "Canela-Thin";
    src: url(../fonts/Canela-Thin.ttf);
}


@font-face {
    font-family: "Canela-meduim";
    src: url(../fonts/Canela-Medium.ttf);
}

@font-face {
    font-family: "Calps-SemiLight";
    src: url(../Fonts_play/Calps-SemiLight.ttf);
}

@font-face {
    font-family: "Calps-Medium";
    src: url(../Fonts_play/Calps-Medium.ttf);
}

@font-face {
    font-family: "Calps-Regular";
    src: url(../Fonts_play/Calps-Regular.ttf);
}

@font-face {
    font-family: "Calps-ExtraLight";
    src: url(../Fonts_play/Calps-ExtraLight.ttf);
}

.disc_btn {
    font-family: "Calps-Regular";
    font-size: 1.1rem;
    letter-spacing: 0.5px;
}

@font-face {
    font-family: "PlayfairDisplay-Regular";
    src: url(../Fonts_play/PlayfairDisplay-Regular.ttf);
}

@font-face {
    font-family: "OpenSans-SemiBold";
    src: url(../Fonts_play/OpenSans-SemiBold.ttf);
}

@font-face {
    font-family: "OpenSans-Regular";
    src: url(../Fonts_play/OpenSans-Regular.ttf);
}

.key_job_opening label,
.content h1,
.solution_box h6,
h4,
h1 {
    font-family: "Canela-meduim";
}

.section_heading,
.shadow_clip_same a,
.phone_link,
.about .content .btn-learn-more,
h2 {
    font-family: "Canela-Thin";
}

p {
    /*font-family: "Montserrat-Medium";*/
    font-family: "OpenSans-SemiBold";
}

.solution_box h6,
.agric_box h4 {
    font-family: "Calps-Medium";
}

.content h3,
.footer_links_page a {
    font-family: "Montserrat-SemiBold";
}

.Copyright div p a,
.phone_link {
    color: white;
}

.app_head_no {
    font-family: "Calps-ExtraLight";
} 
.cont_head,
.cont_head h4,
.tag_line,
.Copyright div p a,
.Copyright div p,
.footer_link h3 {
  font-family: "PlayfairDisplay-Regular";
	  /*    font-family: "Canela-Thin";*/
	    color: #666;
}
/*.cont_head,
.cont_head h4,
.tag_line,
.Copyright div p a,
.Copyright div p,
.footer_link h3 {
  font-family: "PlayfairDisplay-Regular";*/
	  /*    font-family: "Canela-Thin";*/
	  /*  color: #666;
}*/
/*.cont_head,
.cont_head h4,
.tag_line,
.Copyright div p a,
.Copyright div p,
.footer_link h3
  {
    font-weight: 800;
}*/
.banner_content div h1 {
    font-size: 2.5rem;
    letter-spacing: 1px;
    /* word-spacing: 15px; */
 
    /* font-weight: 700; */
}


.Copyright div p a,
.Copyright div p{
color: #fff;
}
.cust_btn_one,
.cust_btn_two,
.click_view_txt li a::before,
.click_view li a>div::before,
 
.biofertilizers_content div ul li,
p,
.farm_steps h3,
.blog-author,
.footer_link p a,
.agri_about p {
    /* font-family: "Calps-SemiLight"; */
    font-family: "OpenSans-Regular";
}
.solution_box p  {
  font-family: "Calps-SemiLight";  
	text-transform: uppercase;
	font-size: 1.4rem !important;
}
.solution_box p,
.solution_box h6 {
    font-family: "Calps-Medium" !important;
}
a,
img,
svg {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

.banner_heading {
    font-size: 3.5rem;
    color: var(--blue-clr);
}

.banner_para {
    font-size: 1.6rem;
    color: var(--black-clr);
    text-align: left !important;
}

.main_page_heading {
    width: fit-content;
    margin: auto;
}

#header .active {
    border-bottom: 2px solid #000;
}

.footer_logo img,
.logo_img {
    height: 65px;
}

.footer_social_icon a {
    margin-right: 0.5rem;
}

.footer_social_icon a svg {
    height: 2rem;
    color: white;
}

.icon-box,
.mainMenu ul li a,
.shadow_clip_same div a  {
    text-transform: uppercase;
}

.footer_social_icon a i {
    font-size: 2rem;
    color: white;
}

.border_right_footer {
    border-right: 1px solid white;
}

.clients {
    width: 90%;
    margin-left: auto;
    /* margin: auto; */
}


/* .yt_video {
      display: grid;
      place-content: center;
  } */

.yt_video iframe {
    border-radius: 10px;
    height: 90%;
    width: 80%;
    margin-left: 3rem;
}

.nav-link {
    color: var(--black-clr);
}

.nav-link.active {
    /* color: var(--blue-clr);
     border-bottom: 2px solid var(--blue-clr) !important;*/
}

.footer_links a {
    color: white;
}

.footer_links {
    place-content: center;
}

.banner_para {
    font-weight: 700;
}

.footer_links_page a {
    text-decoration: underline;
}

.shadow_clip {
    height: auto;
    width: 42.5%;
    filter: drop-shadow(-3px 5px 6px rgb(68 88 144 / 16%));
}

.shadow_clip_3 {
    height: auto;
    width: 42.5%;
    filter: drop-shadow(-3px 5px 6px rgb(68 88 144 / 16%));
}

.head_div_1 {
    display: flex;
    justify-content: space-around;
    background-color: white;
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 92% 100%, 0% 100%);
}

.head_div_1 a,
.head_div_2 a {
    padding: 1.5rem;
}

.shadow_clip_2 {
    width: 20%;
}

.shadow_clip_3 {
    width: 40%;
}

.head_div_2 {
    display: flex;
    justify-content: space-around;
    background-color: white;
    clip-path: polygon(8% 0, 100% 0, 100% 100%, 0% 100%);
}

.header-scrolled .shadow_clip,
.header-scrolled .shadow_clip_3 {
    filter: drop-shadow(0px 0px 6px transparent);
}

.header-scrolled #showRight span {
    background-color: #0f62ac;
    color: white;
}

.shadow_clip_same a {
    font-size: 1.1rem;
}


/*--------------------------------------------------------------
  # Back to top button
  --------------------------------------------------------------*/

.back-to-top {
    position: fixed;
    visibility: visible;
    opacity: 1;
    right: -50%;
    bottom: 15px;
    z-index: 996;
    /*background: #0880e8;*/
    width: 40px;
    height: 40px;
    border-radius: 5px;
    transition: all 0.4s;
}

.back-to-top i {
    font-size: 28px;
    color: #fff;
    line-height: 0;
}

.back-to-top:hover {
    background: #2194f7;
    color: #fff;
}

.back-to-top.active {
    visibility: visible;
    opacity: 1;
    right: 3%;
}


/*--------------------------------------------------------------
  # Preloader
  --------------------------------------------------------------*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999999999999;
    overflow: hidden;
 background: #f5f5f3;
	display: grid;
    place-content: center;
}
#preloader img{
height: 10rem;
}
#preloader:before {
   /* content: "";
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    border: 6px solid #0880e8;
    border-top-color: #bfe0fd;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: animate-preloader 1s linear infinite;
    animation: animate-preloader 1s linear infinite;*/
}

@-webkit-keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/*--------------------------------------------------------------
  # Disable aos animation delay on mobile devices
  --------------------------------------------------------------*/

.phone_link i {
    font-size: 1.2rem;
    margin-right: 0.3rem;
}

.phone_link:hover {
    color: white;
}

@media screen and (max-width: 768px) {
    #myVideo {
        transform: scale(1.5);
    }
    .mainContainer header {
        padding: 1rem 0rem;
    }
    [data-aos-delay] {
        transition-delay: 0 !important;
    }
    .border_right_footer {
        border-right: 0px solid white;
    }
    .banner_heading {
        font-size: 1.5rem;
        color: var(--blue-clr);
    }
    .banner_para {
        font-size: 1rem;
        color: var(--black-clr);
    }
    /* #hero {
          height: 55vh;
          padding: 100px 0;
      } */
}


/*--------------------------------------------------------------
  # Top Bar
  --------------------------------------------------------------*/

#topbar {
    height: 60px;
    padding: 0;
    font-size: 14px;
    transition: all 0.5s;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.8);
    z-index: 996;
}

#topbar.topbar-scrolled {
    top: -60px;
}

#topbar .contact-info a {
    line-height: 0;
    color: rgba(255, 255, 255, 0.8);
    transition: 0.3s;
}

#topbar .contact-info a:hover {
    text-decoration: underline;
}

#topbar .contact-info i {
    color: #f6b024;
    line-height: 0;
    margin-right: 5px;
}

#topbar .contact-info .phone-icon {
    margin-left: 15px;
}

#topbar .cta {
    background: transparent;
}

#topbar .cta a {
    color: #fff;
    background: #f6b024;
    padding: 6px 24px 8px 24px;
    display: inline-block;
    transition: 0.3s;
    border-radius: 50px;
}

#topbar .cta a:hover {
    background: #f1a40a;
}

.navigation-top ul {
    list-style: none;
}


/*--------------------------------------------------------------
  # Header
  --------------------------------------------------------------*/

#header {
    transition: all 0.5s;
    z-index: 99999;
    height: auto;
    /* top: 60px; */
}

#header.header-scrolled {
    box-shadow: 5px 10px 29px 0 rgb(68 88 144 / 40%);
    background: white;
    top: 0;
    margin: 0 !important;
    padding: 1rem 0;
}

.navigation-top {
    z-index: 9;
}


/* #header .logo {
      font-size: 30px;
      margin: 0;
      padding: 0;
      line-height: 1;
      font-weight: 400;
      letter-spacing: 2px;
      text-transform: uppercase;
  } */


/* #header .logo a {
      color: #fff;
  }
  
  #header .logo img {
      max-height: 40px;
  }
  
  .header-inner-pages {
      background: rgba(5, 87, 158, 0.9) !important;
  } */

.topbar-inner-pages {
    background: rgba(6, 98, 178, 0.9) !important;
}


/*--------------------------------------------------------------
  # Navigation Menu
  --------------------------------------------------------------*/


/**
  * Desktop Navigation 
  */


/* 
  .navbar {
      padding: 0;
  }
  
  .navbar ul {
      margin: 0;
      padding: 0;
      display: flex;
      list-style: none;
      align-items: center;
  }
  
  .navbar li {
      position: relative;
  }
  
  .navbar>ul>li {
      position: relative;
      white-space: nowrap;
      padding: 10px 0 10px 24px;
  }
  
  .navbar a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 3px;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.7);
      white-space: nowrap;
      transition: 0.3s;
      position: relative;
  }
  
  .navbar a i {
      font-size: 12px;
      line-height: 0;
      margin-left: 5px;
  }
  
  .navbar>ul>li>a:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 2px;
      bottom: -5px;
      left: 0;
      background-color: #f6b024;
      visibility: hidden;
      width: 0px;
      transition: all 0.3s ease-in-out 0s;
  }
  
  .navbar a:hover:before,
  .navbar li:hover>a:before,
  .navbar .active:before {
      visibility: visible;
      width: 100%;
  }
  
  .navbar a:hover,
  .navbar .active,
  .navbar li:hover>a {
      color: #fff;
  }
  
  .navbar .dropdown ul {
      display: block;
      position: absolute;
      left: 14px;
      top: calc(100% + 30px);
      margin: 0;
      padding: 10px 0;
      z-index: 99;
      opacity: 0;
      visibility: hidden;
      background: #fff;
      box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
      transition: 0.3s;
      border-radius: 8px;
  }
  
  .navbar .dropdown ul li {
      min-width: 200px;
  }
  
  .navbar .dropdown ul a {
      padding: 10px 20px;
      font-size: 14px;
      font-weight: 500;
      text-transform: none;
      color: #032e54;
  }
  
  .navbar .dropdown ul a i {
      font-size: 12px;
  }
  
  .navbar .dropdown ul a:hover,
  .navbar .dropdown ul .active:hover,
  .navbar .dropdown ul li:hover>a {
      color: #0880e8;
  }
  
  .navbar .dropdown:hover>ul {
      opacity: 1;
      top: 100%;
      visibility: visible;
  }
  
  .navbar .dropdown .dropdown ul {
      top: 0;
      left: calc(100% - 30px);
      visibility: hidden;
  }
  
  .navbar .dropdown .dropdown:hover>ul {
      opacity: 1;
      top: 0;
      left: 100%;
      visibility: visible;
  } */


/* @media (max-width: 1366px) {
      .navbar .dropdown .dropdown ul {
          left: -90%;
      }
      .navbar .dropdown .dropdown:hover>ul {
          left: -100%;
      }
  } */


/**
  * Mobile Navigation 
  */


/* .mobile-nav-toggle {
      color: #fff;
      font-size: 28px;
      cursor: pointer;
      display: none;
      line-height: 0;
      transition: 0.5s;
  }
  
  .mobile-nav-toggle.bi-x {
      color: #f6b024;
  } */

@media (max-width: 575px) {
    .icon-box {
        margin: auto;
    }
    .banner_content p,
    .banner_content h1 {
        text-align: center !important;
    }
}

@media (max-width: 991px) {
    /* .mobile-nav-toggle {
          display: block;
      }
     
      .navbar ul {
          display: none;
      } */
    .clients::before {
        position: absolute;
        content: "";
        display: none;
        bottom: 0;
        right: 0;
        height: 90%;
        border-radius: 10px;
        transition: 0.3s;
        width: 90%;
        box-shadow: 0px 0px 10px #0000006b;
    }
}


/* 
  .navbar-mobile {
      position: fixed;
      overflow: hidden;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      background: rgba(5, 74, 133, 0.9);
      transition: 0.3s;
      z-index: 999;
  }
  
  .navbar-mobile .mobile-nav-toggle {
      position: absolute;
      top: 15px;
      right: 15px;
  }
  
  .navbar-mobile ul {
      display: block;
      position: absolute;
      top: 55px;
      right: 15px;
      bottom: 15px;
      left: 15px;
      padding: 10px 0;
      border-radius: 10px;
      background-color: #fff;
      overflow-y: auto;
      transition: 0.3s;
  }
  
  .navbar-mobile>ul>li {
      padding: 0;
  }
  
  .navbar-mobile a {
      padding: 10px 20px;
      font-size: 15px;
      color: #0665b7;
  }
  
  .navbar-mobile a:hover:before,
  .navbar-mobile li:hover>a:before,
  .navbar-mobile .active:before {
      visibility: hidden;
  }
  
  .navbar-mobile a:hover,
  .navbar-mobile .active,
  .navbar-mobile li:hover>a {
      color: #f6b024;
  }
  
  .navbar-mobile .getstarted {
      margin: 15px;
  }
  
  .navbar-mobile .dropdown ul {
      position: static;
      display: none;
      margin: 10px 20px;
      padding: 10px 0;
      z-index: 99;
      opacity: 1;
      visibility: visible;
      background: #fff;
      box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  }
  
  .navbar-mobile .dropdown ul li {
      min-width: 200px;
  }
  
  .navbar-mobile .dropdown ul a {
      padding: 10px 20px;
  }
  
  .navbar-mobile .dropdown ul a i {
      font-size: 12px;
  }
  
  .navbar-mobile .dropdown ul a:hover,
  .navbar-mobile .dropdown ul .active:hover,
  .navbar-mobile .dropdown ul li:hover>a {
      color: #f6b024;
  }
  
  .navbar-mobile .dropdown>.dropdown-active {
      display: block;
  } */


/*--------------------------------------------------------------
  # Hero Section
  --------------------------------------------------------------*/

.same_banner {
    /* background: url("../img/home/home_banner.jpg") top center; */
}

.hero {
    width: 100%;
    /*height: calc(100vh - 120px);*/
    overflow: hidden;
    position: relative;
    background-size: cover;
    position: relative;
    z-index: 99;
    transition: 0.3s;
}


/* #hero .carousel-container {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      text-align: center;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
  } */


/* 
  #hero h2 {
      color: #fff;
      margin-bottom: 30px;
      font-size: 48px;
      font-weight: 700;
  } */


/* #hero p {
      width: 80%;
      -webkit-animation-delay: 0.4s;
      animation-delay: 0.4s;
      margin: 0 auto 30px auto;
      color: #fff;
  } */


/* 
  #hero .carousel-control-prev,
  #hero .carousel-control-next {
      width: 10%;
  }
  
  #hero .carousel-control-next-icon,
  #hero .carousel-control-prev-icon {
      background: none;
      font-size: 48px;
      line-height: 1;
      width: auto;
      height: auto;
  }
  
  #hero .btn-get-started {
      font-family: "Raleway", sans-serif;
      font-weight: 500;
      font-size: 14px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 12px 32px;
      border-radius: 50px;
      transition: 0.5s;
      line-height: 1;
      margin: 10px;
      color: #fff;
      -webkit-animation-delay: 0.8s;
      animation-delay: 0.8s;
      border: 2px solid #f6b024;
  } 
  
  #hero .btn-get-started:hover {
      background: #f6b024;
      color: #fff;
      text-decoration: none;
  }*/

@media (max-width: 768px) {
    /* #hero {
          height: calc(50vh + 100px);
          padding: 100px 0;
      } */
    .section-title {
        text-align: center;
        padding-bottom: 15px !important;
    }
    .section_heading_oursolu,
    .section-title h2 {
        font-size: 25px !important;
    }
    section {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .footer_logo img,
    .logo_img {
        height: 50px;
    }
    /* #hero h2 {
          font-size: 28px;
      } */
    .banner_heading {
        font-size: 1.5rem;
        color: var(--blue-clr);
    }
    .banner_para {
        font-size: 1.2rem;
        color: var(--black-clr);
    }
    .clients {
        width: 100%;
        margin-left: 0;
        margin: 0;
    }
    .yt_video iframe {
        border-radius: 10px;
        height: 100%;
        width: 100%;
        margin-left: 0;
    }
    .clients:hover .aos-init {
        transform: translate(0px, 0px) !important;
    }
}


/*--------------------------------------------------------------
  # Sections General
  --------------------------------------------------------------*/

section {
    padding: 60px 0;
    /* overflow: hidden; */
}


/* .section-bg {
      background-color: #f1f8ff;
  } */

.section-title {
    text-align: center;
    padding-bottom: 30px;
}

.section-title h2 {
    border-bottom: 1px solid #bdbdbd !important;
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 5px;
    color: #054a85;
}


/* .section-title p {
      margin-bottom: 0;
      font-style: italic;
  } */


/*--------------------------------------------------------------
  # Icon Boxes
  --------------------------------------------------------------*/

.icon-boxes {
    padding-top: 0;
    position: relative;
    z-index: 100;
}

.icon-boxes .icon-box {
    padding: 20px 20px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 5px 10px 29px 0 rgba(68, 88, 144, 0.2);
    transition: all 0.3s ease-in-out;
    /* border-radius: 10px; */
}


/* .icon-boxes .icon {
      margin: 0 auto 20px auto;
      display: inline-block;
      text-align: center;
  }
  
  .icon-boxes .icon i {
      font-size: 36px;
      line-height: 1;
      color: #f6b024;
  } */

.icon-boxes .title {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px;
}

.icon-boxes .title a {
    color: #05579e;
}

.icon-boxes .description {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 0;
    color: var(--blue-clr);
}


/*--------------------------------------------------------------
  # About Us
  --------------------------------------------------------------*/

.clients-slider iframe {
    height: 250px;
}


/* 
  .about {
      padding: 60px 0;
      background: url("../img/about-bg.png") top center no-repeat;
      position: relative;
  }
  
  .about:before {
      content: "";
      background: rgba(255, 255, 255, 0.75);
      position: absolute;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
  }
  
  .about .container {
      position: relative;
  }
  
  .about .content h3 {
      font-weight: 600;
      font-size: 26px;
  }
  
  .about .content ul {
      list-style: none;
      padding: 0;
  }
  
  .about .content ul li {
      padding-left: 28px;
      position: relative;
  }
  
  .about .content ul li+li {
      margin-top: 10px;
  }
  
  .about .content ul i {
      position: absolute;
      left: 0;
      top: 2px;
      font-size: 20px;
      color: #0880e8;
      line-height: 1;
  }
  
  .about .content p:last-child {
      margin-bottom: 0;
  } */

.about .content .btn-learn-more {
    line-height: 18px;
    margin-top: 3px;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    background: var(--blue-clr);
    text-align: center;
    margin-right: 2px;
    color: white;
    display: inline-block;
}

.btn-learn-more span {
    font-size: 12px;
}

.read_more_btn a {
    font-size: 1rem;
    line-height: 30px;
    color: var(--blue-clr);
}

.our_solu_section {
    margin-top: 5rem;
}
/*@media (min-width:992px){*/
    
/*    .our_solu_section {*/
/*    margin-top: 10rem;*/
/*}*/
.banner_content div h1{
    margin-bottom:1rem;
}
}
/*@media (min-width:1400px){*/
    
/*    .our_solu_section {*/
/*    margin-top: 18rem;*/
/*}*/

/*}*/
.btn-learn-more i {
    /* background: var(--blue-clr);
      color: white;
      padding: .5rem;
      border-radius: 50px;
      font-weight: 900; */
    /* padding: .5rem .5rem .5rem .5rem; */
    /* font-size: 1rem; */
}


/* .about .content .btn-learn-more:hover {
      background: #0880e8;
      color: #fff;
      text-decoration: none;
  } */

@media (max-width: 992px) {
    .about {
        padding: 60px 0;
    }
}


/*--------------------------------------------------------------
  # Clients
  --------------------------------------------------------------*/

.clients {
    transition: 0.6s;
    position: relative;
}

.clients::before {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    height: 90%;
    border-radius: 10px;
    transition: 0.3s;
    width: 80%;
    box-shadow: 0px 0px 10px #0000006b;
}


/*
  .clients:hover .aos-init {
      transform: translate(50px, 0px);
  }*/


/* 
  .clients .swiper-slide img {
      opacity: 0.5;
      transition: 0.3s;
  }
  
  .clients .swiper-slide:hover img {
      opacity: 1;
  } */

.clients .swiper-pagination {
    margin-top: 20px;
    position: relative;
}

.clients .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #fff;
    opacity: 1;
    border: 1px solid #0880e8;
}

.clients .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #0880e8;
}


/* 
  .clients .owl-item {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 20px;
  }
  
  .clients .owl-item img {
      width: 60%;
      opacity: 0.5;
      transition: 0.3s;
  }
  
  .clients .owl-item img:hover {
      opacity: 1;
  }
  
  .clients .owl-nav,
  .clients .owl-dots {
      margin-top: 5px;
      text-align: center;
  }
  
  .clients .owl-dot {
      display: inline-block;
      margin: 0 5px;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #ddd !important;
  }
  
  .clients .owl-dot.active {
      background-color: #0880e8 !important;
  }
   */


/*--------------------------------------------------------------
  # Why Us
  --------------------------------------------------------------*/


/* 
  .why-us {
      background: #f1f8ff;
      padding: 0;
  }
  
  .why-us .content {
      padding: 60px 100px 0 100px;
  }
  
  .why-us .content h3 {
      font-weight: 400;
      font-size: 34px;
  }
  
  .why-us .content h4 {
      font-size: 20px;
      font-weight: 700;
      margin-top: 5px;
  }
  
  .why-us .content p {
      font-size: 15px;
      color: #848484;
  }
  
  .why-us .video-box {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      min-height: 400px;
      position: relative;
  }
  
  .why-us .accordion-list {
      padding: 0 100px 60px 100px;
  }
  
  .why-us .accordion-list ul {
      padding: 0;
      list-style: none;
  }
  
  .why-us .accordion-list li+li {
      margin-top: 15px;
  }
  
  .why-us .accordion-list li {
      padding: 20px;
      background: #fff;
      border-radius: 4px;
  }
  
  .why-us .accordion-list a {
      display: block;
      position: relative;
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      line-height: 24px;
      font-weight: 500;
      padding-right: 30px;
      outline: none;
      cursor: pointer;
  }
  
  .why-us .accordion-list span {
      color: #0880e8;
      font-weight: 600;
      font-size: 18px;
      padding-right: 10px;
  }
  
  .why-us .accordion-list i {
      font-size: 24px;
      position: absolute;
      right: 0;
      top: 0;
  }
  
  .why-us .accordion-list p {
      margin-bottom: 0;
      padding: 10px 0 0 0;
  }
  
  .why-us .accordion-list .icon-show {
      display: none;
  }
  
  .why-us .accordion-list a.collapsed {
      color: #343a40;
  }
  
  .why-us .accordion-list a.collapsed:hover {
      color: #0880e8;
  }
  
  .why-us .accordion-list a.collapsed .icon-show {
      display: inline-block;
  }
  
  .why-us .accordion-list a.collapsed .icon-close {
      display: none;
  }
  
  .why-us .play-btn {
      width: 94px;
      height: 94px;
      background: radial-gradient(#0880e8 50%, rgba(8, 128, 232, 0.4) 52%);
      border-radius: 50%;
      display: block;
      position: absolute;
      left: calc(50% - 47px);
      top: calc(50% - 47px);
      overflow: hidden;
  }
  
  .why-us .play-btn::after {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateX(-40%) translateY(-50%);
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-left: 15px solid #fff;
      z-index: 100;
      transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  
  .why-us .play-btn::before {
      content: '';
      position: absolute;
      width: 120px;
      height: 120px;
      -webkit-animation-delay: 0s;
      animation-delay: 0s;
      -webkit-animation: pulsate-btn 2s;
      animation: pulsate-btn 2s;
      -webkit-animation-direction: forwards;
      animation-direction: forwards;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: steps;
      animation-timing-function: steps;
      opacity: 1;
      border-radius: 50%;
      border: 5px solid rgba(8, 128, 232, 0.7);
      top: -15%;
      left: -15%;
      background: rgba(198, 16, 0, 0);
  }
  
  .why-us .play-btn:hover::after {
      border-left: 15px solid #0880e8;
      transform: scale(20);
  }
  
  .why-us .play-btn:hover::before {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateX(-40%) translateY(-50%);
      width: 0;
      height: 0;
      border: none;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-left: 15px solid #fff;
      z-index: 200;
      -webkit-animation: none;
      animation: none;
      border-radius: 0;
  }
  
  @media (max-width: 1024px) {
      .why-us .content,
      .why-us .accordion-list {
          padding-left: 0;
          padding-right: 0;
      }
  }
  
  @media (max-width: 992px) {
      .why-us .content {
          padding-top: 30px;
      }
      .why-us .accordion-list {
          padding-bottom: 30px;
      }
  }
  
  @-webkit-keyframes pulsate-btn {
      0% {
          transform: scale(0.6, 0.6);
          opacity: 1;
      }
      100% {
          transform: scale(1, 1);
          opacity: 0;
      }
  }
  
  @keyframes pulsate-btn {
      0% {
          transform: scale(0.6, 0.6);
          opacity: 1;
      }
      100% {
          transform: scale(1, 1);
          opacity: 0;
      }
  }
   */


/*--------------------------------------------------------------
  # Services
  --------------------------------------------------------------*/


/* 
  .services .icon-box {
      margin-bottom: 20px;
      padding: 50px 40px;
      border-radius: 6px;
      background: #fff;
      box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  }
  
  .services .icon-box i {
      float: left;
      color: #f6b024;
      font-size: 40px;
      line-height: 0;
  }
  
  .services .icon-box h4 {
      margin-left: 70px;
      font-weight: 700;
      margin-bottom: 15px;
      font-size: 18px;
  }
  
  .services .icon-box h4 a {
      color: #05579e;
      transition: 0.3s;
  }
  
  .services .icon-box h4 a:hover {
      color: #0880e8;
  }
  
  .services .icon-box p {
      margin-left: 70px;
      line-height: 24px;
      font-size: 14px;
      margin-bottom: 0;
      color: var(--blue-clr);
  } */


/*--------------------------------------------------------------
  # Cta
  --------------------------------------------------------------*/


/* 
  .cta {
      background: linear-gradient(rgba(5, 74, 133, 0.8), rgba(5, 74, 133, 0.9)), url("../img/cta-bg.jpg") fixed center center;
      background-size: cover;
      padding: 120px 0;
  }
  
  .cta h3 {
      color: #fff;
      font-size: 28px;
      font-weight: 700;
  }
  
  .cta p {
      color: #fff;
  }
  
  .cta .cta-btn {
      font-family: "Raleway", sans-serif;
      text-transform: uppercase;
      font-weight: 500;
      font-size: 15px;
      letter-spacing: 0.5px;
      display: inline-block;
      padding: 8px 26px;
      border-radius: 2px;
      transition: 0.5s;
      margin: 10px;
      border-radius: 50px;
      border: 2px solid #f6b024;
      color: #fff;
  }
  
  .cta .cta-btn:hover {
      background: #f6b024;
  }
  
  @media (max-width: 1024px) {
      .cta {
          background-attachment: scroll;
      }
  }
  
  @media (min-width: 769px) {
      .cta .cta-btn-container {
          display: flex;
          align-items: center;
          justify-content: flex-end;
      }
  } */


/*--------------------------------------------------------------
  # Portfoio
  --------------------------------------------------------------*/


/* 
  .portfoio #portfolio-flters {
      padding: 0;
      margin: 0 auto 25px auto;
      list-style: none;
      text-align: center;
      border-radius: 50px;
  }
  
  .portfoio #portfolio-flters li {
      cursor: pointer;
      display: inline-block;
      padding: 8px 18px 10px 18px;
      font-size: 14px;
      font-weight: 500;
      line-height: 1;
      color: #444444;
      margin: 0 3px 10px 3px;
      transition: all ease-in-out 0.3s;
      border-radius: 50px;
  }
  
  .portfoio #portfolio-flters li:hover,
  .portfoio #portfolio-flters li.filter-active {
      color: #fff;
      background: #0880e8;
  }
  
  .portfoio #portfolio-flters li:last-child {
      margin-right: 0;
  }
  
  .portfoio .portfolio-item {
      margin-bottom: 30px;
      overflow: hidden;
  }
  
  .portfoio .portfolio-item img {
      position: relative;
      top: 0;
      transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  
  .portfoio .portfolio-item .portfolio-info {
      opacity: 0;
      position: absolute;
      left: 15px;
      right: 15px;
      bottom: -50px;
      z-index: 3;
      transition: all ease-in-out 0.3s;
      background: #0880e8;
      padding: 15px 20px;
  }
  
  .portfoio .portfolio-item .portfolio-info h4 {
      font-size: 18px;
      color: #fff;
      font-weight: 600;
  }
  
  .portfoio .portfolio-item .portfolio-info p {
      color: #fff;
      font-size: 14px;
      margin-bottom: 0;
  }
  
  .portfoio .portfolio-item .portfolio-info .preview-link,
  .portfoio .portfolio-item .portfolio-info .details-link {
      position: absolute;
      right: 50px;
      font-size: 24px;
      top: calc(50% - 18px);
      color: white;
      transition: ease-in-out 0.3s;
  }
  
  .portfoio .portfolio-item .portfolio-info .preview-link:hover,
  .portfoio .portfolio-item .portfolio-info .details-link:hover {
      color: #8ec8fb;
  }
  
  .portfoio .portfolio-item .portfolio-info .details-link {
      right: 15px;
  }
  
  .portfoio .portfolio-item:hover img {
      top: -30px;
  }
  
  .portfoio .portfolio-item:hover .portfolio-info {
      opacity: 1;
      bottom: 0;
  }
   */


/*--------------------------------------------------------------
  # Portfolio Details
  --------------------------------------------------------------*/


/* 
  .portfolio-details {
      padding-top: 40px;
  }
  
  .portfolio-details .portfolio-details-slider img {
      width: 100%;
  }
  
  .portfolio-details .portfolio-details-slider .swiper-pagination {
      margin-top: 20px;
      position: relative;
  }
  
  .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
      width: 12px;
      height: 12px;
      background-color: #fff;
      opacity: 1;
      border: 1px solid #0880e8;
  }
  
  .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
      background-color: #0880e8;
  }
  
  .portfolio-details .portfolio-info {
      padding: 30px;
      box-shadow: 0px 0 30px rgba(246, 176, 36, 0.08);
  }
  
  .portfolio-details .portfolio-info h3 {
      font-size: 22px;
      font-weight: 700;
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #eee;
  }
  
  .portfolio-details .portfolio-info ul {
      list-style: none;
      padding: 0;
      font-size: 15px;
  }
  
  .portfolio-details .portfolio-info ul li+li {
      margin-top: 10px;
  }
  
  .portfolio-details .portfolio-description {
      padding-top: 30px;
  }
  
  .portfolio-details .portfolio-description h2 {
      font-size: 26px;
      font-weight: 700;
      margin-bottom: 20px;
  }
  
  .portfolio-details .portfolio-description p {
      padding: 0;
  }
   */


/*--------------------------------------------------------------
  # Team
  --------------------------------------------------------------*/


/* 
  .team .member {
      position: relative;
      box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
      padding: 30px;
      border-radius: 10px;
      background: #fff;
  }
  
  .team .member .pic {
      overflow: hidden;
      width: 180px;
      border-radius: 50%;
  }
  
  .team .member .pic img {
      transition: ease-in-out 0.3s;
  }
  
  .team .member:hover img {
      transform: scale(1.1);
  }
  
  .team .member .member-info {
      padding-left: 30px;
  }
  
  .team .member h4 {
      font-weight: 700;
      margin-bottom: 5px;
      font-size: 20px;
      color: #05579e;
  }
  
  .team .member span {
      display: block;
      font-size: 15px;
      padding-bottom: 10px;
      position: relative;
      font-weight: 500;
  }
  
  .team .member span::after {
      content: '';
      position: absolute;
      display: block;
      width: 50px;
      height: 1px;
      background: #bfe0fd;
      bottom: 0;
      left: 0;
  }
  
  .team .member p {
      margin: 10px 0 0 0;
      font-size: 14px;
  }
  
  .team .member .social {
      margin-top: 12px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
  }
  
  .team .member .social a {
      transition: ease-in-out 0.3s;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50px;
      width: 32px;
      height: 32px;
      background: #ecf6fe;
      color: #0665b7;
  }
  
  .team .member .social a i {
      font-size: 16px;
      margin: 0 2px;
  }
  
  .team .member .social a:hover {
      background: #0880e8;
      color: #fff;
  }
  
  .team .member .social a+a {
      margin-left: 8px;
  } */


/*--------------------------------------------------------------
  # Pricing
  --------------------------------------------------------------*/


/* 
  .pricing .box {
      padding: 20px;
      background: #fff;
      text-align: center;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
      border-radius: 5px;
      position: relative;
      overflow: hidden;
  }
  
  .pricing h3 {
      font-weight: 400;
      margin: -20px -20px 20px -20px;
      padding: 20px 15px;
      font-size: 18px;
      font-weight: 700;
      color: #05579e;
      background: #f8f8f8;
  }
  
  .pricing h4 {
      font-size: 36px;
      color: #0880e8;
      font-weight: 600;
      font-family: "Poppins", sans-serif;
      margin-bottom: 20px;
  }
  
  .pricing h4 sup {
      font-size: 20px;
      top: -15px;
      left: -3px;
  }
  
  .pricing h4 span {
      color: #bababa;
      font-size: 16px;
      font-weight: 300;
  }
  
  .pricing ul {
      padding: 0;
      list-style: none;
      color: #444444;
      text-align: center;
      line-height: 20px;
      font-size: 14px;
  }
  
  .pricing ul li {
      padding-bottom: 16px;
  }
  
  .pricing ul i {
      color: #0880e8;
      font-size: 18px;
      padding-right: 4px;
  }
  
  .pricing ul .na {
      color: #ccc;
      text-decoration: line-through;
  }
  
  .pricing .btn-wrap {
      margin: 20px -20px -20px -20px;
      padding: 20px 15px;
      background: #f8f8f8;
      text-align: center;
  }
  
  .pricing .btn-buy {
      background: #0880e8;
      display: inline-block;
      padding: 8px 35px 10px 35px;
      border-radius: 50px;
      color: #fff;
      transition: none;
      font-size: 14px;
      font-weight: 400;
      font-family: "Raleway", sans-serif;
      font-weight: 600;
      transition: 0.3s;
  }
  
  .pricing .btn-buy:hover {
      background: #2b99f8;
  }
  
  .pricing .featured h3 {
      color: #fff;
      background: #0880e8;
  }
  
  .pricing .advanced {
      width: 200px;
      position: absolute;
      top: 18px;
      right: -68px;
      transform: rotate(45deg);
      z-index: 1;
      font-size: 14px;
      padding: 1px 0 3px 0;
      background: #0880e8;
      color: #fff;
  }
   */


/*--------------------------------------------------------------
  # Frequently Asked Questions
  --------------------------------------------------------------*/


/* 
  .faq .faq-list {
      padding: 0 100px;
  }
  
  .faq .faq-list ul {
      padding: 0;
      list-style: none;
  }
  
  .faq .faq-list li+li {
      margin-top: 15px;
  }
  
  .faq .faq-list li {
      padding: 20px;
      background: #fff;
      border-radius: 4px;
      position: relative;
  }
  
  .faq .faq-list a {
      display: block;
      position: relative;
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      line-height: 24px;
      font-weight: 500;
      padding: 0 30px;
      outline: none;
      cursor: pointer;
  }
  
  .faq .faq-list .icon-help {
      font-size: 24px;
      position: absolute;
      right: 0;
      left: 20px;
      color: #75bdfa;
  }
  
  .faq .faq-list .icon-show,
  .faq .faq-list .icon-close {
      font-size: 24px;
      position: absolute;
      right: 0;
      top: 0;
  }
  
  .faq .faq-list p {
      margin-bottom: 0;
      padding: 10px 0 0 0;
  }
  
  .faq .faq-list .icon-show {
      display: none;
  }
  
  .faq .faq-list a.collapsed {
      color: #343a40;
  }
  
  .faq .faq-list a.collapsed:hover {
      color: #0880e8;
  }
  
  .faq .faq-list a.collapsed .icon-show {
      display: inline-block;
  }
  
  .faq .faq-list a.collapsed .icon-close {
      display: none;
  }
  
  @media (max-width: 1200px) {
      .faq .faq-list {
          padding: 0;
      }
  }
   */


/*--------------------------------------------------------------
  # Contact
  --------------------------------------------------------------*/


/* 
  .contact {
      background: url("../img/contact-bg.png") left center no-repeat;
      position: relative;
  }
  
  .contact:before {
      content: "";
      background: rgba(255, 255, 255, 0.7);
      position: absolute;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
  }
  
  .contact .container {
      position: relative;
  }
  
  .contact .info {
      width: 100%;
  }
  
  .contact .info i {
      font-size: 20px;
      background: #0880e8;
      color: #fff;
      float: left;
      width: 44px;
      height: 44px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50px;
      transition: all 0.3s ease-in-out;
  }
  
  .contact .info h4 {
      padding: 0 0 0 60px;
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 5px;
      color: #043c6d;
  }
  
  .contact .info p {
      padding: 0 0 0 60px;
      margin-bottom: 0;
      font-size: 14px;
      color: #444444;
  }
  
  .contact .info .email,
  .contact .info .phone {
      margin-top: 40px;
  }
  
  .contact .php-email-form {
      width: 100%;
      background: #fff;
  }
  
  .contact .php-email-form .form-group {
      padding-bottom: 8px;
  }
  
  .contact .php-email-form .error-message {
      display: none;
      color: #fff;
      background: #ed3c0d;
      text-align: left;
      padding: 15px;
      font-weight: 600;
  }
  
  .contact .php-email-form .error-message br+br {
      margin-top: 25px;
  }
  
  .contact .php-email-form .sent-message {
      display: none;
      color: #fff;
      background: #18d26e;
      text-align: center;
      padding: 15px;
      font-weight: 600;
  }
  
  .contact .php-email-form .loading {
      display: none;
      background: #fff;
      text-align: center;
      padding: 15px;
  }
  
  .contact .php-email-form .loading:before {
      content: "";
      display: inline-block;
      border-radius: 50%;
      width: 24px;
      height: 24px;
      margin: 0 10px -6px 0;
      border: 3px solid #18d26e;
      border-top-color: #eee;
      -webkit-animation: animate-loading 1s linear infinite;
      animation: animate-loading 1s linear infinite;
  }
  
  .contact .php-email-form input,
  .contact .php-email-form textarea {
      border-radius: 4px;
      box-shadow: none;
      font-size: 14px;
  }
  
  .contact .php-email-form input {
      height: 44px;
  }
  
  .contact .php-email-form textarea {
      padding: 10px 12px;
  }
  
  .contact .php-email-form button[type="submit"] {
      border: 0;
      padding: 10px 32px;
      color: #0880e8;
      transition: 0.4s;
      border-radius: 50px;
      border: 2px solid #0880e8;
      background: #fff;
  }
  
  .contact .php-email-form button[type="submit"]:hover {
      background: #0880e8;
      color: #fff;
  }
  
  @-webkit-keyframes animate-loading {
      0% {
          transform: rotate(0deg);
      }
      100% {
          transform: rotate(360deg);
      }
  }
  
  @keyframes animate-loading {
      0% {
          transform: rotate(0deg);
      }
      100% {
          transform: rotate(360deg);
      }
  } */


/*--------------------------------------------------------------
  # Breadcrumbs
  --------------------------------------------------------------*/


/* 
  .breadcrumbs {
      padding: 15px 0;
      background: #ecf6fe;
      margin-top: 130px;
  }
  
  .breadcrumbs h2 {
      font-size: 26px;
      font-weight: 600;
      color: #043c6d;
  }
  
  .breadcrumbs ol {
      display: flex;
      flex-wrap: wrap;
      list-style: none;
      padding: 0 0 10px 0;
      margin: 0;
      font-size: 14px;
  }
  
  .breadcrumbs ol li+li {
      padding-left: 10px;
  }
  
  .breadcrumbs ol li+li::before {
      display: inline-block;
      padding-right: 10px;
      color: #f8c255;
      content: "/";
  } */


/*--------------------------------------------------------------
  # Blog
  --------------------------------------------------------------*/


/* 
  .blog {
      padding: 40px 0 20px 0;
  }
  
  .blog .entry {
      padding: 30px;
      margin-bottom: 60px;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  }
  
  .blog .entry .entry-img {
      max-height: 440px;
      margin: -30px -30px 20px -30px;
      overflow: hidden;
  }
  
  .blog .entry .entry-title {
      font-size: 28px;
      font-weight: bold;
      padding: 0;
      margin: 0 0 20px 0;
  }
  
  .blog .entry .entry-title a {
      color: #054a85;
      transition: 0.3s;
  }
  
  .blog .entry .entry-title a:hover {
      color: #f6b024;
  }
  
  .blog .entry .entry-meta {
      margin-bottom: 15px;
      color: #2b99f8;
  }
  
  .blog .entry .entry-meta ul {
      display: flex;
      flex-wrap: wrap;
      list-style: none;
      align-items: center;
      padding: 0;
      margin: 0;
  }
  
  .blog .entry .entry-meta ul li+li {
      padding-left: 20px;
  }
  
  .blog .entry .entry-meta i {
      font-size: 16px;
      margin-right: 8px;
      line-height: 0;
  }
  
  .blog .entry .entry-meta a {
      color: #777777;
      font-size: 14px;
      display: inline-block;
      line-height: 1;
  }
  
  .blog .entry .entry-content p {
      line-height: 24px;
  }
  
  .blog .entry .entry-content .read-more {
      -moz-text-align-last: right;
      text-align-last: right;
  }
  
  .blog .entry .entry-content .read-more a {
      display: inline-block;
      background: #f6b024;
      color: #fff;
      padding: 6px 20px;
      transition: 0.3s;
      font-size: 14px;
      border-radius: 4px;
  }
  
  .blog .entry .entry-content .read-more a:hover {
      background: #f7b93c;
  }
  
  .blog .entry .entry-content h3 {
      font-size: 22px;
      margin-top: 30px;
      font-weight: bold;
  }
  
  .blog .entry .entry-content blockquote {
      overflow: hidden;
      background-color: #fafafa;
      padding: 60px;
      position: relative;
      text-align: center;
      margin: 20px 0;
  }
  
  .blog .entry .entry-content blockquote p {
      color: #444444;
      line-height: 1.6;
      margin-bottom: 0;
      font-style: italic;
      font-weight: 500;
      font-size: 22px;
  }
  
  .blog .entry .entry-content blockquote::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 3px;
      background-color: #0880e8;
      margin-top: 20px;
      margin-bottom: 20px;
  }
  
  .blog .entry .entry-footer {
      padding-top: 10px;
      border-top: 1px solid #e6e6e6;
  }
  
  .blog .entry .entry-footer i {
      color: #8ec8fb;
      display: inline;
  }
  
  .blog .entry .entry-footer a {
      color: #138df7;
      transition: 0.3s;
  }
  
  .blog .entry .entry-footer a:hover {
      color: #f6b024;
  }
  
  .blog .entry .entry-footer .cats {
      list-style: none;
      display: inline;
      padding: 0 20px 0 0;
      font-size: 14px;
  }
  
  .blog .entry .entry-footer .cats li {
      display: inline-block;
  }
  
  .blog .entry .entry-footer .tags {
      list-style: none;
      display: inline;
      padding: 0;
      font-size: 14px;
  }
  
  .blog .entry .entry-footer .tags li {
      display: inline-block;
  }
  
  .blog .entry .entry-footer .tags li+li::before {
      padding-right: 6px;
      color: #6c757d;
      content: ",";
  }
  
  .blog .entry .entry-footer .share {
      font-size: 16px;
  }
  
  .blog .entry .entry-footer .share i {
      padding-left: 5px;
  }
  
  .blog .entry-single {
      margin-bottom: 30px;
  }
  
  .blog .blog-author {
      padding: 20px;
      margin-bottom: 30px;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  }
  
  .blog .blog-author img {
      width: 120px;
      margin-right: 20px;
  }
  
  .blog .blog-author h4 {
      font-weight: 600;
      font-size: 22px;
      margin-bottom: 0px;
      padding: 0;
      color: #0880e8;
  }
  
  .blog .blog-author .social-links {
      margin: 0 10px 10px 0;
  }
  
  .blog .blog-author .social-links a {
      color: rgba(8, 128, 232, 0.5);
      margin-right: 5px;
  }
  
  .blog .blog-author p {
      font-style: italic;
      color: #b7b7b7;
  }
  
  .blog .blog-comments {
      margin-bottom: 30px;
  }
  
  .blog .blog-comments .comments-count {
      font-weight: bold;
  }
  
  .blog .blog-comments .comment {
      margin-top: 30px;
      position: relative;
  }
  
  .blog .blog-comments .comment .comment-img {
      margin-right: 14px;
  }
  
  .blog .blog-comments .comment .comment-img img {
      width: 60px;
  }
  
  .blog .blog-comments .comment h5 {
      font-size: 16px;
      margin-bottom: 2px;
  }
  
  .blog .blog-comments .comment h5 a {
      font-weight: bold;
      color: #444444;
      transition: 0.3s;
  }
  
  .blog .blog-comments .comment h5 a:hover {
      color: #f6b024;
  }
  
  .blog .blog-comments .comment h5 .reply {
      padding-left: 10px;
      color: #0880e8;
  }
  
  .blog .blog-comments .comment h5 .reply i {
      font-size: 20px;
  }
  
  .blog .blog-comments .comment time {
      display: block;
      font-size: 14px;
      color: #2b99f8;
      margin-bottom: 5px;
  }
  
  .blog .blog-comments .comment.comment-reply {
      padding-left: 40px;
  }
  
  .blog .blog-comments .reply-form {
      margin-top: 30px;
      padding: 30px;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  }
  
  .blog .blog-comments .reply-form h4 {
      font-weight: bold;
      font-size: 22px;
  }
  
  .blog .blog-comments .reply-form p {
      font-size: 14px;
  }
  
  .blog .blog-comments .reply-form input {
      border-radius: 4px;
      padding: 10px 10px;
      font-size: 14px;
  }
  
  .blog .blog-comments .reply-form input:focus {
      box-shadow: none;
      border-color: #fad386;
  }
  
  .blog .blog-comments .reply-form textarea {
      border-radius: 4px;
      padding: 10px 10px;
      font-size: 14px;
  }
  
  .blog .blog-comments .reply-form textarea:focus {
      box-shadow: none;
      border-color: #fad386;
  }
  
  .blog .blog-comments .reply-form .form-group {
      margin-bottom: 25px;
  }
  
  .blog .blog-comments .reply-form .btn-primary {
      border-radius: 4px;
      padding: 10px 20px;
      border: 0;
      background-color: #0880e8;
  }
  
  .blog .blog-comments .reply-form .btn-primary:hover {
      background-color: #138df7;
  }
  
  .blog .blog-pagination {
      color: #0880e8;
  }
  
  .blog .blog-pagination ul {
      display: flex;
      padding: 0;
      margin: 0;
      list-style: none;
  }
  
  .blog .blog-pagination li {
      margin: 0 5px;
      transition: 0.3s;
  }
  
  .blog .blog-pagination li a {
      color: #0880e8;
      padding: 7px 16px;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .blog .blog-pagination li.active,
  .blog .blog-pagination li:hover {
      background: #f6b024;
  }
  
  .blog .blog-pagination li.active a,
  .blog .blog-pagination li:hover a {
      color: #fff;
  }
  
  .blog .sidebar {
      padding: 30px;
      margin: 0 0 60px 20px;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  }
  
  .blog .sidebar .sidebar-title {
      font-size: 20px;
      font-weight: 700;
      padding: 0 0 0 0;
      margin: 0 0 15px 0;
      color: #0665b7;
      position: relative;
  }
  
  .blog .sidebar .sidebar-item {
      margin-bottom: 30px;
  }
  
  .blog .sidebar .search-form form {
      background: #fff;
      border: 1px solid #ddd;
      padding: 3px 10px;
      position: relative;
  }
  
  .blog .sidebar .search-form form input[type="text"] {
      border: 0;
      padding: 4px;
      border-radius: 4px;
      width: calc(100% - 40px);
  }
  
  .blog .sidebar .search-form form button {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      border: 0;
      background: none;
      font-size: 16px;
      padding: 0 15px;
      margin: -1px;
      background: #f6b024;
      color: #fff;
      transition: 0.3s;
      border-radius: 0 4px 4px 0;
      line-height: 0;
  }
  
  .blog .sidebar .search-form form button i {
      line-height: 0;
  }
  
  .blog .sidebar .search-form form button:hover {
      background: #f8c255;
  }
  
  .blog .sidebar .categories ul {
      list-style: none;
      padding: 0;
  }
  
  .blog .sidebar .categories ul li+li {
      padding-top: 10px;
  }
  
  .blog .sidebar .categories ul a {
      color: #0665b7;
      transition: 0.3s;
  }
  
  .blog .sidebar .categories ul a:hover {
      color: #f6b024;
  }
  
  .blog .sidebar .categories ul a span {
      padding-left: 5px;
      color: #aaaaaa;
      font-size: 14px;
  }
  
  .blog .sidebar .recent-posts .post-item+.post-item {
      margin-top: 15px;
  }
  
  .blog .sidebar .recent-posts img {
      width: 80px;
      float: left;
  }
  
  .blog .sidebar .recent-posts h4 {
      font-size: 15px;
      margin-left: 95px;
      font-weight: bold;
  }
  
  .blog .sidebar .recent-posts h4 a {
      color: #0665b7;
      transition: 0.3s;
  }
  
  .blog .sidebar .recent-posts h4 a:hover {
      color: #f6b024;
  }
  
  .blog .sidebar .recent-posts time {
      display: block;
      margin-left: 95px;
      font-style: italic;
      font-size: 14px;
      color: #aaaaaa;
  }
  
  .blog .sidebar .tags {
      margin-bottom: -10px;
  }
  
  .blog .sidebar .tags ul {
      list-style: none;
      padding: 0;
  }
  
  .blog .sidebar .tags ul li {
      display: inline-block;
  }
  
  .blog .sidebar .tags ul a {
      color: #0880e8;
      font-size: 14px;
      padding: 6px 14px;
      margin: 0 6px 8px 0;
      border: 1px solid white;
      display: inline-block;
      transition: 0.3s;
  }
  
  .blog .sidebar .tags ul a:hover {
      color: #fff;
      border: 1px solid #f6b024;
      background: #f6b024;
  }
  
  .blog .sidebar .tags ul a span {
      padding-left: 5px;
      color: white;
      font-size: 14px;
  } */


/*--------------------------------------------------------------
  # Footer
  --------------------------------------------------------------*/

#footer {
    background: #05579e;
    color: #fff;
    font-size: 14px;
}

#footer .footer-newsletter {
    padding: 20px 0;
    background: #05579e;
}


/* 
  #footer .footer-newsletter h4 {
      font-size: 24px;
      margin: 0 0 20px 0;
      padding: 0;
      line-height: 1;
      font-weight: 600;
  }
  
  #footer .footer-newsletter form {
      margin-top: 30px;
      background: #fff;
      padding: 6px 10px;
      position: relative;
      border-radius: 50px;
  }
  
  #footer .footer-newsletter form input[type="email"] {
      border: 0;
      padding: 4px;
      width: calc(100% - 100px);
  }
  
  #footer .footer-newsletter form input[type="submit"] {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      border: 0;
      background: none;
      font-size: 16px;
      padding: 0 20px;
      margin: 3px;
      background: #f6b024;
      color: #fff;
      transition: 0.3s;
      border-radius: 50px;
  }
  
  #footer .footer-newsletter form input[type="submit"]:hover {
      background: #0880e8;
  }
  
  #footer .footer-top {
      background: #065fad;
      padding: 60px 0 30px 0;
  }
  
  #footer .footer-top .footer-info {
      margin-bottom: 30px;
  }
  
  #footer .footer-top .footer-info h3 {
      font-size: 18px;
      margin: 0 0 20px 0;
      padding: 2px 0 2px 0;
      line-height: 1;
      font-weight: 700;
  }
  
  #footer .footer-top .footer-info p {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 0;
      font-family: "Raleway", sans-serif;
      color: #fff;
  }
  
  #footer .footer-top .social-links a {
      font-size: 16px;
      display: inline-block;
      background: rgba(255, 255, 255, 0.1);
      color: #fff;
      line-height: 1;
      padding: 10px 0;
      margin-right: 4px;
      border-radius: 50%;
      text-align: center;
      width: 36px;
      height: 36px;
      transition: 0.3s;
  }
  
  #footer .footer-top .social-links a:hover {
      background: #f6b024;
      color: #fff;
      text-decoration: none;
  }
  
  #footer .footer-top h4 {
      font-size: 16px;
      font-weight: bold;
      color: #fff;
      text-transform: uppercase;
      position: relative;
      padding-bottom: 12px;
  }
  
  #footer .footer-top .footer-links {
      margin-bottom: 30px;
  }
  
  #footer .footer-top .footer-links ul {
      list-style: none;
      padding: 0;
      margin: 0;
  }
  
  #footer .footer-top .footer-links ul i {
      padding-right: 2px;
      color: #5db1f9;
      font-size: 18px;
      line-height: 1;
  }
  
  #footer .footer-top .footer-links ul li {
      padding: 10px 0;
      display: flex;
      align-items: center;
  }
  
  #footer .footer-top .footer-links ul li:first-child {
      padding-top: 0;
  }
  
  #footer .footer-top .footer-links ul a {
      color: rgba(255, 255, 255, 0.75);
      transition: 0.3s;
      display: inline-block;
      line-height: 1;
  }
  
  #footer .footer-top .footer-links ul a:hover {
      color: #fff;
  }
  
  #footer .footer-top .footer-contact {
      margin-bottom: 30px;
  }
  
  #footer .footer-top .footer-contact p {
      line-height: 26px;
  } */

#footer .copyright a {
    color: var(--black-clr);
}

#footer .copyright {
    text-align: center;
    color: var(--black-clr);
    font-weight: 700;
    padding: 15px 0;
    font-size: 1rem;
}

.footer_copyright {
    background-color: #ebebeb;
}


/* 
  #footer .credits {
      padding-top: 5px;
      text-align: center;
      font-size: 13px;
      color: #fff;
  }
  
  #footer .credits a {
      color: #f6b024;
  } */


/* mobile menu */


/*menu*/

#top-menu {
    border-right: 1px solid #2980b9;
    background-color: #05579e;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: fixed;
    top: 0;
    z-index: 10;
    width: 280px;
    display: flex;
    height: 100%;
    flex-direction: column;
}


/*menu END*/


/* menu button */

.menuBtn {
    height: 30px;
    width: 30px;
    position: absolute;
    right: 20px;
    top: 35%;
    z-index: 101;
}

.menuBtn>span {
    background-color: var(--blue-clr);
    border-radius: 1px;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1px 0 0 -15px;
    transition: height 100ms;
}

.menuBtn>span:after,
.menuBtn>span:before {
    content: "";
    background-color: var(--blue-clr);
    border-radius: 1px;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    transition: all 200ms;
}

.menuBtn>span:after {
    top: -7px;
}

.menuBtn>span:before {
    bottom: -7px;
}

.menuBtn.act>span {
    height: 0;
}

.menuBtn.act>span:after,
.menuBtn.act>span:before {
    background-color: #008877;
    top: 1px;
}

.menuBtn.act>span:after {
    transform: rotate(45deg);
}

.menuBtn.act>span:before {
    transform: rotate(-45deg);
}


/* main menu block */

.mainMenu {
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    height: 100vh;
    width: 100vw;
    display: table;
    text-align: center;
    opacity: 0;
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transform: scale(0);
}

.mainMenu.act {
    opacity: 1;
    transform: scale(1);
}

.mainMenu.act ul li {
    opacity: 1;
    transform: translateX(0);
    list-style: none;
}

.mainMenu.act ul {
    padding: 0;
}

.mainMenu {
    padding: 6rem 0rem 0 0;
}

.mainMenu li {
    list-style: none;
    padding: 8px 0;
    transition: all 400ms 510ms;
    opacity: 0;
}

.mainMenu li:nth-child(odd) {
    transform: translateX(30%);
}

.mainMenu li:nth-child(even) {
    transform: translateX(-30%);
}

.mainMenu li:last-child {
    transform: none;
}

.mainMenu a {
    color: var(--blue-clr);
    display: inline-block;
    font-size: 18px;
}

.mainMenu a.suBtn {
    color: #fff;
}


/* sign up button */

.suBtn {
    background-color: blue;
    border-radius: 5px;
    padding: 10px 20px;
}


/* mobile menu END */

@media (min-width: 1499px),
(min-width: 1400px) {
    .head_main {
        margin-top: 0rem;
    }
    /*.our_solu_section {*/
    /*    margin-top: 16rem;*/
    /*}*/
    .head_div_1 {
        padding-left: 5rem;
    }
    .head_div_2 {
        padding-right: 4rem;
    }
}

@media only screen and (min-width: 1500px) and (max-width: 1600px) {
    .head_div_1 {
        padding-left: 5rem;
    }
    .head_div_2 {
        padding-right: 4rem;
    }
}

@media screen and (min-width: 1300px) {
    .shadow_clip {
        height: auto;
        width: 43%;
        filter: drop-shadow(-3px 5px 6px rgb(68 88 144 / 16%));
    }
    .shadow_clip_3 {
        width: 43%;
    }
    .shadow_clip_2 {
        width: 14%;
    }
}

@media only screen and (min-width: 1601px) and (max-width: 1800px) {
    .head_div_1 {
        padding-left: 10rem;
    }
    .head_div_2 {
        padding-right: 10rem;
    }
    .hero {
        height: calc(85vh - 120px);
    }
}

@media only screen and (min-width: 1801px) and (max-width: 2000px) {
    .head_div_1 {
        padding-left: 15rem;
    }
    .banner_para {
        font-size: 2rem;
    }
    /* .hero {
          height: calc(85vh - 120px);
      } */
    .head_div_2 {
        padding-right: 15rem;
    }
}

@media only screen and (min-width: 2001px) and (max-width: 2500px) {
    .head_div_1 {
        padding-left: 34rem;
    }
    .head_div_2 {
        padding-right: 34rem;
    }
}

@media only screen and (min-width: 2501px) and (max-width: 3000px) {
    .head_div_1 {
        padding-left: 42rem;
    }
    .head_div_2 {
        padding-right: 42rem;
    }
}

.icon-box p,
.icon-box h4 {
    transition: 0.2s;
    overflow: hidden;
}

.four_box_img {
    transition: 0.5s;
    overflow: hidden;
}

.icon-box:hover img {
    transform: scale(1.5) rotate(-5deg);
}

.icon-box img {
    transition: 0.5s;
}

.icon-box:hover p {
    font-size: 17px;
}

.icon-box:hover h4 {
    font-size: 20px;
}

.clients .aos-init.aos-animate {
    transition: 0.3s !important;
}


/* index1.html menu css */

.menu-right .backBtn {
    text-align: left;
}

.menu-top .backBtn,
.menu-bottom .backBtn {
    text-align: left;
}

h2 {
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    margin: 15px 0;
}

.menu {
    border-right: 1px solid #2980b9;
    background-color: #ffffff95;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: fixed;
    top: 0;
    z-index: 10;
    width: 280px;
    height: 100%;
}

.menu a {
    display: block;
    color: #1a1a1a!important;
    padding: 16px;
    background-color: #ffffff95;
    text-decoration: none;
    position: relative;
    z-index: 11;
}

.menu a:last-child {
    border-bottom: 1px solid #2980b9;
}

.menu a:hover,
.menu a:active {
    background-color: #2980b9;
}

.menu-left {
    left: -280px;
}

.menu-left.left-open {
    left: 0;
}

.menu-right {
    right: -360px;
	box-shadow: 0 0 37px #00000042;
}

.menu-right.right-open {
    right: 0;
}

.menu-top {
    width: 100%;
    top: -100%;
}

.menu-top.top-open {
    top: 0;
}

.menu-bottom {
    width: 100%;
    top: 100%;
}

.menu-bottom.bottom-open {
    top: 0;
}

.push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.push-left {
    left: -280px;
}

.push-left.pushleft-open {
    left: 0;
}

.push-toleft {
    left: 280px;
}

.push-right {
    right: -280px;
}

.push-right .backBtn {
    text-align: left;
}

.push-right.pushright-open {
    right: 0;
}

.push-toright {
    left: -280px;
}

#myVideo {
    /*width: 100vw;*/
    z-index: 0;
    /* position: absolute; */
    top: 0;
}

#myBtn {
    width: 200px;
    font-size: 18px;
    padding: 10px;
    border: none;
    background: #000;
    color: #fff;
    cursor: pointer;
}

#myBtn:hover {
    background: #ddd;
    color: black;
}

.index_banner {
   /*   height: 100vh;
   height: auto; */
    position: relative;
}

@media (min-width: 1200px) {
    .index_banner {
        height: 100vh;
        position: relative;
    }
}

#myVideo {
    transform: scale(1.6);
}

@media (max-width: 768px) {
    .our_solu_section {
        margin-top: 9rem;
        background-size: cover;
    }
}

.solution_box img {
    max-width: 45px;
}


.solution_box p {
 text-align: center !important;
    text-transform: uppercase;
    margin: 0rem 0 0rem 0;
    line-height: 18px;
    margin-top: 1rem !important;
}

.solution_box img {
    margin: 0rem 0 0.6rem 0;
}

.solution_box i {
    /* padding: 10px; */
    height: 30px;
    width: 30px;
    margin: auto;
    background: #fff;
    border-radius: 50%;
    transition: 0.3s;
    line-height: 30px;
    display: none;
}
.solution_box:hover {
    transform: scale(1.1);
	transition: .3s;
}
.solution_box a {
    height: 100%;
    width: 100%;
}
.solution_box {
width: fit-content;
	    margin: auto;
	transition: .3s;
}
.solution_box h6 {
    margin-bottom: 1rem;
	font-weight: 400 !important;
}

.solution_box_All  {
    /* max-width: 25%; */
    /* min-width: 75%; */
    /* background: #e9e9e9; */
    width: 25%;
    color: #fff;
    position: relative;
    height: auto;
    padding: 0rem 0px;
    transition: 0.2s;
    display: grid;
    place-items: center;
}

.solution_box_All a:hover {
    /* transform: scale(1.1);*/
    /* border-radius: 5px;
      z-index: 1;
      transition: .5s;
      background-color: #0067ac; */
}
.solution_box h6,
.solution_box p{
color: #fff;
	    
    width: max-content;
    margin: auto;
}
.solution_box h6
{
padding: 0;
	
}
.solution_box_All a:hover i {
    transition: 0.3s;
    display: block;
}

.solution_box_All a p,
.solution_box_All a h6 {
    transition: 0.3s;
    color: #fff;
}

.solution_box_All a:hover p,
.solution_box_All a:hover h6 {
    transition: 0.3s;
    color: #fff;
}

.solution_box_All_sub {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* background-color: #e9e9e9; */
}

.solution_box_All {
    border-radius: 5px;
}

.section_heading_oursolu {
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.solution_box_All_sub a::before {
    /* position: absolute;
      content: '';
      top: 50%;
      transform: translateY(-50%);
      right: 0;
      height: 40%;
      width: 1px;
      background-color: #8a8a8a; */
}

.solution_box_All_sub a:hover::before,
.solution_box_All_sub a:nth-child(4)::before {
    display: none;
}

#showRight {
    /* flex-direction: column;*/
    display: flex;
    /* align-content: center; */
    justify-content: center;
    align-items: center;
}

#showRight span {
    height: 5px;
    margin: 2px;
    padding: 2px;
    border-radius: 5px;
}

#showRight>a>span:nth-child(1),
#showRight span:nth-child(1) {
    width: 30px;
}

#showRight>a>span:nth-child(2),
#showRight span:nth-child(2) {
    width: 20px;
}

#showRight>a>span:nth-child(3),
#showRight span:nth-child(3) {
    width: 24px;
}

.disc_btn {
    padding: 5px 20px;
    position: relative;
   /* opacity: 0.7;*/
    border-radius: 6px;
    background: #fff !important;
}

.header-scrolled .disc_btn::before,
.header-scrolled .disc_btn {
    /*background: #005da9;*/
	    background: #0f62ac !important;

}

.header-scrolled #showRight a.btn span {
    background: #fff;
}

.header-scrolled #showRight a.btn span:after {
    background: #005da9;
}

.disc_btn::before {
    position: absolute;
    top: 0;
    content: "";
    clip-path: polygon(50% 50%, 0 0, 0 100%);
    right: -46px;
    border-radius: 5px;
    z-index: -1;
    background: #fff;
    height: 100%;
    width: 50px;
}

.our_solu_section {
    /* background-image: url('../img/home/solution_icon/solutions_bg.png');
      background-repeat: no-repeat;
      background-position: top center;
      background-size: 100% 50%; */
}

#video_cont {
    width: 100vw;
    position: absolute;
    bottom: 6%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, 0%);
}

.content h1,
.content h3 {
    color: #fff;
}

.banner_secondary {
    position: absolute;
    bottom: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    /* background-image: url(../img/1.png);
      background-image: url(../img/2.png);
     background-image: url(../img/3.png); */
    /* background-image: url(../img/4.png); */
    /* background-image: url(../img/5.png); */
    /* background-image: url(../img/6.png); */
    background-size: cover;
    /* background-image: url(../img/overlay_img.gif); */
    background-position: top;
    background-color: rgba(0, 0, 0, 0.9);
    top: 0;
    left: 0;
    background-size: 100% 100%;
    z-index: -1;
    opacity: 0.35;
}


/* index1.html menu css END */

.welcom_img {
    border-radius: 10px;
    height: 90%;
    width: 80%;
    margin-left: 3rem;
}

a:hover {
    cursor: pointer;
}

@media (max-width: 768px) {
    .section_heading_oursolu {
        margin: 2rem 0;
    }
}

@media (max-width: 375px) {
    #video_cont {
        width: 100vw;
        position: absolute;
        bottom: 0%;
        left: 50%;
        z-index: 2;
        transform: translate(-50%, 0%);
    }
    .our_solu_section {
        margin-top: 5rem;
    }
    .banner_content .content h1 {
        font-size: 2rem;
        margin-bottom: 0;
    }
    .solution_box_All a {
        height: 160px;
    }
    .footer_logo img,
    .logo_img {
        height: 35px;
    }
    #showRight span {
        height: 3px;
        padding: 1px;
    }
    /* .index_banner {
                                                      height: 26vh;
                                                  } */
    html {
        font-size: 100%;
    }
}

@media (min-width: 376px) and (max-width: 576px) {
    /* .index_banner {
              height: auto;
               position: relative;
                   } */
    html {
        font-size: 100%;
    }
}

@media (max-width: 576px) {
    .banner_content div h1 {
        /* font-size: 1.875rem; */
    }
    .solution_box_All_sub a::before {
        display: none;
    }
    .solution_box_All a {
        width: 50%;
    }
    /* #myVideo {
                                                      width: 100vw;
                                                      z-index: 0;
                                                      position: absolute;
                                                      top: 0;
                                                  } */
}

@media (max-width: 767px) {
    .our_solu_section {
        background-size: cover;
    }
}

@media (min-width: 577px) and (max-width: 767px) {
    .banner_content div h1 {
        font-size: 2.875rem;
    }
    .solution_box_All a {
        width: 50%;
    }
    .solution_box_All_sub a:nth-child(2):before {
        display: none;
    }
}

.solution_box h6 {
   /* font-family: "OpenSans-SemiBold";*/
    letter-spacing: 1.5px;
  font-size: 1.8rem;
	text-transform: uppercase;
}

.img_img_div {
    background-image: url("../img/home/solution_icon/icon_bg.png");
    background-repeat: no-repeat;
    background-position: center center;
}

@media (max-width: 300px) {
    html {
        font-size: 100%;
    }
    .solution_box p {
        font-size: 1.1rem;
    }
}

@media (min-width: 576px) {
    #hero p {
        font-size: 1rem;
        letter-spacing: 0.5px;
    }
    /* #hero .carousel-control-prev,
      #hero .carousel-control-next {
          width: 5%;
      } */
}

@media (min-width: 1400px) {
    #video_cont {
        width: 100vw;
        position: absolute;
        bottom: 2%;
        left: 50%;
        z-index: 2;
        transform: translate(-50%, 0%);
    }
    html {
        font-size: 100%;
    }
    .banner_content div h1 {
        font-size: 4.8rem;
    }
    .solution_box img {
        /*max-width: 44px;*/
		max-width: 65px;
    }
   /* #hero p {
        font-size: 1.3rem;
    }
    .solution_box h6 {
        font-size: 2rem;
    }*/
    /*.our_solu_section {*/
    /*    margin-top: 9.5rem;*/
    /*}*/
    .disc_btn {
        font-size: 1.4rem;
    }
}

@media (min-width: 768px) and (max-width: 1300px) {
    .banner_content div h1 {
        font-size: 3rem;
    }
    .solution_box img {
        max-width: 60px;
    }
   /* #hero p {
        font-size: 1.5rem;
    }*/
    .solution_box h6 {
        font-size: 1.7rem;
    }
    .disc_btn {
        font-size: 1.4rem;
    }
}

@media (min-width: 1200px) {
    .our_solu_section_container {
        max-width: 850px;
    }
}

@media (min-width: 1400px) {
    .our_solu_section_container {
        max-width: 1100px;
    }
    .banner_content div h1 {
        font-size: 5rem;
    }
}

@media (min-height: 1100px) and (max-height: 1400px) {
    #myVideo {
        transform: scale(2.5);
    }
    .our_solu_section {
     /*   margin-top: 25rem;*/
    }
}

/*@media (min-width: 400px) and (max-width: 767px) {*/
/*    .our_solu_section {*/
/*        margin-top: 8rem;*/
/*    }*/
/*}*/

#showRight a.btn {
    transform: rotate(90deg);
}

#showRight span {
    position: relative;
}

#showRight a.btn span:after {
    position: absolute;
    border-radius: 5px;
    width: 100%;
    content: "";
    background: #fff;
    top: 0;
    right: 0;
}

#showRight a.btn span:nth-child(1):after {
    height: 100%;
}

#showRight a.btn span:nth-child(2):after {
    height: 70%;
}

#showRight a.btn span:nth-child(3):after {
    height: 80%;
}


/* agriculture */


/* .agriculture_banner {
      background-image: url('../img/agriculture/Agro_Page_Banner.png');
       
  
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  
  }
  */

.agriculture_banner {
    width: 100%;
    height: calc(90vh - 0px);
    position: relative;
    background-size: cover;
    position: relative;
    z-index: -1;
    transition: 0.3s;
}

.agriculture_banner img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
}


/*.agriculture_banner img {
    height: auto !important;
    width: 100% !important;
     
}*/

@media (min-width: 1400px) {
    .agri_banner_cont div h1 {
        font-size: 2.8rem;
    }
}

#agric_cont {
    width: 100%;
    position: absolute;
    bottom: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, 0%);
}

@media (min-width: 992px) {
    .agri_banner_cont div h1 {
        font-size: 2rem;
    }
    #agric_cont {
        width: 100%;
        position: absolute;
        bottom: 30%;
        left: 50%;
        z-index: 2;
        transform: translate(-50%, 0%);
    }
}


/* .agri_banner_cont div h1 {
      width: fit-content;
      margin: auto;
      padding: 1rem;
      background: #2c8700c7;
  } */


/* .agri_about {
      padding: 1.5rem;
      background: white;
      border: 1px solid black;
      box-shadow: 5px 10px 29px 0 rgb(68 88 144 / 20%);
  } */

.agric_box {
    border: 1px solid #00000029;
    text-align: center;
    padding: 1rem;
    border-radius: 5px;
    width: 18%;
    transition: 0.3s;
    height: 210px;
	
}

.main_agric_s {
    width: 18% !important;
    margin-right: 2% !important;
}

.agric_box .img_1,
.agric_box .img_2 {
    transition: 0.3s !important;
}

.agric_box img {
    height: 45px;
    transition: 0.3s;
}

.agric_box .img_2 {
    transition: 0.3s;
    display: none;
}

/*9.agric_box:hover .img_2 {
    display: block;
    transition: 0.3s;
}
*/
.footer_link_icon div a {
    background: white;
    padding: 0px;
    margin-right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2rem;
    width: 2rem;
    border-radius: 5px;
}

.footer h1,
.footer h5,
.footer h6,
.footer p {
    color: white;
}

.footer_link div a i {}

.footer_link p {
    margin-bottom: 5px;
}


/* .agri_about_cont_sec {
      padding-top: 0;
  } */

.Copyright div p a,
.Copyright div p {
    margin: 0;
}

.footer_border_right {
    border-right: 1px solid #ffffff4f;
}

@media (max-width: 767px) {
    .agric_box {
        width: 90%;
        margin: 0 auto 12px auto;
    }
    .footer_link p {
        text-align: center;
    }
    .Copyright {
        justify-content: center;
    }
    .footer_border_right {
        border: none;
    }
}

.Copyright div p a,
.Copyright div p {
    text-align: center;
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer_link p {
        text-align: left;
    }
    .Copyright {
        justify-content: center;
    }
    .footer_link_icon h5,
    .Copyright div p a,
    .Copyright div p {
        text-align: center;
    }
    .footer_border_right {
        border: none;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .agric_box {
        width: 45%;
        margin: 0 auto 16px auto;
    }
}

@media (max-width: 768px) {
    .same_height_banner {
        width: 100%;
        height: calc(50vh - 0px);
        /* overflow: hidden; */
        position: relative;
        background-size: cover;
        position: relative;
        z-index: 99;
        transition: 0.3s;
    }
    .banner_content .content h1 {
   
               font-size: 2rem;
margin-bottom:1rem;
    }
}

@media (min-width: 992px) {
    .agri_banner_cont div h1 {
        font-size: 3rem;
    }
}

@media (min-width: 768px) {
    /* .agri_about p,  */
    .footer_link p a {
       /* font-size: 1.5rem;*/
        line-height: 1;
        transition: .3s;
    }
    .Copyright div p a,
    .Copyright div p {
        font-size: 1rem;
    }
}

.footer_link h3 {
    color: white;
}


/* .agri_about_cont_sec {
      width: 100%;
      position: absolute;
      bottom: 0;
      top: 95%;
      left: 50%;
      z-index: 2;
      transform: translate(-50%, 0%);
  } */

.agri_box_sec {
    margin-top: -6rem;
}

@media (max-width: 991px) {
    /* .agri_box_sec {
          margin-top: 18rem;
      } */
    /* .agri_about_cont_sec {
          width: 100%;
          position: absolute;
          bottom: 0;
          top: 105%;
          left: 50%;
          z-index: 2;
          transform: translate(-50%, 0%);
      } */
}

@media (max-width: 991px) {
    .agri_box_sec {
        margin-top: 0rem;
    }
}


/* .agric_box:hover .img_1 {
      display: none;
  } */


/* agriculture END */

.agric_box .img_2 {
    display: none;
}

.agric_box:hover .img_1,
.agric_box:hover .img_2 {
    transition: 0.3s;
}

/*.agric_box:hover .img_1 {
    display: none;
    transition: 0.3s;
}*/

/*.agric_box:hover .img_2 {
    transition: 0.3s;
    display: inline;
}
*/
.banner_video iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    pointer-events: none;
    transform: scale(1.7);
}


/* sohel */

.agri_banner_cont div h1 {
    width: fit-content;
    margin: auto;
    padding: 1rem;
    /*background: #4a4a4ae0;*/ 
  /*  text-transform: capitalize!important;*/
}

.agric_box:hover {
    box-shadow: 5px 10px 29px 0 rgb(68 88 144 / 20%);
    border: 1px solid var(--blue-clr);
    transition: 0.3s;
}

.agric_box .img_2 {
    display: none;
}

/*.agric_box:hover .img_1 {
    display: none;
}*/

/*.agric_box:hover .img_2 {
    display: inline;
}*/

.agric_box h4 {
    margin-top: 1rem;
    color: #000;
    text-transform: uppercase;
    transition: 0.3s;
}

.agric_box:hover h4 {
    color: #000910;
    transition: 0.3s;
}

.agri_about {
    padding:0;
	border: 20px solid white;
    position: relative;
    background: white;
    
    /*box-shadow: 5px 10px 29px 0 rgb(68 88 144 / 20%);*/
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	/*new add*/
	max-height: 20rem;
	overflow-x: hidden; 
    overflow-y: scroll;
    scrollbar-width: thin;
	/*new add end*/
}
/*
.agri_about:before,
.agri_about:after{
position: absolute;
	height:2rem;
	width:100%;
	left:0;
	right:0;
	background: white;
	content:"";

}*/
.agri_about:before {
top:0;
}
 
.agri_about:after{
bottom:0;
}
.agri_about_cont_sec {
    padding-top: 0;
}

@media (min-width: 768px) {
    .agri_about p {
       /* font-size: 1.5rem;
        line-height: 1;*/
    }
}

.agriculture_banner {
    z-index: 0;
}

.agri_about_cont_sec {
    width: 100%;
    position: absolute;
    bottom: 0;
    top: 95%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, 0%);
}

@media (max-width: 991px) {
    .agri_about_cont_sec {
        width: 100%;
        position: absolute;
        bottom: 0;
        top: 105%;
        left: 50%;
        z-index: 2;
        transform: translate(-50%, 0%);
    }
}


/* sohel END */

.bitumen_emulsion_banner {
    background-image: url("../img/Bitumen_Emulsion/Roads_-_Bitumen_Emulsion_Page_Banner.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.bitumen_emulsion_banner_prime {
    background-image: url("../img/Bitumen_Emulsion_Prime/Roads_-_Bitumen_Emulsion_Page_Banner_Prime.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.bg_rkhd {
    position: relative;
    overflow: hidden;
}

.bg_rkhd::after {
    position: absolute;
    content: "";
    /* top: 120px;*/
    top: 95px;
    left: 0;
    z-index: -1;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: var(--rkhd-clr);
}

.bitu_client {
    background-color: var(--white-clr);
    display: grid;
    place-items: center;
    box-shadow: 5px 10px 29px 0 rgb(68 88 144 / 20%);
}

.about_con_div div h4,
.about_con_div p {
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    p {
        /*font-size: 1.5rem;
        line-height: 1;*/
    }
    .about_con_div div h4,
    .about_con_div p {
        margin-bottom: 2.5rem;
    }
}

.cust_btn {
    font-family: "Calps-Regular";
    /*font-size: 1.5rem;*/
    line-height: 1;
    background: var(--cust-bg-clr);
    color: var(--white-clr);
    padding: 4px 8px;
    border-radius: 5px;
}

.cust_btn_wp button {
    font-family: "Calps-Regular";
    /*font-size: 1.5rem !important;*/
    line-height: 1;
    background: var(--cust-bg-clr) !important;
    color: var(--white-clr);
    padding: 4px 8px !important;
    border-radius: 5px !important;
    border-radius: 5px;
}

.app_head_no {
    font-size: 4rem;
    margin: -6px 0 0 0;
}

.app_head_cont {
    margin: 0;
    font-family: "Calps-Regular";
    font-size: 2rem;
}


/* bitumen emulsion */

.application_section {
    background: url(../img/Bitumen_Emulsion/bcak_foter.png);
    background-size: cover;
    background-position: bottom center;
}

.app_sec_same .cont_head h4 {
    color: var(--white-clr);
}

.app_head p:nth-child(1) {
    margin-right: 6px;
}

.appli_box {
    background: #ffffffd9;
    padding: 2rem 2rem 2rem 2rem;
}

@media (min-width: 768px) {
    .cont_head h4 {
        margin-bottom: 0.5rem;
        font-size: 2rem;
    }
}

.app_head_cont span {
    font-size: 1.2rem;
    font-family: "Calps-Regular";
}

.app_head {
    height: 6rem;
}

.app_head_cont {
    height: 6rem;
    overflow: hidden;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.app_cont_div {
    height: 7rem;
    overflow-y: scroll;
}


/* width */

.app_cont_div::-webkit-scrollbar {
    width: 2px;
}


/* Track */

.app_cont_div::-webkit-scrollbar-track {
    /* background: #f1f1f1; */
    background: transparent;
}


/* Handle */

.app_cont_div::-webkit-scrollbar-thumb {
    background: #888;
}


/* Handle on hover */

.app_cont_div::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.bitu_client.agric_box {
    width: 100%;
}

.bitu_client.agric_box img {
    height: 90px;
}

.bitu_client.agric_box {
    padding: 0.5rem;
    box-shadow: 0px 0px 29px 0 rgb(68 88 144 / 20%);
}

@media (min-width: 576px) {
    .bitu_client.agric_box {
        width: 90%;
        margin: auto;
    }
}

.bitu_emu_terr_section {
    background: url(../img/Bitumen_Emulsion/bitumen_emulsion1_foter.png);
    background-size: cover;
    background-position: bottom center;
}

.bitu_soil_section {
    background: url(../img/soil/cw_soil_bg_footer.png);
    background-size: cover;
    background-position: bottom center;
}

.bg-white_icon {
    background-color: #ffffff6b !important;
}

.bg_rkhd.full_bg_rkhd_after::after {
    top: 0;
}

.roads_bitumen_banner {
    background-image: url("../img/roads_bitumen/Roads_-_Bitumen_Page_Banner.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.head_img_icon {
    width: 10rem;
}

@media (min-width: 768px) {
    .head_img_icon {
        width: 20rem;
    }
}

@media (max-width: 991px) {
    .bg_rkhd::after {
        position: absolute;
        content: "";
        top: 0px;
        left: 0;
        z-index: -1;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        background-color: var(--rkhd-clr);
    }
}

.icon_app_area_box {
    background-image: url("../img/roads_bitumen/road_bitumen_foter.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon_app_dust_box {
    background-image: url("../img/dust/dust_footer_bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.dust_banner {
    background-image: url("../img/dust/Roads_-_Dust_Page_Banner.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: transparent;
}

.nav-pills .nav-link.active .bitu_client img {
    filter: opacity(1);
}

.nav-pills .nav-link .bitu_client img {
    filter: opacity(0.5);
}

.bitu_client .img_1,
.bitu_client .img_2 {
    transition: 0.3s !important;
}

.bitu_client_btn button,
.bitu_client_btn {
    width: 15rem;
}

.bitu_client {
    width: auto;
}


/*
  .bitu_client img {
      height: 70px;
  }
  */

@media (min-width: 768px) {
    .bitu_client,
    .bitu_client_btn button,
    .bitu_client_btn {
        width: 20rem;
    }
    /*
      .bitu_client img {
          height: 90px;
      }*/
}

#pills-home-tab,
#pills-profile-tab {
    padding: 10px ​0px ​ !important;
}

.bg_rkhd_clr {
    background-color: var(--rkhd-clr);
}

.soil_banner {
    background-image: url("../img/soil/Roads_-_Soil_Page_Banner.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.biofertilizers_banner {
    background-image: url("../img/biofertilizers/Agro_bio_gb.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon_app_area_box .agric_box h4 {
    text-transform: uppercase;
}

.icon_app_dust_box .agric_box h4 {
    text-transform: uppercase;
}

.bitu_client_btn .nav-link {
    /* padding: 0rem 0rem !important; */
}

@media (min-width: 768px) {
    .bitu_client_btn .nav-link {
        padding: 0rem 0rem !important;
    }
}

@media (max-width: 992px) {
    .appli_box {
        margin-top: 2rem;
    }
}

.bgclr_rkhd {
    background-color: var(--rkhd-clr);
}

.biofertilizers_btn div a {
    margin: 6px;
}

.biofertilizers_content div ul li {
    list-style: none;
    position: relative;
    padding-left: unset;
    font-size: 1rem;
    padding-right: unset;
}
ul.liti_unic li {
    list-style: none;
    position: relative;
   
}
ul.liti_unic li::before {
        list-style: none;
    position: absolute;
    content: "";
    top: 10px;
    height: 3px;
    color: red;
    left: -2rem;
    font-size: 2rem;
    width: 1rem;
    background: black;
   
}
/*
.biofertilizers_content div ul li:before {
    content: "-";
    position: absolute;
    top: -9px;
    left: 0;
    font-size: 2rem;
    color: var(--black-clr: #000000);
}*/

.biofertilizers_content img {
    margin-bottom: 1rem;
    height: auto;
    width: 13rem;
}


/*.boifer_ul_box {
    height: 10rem;
}*/

.head_mini {
    font-size: 2.5rem;
}


/* bitumen emulsion END */

.fab {
    color: #6c757d !important;
}

.pink-footer {
    background: #a53692;
    color: #ffff !important;
}
.pink-footer span {
    background: #a53692;
    color: #ffff !important;
}

.gray-footer {
    background: #434343;
    color: #ffff !important;
}
.gray-footer span {
    background: #434343;
    color: #ffff !important;
}

.green-footer {
    background: #1c7f00;
    color: #ffff !important;
}

.green-footer span {
    background: #1c7f00;
    color: #ffff !important;
}
.blue-footer{
	background: #0f62ac;
    color: #ffff !important; 
}

.blue-footer span {
	background: #0f62ac;
    color: #ffff !important; 
}

.pink-bg {
    background: #a53692db;
    color: #ffff !important;
}

.gray-bg {
    background: #4a4a4ae0;
    color: #ffff !important;
}

.green-bg {
    background: #2c8700c7;
    color: #ffff !important;
}

.blue-bg {
    background: #0f62accf;
    color: #ffff!important;
}

.agric_box:hover .agric_green {
    color: #000 !important;
    transition: 0.3s;
}

.bg_light_dark {
    position: relative;
    /*background-color: var(--rkhd-clr)*/
}

.bg_light_dark::after {
    position: absolute;
    content: "";
    /* top: 120px;*/
    top: 95px;
    left: 0;
    z-index: -1;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: var(--rkhd-clr);
}

.agric_box.agric_four {
    border: 0px solid;
    width: 22%;
}

.agric_box.agric_five {
       border: 0px solid;
    width: 18%;
    margin: 1%;
}

.agric_box.agric_four:hover {
    box-shadow: 0px 0px 0px 0 rgb(68 88 144 / 20%);
    border: 0px solid var(--blue-clr);
    transition: 0.3s;
}

.agric_box.agric_five:hover {
    box-shadow: 0px 0px 0px 0 rgb(68 88 144 / 20%);
    border: 0px solid var(--blue-clr);
    transition: 0.3s;
}

@media (max-width: 375px) {
    .custom-logo-link img {
        display: inline-block;
        max-height: 100% !important;
        width: 125px !important;
    }
    .vc_section.agri_box_sec {
        margin-left: 0px;
        margin-right: 0px;
    }
    .bg_grey {
        background-color: #eff1f0;
    }
    .bg_white {
        background-color: #fff;
    }
}

.banner_z {
    z-index: 0;
}

.half_white {
    position: relative;
}

@media (min-width: 992px) {
    .half_white:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        height: 50%;
        width: 100%;
        background: linear-gradient(0deg, #ffffff66, #fff);
    }
}

.biofertilizers_img {
    height: 350px;
}

.biofertilizers_img img {
    height: 100% !important;
    width: 100%;
    object-fit: cover;
}

.biofertilizers_box {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.cust_btn_one {
    font-family: "Calps-Regular";
    font-size: 1rem;
    line-height: 1;
    background: #e2e2e2;
    color: #000000;
    padding: 11px 16px;
    border-radius: 5px;
}

.cust_btn_one:hover {
    background: var(--cust-bg-clr);
    color: var(--white-clr);
    transition: 0.7s;
}

.cust_btn_two {
    font-family: "Calps-Regular";
    font-size: 1rem;
    line-height: 1;
    background: var(--cust-bg-clr);
    color: var(--white-clr);
    padding: 11px 16px;
    border-radius: 5px;
}

.cust_btn_two:hover {
    background: #e2e2e2;
    color: #000000;
    transition: 0.7s;
}

.boifer_ul_box ul {
    height: 8rem;
    overflow-y: scroll;
}

::-webkit-scrollbar {
    width: 2px;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.biofertilizers_content {
    background: white;
}

.biofertilizers_btn {
    background: white;
}

.footer {
    background: #1c7f00;
}

@media (max-width: 576px) {
    .biofertilizers_img {
        height: 10rem;
    }
}

.img_Pre_Treatment {
    height: 18.8rem !important;
}

.Pre_Treatment_box_one {
    color: #fff;
    justify-content: center !important;
}

.Pre_Treatment_box_one h4 {
    color: #fff;
}

.Pre_Treatment_box {
    color: #fff;
}

.Pre_Treatment_box h4 {
    color: #fff;
}

.biofertilizers_img_new {
    height: 21.8rem !important;
}

.biofertilizers_img_new img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.biofertilizers_box_ftm {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    height: 21.8rem;
    background-color: #ffffff;
}


/* dummy tabs*/


/* dummy tabs END*/

.ms-skin-default .ms-nav-prev {
    left: 82% !important;
}

@media (max-width: 576px) {
    .ms-skin-default .ms-nav-prev {
        left: 65% !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .ms-skin-default .ms-nav-prev {
        left: 77% !important;
    }
}

.ms-nav-next i,
.ms-nav-prev i {
    background-color: var(--white-clr);
    top: 0px;
    left: 80%;
    width: 2.5rem;
    height: 2.5rem;
    display: grid;
    place-content: center;
    color: var(--grey-fnt-clr);
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}

.ms-nav-next i:hover,
.ms-nav-prev i:hover {
    background-color: var(--cust-bg-clr);
    color: var(--white-clr);
    transition: 0.5s;
}

.solution_box_All .solution_box_All_sub .solution_box h6 {
    padding-top: 0;
}

.banner_content h1 {
    line-height: 1.2;
}


/* .ms-skin-default .ms-nav-next {
      right: 30px;
      left: auto;
      background-position: -82px -101px !important;
  }*/

.flex-next,
.ms-skin-default .ms-nav-next {
    background-position: center !important;
    background-size: 70% 80% !important;
    background-repeat: no-repeat !important;
    border-radius: 5px !important;
    background-color: #51b848 !important;
    width: 30px !important;
    background: url(https://cdn-icons-png.flaticon.com/512/2223/2223627.png) !important;
    height: 30px !important;
    background-position: center !important;
    background-size: 70% 70% !important;
    background-repeat: no-repeat !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.flex-prev,
.ms-skin-default .ms-nav-prev {
    background-position: center !important;
    background-size: 70% 80% !important;
    background-repeat: no-repeat !important;
    border-radius: 5px !important;
    background-color: #51b848 !important;
    width: 30px !important;
    background: url(https://cdn-icons-png.flaticon.com/512/2223/2223615.png) !important;
    height: 30px !important;
    background-position: center !important;
    background-size: 70% 70% !important;
    background-repeat: no-repeat !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.top_nav_arrow .ms-slide-info {
    margin-top: 0px;
    background: #fff;
}

.top_nav_arrow .ms-skin-default .ms-nav-next,
.top_nav_arrow .ms-skin-default .ms-nav-prev {
    top: -8% !important;
}

.top_nav_arrow .ms-skin-default .ms-nav-next {
    right: 0% !important;
    left: auto !important;
}

.top_nav_arrow .ms-skin-default .ms-nav-prev {
    top: -8% !important;
}

.top_inner_arrow .ms-skin-default .ms-nav-next,
.top_inner_arrow .ms-skin-default .ms-nav-prev {
    top: 8% !important;
    background-color: #51b848 !important;
}


/*.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {
      width: 30px;
    
      background-size: 100% 100%;
      height: 40px;
      cursor: pointer;box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
      top: -8% !important; 
      background-color: #fff !important;    padding: 3px 6px;
      left: 30px;
      margin-top: -20px;
      position: absolute;
      z-index: 110;
  }*/

.metaslider .flexslider .flex-direction-nav li a:hover,
.flex-direction-nav li:hover,
.ms-skin-default .ms-nav-next:hover,
.ms-skin-default .ms-nav-prev:hover {
    background-color: transparent !important;
}

.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev {
    position: relative;
}

.metaslider .flexslider .flex-direction-nav li a {
    top: -5% !important;
    background-color: #50b647 !important;
    border: 1px solid #50b647 !important;
}

.flex-prev {
    left: -5rem !important;
    ;
}

.job_opaning_form select {
    width: 100%;
}

.job_opaning_form label {
    font-size: 1.6rem;
    font-weight: 500;
    margin: 0;
}

.metaslider .flexslider .flex-direction-nav li a {
    opacity: 1 !important;
}

.flex-direction-nav .flex-next {
    right: 0px !important;
    text-align: right;
}

.contact_form select {
    width: 100%;
}

.text_green {
    color: green;
}


/*.tab_sec_fix_cont div,*/

.tab_sec_fix_cont div figure,

/*.tab_sec_fix_cont img,*/

.img_Pre_Treatment div,
.img_Pre_Treatment,
.img_Pre_Treatment img,
.img_Pre_Treatment div figure {
    height: 100% !important;
    margin-bottom: 0!important;
}

.img_Pre_Treatment figure div,
.img_Pre_Treatment figure {
    width: 100%;
}

@media(min-width:768px) {
    .img_simi_blog,
    .blog_pg_box_img,
    .tab_sec_fix_cont {
        height: 22rem;
    }
    .img_simi_blog figure {
        height: 15rem;
        width: 100%;
    }
    .img_simi_blog figure,
    .blog_pg_box_img figure {
        height: 100%;
        width: 100%;
    }
    .blog_pg_box_img figure div,
    .img_simi_blog figure div {
        height: 100%;
        width: 100%;
    }
    .blog_pg_box_img figure div img,
    .img_simi_blog figure div img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
}

.tab_sec_fix_cont>div>div,
.tab_sec_fix_cont>div>div>div,
.tab_sec_fix_cont>div>div>div>div,
.tab_sec_fix_cont>div {
    height: 100% !important;
}

.Pre_Treatment_box,
.tab_sec_fix_cont>div>div>div>div {
    display: flex !important;
    align-items: center !important: ;
    align-items: center;
}

.about_pg_tab .nav-link.active {
    color: #fff;
    background-color: green !important;
}

.click_view_txt li a,
.click_view li button>div,
.click_view li a>div {
    position: relative;
    /*overflow: hidden;*/
	    height: 4.5rem;
}
.click_view_txt li a,
.click_view_txt li button{
height:5.5rem;
}
.bitu_client::before,
.click_view li button>div::before,
.click_view li a>div::before {
         position: absolute;
    content: " Click to View";
    top: -30%;
    left: 0%;
    bottom: 0;
     height: 1.5rem;
    z-index: 1;
    color: white;    font-family: 'Montserrat-Medium';
    width: 50%;
    transition: .3s;
    background: #0f62ac91;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bitu_client:hover::before,
.click_view li button>div:hover::before,
.click_view li a>div:hover::before {
      left: 0%;
	top:0;
    transition: .3s;
    display: flex;
    justify-content: center;
    align-items: center;
}
 
 
/*

.nav.nav-pills li button > div:hover img{
    filter: blur(4px) !important;
}*/

.main-navigation ul ul {
    position: unset !important;
}

.greent_head {
    text-align: center;
   
	font-size: 1.5rem;
}

.agriculture_banner {
    overflow: hidden;
}

.farm_steps h3 {
    color: green;
    font-weight: 800;
}

.blog_date p:nth-child(3) {
    overflow: hidden;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

@media (max-width: 768px)
{
#agric_cont 
    {
    width: 100%;
    position: absolute;
    bottom: 36%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, 0%);
    }
}


.blog-inner-wrap-view {
    background: white;
}

.blog-inner-wrap-view .blog-content {
    padding: 1rem;
}
.wpspw-readmorebtn,
.blog-more-link {
    color: white !important;
    border-radius: 3px !important;
    background: green !important;
    font-family: "Calps-Regular";
    padding: 3px 12px !important;
    font-size: 19px !important;
}

.blog-title {
    overflow: hidden;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.biofertilizers_btn>div {
    display: flex;
    align-items: baseline;
}
.entry-title,
.wpspw-post-title,
.proj_step_sec h3,
.blog-title {
    font-family: "Canela-meduim";
    font-weight: 500;
}
.wpspw-post-title
{
    text-align: start;
}

.proj_step_sec h3 {
    color: green;
    font-size: 1rem;
    font-weight: bold;
}
.wpspw-post-date ,
.blog-author {
    color: green;
    font-size: 1.3rem !important;
}
 
.wpspw-post-date {
     font-size: 13px;
    margin-bottom: 5px;
 
} 
.wpspw-post-date span  {
    font-style: italic;
}
.proj_border_right {
    position: relative;
}

@media (min-width:767px) {
    .proj_border_right::after {
        position: absolute;
        content: '';
        right: 0;
        bottom: 0;
        width: 2px;
        height: 100%;
        background: black;
    }
}

.white_shadow,
.black_shadow {
    position: relative;
}

.white_shadow::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 14rem;
    background-color: linea;
    background-image: linear-gradient(white, #ffff0000);
}

.black_shadow::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 14rem;
    background-color: linea;
    background-image: linear-gradient(black, #ffff0000);
}

@media (min-width:992px) and (max-width:1399px) {
    .img_simi_blog,
    .blog_pg_box_img,
    .tab_sec_fix_cont {
        height: 18rem;
    }
}

.section-title.white_border:after {
    background: white !important;
}

.footer_link p a:hover {
    transition: .1s;
    font-weight: 600;
}

.social-navigation a:hover .icon-facebook {
    fill: #3b5998;
}

.social-navigation a:hover .icon-linkedin {
    fill: #0e76a8;
}
.social-navigation a i{
color: #383838 !important;
}
.social-navigation a:hover i,
.social-navigation a:hover .icon-youtube {
    color: #c4302b  !important;
	    fill: #c4302b  !important;
}
title {
	    text-transform: capitalize!important;
}



nav>nav{
    width: 100%;
}
.agric_box .img_1, 
.agric_box .img_2{
margin-bottom: 20px !important;
}
.agric_box .img_2 figure div img {
    margin-bottom: 20px !important;
}
.agric_box {
        opacity: .8;
 
}
.agric_box:hover {
        opacity: 1;
    transform: scale(1.1);
}
.center_head{
    width: max-content;
    margin: auto;
	 position: relative;
    
    padding: 5px 6rem;
	/*padding-top: 0px !important;*/
    border-radius: 0px 0 8px 10px;
    color: white;
}
@media (max-width:768px){
.center_head{
    width: max-content;
    margin: auto;
	 position: relative;
    
    padding: 5px 1rem;
	/*padding-top: 0px !important;*/
    border-radius: 0px 0 8px 10px;
    color: white;
}
}
/*
.center_head::after {
    position: absolute;
    top: -14px;
    left: -5px;
    transform: rotate(45deg);
  background: #1e73be;
    height: 1rem;
    width: 1rem;
    content: "";
}
.center_head::before {
    position: absolute;
    top: -14px;
    right: -5px;
    transform: rotate(45deg);
  background: #1e73be;
    height: 1rem;
    width: 1rem;
    content: "";
}*/
.bg_light_white{
position: relative;
}
.bg_light_white::before {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    background: #ffffff94;
    content: "";
}p{
font-size: 1rem !important;
}
.cust_btn_one,
.cust_btn_two  {
  font-size: 1rem !important;    font-weight: 700;
    font-family: "OpenSans-Regular" !important;
}
@media(max-width: 576px){
 iframe#video_player {
    
    transform: scale(5);
}
	.solution_box h6 {
    
    font-size: 1rem;
}
	 .solution_box p {
   
    font-size: 13px !important;
}
}
 #video_player {
  
      position: fixed;
    height: 100%;
    width: 100%;
    pointer-events: none;

    transform: scale(10.7);
    z-index: -4;
    inset:0;
}

@media (min-width:577px){
  #video_player {
  position: fixed;
    height: 100%;
    width: 100%;
    pointer-events: none;
    transform: scale(3);
	    z-index: -4;
}
}
@media (min-width: 1200px) and (max-width:1699px){
  #video_player {
     
    transform: scale(2);
	}}
 
@media (min-width: 1700px){
#video_player {
     
    transform: scale(1.2);
	}}
.agric_box a {
    text-transform: uppercase;
}

.agri_pg_icon .agric_box:hover a {
    color: #1c7e00;
}
.texttiles_box .agric_box a {
       color: #b65da7;
}
.texttiles_box .agric_box:hover a {
       color: #b65da7;
}

.Copyright a,p{
   font-family: "Montserrat-Regular" !important;
}
.fade:not(.show) {
    opacity: 0;
    height: 0;
    /*display: block !important;*/
	display: none !important;
}
@media(min-width: 768px){
	.bitu_main_sec_two {
	position: relative;
	}
	.bitu_main_sec_two::before{
	position: absolute;
		content: '';
		top:0;
		left: 50%;
		background: #434343;
		width:3px;
		height: 100%;
	}
}
.tfree-testimonial-content p{
padding-top: 2rem !important;
}
.testimonial-full,
.tfree-client-testimonial{
position: relative;
	background:#fff;
	padding-bottom: 1rem; 

}
.sp-testimonial-content p,
.tfree-testimonial-content p{
    padding: 0rem 1rem;
    overflow-y: scroll;
    height: 10rem;position: relative;
}
.tfree-testimonial-content p::before{
    position: absolute;
    content: '';
    top: 0;
    z-index: 0;
    left: 0;
    width: 100%;
    height: 2rem;
    background: #fff;
}
.cot_img::before {
        position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f10d";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: white;
    height: 100%;
    display: grid;
	font-size: 1.2rem;
    width: 100%;
    place-content: center;
 
}
.sp-tfree-client-image{
margin: 0 !important;
}
  .sp-tfree-client-image img {
    display: inline-block;
    height: 17rem;
    width: 100%;
    object-fit: cover;
}
.sp-tfree-client-image  {
       height: 17rem;
    margin: 0 !important;
    width: 100%;
}

}
.tfree-testimonial-content p{
	padding:0em 1.5rem
}
.testimonial_life .cot_img {
       position: absolute;
    /* content: "dfg"; */
  left: 5%;
    z-index: 1;
   top: -1.5rem;
    
    background: #1c7f00;
	border-radius: 50%;
    height: 3rem;
    width: 3rem;
 
}
.testimonial_life .cot_img::before {
        position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f10d";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: white;
    height: 100%;
    display: grid;
	font-size: 1.2rem;
    width: 100%;
    place-content: center;
 
}
.sp-tfree-client-image{
margin: 0 !important;
}
.sp-testimonial-client-image img,
  .sp-tfree-client-image img {
    display: inline-block;
  height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.sp-testimonial-client-image,
.sp-tfree-client-image  {
       height: 17rem;
    margin: 0 !important;
    width: 100%;
}
.owl-prev, .owl-next,
.sp-testimonial-free-section .slick-prev, .sp-testimonial-free-section .slick-next {
	top: -8% !important;
}
.sp-testimonial-free-wrapper {
    overflow: inherit !important; 
}
.slick-prev  ,
.owl-prev,
.sp-testimonial-free-section .slick-prev {
    right: 6rem !important; 
    left: auto  !important; 
}
.owl-prev, .owl-next,.slick-prev, .slick-next,
.sp-testimonial-free-section .slick-prev, .sp-testimonial-free-section .slick-next {
 
	display: grid !important;
place-items: center !important;}
.sp-testimonial-free-section .slick-next, .owl-next {
    right: 3rem !important;
}
@media (max-width:576px){
.sp-testimonial-free-section {
    padding: 0px !important;
}
}

.testimonial_life .sp-testimonial-client-name,
.testimonial_life .tfree-client-name {
    color: #747474 !important;
    text-align: end !important;
    padding-right: 2rem !important;
}
  .sp-tfree-client-image img{
border-radius: 0 !important;
}
.owl-prev, .owl-next
{
    margin-top: 0px;
    font-size: 20px;
    line-height: 32px;
    display: block;
    width: 32px;
    height: 32px;
    padding: 0;
    cursor: pointer;
    outline: none;
    position: absolute;
    text-align: center;
    z-index: 22;
}.sp-testimonial-free,
.sp-testimonial-free
{
	background: white;
    padding-bottom: 1rem;
}
.Pre_Treatment_box_body ul {
    /* height: 10rem; */
    overflow-y: scroll;
    min-height: 6rem;
    max-height: 8rem;
}
 
/* width */
.Pre_Treatment_box_body ul::-webkit-scrollbar, 
.about_con_div::-webkit-scrollbar, 
.agri_about::-webkit-scrollbar,
.boifer_ul_box ul::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.Pre_Treatment_box_body ul::-webkit-scrollbar-track, 
.about_con_div::-webkit-scrollbar-track, 
.agri_about::-webkit-scrollbar-track,
.boifer_ul_box ul::-webkit-scrollbar-track {
  background: transparent; 
}
 
/* Handle */
.Pre_Treatment_box_body ul::-webkit-scrollbar-thumb, 
.about_con_div::-webkit-scrollbar-thumb, 
.agri_about::-webkit-scrollbar-thumb,
.boifer_ul_box ul::-webkit-scrollbar-thumb {
  background: #8080804f; 
}

/* Handle on hover */
.Pre_Treatment_box_body ul::-webkit-scrollbar-thumb:hover, 
.about_con_div::-webkit-scrollbar-thumb:hover, 
.agri_about::-webkit-scrollbar-thumb:hover,
.boifer_ul_box ul::-webkit-scrollbar-thumb:hover {
  background: #c5c5c5; 
}
.bellows.bellows-main, 
.bellows.bellows-main .bellows-menu-item, 
.bellows.bellows-main .bellows-menu-item .bellows-target,
.menu-top-menu li a{
    font-family: 'Montserrat-Regular' !important;
}
.wpspw-post-date{
	    color: green !important;
font-size: 1rem !important;
}
.wpspw-post-date span a{
font-size: .8236rem !important;
}
.wpspw-readmorebtn  {
    color: white !important;
    border-radius: 3px !important;
    background: #57b952 !important;
    font-family: "Calps-Regular";
    padding: 3px 12px !important;
    font-size: 19px !important;
}
.wpswp-post-comments{
display: none;
}
 .blog_box_content,
.blog_box_head,
.entry-meta{
padding: 0 1rem;
}
.entry-header{
padding: 0 !important;
}
.wrap > #primary > .site-main{
margin-top: 3rem;
} 
.post{
		background: #fff;
    padding: 1rem;
	margin-bottom: 1rem;
}
.blog_content.post {
padding: 0rem;
	background: #fff;
margin-bottom: 1rem;
    padding-bottom: 1rem;
}
/*.post{
	background: #fff;
margin-bottom: 1rem;
    padding-bottom: 1rem;
}*/
.blog_box_head  {
        overflow: hidden;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.blog_box_content{
    height: 10.5rem;
    overflow: hidden;
}
.blog_box_content p {
     overflow: hidden;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.wpspw-post-grid .wpspw-post-title {
     overflow: hidden;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.widget_categories{
    background: #0f62ac;
	margin-top: 35px;
}
.widget_categories ul li a{
    color: #fff;
	-webkit-box-shadow: inset 0 -1px 0 rgb(255 255 255 / 0%) !important;
}
.current-cat{
background: #57b952;
}
.current-cat a{
color: #000;
}
.widget_categories{
padding: 0 !important;
}
.wpspw-readmorebtn{
color: #fff !important;
}
.page-header {
    padding-bottom: 0em !important;
}


.sp_wpspwpost_static.wpspw-design-1 .wpspw-readmorebtn {
    
	color: #fff!important;}
.entry-title a {
    
    font-size: 1.3rem;
}

.menu a
{
position: relative;
}

 .menu a::before
{
position: absolute; 
    content: '';
    top: 0;
    left: -10%;
    height: 100%;
    width: 0%;
    z-index: -1;
    background: #ea1826;
    border-right: 3px solid #fff;
	transition: .3s;
}

.menu a:hover::before{
width: 100%;
	transition: .3s;
	   left: 0%;
}
.menu a:hover::before{
width: 100%;
	transition: .3s;
	   left: 0%;
}
.bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0.bellows-current-menu-item>.bellows-target{
background: #ea1826;
}
.bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0.bellows-current-menu-item>.bellows-target, .bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0.bellows-current-menu-ancestor>.bellows-target {
    background: #ea1826 !important;
}
.menu a:hover  {
    background: #2962ff00 !important;
}

.progress {
position: absolute;
    bottom: 0;
  left: 0;
  height: 6px;
  /*background-color: green;*/
  transition: all linear 0.1s;
  min-width: 0%;
}

.sshos-header-bar{
display: none; 
}

.menu a:hover, .menu a:active {
    background: #2962ff00!important;
}
.inner_blog_main .entry-title{
    font-size: 2.15rem !important;
    color: #0f62ac;
	margin:0 !important;
}
.saprater{
    height: 3px;
    background: #57b952;
    margin: 5px 0 18px 0px;

}
.inner_blog_main .post-thumbnail{
text-align: center;
}
.inner_blog_main .post-thumbnail img{
width: 100%;
}
.inner_blog_main svg.icon{
height: 1rem;
    width: 1rem;
    margin-top: 8px;
}
@media screen and (min-width: 48em){
.inner_blog_main .nav-title-icon-wrapper {
    position: absolute;
    text-align: center;
    width: 4em;
	}}
@media screen and (min-width: 48em){
.inner_blog_main .nav-links .nav-title {
    position: relative;
    
	}

.nav-next,.nav-previous
	{
    background: #eff1f0;
    border: 1px solid #0f62ac;
    padding: 10px;	
		    width: 35%;
}

}

.vc_tta-tabs-list li a{
    font-family: "Canela-Thin";
    color: #0f62ac !important;
    font-weight: 800 !important;
}

aside.widget-area section{
padding: 0;
}
.widget_categories {
    background: #0f62ac;
    margin-top: 0;
}
.widget.widget_block h2{
margin-bottom: 0;
	font-weight: 600;
}
.widget_categories{
margin-bottom:1.5rem;
}
.widget_recent_entries
{
    background: white;
    padding: 1rem !important;

}
.widget ul li, .widget ol li {
    border-top: none !important; 
    border-bottom: 1px solid #ddd;
    padding: 0.5em 0;
}
.inner_blog_main ul {
    padding-left: 1rem;
}
.prev.page-numbers, .next.page-numbers {
       background: #0f62ac !important;
    -webkit-border-radius: 2px;
    border-radius: 2px;font-family: 'Montserrat-Medium';
    display: inline-block;
    font-size: 24px;
    font-size: 1rem !important;
    line-height: 1;
    padding: 10px !important;
}
.prev.page-numbers:hover, .next.page-numbers:hover {
       background: #57b952 !important;
  color: #fff !important;
}
.footer_link.footer_border_right a::before {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0%;
    height: 2px;
    background: white;
	transition: .3s;
    content: "";
}
.footer_link.footer_border_right a:hover::before{
width:100%;
	transition: .3s;
}
.footer_link.footer_border_right a {
    position: relative;
	transition: .3s;
}
li.cat-item{
  transition: .3s;
}
li.cat-item:hover{
  background: #57b952 !important;transition: .3s;
}
   .featured-content-image {
    height: 17rem !important;
    margin: 0 !important;
    width: 100% !important;
}



.featured-content-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.featured-content-slider .slick-arrow {
    top: 0%!important;
}
.social-navigation ul {
 
    padding: 0;
}
.click_view .tab .nav-link {
    padding: 0rem!important;
}
.bitu_client p {
    padding: 0 1rem;
    margin: 0;
}
.tab-content {
  display: none;
	transition: .4s;
}
.tab-content.active {
  display: block;
	transition: .4s;
} 
.bitu_client:hover::before, .click_view li a>div:hover::before,.click_view li button>div:hover::before,
.bitu_client:hover::before, .click_view li button>div:hover::before {
   transition: .3s;
    top: 0%;
}
.click_view  li button.active .bitu_client::before,
.click_view  li.active .bitu_client::before{
/*display: none;*/
	opacity: 0;
}
.Pre_Treatment_box_body ul{
padding-left: 2rem !important;
}
.shadow_none:hover {
    box-shadow: none;
}
.about_con_div p {
    margin-bottom: 1rem;
}

.text-green{
color: green;
}
@media (min-width: 768px){
.about_con_div {
    max-height: 30rem;
    overflow-y: scroll;
    margin-bottom: 3rem;
}
}
.agri_about{
padding-right: 0rem;
}

.agri_about .wpb_wrapper div {
    overflow-wrap: break-word;
}.Pre_Treatment_box_body h4 {
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 2px;
}
.agric_box  > div{
padding: 0px 0 !important;
}
.agri_box_tagline p{
text-align: center;
	font-size: .9rem !important;
}
.benefits_sam_box {
background:white;
	height: 6rem;
}
.agric_box p {
    text-align: center;
}
.agric_box {
    border: 1px solid #00000029;
    text-align: center;
    padding: 16px 7px !important;
    border-radius: 5px;
    width: 14%;
    /* margin-right: 2%; */
    transition: .3s;
}
.bitu_client_btn a{
    border: 1px solid transparent;
    
}
.bitu_client_btn.active a{
    border: 1px solid #57b952;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
ul{
padding-left:2rem !important;
}


#menu-top-menu .bellows-submenu,
ul#menu-top-menu{
    padding-left: 0rem !important;
}
#menu-social-links-menu{
padding:0 !important;
}
@media (max-width:768px){
.index_banner {
    height: auto;
    /* height: auto; */
    position: relative;
}
	 
}
.bitu_client_btn.active {
    border: none !important;
    box-shadow: rgb(100 100 111 / 20%) 0 7px 29px 0;
}
@media (min-width: 577px) and (max-width: 768px){
.agric_box.agric_five {
    border: 0 solid;
    width: 50%;
    margin: auto;  margin-bottom: 1rem;
	}} 
@media (min-width: 768px) and (max-width: 991px){
.agric_box.agric_five {
    border: 0 solid;
    width: 31% !important;
	}
    
    
    
    .banner_video  {
   
    padding-top: 7rem;
    /*padding-top: 0;*/
        
    }
    
    
    
}
@media(max-width:576px){
/*    #video_player {*/
/*    position: fixed;*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    pointer-events: none;*/
/*    transform: scale(4.7);    transform-origin: right;*/
/*    z-index: -4;*/
/*}*/
    .main_index_baner_content {
    background: #00000063;
    padding: 1rem;
    border-radius: 5px;
    color: white;
}
}
.main_index_baner_content {
    background: #ffffff59 !important;
    padding: 1rem;
    border-radius: 5px;
    color: white;
}
..bellows.bellows-skin-blue-material {
     background-color: #ffffff95 !important;
}
.bellows.bellows-skin-blue-material {
    background: #ffffff95!important;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}



/*AnkitCSSStart*/
.agri_about {
    padding: 0;
    border: 20px solid white;
    position: relative;
    background: white;
    /* box-shadow: 5px 10px 29px 0 rgb(68 88 144 / 20%); */
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    max-height: none !important;
    overflow-x: unset !important;
    overflow-y: unset !important;
    scrollbar-width: thin;
}
/*AnkitCSSEnd*/