/*Header css Start */
body.open{overflow: hidden;}
a{color:#2CC09C;}
a:hover{color:#006063;}
.header_wrap{background: #fff; padding-top: 18px; padding-bottom: 18px;}
.header_row{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.menu>ul{list-style: none; padding-left: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0;}
.menu .nav-element{padding: 0 15px; font-size: 1.125rem; line-height: 1.625rem; color: #333333;}
.menu .nav-element>a{color: #333; padding: 19px 0; display: block;}
.menu .nav-element>a:hover{color: #2CC09C;}
.menu .nav-element>a.active{font-weight: 700; color: #2CC09C;}
.nav-element.dropdown{position: relative;}
.nav-element.dropdown>a::after{content: "";  -webkit-transition: 0.5s ease all;  -o-transition: 0.5s ease all;  transition: 0.5s ease all;   border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #333; display: inline-block; vertical-align: middle; margin-left: 0.3rem;}
.menu .dropdown-menu {position: absolute; z-index: 4; list-style: none;padding: 13px 15px;margin: 0;background: #fff;border: 1px solid #EEEEEE;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.05);box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.05);min-width: 275px; border-radius: 10px; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; }
.menu .dropdown-menu li {font-size: 16px;line-height: 1.625rem;margin-bottom: 10px;}
.menu .dropdown-menu li:last-child{margin-bottom: 0;}
.menu .dropdown-menu li a { color: #333;}
.menu .dropdown-menu li a:hover{color: #2CC09C;}
.menu .dropdown-menu:before { content: ""; width: 11px; height: 11px;background: #fff;display: block;position: absolute;top: -7px;border-left: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);left: 26px;border-radius: 0;}
.head-btn .btn{font-weight: 400; margin-left: 15px;}

form#contact-us-form .form-control.error {
display: inline-block !important;
width: auto;
}

form#contact-us-form .error {
display: block;
width: 100%;
}

form#contact-us-form .form-control.error {
display: inline-block !important;
width: auto;
border-left: 1px solid;
}
#contact-us-form .input-group { position: relative;}
#contact-us-form .input-group .input-group-prepend{
position: absolute;
z-index: 9;
top: 2px;
left: 1px;
border: none;
padding: 15px 20px;
}
form#contact-us-form input.form-control, form#contact-us-form textarea {
padding-left: 67px;
border-left: 1px solid #eee;
}
@media (min-width: 992px) {
.nav-element.dropdown:hover .dropdown-menu{opacity: 1; visibility: visible; top: auto; pointer-events: inherit;}

.nav-element.dropdown:hover>a::after{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg); border-top: 5px solid #2CC09C; }
}
.h-header{position: absolute; top: 20px; width: 100%; left: 0; z-index: 5;}
.menu-btn {display: none; }
.btn-mobile{display: none;}
.header__nav-button { background: transparent;width: 27px;height: 18px; border: none;-webkit-appearance: none;-moz-appearance: none;appearance: none; display: block;   -webkit-transform: rotate(0deg);   -ms-transform: rotate(0deg);   transform: rotate(0deg); }
.header__nav-button:hover, .header__nav-button:focus { outline: none; }
.header__nav-button > span {background: #333;display: block;position: absolute;height: 2px;width: 100%; left: 0;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.3s ease-in-out, background 0.2s cubic-bezier(0, 0, 0.58, 1);-o-transition: 0.3s ease-in-out, background 0.2s cubic-bezier(0, 0, 0.58, 1);transition: 0.3s ease-in-out, background 0.2s cubic-bezier(0, 0, 0.58, 1); }
.header__nav-button > span:nth-child(1) { top: 0px; }
.header__nav-button > span:nth-child(2) {top: 8px; }
.header__nav-button > span:nth-child(3) {top: 16px; }
.header__nav-button.header__nav-button_open > span:nth-child(1) {top: 8px;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg); }
.header__nav-button.header__nav-button_open > span:nth-child(2) {opacity: 0;left: -60px; }
.header__nav-button.header__nav-button_open > span:nth-child(3) {top: 8px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.header__nav-button.header__nav-button_open > span{background: #2CC09C;}
/*Header css End */

/* Hero banner css Start*/
.hero-slideshow{margin-bottom: 0; position: relative; }
.hero-slideshow::before{content: ""; width: 100%; z-index: 3; background:  no-repeat center top; background-size: cover; position: absolute; bottom: -1px; left:0}
.hero-slideshow .item{height: 90vh; min-height:650px; position: relative;}
.hero-slideshow .item:after{content: ""; width: 100%; height: 287px; background: no-repeat center top; background-size: cover; position: absolute; bottom: 0; left:0}
.hero-slideshow .item:nth-child(1) .hero-content h4{font-size:40px !important;width:1024px;text-align:center;line-height:4rem;margin-top:100px;}
.hero-slideshow .item:nth-child(2) .hero-content h4{font-size:40px !important;width:1024px;text-align:center;line-height:4rem;margin-top:100px;}
.hero-slideshow .item:nth-child(3) .hero-content h4{font-size:40px !important;width:1024px;text-align:center;line-height:4rem;margin-top:100px;}
.hero-slideshow .item:nth-child(4) .hero-content h4{font-size:40px !important;width:1024px;text-align:center;line-height:4rem;margin-top:100px;}
.hero-slideshow .item:nth-child(5) .hero-content h4{font-size:40px !important;width:1024px;text-align:center;line-height:4rem;margin-top:100px;}
.hero-slideshow .container{height: 100%;}
.hero-slideshow .hero-content{height: 100%; position: relative; z-index: 2; text-align: center; padding: 10% 18px 30px 18px;  display: flex; -webkit-box-orient: vertical;  flex-direction: column; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center;  mix-blend-mode: normal;}
.hero-slideshow .hero-content::before{content: ""; width: 126px; height: 186px; position: absolute; bottom: 5%; left:0}
.hero-content h2{ font-weight: 400; color: #ffff; font-size: 2.875rem; line-height: 3.75rem;letter-spacing: 0.2px; margin-bottom: 9px;}
.hero-content h2 span{ color: #2CC09C; font-family: 'Nunito', sans-serif; font-weight: 700;}
.hero-content h2 span i{font-style: normal; font-weight: 700; font-family: 'Comfortaa', cursive;  color: #FBCE4A;}
.hero-content p{color: #fff; font-size: 1.25rem;line-height: 2.25rem; margin-bottom: 6px;}
.hero-content .btn{margin-top: 24px;}
.hero-slideshow ul.slick-dots { margin: 0; bottom: 15%;width: 100% ;}
.hero-slideshow ul.slick-dots li { width: 10px; height: 10px; background: rgba(255, 255, 255, 0.3); border-radius: 50%; vertical-align: middle;}
.hero-slideshow ul.slick-dots li button { display: none;}
.hero-slideshow ul.slick-dots li.slick-active { width: 15px;height: 15px;background: #FBCE4A;}

.solutiontext{
color: #fff;
  background: #2CC09C;
  transition: 0.5s ease all;
  padding: 15px 19px;
  border-radius: 5px;
  
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.625rem;
    margin: 0 0 50px;
}

/* Hero banner css End*/

/* Home about css Start*/
.h-about-wrap{padding-top: 75px; padding-bottom: 107px; position: relative;background:#F9F4EB;}
.h-about-wrap::before{content: ""; height: 347px; display: block; width: 100%; background: url(../img/about-before.svg) no-repeat center top; background-size: cover; position: absolute; bottom: 140px; left:0}
.h-about-row{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0  auto; position: relative; z-index: 2;}
.h-about-row::before{content: ""; width: 487px; height: 583px; background: url(../img/kisspng-beer.png) no-repeat center; background-size:contain; position: absolute; right:70px;bottom:100px}
.h-about-img{width: 50.5%; position: relative;}
.h-about-img img{width: 100%;}
.play-btn{position: absolute; top: 50%; left:50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.play-btn img{width: auto;}
.h-about-content{width: 45%;}
.h-about-content h2{font-size: 2.875rem; line-height:1.875rem; color: #333; margin-bottom: 30px;}
.h-about-content p{color: #666; font-size:1.125rem; line-height:1.875rem; margin-bottom: 20px;}
/* Home about css End*/

/* platform Feat css Start*/
.platform-wrap{padding-top: 93px; padding-bottom: 100px;}
.platform-wrap h2{text-align: center; font-size: 2.55rem; line-height: 1.875rem;}
.platform-row{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.platform-features{width: 252px; margin-top: 32px;}
.dashboard-img{width: calc(100% - 504px); }
.dashboard-slide img{width: 100%; display: block; }
.single-features{width: 190px; padding: 20px 13px; text-align: center; margin-bottom: 15px; background: #fff; border: 1px solid #EEEEEE; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.08); box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.08); border-radius: 10px; }
.single-features .icon{width: 60px; height: 60px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #2CC09C; margin: 0 auto 10px;}
.single-features p{font-size: 1.125rem; line-height: 1.625rem; font-weight: 500; margin-bottom: 0;}
.platform-features .single-features:nth-child(even){margin-left: 53px;}
.odd-features .single-features:nth-child(odd){margin-left: 53px;}
.odd-features .single-features:nth-child(even){margin-left: 0;}
.dashboard-slide ul.slick-dots { margin: 0; bottom: auto; position: relative; margin-top: 20px;}
.dashboard-slide ul.slick-dots li { width: 10px; height: 10px; background: #BABFC7;; border-radius: 50%; vertical-align: middle;}
.dashboard-slide ul.slick-dots li button { display: none;}
.dashboard-slide ul.slick-dots li.slick-active { width: 15px;height: 15px;background: #FBCE4A;}

/*solution css*/
.solutions-wrap{background: #F9F4EB; padding-top: 100px; padding-bottom: 100px;}
.solutions-wrap h2{text-align: center; margin-bottom: 30px;}
.solution-row{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.solution-tab{width: 30%;}
.solution-tab ul{list-style: none; padding-left: 0; margin: 0;}
.solution-tab ul li{padding-bottom: 8px; padding-top: 8px; border-bottom: 1px solid #eee;}
.solution-tab ul li:last-child{border-bottom: none;}
.solution-tab ul li a{color: #333; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; padding: 15px 19px; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 1.125rem; line-height: 1.625rem;}
.solution-tab ul li a span{color: #2CC09C; min-width: 57px; margin-right: 10px;}
.solution-tab ul li a.active, .solution-tab ul li a:hover{color: #fff; background: #2CC09C;}
.solution-tab ul li a.active span, .solution-tab ul li a:hover span{color: #fff;}
.solution-content{width: 100%;}
.tab-box{ padding: 30px; display: none;}
.solution-tab-head{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px;}
.solution-tab-head h3{margin-bottom: 10px;}
.solution-tab-head p{color: #666; margin-bottom: 0;}
.solution-tab-head .btn span{font-size: 14px;}
.core-features-row{display: -ms-grid;display: grid; -ms-grid-columns: 1fr 20px 1fr 20px 1fr; grid-template-columns: repeat(3, 1fr); grid-gap: 20px;}
.core-features{background: #FFFFFF; border: 1px solid #EEEEEE; border-radius: 10px; padding: 30px 30px 18px;}
.core-features p{margin-top: 15px; margin-bottom: 0;color: #666; line-height: 1.5rem;}
/*solution css end*/


/* Home contact css*/
.h-contact-wrap{ background-size: cover; position: relative; }
.h-contact-wrap iframe{width: 100%; pointer-events: none; height: 800px; display: block; }
.h-contact{max-width: 575px; width: 100%; position: absolute; top: 75px; left:calc((100% - 1450px)/2); z-index: 2; padding: 40px 30px; background: #fff; border-bottom: 5px solid #FBCE4A;}
.h-contact h2{font-size: 2.25rem;line-height: 2.93rem;text-align: center;letter-spacing: 0.2px; color: #333333; margin-bottom: 20px;}
.form-control {display: block; width: 100%; font-family: 'DM Sans', sans-serif; padding: 12px 0;font-size: 1.25rem;color: #666;background-color: #fafafa;border: 1px solid #eee;border-radius: 5px;-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;}
.form-control:focus{outline: none;}
.input-group{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; margin-bottom: 20px;}
.input-group-prepend { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px 20px; border-radius: 5px 0 0 5px; font-size: 1.125rem;color: #666666; text-align: center;white-space: nowrap;background-color: #FAFAFA;border: 1px solid #EEEEEE;border-radius: 0.25rem; border-right: none;}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control {position: relative; font-family: 'DM Sans', sans-serif; -webkit-box-flex: 1;-ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; border-radius: 0 5px 5px 0; border-left: none;}
.input-group textarea.form-control{height: 150px;}
.form-control::-webkit-input-placeholder{font-size: 1.125rem;color: #666666;opacity:1;font-family: 'DM Sans', sans-serif;}
.form-control::-moz-placeholder{font-size: 1.125rem;color: #666666;opacity:1;font-family: 'DM Sans', sans-serif;}
.form-control:-ms-input-placeholder{font-size: 1.125rem;color: #666666;opacity:1;font-family: 'DM Sans', sans-serif;}
.form-control::-ms-input-placeholder{font-size: 1.125rem;color: #666666;opacity:1;font-family: 'DM Sans', sans-serif;}
.form-control::placeholder{font-size: 1.125rem;color: #666666;opacity:1;font-family: 'DM Sans', sans-serif;}
.form-control:-ms-input-placeholder{font-size: 1.125rem;color: #666666;font-family: 'DM Sans', sans-serif;}
.form-control::-ms-input-placeholder{font-size: 1.125rem;color: #666666;font-family: 'DM Sans', sans-serif;}
/* App section css*/
.app-wrap{padding-top:100px; padding-bottom: 100px;}
.app-row{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.app-img{width: 50%;}
.app-content{width: 41%;}
.app-content h2{font-weight: bold;font-size: 2.875rem;line-height: 4.06rem;letter-spacing: 0.2px; margin-bottom: 19px;}
.app-content h2 span{color: #2CC09C; font-family: 'Nunito', sans-serif; }
.app-content h2 span i{color: #FBCE4A; font-family: 'Comfortaa', cursive; font-style: normal;}
.app-content p{font-size: 24px; line-height: 31px; color: #666; margin-bottom: 30px; }
.app-content .flex{display: -webkit-box;display: -ms-flexbox;display: flex;}
.app-content .flex a{display: block; padding: 0 2.5px;}

/* App section css End*/
/*Footer css Start */
.footer-wrap{background: #F5F5F5; overflow: hidden;}
.footer-row{display: -webkit-box;display: -ms-flexbox;display: flex; padding-top: 60px; padding-bottom: 48px; margin-left: -45px; margin-right: -45px;}
.footer-row>div{padding: 0 45px; border-right: 1px dashed #DDDDDD;;}
.footer-row>div:last-child{border-right: none;}
.footer-row h2{font-size: 24px; line-height: 36px;letter-spacing: 0.2px; font-weight: 700; margin-bottom: 15px;}
.footer-links ul{-webkit-column-count: 2; list-style: none;padding-left: 0; margin: 0;}
.footer-links ul li{font-size: 1.125rem;line-height: 1.625rem;letter-spacing: 0.2px; margin-bottom: 15px;}
.footer-links ul li a{color: #333; padding-left: 13px; position: relative;}
.footer-links ul li a::before{content: "\e902"; font-family: 'icomoon' !important; font-size: 8px;  position: absolute; left: 0; top:0}
.footer-links ul li a:hover{color: #2CC09C;}
.footer-logo {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.footer-contact ul{list-style: none; padding: 0; margin: 0;}
.footer-contact ul li{display: -webkit-box;display: -ms-flexbox;display: flex;  max-width: 277px; font-size: 1.125rem;line-height: 1.625rem;letter-spacing: 0.2px; margin-bottom: 10px;}
.footer-contact ul li span{width: 40px; min-width: 40px; color: #2CC09C; height: 40px; background: #FFFFFF;border: 1px solid #EEEEEE; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 15px; }
.footer-contact ul li a{padding-top: 5px; color: #333;}
.footer-newsletter p{font-size: 1.125rem;line-height: 1.625rem; margin-bottom: 11px;}
.footer-newsletter .input-group{position: relative;}
.footer-newsletter .form-control{width: 100%; font-family: 'DM Sans', sans-serif; border: 1px solid #E7EBED;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 25px; height: 50px; padding: 13px 115px 13px 16px; font-size: 16px; line-height: 24px;letter-spacing: 0.2px; color: #666666;}
.footer-newsletter .form-control:focus{outline: none;}
.footer-newsletter .btn{font-size: 0.875rem; letter-spacing: 0.4px; position: absolute; z-index: 2; right:4px; top: 4px; padding: 14px 19px;}

.footer-bottom{background: #F7F0E5; padding-top: 10px; padding-bottom: 10px;}
.footer-bottom-row{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.footer-bottom-row p{font-size: 1.125rem; line-height: 1.625rem;letter-spacing: 0.2px; margin-bottom: 0;}
.footer-bottom-row p span{color: #2CC09C; font-weight: 500;}
.footer-bottom .social-icon{padding-left: 0; margin: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.social-icon li{margin-left: 15px;}
.social-icon li a{width: 40px; height: 40px; border: 1px solid #F6F6F6; background: #fff; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #333;}
.social-icon li a:hover{background: #FBCE4A; color: #fff;}
.social-icon li:first-child{margin-left: 0;}
/*Footer css End */

/* breadcrumbs css*/
.breadcrumbs_wrap{background: #F5F5F5; padding-top: 12px; padding-bottom: 12px;}
.breadcrumbs_wrap ul{list-style: none; padding-left: 0; margin: 0; }
.breadcrumbs_wrap ul li{color: #2CC09C; display: inline-block; vertical-align: middle; font-size: 1.25rem; line-height: 1.625rem;}
.breadcrumbs_wrap ul li a{color: #333;  position: relative;}
.breadcrumbs_wrap ul li+li::before{ content: "\e905"; display: inline-block; vertical-align: middle; font-family: 'icomoon' !important; color: #333; font-size: 10px; margin: 0 12px;}

/* about page css*/
.about_wrap{padding-top: 80px; padding-bottom: 80px;}
.about_content{max-width: 1180px; margin-left: auto; margin-right: auto; text-align: center;}
.about_content h2, .about_content h1{margin-bottom: 30px;}
.about_content p{max-width: 930px; margin:0 auto 20px;}
.about-img{position: relative;}
.about-img img{width: 100%; height: auto; display: block;}

.vision-wrap{background: url(../img/vision-bg.png) no-repeat center bottom; background-size: cover;  padding-bottom: 258px;}
.vision-content{max-width: 612px; margin: 0 auto; text-align: center; }
.vision-content .icon{width: 120px; height: 120px; margin: 0 auto 30px; background: #2CC09C; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.vision-content h2{margin-bottom: 30px;}
.vision-content p{font-size: 1.5rem; line-height: 150%; font-weight: 500; color: #333; margin-bottom: 0;}

.mision_wrap{padding-top: 60px; padding-bottom: 87px; min-height: 836px; position: relative; }
.mission_content {width: 49%; position: relative; z-index: 2;}
.mission_content img{margin-bottom: 30px;}
.mission_content h2{margin-bottom: 30px;}
.list-tick{list-style: none; padding-left: 0; margin: 0;}
.list-tick li{font-size: 1.5rem; line-height: 146%; padding-left: 40px; position: relative; color: #666; margin-bottom: 20px; }
.list-tick li::before{content: ""; width: 25px; display: block; position: absolute; left: 0; top:5px; height: 25px; background: url(../img/tick-icon.svg) no-repeat center; background-size: contain;}
.mission_img{position: absolute; top: 60px; right: 0;}
.mission_img img{width: 100%;}

.team_wrap{padding-top: 80px; padding-bottom: 10px;}
.team_head{max-width: 630px; margin: 0 auto 40px; text-align: center;}
.team_head h2{margin-bottom: 30px;}
.team_head p{margin-bottom: 0;}

.team-row{display: -ms-grid;display: grid; -ms-grid-columns: 1fr 50px 1fr 50px 1fr 50px 1fr; grid-template-columns: repeat(4, 1fr); grid-column-gap: 50px;}
.single-member{margin-bottom: 70px;}
.member_img{width: 300px; height: 300px; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; margin: 0 auto 15px; display: block; padding: 10px; border-radius: 50%; border: 1px solid #2CC09C;}
.member_img img{width: 100%; height: 280px; border-radius: 50%; overflow: hidden; -o-object-fit: cover; object-fit: cover; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all;}
.member_img:hover img{-webkit-filter: drop-shadow(0px 5px 30px rgba(44, 192, 156, 0.2));filter: drop-shadow(0px 5px 30px rgba(44, 192, 156, 0.2));}
.member-info{text-align: center;}
.member-info h4{font-size: 20px;line-height: 150%; font-weight: 700; margin-bottom: 5px;}
.member-info p{margin-bottom: 0;}

/*contact page css*/
.contact_wrap{padding-top: 80px; padding-bottom: 180px; position: relative;}
.contact_head{text-align: center; margin-bottom: 4px;}
.contact_head h2{margin-bottom: 10px;}
.contact_head p{line-height: 1.3; font-size:1.25rem; margin-bottom: 0;}
.contact-map-wrap{position: relative;}
.contact-map-wrap iframe{width: 100%; height: 650px; pointer-events: none;}
.contact-map-wrap::after{content: ""; width: 100%; height: 260px; position: absolute; top: 0; left: 0;z-index: 2; background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(rgba(255, 255, 255, 0))); background: -o-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);opacity: 0.9;}
.contact-map-wrap .h-contact{top: 100px; z-index: 3; -webkit-box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.08); box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.08);}
.connect_wrap{padding-bottom: 80px; position: relative;}
.connect_wrap::before{content: ""; display: block; position: absolute; width: 526px; height: 251px; background: url(../img/contact-before.jpg) no-repeat center top; background-size: cover; bottom: 0; left: 0;}
.connect_wrap::after{content: ""; display: block; position: absolute; width: 808px; height: 468px; background: url(../img/contact-before.jpg) no-repeat center top; background-size: cover; bottom: 0; right: 0;}
.connect_wrap h2{text-align: center; position: relative; z-index: 2; margin-bottom: 30px;}
.connect_row{display: -webkit-box;display: -ms-flexbox;display: flex; position: relative; z-index: 2; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.connect-mail{width: 30%; padding: 27px 30px; background: #FFFFFF; border: 1px solid #EEEEEE; -webkit-box-sizing: border-box; box-sizing: border-box;-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);border-radius: 5px;}
.connect-mail h3{margin-bottom: 5px; font-size: 1.5rem; line-height: inherit;}
.connect-mail .add{list-style: none; padding-left: 0; margin: 0;}
.connect-mail .add li{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.25rem;line-height: 1.8;margin-bottom: 10px;}
.connect-mail .add li span {width: 50px; font-size: 26px; min-width: 50px;color: #FBCE4A;height: 50px;background: #FFF8E4;border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-right: 15px;}
.connect-mail .add li a{color: #333;}
.connect-mail .social-icon{list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex;}
.connect-mail  .social-icon li a{width: 50px; height: 50px;}
.office_deatil{width: 68%; padding: 27px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #FFFFFF; border: 1px solid #EEEEEE; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);border-radius: 5px;}
.office_deatil h3{margin-bottom: 15px; font-size: 1.5rem; line-height: inherit;}

.office_deatil ul{list-style: none; padding: 0; margin: 0;}
.office_deatil ul li{display: -webkit-box;display: -ms-flexbox;display: flex;  max-width: 277px; font-size: 1.25rem;line-height: 1.5;letter-spacing: 0.2px; margin-bottom: 10px;}
.office_deatil ul li span{width: 50px; min-width: 50px; font-size: 28px; color: #2CC09C; height: 50px; background: #E0F6F0; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 15px; }
.office_deatil ul li a{padding-top: 5px; color: #333;}
.other-office{ width: 60%;}
.other-office ul{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-left: 1px dashed #DDDDDD; padding-left: 40px;}
.other-office ul li{margin-bottom: 18px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center; width: 48%;}
.other-office h3{padding-left: 40px;}
/* faq page css*/
.faq_wrap{padding-top: 80px; padding-bottom: 80px;}
.faq_head{text-align: center; margin-bottom: 50px;}
.faq_head h2{margin-bottom: 30px;}
.faq_head .input-group{max-width: 850px; margin: 0 auto; position: relative;}
.faq_head .input-group .form-control{background: #fff; font-size: 20px; color: #666666; border: 1px solid #EEEEEE;-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05); border-radius: 5px; padding: 5px 20px; padding-right: 40px; height: 60px; }
.faq_head .input-group .btn-search{padding: 0; background: transparent; border:none; font-size: 20px; right:20px; position: absolute; z-index: 2; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.faq_wrap .accordion{ list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0; padding: 0; margin-top: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between;}
.faq_wrap .accordion>li{margin-bottom: 15px; width: 49%; border:1px solid #eee; border-radius: 5px;}
.faq_wrap .accordion>li>a{padding: 18px 20px; padding-right: 35px; display: block; position: relative; background: #FAFAFA; font-weight: 500; font-size: 1.125rem; line-height:1.437rem; color: #333;}
.faq_wrap .accordion>li>a:after{content: "\e900";font-family: 'icomoon' !important; position: absolute; right: 24px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.faq_wrap .accordion>li div{padding: 20px; border-top: 1px solid #eee;}
.faq_wrap .accordion>li div p:last-child{margin-bottom: 0;}
.faq_wrap .accordion>li.active>a{color: #2CC09C;}
.faq_wrap .accordion>li.active>a::after{content: "\e903";}

/* video page css*/

.video_wrap{padding-top: 80px; padding-bottom: 80px;}
.video_head {margin-bottom: 50px;}
.video_head h2{text-align: center; margin-bottom: 30px;}
.video_head .d-flex{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.video_head .input-group {width: calc(100% - 363px); margin-bottom: 0;}
.video_head .input-group .form-control{background: #fff; font-size: 20px; color: #666666; border: 1px solid #EEEEEE;-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05); border-radius: 5px; padding: 5px 20px; padding-right: 40px; height: 60px; }
.video_head .input-group .btn-search{padding: 0; background: transparent; border:none; font-size: 20px; right:20px; position: absolute; z-index: 2; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.video_head .catregory{width: 333px; padding: 17px 25px; border-radius: 5px; background: #F6F6F6;border: 1px solid #EEEEEE; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.video_head .catregory span{font-size: 18px; color: #666; min-width: 92px;}
.video_head .catregory .form-control{height: auto; font-size: 18px; padding: 0 ;  color: #333; border:none; background: transparent;}
.video_row{display: -ms-grid;display: grid; -ms-grid-columns: 1fr 30px 1fr 30px 1fr; grid-template-columns: repeat(3, 1fr); grid-gap: 30px;}
.single-video{border-radius: 10px; background: #FFFFFF;border: 1px solid #EEEEEE;}
.video-thumb{position: relative;}
.video-thumb img{width: 100%; display: block;}
.video-title{padding: 20px;}
.video-title h3{font-weight: 500;font-size: 22px; line-height: 136%; margin: 0;}
.pagination_wrap{margin-top: 40px;}
.pagination{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; margin: 0; padding-left: 0;}
.pagination li{margin: 0 10px;}
.pagination li a{width: 50px; height: 50px; border-radius: 50%; color: #666666; font-size: 18px; line-height: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #FFFFFF;border: 1px solid #EEEEEE;}
.pagination li a:hover, .pagination li a.active{color: #fff; background: #2CC09C; border-color: #2CC09C;}


/* Blog page css*/
.blog_wrap .video_head .input-group{max-width: 696px; width: 100%;}
.blog_wrap .video_head .catregory{margin-left: 30px;}
.video_head .catregory .f-tag{min-width: 112px;}
.blog_wrap .video_head h2, .blog_wrap .video_head h1{line-height: 1.3; margin-bottom: 40px;}
.video_head p {font-size: 1rem; line-height: 1.5; margin-top: 15px;}
.video_head p span{color: #333;}

.blog_row{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap:30px;}
.single-blog{border: 1px solid #EEEEEE;border-radius: 10px;}
.blog_img{position: relative;}
.blog_img img{width: 100%; display: block; border-radius: 10px 10px 0 0 ;}
.blog_img span{background: rgba(255, 255, 255, 0.9);backdrop-filter: blur(4px);border-radius: 17px; font-size: 14px;line-height: 18px; padding: 8px 15px; position: absolute; top:20px; left:20px; z-index: 2;}
.blog-content{padding: 20px;}
.blog-content .tag{display: flex; flex-wrap: wrap;}
.blog-content .tag a{background: #FAFAFA; display: block; border: 1px solid #EEEEEE;border-radius: 17px; padding: 8px 15px; font-size: 14px;line-height: 18px; color: #333; margin-bottom: 15px; margin-right: 15px;}
.blog-content .tag a:last-child{margin-right: 0;}
.blog-content .tag a:hover{background: #2CC09C; color: #fff;}
.blog-content h3{font-weight: 500;font-size: 22px; line-height: 136%; margin-bottom: 15px;}
.blog-content h3 a{color: #333;}
.blog-content h3 a:hover{color: #2CC09C;}
.blog-content p{line-height: 1.38; margin-bottom: 15px;}
.author{display: flex;}
.author-img{min-width: 50px; margin-right: 15px;}
.author-img img{width: 50px; height: 50px; display: block; border-radius: 50%; overflow: hidden; object-fit: cover;}
.author h6{font-weight: 500;font-size: 18px;line-height: 24px; margin: 0;}
.author h6 a{color: #333;}
.author p{font-size: 16px; line-height: 24px; margin: 0;}

.article_wrap{padding-top: 80px; padding-bottom: 80px;}
.article_row{display: flex; flex-wrap: wrap;}
.article_content{width: 66%; border-right: 1px solid #EEEEEE; padding-right: 15px;}
.article_content .author{margin-bottom: 26px;}
.article_content h1{font-weight: bold;font-size: 46px;line-height: 1.3;margin-bottom: 32px;}
.article_content h1 + img{width: 100%; border-radius: 10px; display: block; margin-bottom: 30px;}
.article_content p{margin-bottom: 9px;}
.article_content p a{color: #2CC09C; text-decoration: underline;}
.article_content p a:hover{color: #333;}
.article_content ul{margin: 0; padding-left: 25px;}
.article_content li{font-size: 18px; line-height: 139%; color: #666; margin-bottom: 12px;}
.article-content-footer{display: flex; align-items: center; margin-top: 20px; padding-top: 30px; justify-content: space-between; padding-bottom: 30px; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.article-content-footer .social-icon{display: flex; list-style: none;}
.article-content-footer .social-icon li{margin-bottom: 0;}
.article-sidebar{width: 34%; padding-left: 15px;}
.popular-article h3{font-weight: bold;font-size: 22px; line-height: 1.36; color: #333; margin-bottom: 20px;}
.article-media{display: flex; align-items: center; margin-bottom: 20px;}
.media-img{width: 110px; margin-right: 15px; min-width: 110px;}
.media-img img{height: 110px; width: 100%; display: block; object-fit: cover; border-radius: 5px;}
.media-object h4{font-weight: 500;font-size: 18px;line-height: 24px; margin-bottom: 10px;}
.media-object h4 a{color: #333;}
.media-object h4 a:hover{color: #2CC09C;}
.tag{display: flex; flex-wrap: wrap;}
.tag a{background: #FAFAFA; display: block; border: 1px solid #EEEEEE;border-radius: 17px; padding: 8px 15px; font-size: 14px;line-height: 18px; color: #333; margin-bottom: 5px; margin-right: 15px;}
.tag a:last-child{margin-right: 0;}
.tag a:hover{background: #2CC09C; color: #fff;}

.article-tags{margin-top: 30px; margin-bottom: 15px;}
.article-tags h3{font-weight: bold;font-size: 22px; line-height: 1.36; color: #333; margin-bottom: 20px;}
.article-tags .tag a{margin-bottom: 15px;}
.article-sidebar .form-control{background: #fff;}
.article-sidebar .input-group-prepend{background: #fff; color: #000;}
.bloger-info .author-img{min-width: 100px; margin-right: 15px;}
.bloger-info .author{align-items: center;}
.bloger-info .author-img img{width: 100px; height: 100px; display: block; border-radius: 50%; overflow: hidden; object-fit: cover;}
.bloger-info .d-flex{align-items: center; justify-content: space-between; margin-bottom: 12px;}
.bloger-info p{line-height: 1.6;}

.page_wrap{padding-top: 80px; padding-bottom: 80px;}
.page_head{text-align: center;}
.page_head h1{font-weight: bold;font-size: 46px; line-height: 1.3; letter-spacing: 0.2px; margin-bottom: 20px;}
.page_head .input-group{max-width: 850px; margin: 0 auto; position: relative;}
.page_head .input-group .form-control{background: #fff; font-size: 20px; color: #666666; border: 1px solid #EEEEEE;-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05); border-radius: 5px; padding: 5px 20px; padding-right: 40px; height: 60px; }
.page_head .input-group .btn-search{padding: 0; background: transparent; border:none; font-size: 20px; right:20px; position: absolute; z-index: 2; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.page-content{margin-top: 50px;}
.page-content h4{font-weight: 500; font-size: 20px;line-height: 26px; margin-bottom: 20px; }
.page-content p{line-height: 1.6; font-size: 18px; margin-bottom: 20px;}
.page-content ul{margin: 0; padding-left: 18px;}
.page-content ul li{color: #666; line-height: 1.6; font-size: 18px; margin-bottom: 20px;}
/* Google Translate Widget */
.goog-te-banner-frame{display:none !important;}
body{top:0 !important;}
#google_translate_element{display:inline-block; margin-left:10px; margin-bottom: -5px; vertical-align:middle;}
#google_translate_element select{ background:#fafafa; color:#666; border: 1px solid #eee; border-radius:3px; padding:6px 8px; max-width:150px;} 
.goog-logo-link{ display:none!important; } 
.goog-te-gadget{ color:transparent!important; } 
.goog-te-banner-frame{ display:none !important; } 
#goog-gt-tt, .goog-te-balloon-frame{display: none !important;} 
.goog-text-highlight { background: none !important; box-shadow: none !important;}




@media (max-width: 1500px) {

html{font-size:14px;}
.footer-row h2 {font-size:22px;}
.office_deatil ul li{font-size:1.25rem;}
.connect_wrap h2{font-size:2.35rem;}
.contact_head h2{font-size:2.35rem;}
.footer-row>div{padding: 0 25px;}
.footer-row{margin-left: -15px; margin-right: -15px;}
.mision_wrap{min-height: auto;}
.mision_wrap .container{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.mission_img{position: relative; top: auto;width: 51%;}

}
@media (max-width: 1450px) {
.menu .nav-element{font-size: 1rem; padding: 0 9px;}
.head-btn .btn{font-size: 1rem; margin-left: 10px;}
.logo{max-width: 200px;}
.hero-slideshow ul.slick-dots{left: 195px;}
.h-contact{left: 15px;}
.team-row{grid-column-gap: 15px;}

}

@media (max-width: 1250px) {
.head-btn{display: none;}
.logo{max-width: 250px;}
.team-row{-ms-grid-columns: (1fr)[3];grid-template-columns: repeat(3, 1fr);}
.blog_wrap .video_head .input-group{max-width: 49%;}
#google_translate_element{position:absolute; top:0;right:0;}

}
@media (max-width: 1220px) {
.office_deatil{width: 100%;}
.connect-mail{width: 100%; margin-top: 30px;}
.blog_wrap .video_head .input-group{max-width: 42%;}
.article-sidebar{width: 40%;}
.article_content{width: 60%;}
}
@media (max-width: 992px) {
.menu-btn{display: block;}
nav.menu {height: 100%; left: -110%; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; overflow: hidden; overflow-y: auto; position: fixed; z-index: 5;  top: 0; background: #fff; max-width: 320px; width: 100%;}
body.open nav.menu{left: 0;}
.menu>ul { display: block;}
.menu .nav-element{padding: 0 15px; border-bottom: 1px solid #e0e0e0;}
.menu .nav-element>a{padding-right: 30px; position: relative;}
.nav-element.dropdown>a::after{border: none; content: "\e900"; font-family: 'icomoon' !important; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.menu .nav-element>a.open::after{ content: "\e903";}
.menu .dropdown-menu:before{display: none;}
.menu .dropdown-menu{ opacity: 1; -webkit-transition:none; -o-transition:none; transition:none; display: none;position: relative; pointer-events: inherit; visibility: visible;  min-width: 100%; max-width: 100%; border-radius: 0;border: none; -webkit-box-shadow: none; box-shadow: none; padding: 0 13px 15px;}
.btn-mobile{display: block; padding:15px;}
.btn-mobile .btn{width: 100%; display: block; margin-bottom: 12px;}
/* .hero-slideshow ul.slick-dots{left: 50%; transform: translateX(-50%);}
.hero-slideshow .container{display: flex; justify-content: center; align-items: center;}
.hero-slideshow .hero-content{height: auto; display: block; width: 100%; margin: 0 auto;} */

.h-about-wrap{padding-bottom: 70px;}
.h-about-row{-ms-flex-wrap: wrap;flex-wrap: wrap;}
.h-about-img{width: 100%;}
.h-about-content{width: 100%; margin-top: 30px; text-align: center;}
.h-about-content p{font-size: 1rem; line-height: 1.6;}
.h-about-content h2{font-size:1.875rem ; line-height: 0.65;}
.btn{font-size: 1rem;}
.platform-row{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.platform-wrap h2{font-size:1.875rem ; line-height: 0.65;}
.platform-features{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.platform-features.odd-features{-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;}
.dashboard-img{width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-top: 25px; }
.platform-features .single-features:nth-child(even) { margin-left: 0;}
.single-features{margin-bottom: 19px; width: 32%;}
.single-features p{font-size: 1rem; line-height: 1.6;}
.odd-features .single-features:nth-child(odd){margin-left: 0;}
.h-contact h2, h2{font-size:1.875rem ; line-height: 0.65;}
.app-wrap{padding-top: 50px; padding-bottom: 50px;}
.app-img{width: 100%;}
.app-img img{display: block; margin: 0 auto;}
.app-content{width: 100%; margin-top: 20px; text-align: center;}
.app-content h2{font-size:1.875rem ; line-height: 1.43;}
.app-content p{font-size: 1rem; line-height: 1.6;}
.app-content .flex{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.app-content .flex a{display: block;}
.solutions-wrap{padding-top: 50px; padding-bottom: 50px;}
.solution-row{-ms-flex-wrap: wrap;flex-wrap: wrap;}
.solution-tab{width: 100%;}
.solution-content{width: 100%; padding-left: 0;}
.solution-tab ul{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.solution-tab ul li{width: 49%;}
.solution-tab-head h3{font-size: 1.56rem; line-height: 0.74;}
.solution-tab-head p{font-size: 1rem; line-height: 1.6;}
p{font-size: 1rem; line-height: 1.6;}
.solution-tab ul li a{font-size: 1rem;}
.footer-row{-ms-flex-wrap: wrap;flex-wrap: wrap; padding-top: 40px; padding-bottom: 25px;}
.footer-logo {width: 100%; display: block; margin-bottom: 30px;}
.footer-logo img{display: block; margin: 0 auto;}
.footer-row>div{border: none; padding: 0 15px;}
.footer-links{width: 48%;}
.footer-contact{width: 48%;}
.footer-newsletter { width: 100%; margin-top: 22px;}
.footer-links ul li, .footer-contact ul li, .footer-newsletter p{font-size: 1rem; line-height: 1.6;}
.footer-links ul li a::before{top:5px}

.faq_wrap .accordion>li{width: 100%;}
.breadcrumbs_wrap ul li{font-size: 1rem; }
.faq_wrap .accordion>li>a{font-size: 1rem;}
h3{font-size: 1.5rem; line-height: 0.76;}
.faq_wrap{padding-top: 50px; padding-bottom: 50px;}

.about_wrap{padding-top: 50px; padding-bottom: 50px;}
.team-row{-ms-grid-columns: (1fr)[2];grid-template-columns: repeat(2, 1fr);}
.single-member{margin-bottom: 50px;}
.mission_content{width: 100%;}
.mission_img{width: 100%;}
.list-tick li{font-size: 18px;}
.mision_wrap{padding-bottom: 50px;}
.team_wrap{padding-top: 30px;}
.vision-content p{font-size: 18px;}
.vision-wrap{padding-bottom: 150px;}

.contact_head p{font-size: 18px;}
.office_deatil{display: block;}
.other-office{width: 100%;}
.other-office h3{padding-left: 0;}
.other-office ul{border-left: none; padding-left: 0;}
.office_deatil ul li{font-size: 18px;}
.connect_wrap::before{width: 50%;}
.connect_wrap::after{display: none;}
.connect-mail h3, .office_deatil h3{font-size: 20px;}

.video-title h3{font-size: 18px;}
.video_head .catregory{width: 280px;}
.video_head .input-group {width: calc(100% - 310px); margin-bottom: 0;}
.video_wrap{padding-top: 50px; padding-bottom: 50px;}

.blog_row{grid-template-columns: repeat(2, 1fr);}
.blog_wrap .video_head .d-flex{flex-wrap: wrap;}

.blog_wrap .video_head .input-group{max-width: 100%; margin-bottom: 20px;}
.blog_wrap .video_head .catregory{margin-left: 0; width: 49%;}

.article_content{width: 100%; border: none;}
.article-sidebar{display: none;}
.article_content li{font-size: 1rem;}
.article_content h1{font-size: 35px;}
.connect-mail  .social-icon li a{width: 40px; height: 40px;}

}
@media (max-width:767px) {
.core-features-row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.solution-tab-head a.btn.btn-primary {min-width: 156px;}
.video_head .d-flex{-ms-flex-wrap: wrap;flex-wrap: wrap;}
.video_head .input-group{width: 100%; margin-bottom: 20px;}
.video_row{-ms-grid-columns: 1fr 30px 1fr;grid-template-columns: repeat(2, 1fr);}
.blog_row{grid-column-gap: 15px;}

}
@media (max-width: 640px) {
.hero-content h2{font-size: 2.18rem; line-height: 1.3;}
.hero-content p{font-size: 1.125rem; line-height: 1.8;}
.hero-slideshow .item{height: 650px;}
.hero-slideshow ul.slick-dots{left: 50%; bottom: 15%; z-index: 3; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}

.hero-slideshow .hero-content{  width: 100%; margin: 0 auto;}
.h-contact{left: 0; max-width: 100%; position: relative; margin: 0 auto; top: auto;}
.h-contact-wrap iframe{height: 400px;}
.app-content .flex a{max-width: 150px; padding: 0 5px;}
.solution-tab ul li{width: 100%;}
.solution-tab-head{display: block;}
.solution-tab-head>div{width: 100%;}
.solution-tab-head>div .btn{margin-top: 15px;}
.core-features{padding: 15px;}
.footer-links{width: 100%; margin-bottom: 22px;}
.footer-contact{width: 100%;}
.footer-bottom-row{-ms-flex-wrap: wrap;flex-wrap: wrap; padding-top: 15px; padding-bottom: 15px;}
.footer-bottom .social-icon{width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 15px;}
.footer-bottom-row p{width: 100%; text-align: center; font-size: 1rem; line-height: 1.6;}
.h-contact{padding: 30px 15px;}
.member_img{width: 200px; height: 200px;}
.member_img img{height: 180px;}
.contact-map-wrap .h-contact{top: auto; }
.contact-map-wrap iframe{height: 350px;}
.office_deatil ul li{width: 100%;}
.pagination li{margin: 0 5px;}
.video_row {
-ms-grid-columns: 1fr;
grid-template-columns: repeat(1, 1fr);
}
.video_head .catregory{width: 100%;}
.blog_row{grid-template-columns: repeat(1, 1fr);}
.article-content-footer{flex-wrap: wrap;}
.article-content-footer .social-icon{width: 100%; justify-content: flex-end; padding-left: 0; margin-top: 20px;}
}
@media (max-width: 480px) {
.single-features{width: 100%;}
.core-features-row {display: -ms-grid;display: grid;-ms-grid-columns: 1fr;grid-template-columns: repeat(1, 1fr); grid-gap: 20px;}
.member_img{width: 150px; height: 150px; padding: 5px;}
.member_img img{height: 140px;}
.pagination li a{width: 45px; height: 45px; font-size: 16px;}
.blog_wrap .video_head .catregory{width: 100%; margin-bottom: 15px;}
.video_head p{margin-top: 0;}

}
@media (max-width: 360px) {
.logo{max-width: 200px;}
nav.menu {max-width: 280px;}
}


/* solutions page css*/
.solutions-wrapper{padding-top: 80px; padding-bottom: 40px;}
.solution-head{text-align: center; margin-bottom: 40px;}
.solution-head h1{font-weight: 700;font-size: 46px;line-height: 78%;  color: #333333; margin-bottom: 30px;}
.solution-head p{font-weight: 400; max-width: 950px; margin-left: auto; margin-right: auto; font-size: 18px; line-height: 167%; color: #666666;}
.solution-row{display: flex; flex-wrap: wrap;}
.single-solution{padding: 0 15px; text-align: center; width: 20%; margin-bottom: 40px;}
.single-solution .solution-icon{ width: 100px; padding: 0 10px; height: 100px; display: flex; align-items: center; justify-content: center; margin: 0 auto 25px; border: 1px solid #EEEEEE; border-radius: 50%}
.single-solution p{font-family: 'Roboto', 'DM Sans', sans-serif; font-weight: 400;font-size: 18px; line-height: 133%; color: #666666;}
.Cluster-head p{max-width: 1180px;}
.solution-row.small-container{max-width: 1208px; margin-left: auto; margin-right: auto;}
.single-solution.col-md-4{width: 33.33%;}

.solutions-wrapper .list-tick{display: flex; flex-wrap: wrap; margin-left: -30px; margin-bottom: 70px;}
.solutions-wrapper .list-tick li{font-size: 18px;line-height: 167%; padding-left: 60px; padding-right: 30px; width: 33.33%; border-right: 1px dashed #EEEEEE; margin-bottom: 0; padding-bottom: 17px;}
.solutions-wrapper .list-tick li::before{width: 20px; height: 20px; left: 30px; background-size: cover;}
.solutions-wrapper .list-tick li:nth-child(3n+3){border-right: none;}

.traceability_wrap .single-solution{width: 16.66%;}

.Certification_wrap{background: linear-gradient(180deg, #F9F9F9 0%, #FFFFFF 56.24%); padding-top: 80px; padding-bottom: 40px;}
.Certification-head{text-align: center; margin-bottom: 30px;}
.Certification-head h2{font-weight: 700; font-size: 46px; line-height: 78%; color: #333333; margin-bottom: 30px;}
.Certification-head p{font-weight: 400; max-width: 950px; margin-left: auto; margin-right: auto; font-size: 18px; line-height: 167%; color: #666666;}

.Certification_wrap .list-tick{display: flex; flex-wrap: wrap; margin-left: -30px; margin-bottom: 70px;}
.Certification_wrap .list-tick li{font-size: 18px;line-height: 167%; padding-left: 60px; padding-right: 30px; width: 50%; border-right: 1px dashed #EEEEEE; margin-bottom: 0; padding-bottom: 17px;}
.Certification_wrap .list-tick li::before{width: 20px; height: 20px; left: 30px; background-size: cover;}
.Certification_wrap .list-tick li:nth-child(2n+2){border-right: none;}

.Certification_wrap .solution-row{max-width: 1110px; margin-left: auto; margin-right: auto;}
.Certification_wrap .single-solution{width: 25%;}

.actionable-wrap .list-tick{margin-bottom: 30px;}
.actionable-wrap p{font-weight: 400; max-width: 950px; text-align: center; margin-left: auto; margin-right: auto; font-size: 18px; line-height: 167%; color: #666666;}
.solution-row{margin-top: 30px;}
.k-Connect-wrap{padding-bottom: 80px;}
.k-Connect-wrap .container{max-width: 1205px;}
.k-Connect-wrap p{font-weight: 400; text-align: center;  font-size: 18px; line-height: 167%; color: #666666;}
.flatpickr-wrapper {width:100%;}

@media (max-width: 992px) {
.solutions-wrapper{padding-top:60px;}
.single-solution, .traceability_wrap .single-solution, .Certification_wrap .single-solution{width: 33.33%;}
.solution-head h1, .Certification-head h2{font-size: 1.875rem;}
.single-solution .solution-icon{margin-bottom: 15px;}
.solution-head p, .single-solution p , .Certification-head p,
.actionable-wrap p, .k-Connect-wrap p{
font-size: 1rem;
line-height: 1.6;
}
.single-solution p br{display: none;}
.solutions-wrapper .list-tick li{width: 50%;}
.solutions-wrapper .list-tick li:nth-child(3n+3){border-right: 1px dashed #EEEEEE;}
.solutions-wrapper .list-tick li:nth-child(2n+2){border-right: none;}
.Certification_wrap{padding-top: 60px;}
.k-Connect-wrap{padding-bottom: 60px;}
}

@media (max-width: 767px) {
.solutions-wrapper .list-tick {margin-left: 0;}
.solutions-wrapper .list-tick li{width: 100%; border: none; padding-left: 30px; padding-right: 0;font-size: 1rem; }
.solutions-wrapper .list-tick li:nth-child(3n+3){border-right:none;}
.solutions-wrapper .list-tick li::before{left: 0;}
.Certification_wrap .list-tick{margin-left: 0;}
.Certification_wrap .list-tick li{font-size: 1rem;line-height: 167%; padding-left: 30px; padding-right: 0; width: 100%; border-right: none; margin-bottom: 0; padding-bottom: 17px;}
.Certification_wrap .list-tick li::before{ left: 0; }
.Certification_wrap .list-tick li:nth-child(2n+2){border-right: none;}
}
@media (max-width: 640px) {
.single-solution, .traceability_wrap .single-solution, .Certification_wrap .single-solution{width: 50%;}
.single-solution.col-md-4{width:50%;}

}

/* Home page css */
.hero-content h4{ font-weight: 400; color: #ffff; font-size: 1.875rem; line-height: 2.5rem;letter-spacing: 0.2px; margin-bottom: 9px;}
.h-about-content h3{
    font-size: 2.5rem;
    line-height: 1.875rem;
    color: #2cc09c;
    margin-bottom: 30px;
}
.h-about-wrap h2 {
    margin-bottom:30px;
}

.h-about-wrap .h-about-content ul{
    padding-left: 30px;
    /* list-style-image: url('/public/dev-assets/img/check-icon.png'); */
}
.h-about-wrap .h-about-content ul li{
    font-size: 1.225rem;
}
.farm-benift ul li{
    position: relative;
}
.farm-benift ul li::before, .h-about-wrap .h-about-content ul li::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('/public/dev-assets/img/check-icon.png');
    background-size: 18px;
    background-repeat: no-repeat;
    position: absolute;
    left: -20px;
    top: 7px;
}

    .h-about-wrap .h-about-content ul li {
    position: relative;
    padding-left: 10px;
}
.h-about-row.align-items-start {
    align-items: self-start;
}
.h-about-row  .h-about-content {
    margin-top: 10px;
}
.team-info h5 {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 900;
}
.img-sec img{
/* background-color: #2CC09C; */
display:inline-block;
width:100px;
height:100px;
/* border-radius:50%; */
padding:25px;
transition: 0.3s ease-in-out;
}
.img-sec:hover img{
/*     transform: scale(1.2); */
}
.agri-card{
position: relative;
}
.agri-card img{
display: block;
}
.agri-card {
    background-color: #fff;
    padding: 30px;
    box-shadow: 0px 2px 7px 2px #d7d7d7;
    border-radius: 10px;
    min-height: 290px;
    text-align:center;
}
.img-sec {
  margin: 0 auto;
  width: 100px;
  background: #2CC09C;
  border-radius: 50%;  
}
.farm-content {
    margin-top: 20px;
}
/* .agri-card:hover .farm-content{
    height: 94%;
    transition: 0.6s all;
} */
.agri-card{
margin-bottom: 30px;
}
.farm-content h4 {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}
.data-section{
    background-color: #F9F9F9;
    padding: 100px 0;
}
.data-section h2{
    margin-bottom: 60px;
}
.farm-benift h3 {
    font-size: 1.75rem;
    color: #2cc09c;
}
.farm-benift li {
    font-size: 16px;
    line-height: 2.2;
}
.farm-benift > ul {
    list-style-type: none;
    padding-left: 25px;
}
.krishi-img {
    position: relative;
}
.krishi-img img {
    
    border-radius: 50%;
}
.krishi-img::before {
    content: "";
    display: inline-block;
    outline: 2px dashed #b7b7b7;
    outline-offset: 10px;
    animation: circleround 50s linear infinite;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
}
.data-section .slick-track {
    margin: 40px 0;
}
.padding-left-ex{
    padding-left: 20px;
}

.farm-benift  ul li{
   position: relative;
   padding-left:10px;

}
.farm-benift ul li ul li::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color:#2CC09C;
    background-size: 18px;
    background-repeat: no-repeat;
    position: absolute;
    left: -20px;
    top: 13px;
    border-radius: 50px;
    background-image: unset;
}
.farm-benift {
    overflow: hidden;
}
.team-wrap {
    background: #F9F4EB;
/*     padding-top: 100px; */
    padding-bottom: 100px;
}
.team-info p {
    font-size: 16px;
}
.team-info {
    margin: 15px 0;
}
.team-thumb {
    text-align: center;
}
.team-thumb img {
    width: 180px;
    margin: 20px auto;
    display: inline-block;
}
.team-card {
    box-shadow: 0px 0px 15px 1px #eee;
    padding: 10px 15px;
    min-height: 560px;
    background:#fff;
    border-radius:10px;
}
.team-section .tab-box{
   padding:10px 0;
}
.team-section  .solution-tab {
    width: 25%;
}
.team-section .solution-content {
    width: 100%;
/*     padding-left: 30px; */
}
.team-info{
   text-align: center;
}


@keyframes circleround {
100%{
    transform: rotate(360deg);
}
}
@media only screen and (max-width:992px){
    .team-section .solution-tab,
    .team-section .solution-content{
       width: 100%;
       padding-left: 0;
    }
     .team-section .solution-content .col-md-4{
       width: 100%;
     }
    
 }
 
 @media only screen and (max-width:767px){
     .farm-step .col-12{
       width: 100%;
 }
 .data-tools-section .farm-benift.col-md-6 {
     width: 100%;
 }
 }
 .h-about-img .k-image-height {
/*     height:320px !important; */
 }