@font-face {font-family:font; src:url(https://www.farmfutures.in/fonts/Cera\ Condensed\ Pro\ Light.otf;) !important;}

html {scroll-behavior:smooth;}


/* --NAVBAR-- */
header {width:auto; position:fixed; z-index:99; padding-top:10px; width:100%; position:fixed; top:0; left:0;}

.bg-light {background-color:transparent!important;}

.nav-link {color:#fff!important; font-size:16px;}

.navbar-light .navbar-toggler {border:none;}

.navbar-light .navbar-toggler-icon {color:#fff!important;}

.navbar-light .navbar-toggler-icon {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}



header #logo img {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; transition:all 0.3s; transition-duration:1.0s;}

.navbar-collapse a {font-size:16px!important; font-weight:400!important; font-family:'Poppins',sans-serif!important; padding:0 10px 0 10px!important;}

.navbar-collapse a {padding:5px 10px 5px 10px!important;}

header.smaller {min-height:65px; background-color:#0072bc; box-shadow:0 3px 3px rgba(0, 0, 0, 0.2);}

header.smaller .navbar {padding:5px 0!important; margin-right:15px; color:#000;}

header.smaller #logo img {height:75px;}

header.smaller a {color:#fff!important;}
header.smaller .dropdown-menu {background-color:#fff!important; color:#000!important;}
header.smaller .dropdown-menu a {color:#000;}
header.smaller .dropdown-menu a:focus,header.smaller .dropdown-menu a:focus {background-color:#0072bc; color:#fff;}
header.smaller .dropdown-menu a {color:#000!important;}
header.smaller .dropdown-menu a:focus,header.smaller .dropdown-menu a:hover {background-color:#0072bc!important; color:#fff!important;}

/* Underline From Center */
.hvr-underline-from-center {display:inline-block; vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); position:relative; overflow:hidden;}

.hvr-underline-from-center:before {content:""; position:absolute; z-index:-1; left:51%; right:51%; bottom:0; background:#fff; height:2px;-webkit-transition-property:left,right; transition-property:left,right;-webkit-transition-duration:0.3s; transition-duration:0.3s;-webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;}

.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before {left:0; right:0;}


/* Bounce To Left */
.hvr-bounce-to-left {display:inline-block; vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); position:relative;-webkit-transition-property:color; transition-property:color;-webkit-transition-duration:0.5s; transition-duration:0.5s;}
.hvr-bounce-to-left:before {content:""; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0; background:#0072bc;-webkit-transform:scaleX(0); transform:scaleX(0);-webkit-transform-origin:100% 50%; transform-origin:100% 50%;-webkit-transition-property:transform; transition-property:transform;-webkit-transition-duration:0.5s; transition-duration:0.5s;-webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;}
.hvr-bounce-to-left:active,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:hover {color:#fff;}
.hvr-bounce-to-left:active:before,.hvr-bounce-to-left:focus:before,.hvr-bounce-to-left:hover:before {-webkit-transform:scaleX(1); transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);}

/* BANNER */
.banner {background-image:url(../../../images/banner.html) !important; width:100%; height:100vh; padding-top:300px; color:#fff; background-position:right center; background-size:cover;}

.banner h1 {text-transform:uppercase; margin-bottom:20px; font-family:'Rajdhani',sans-serif; font-weight:800; font-size:48px;}

.banner span {font-weight:300;}

.btn-outline-primary {color:#fff!important; background-color:#0072bc!important; border-radius:5px; padding:10px 30px!important;}

.btn:active,.btn:focus {outline:none!important; box-shadow:none;}


/* ABOUT */
.why {padding-top:80px; font-family:'Rajdhani',sans-serif; padding-bottom:80px;}

.why img {width:100%;}

.why h1 {margin-left:50px; padding-top:50px; font-weight:500;}

.why span {font-weight:400;}

.why p {padding:0 50px 0 50px; padding-top:15px; color:#0a1c2a; font-weight:500; font-size:18px;}

/* IMAGE */
.image-box h4 {font-family:'Rajdhani',sans-serif; font-weight:400; font-size:40px; color:#fff; padding-left:30px; padding-top:10px; margin:0;}

.image-box h6 {font-family:'Rajdhani',sans-serif; font-weight:400; font-size:20px; color:#fff; padding-left:30px; margin:0;}

.image-box img {margin-top:-60px;}

.image-box i {font-size:60px; color:#0072bc; padding-left:50px;}

.image {padding-top:50px; padding-bottom:50px;}

.image-box {background:#0072bc; border-radius:10px; height:146px; padding:35px 15px; margin-bottom:20px; box-shadow:0 40px 30px -8px rgba(0, 0, 0, 0.2); transition-duration:2s;}



/* SOFTWARE */
.mlm-soft {font-family:'Rajdhani',sans-serif; padding:40px 0;}

.mlm-soft h1 {font-weight:500; color:#000;}

.mlm-soft p {padding:0 160px 0 0; font-weight:500; font-size:18px; color:#000; text-transform:uppercase;}

.mlm-box {background:#b4cad9; border-radius:20px; height:200px; border-radius:50px; margin-bottom:16px; box-shadow:0 20px 10px -8px rgba(0, 0, 0, 0.2); padding-top:30px; transition-duration:2s; text-align:center;}

.mlm-box-1 {background:#0072bc; border-radius:20px; height:200px; border-radius:50px; margin-bottom:16px; box-shadow:0 20px 10px -8px rgba(0, 0, 0, 0.2); padding-top:30px; transition-duration:2s; text-align:center;}

.carousel-indicators .active {opacity:1; background-color:#0072bc;}

.carousel-indicators li {box-sizing:content-box;-ms-flex:0 1 auto; flex:0 1 auto; width:10px; height:10px; border-radius:10px; margin-right:3px; margin-left:3px; border:none; text-indent:-999px; cursor:pointer; background-color:#000; background-clip:padding-box;/* border-top: 10px solid transparent; */
/* border-bottom: 10px solid transparent; */
opacity:.5; transition:opacity .6s ease;}

.mlm-box h4,.mlm-box-1 h4 {display:flex; justify-content:center; align-items:center; font-family:'Poppins',sans-serif; font-weight:400; font-size:20px; color:#fff;}

.mlm-box img,.mlm-box-1 img {margin:auto; display:block; margin-bottom:20px;}

.mlm-box:focus,.mlm-box:hover {background-color:#0072bc; transform:scale(1.0.90, 1.0.90);}
/* SERVICE */
.service {padding:40px 0;}

.service h1 {font-family:'Rajdhani',sans-serif; font-weight:500; margin-bottom:60px;}

.service-box {background:#b4cad9; border-radius:10px; height:151px; padding:35px 15px; margin-bottom:20px; box-shadow:0 40px 30px -8px rgba(0, 0, 0, 0.2); transition-duration:2s;}

.service-box-1 {background:#0072bc; border-radius:10px; height:151px; padding:35px 15px; margin-bottom:20px; box-shadow:0 40px 30px -8px rgba(0, 0, 0, 0.2); transition-duration:2s; color:#fff;}

.service-box h4 {font-family:'Poppins',sans-serif; font-weight:400; font-size:20px; color:#fff;}

.service-box:focus,.service-box:hover {background-color:#0072bc; transform:scale(1.0.90, 1.0.90);}

.service a {background-color:#0072bc; text-align:center; margin:auto; padding:15px 40px; text-decoration:none; color:#fff; border-radius:10px; margin-top:50px; margin-bottom:40px;}
.service .row {align-items:center!important;}



/* Feature */

.unique {background-color:#d9e4ec; border-radius:20px; padding-top:60px; font-family:'Rajdhani',sans-serif; padding-bottom:80px;}

.unique img {border-radius:10px; height:50px;}
.unique h1 {font-weight:500; color:#000; text-align:left; text-transform:uppercase;}

.unique p {font-weight:500; color:#666; font-size:20px; margin-bottom:30px; padding:40px 10px 0 0; font-family:'Rajdhani',sans-serif; font-weight:500;}
.unique span {display:block;}

.unique-box {background:#0072bc; border-radius:10px; margin-bottom:20px; box-shadow:0 40px 30px -8px rgba(0, 0, 0, 0.2); transition-duration:2s; margin:20px 10px; height:100px; width:270px;padding-top: 20px;}
.unique-box h4 {font-weight:500; font-size:20px; color:#fff; text-align:center; text-transform:uppercase; margin: 0;}

.unique-box-1 h4 {font-weight:500; font-size:19px; color:#fff; text-align:center; text-transform:uppercase;padding-top: 15px; }

.unique-box-1 {background:#0072bc; border-radius:10px; margin-bottom:20px; box-shadow:0 40px 30px -8px rgba(0, 0, 0, 0.2); transition-duration:2s; margin:20px 10px; height:100px; width:321px;padding-top: 20px;}

.unique-box h4 {font-weight:500; font-size:19px; color:#fff; text-align:center; text-transform:uppercase; padding-top: 15px;}

.unique a {float:right; font-family:'Poppins',sans-serif; font-weight:400; color:#00f; text-decoration:underline; margin-right:25px;}

.page, .page a {
    cursor: none;
   }
   
   body.tutorial {
     --color-text: hsla(211, 100%, 50%, 1);
     background-color: var(--color-bg);
       transition: all 0.2s ease-in;
   }
   .page {
     position: absolute;
     width: 100%;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
   }
   .page__inner {
     display: flex;
     justify-content: center;
     width: 100%;
       backface-visibility:hidden;
   }
   
   .cursor {
     position: fixed;
     left: 0;
     top: 0;
     pointer-events: none;
   }
   .cursor--dot {
     width: 10px;
     height: 10px;
     left: -3px;
     border-radius: 100%;
     z-index: 11000;
     background: var(--color-text);
   }
   .cursor--canvas {
     width: 100vw;
     height: 100vh;
     z-index: 12000;
   }
/* client */
.client {padding:60px 0 80px 0;}

.client h1 {margin-bottom:40px; padding-top:40px; font-family:'Rajdhani',sans-serif; font-weight:500; font-size:40px; color:#000;}

.client-box {background-color:#b4cad9; border-radius:10px; margin-bottom:20px;}

.client-box img {margin-top:-50px;}

.client-box h3 {text-align:left; padding-left:10px;}

.client-box p {text-align:left; padding:20px 10px 20px 0;}

.client .carousel-inner {padding-top:40px; position:relative;}

.carousel-indicators {position:inherit;}

/* FOOTER */
.footer {background-color:#132a3f; padding-top:60px; padding-bottom:40px;}

.footer li {list-style-type:none; line-height:32px; font-family:'Poppins',sans-serif; font-weight:300;font-size: 14px;}

.footer a {color:#fff; text-decoration:none; transition-duration:2s;}

.footer a:focus,.footer a:hover {color:#0072bc; transform:scale(1.0.90, 1.0.90);}

.footer h4 {font-family:'Rajdhani',sans-serif; color:#fff; font-weight:500; margin-bottom:20px; padding-top:50px;}

.footer p {color:#fff; font-family:'Poppins',sans-serif; font-size:15px; float:right;}

.icon i {font-size:10px;}

.icon {color:#fff; margin-left:5px;}

.icon-box {width:25px; height:25px; background-color:#fff; border-radius:20px; text-align:center; color:#000; transition-duration:2s;}

.icon-box:focus,.icon-box:hover {background-color:#0072bc; transform:scale(1.0.90, 1.0.90); color:#0072bc;}

.icon i {color:#000; font-weight:800; font-size:15px; margin-top:-25px;}

.icon-1 {width:25px; height:25px; border-radius:20px; margin-right:60px;}

.icon-box-1 {width:25px; height:25px; border-radius:20px; text-align:center; color:#fff!important; transition-duration:2s; border:1px solid #fff;}

.icon-box-1:focus,.icon-box-1:hover {background-color:#0072bc; transform:scale(1.0.90, 1.0.90); color:#0072bc; border-color:#132a3f;}

footer {background-color:#0072bc; text-align:center; color:#fff; padding:20px 15px;}

footer a {color:#fff; text-decoration:none;}

footer a:hover,footer:focus {color:#000;}
.footer .d-flex {margin-bottom:0;}
.footer img{width: 25px;}


#myBtn {display:none; position:fixed; bottom:20px; right:30px; z-index:99; font-size:25px; border:none; outline:none; background-color: #000; color:#fff; cursor:pointer;  border-radius:60px;width: 40px;height: 40px;}
#myBtn:hover {background-color:#666;}





.testimonial {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #3d5a80;
  color: #3d5a80;
}
.testimonial-slide {
  padding: 40px 20px;
}
.testimonial_box-top {
  background-color: #e0fbfc;
  padding: 30px;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  box-shadow: 5px 5px 20px rgba(152, 193, 217, 0.493);
}
.testimonial_box-icon {
  padding: 10px 0;
}
.testimonial_box-icon i {
  font-size: 25px;
  color: #14213d;
}
.testimonial_box-text {
  padding: 10px 0;
}
.testimonial_box-text p {
  color: #293241;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
}
.testimonial_box-img {
  padding: 20px 0 10px;
  display: flex;
  justify-content: center;
}
.testimonial_box-img img {
  width: 70px;
  height: 70px;
  border-radius: 50px;
  border: 2px solid #e5e5e5;
}
.testimonial_box-name {
  padding-top: 10px;
}
.testimonial_box-name h4 {
  font-size: 20px;
  line-height: 25px;
  color: #293241;
  margin-bottom: 0;
}
.testimonial_box-job p {
  color: #293241;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 20px;
  font-weight: 300;
  margin-bottom: 0;
}