/*
font-family: 'Poppins', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Rubik', sans-serif;
*/


body .site{ padding: 0; margin: 0; box-shadow: none; max-width: none; width: 100%; overflow: hidden; }
footer#colophon{ max-width: none; margin: 0; padding: 0; border-top: none; }
a:link{outline: none !important;}
a:hover{text-decoration: none !important;}
img.img-fluid{display: block;}
.fancy {line-height: 0.5;text-align: center;overflow:hidden;}
.fancy span {display: inline-block;position: relative;}
.fancy span:before,
.fancy span:after {content: "";position: absolute;height:1px;top:50%;width:273px; background:#27aae2;}
.fancy span:before {right: 100%;margin-right: 15px;width:143px;}
.fancy span:after {left: 100%;margin-left: 15px;}


@font-face {
    font-family: 'fieldgothictestno';
    src: url('fonts/fieldgothictestno.eot');
    src: url('fonts/fieldgothictestno.eot') format('embedded-opentype'),
         url('fonts/fieldgothictestno.woff') format('woff'),
         url('fonts/fieldgothictestno.ttf') format('truetype'),
         url('fonts/fieldgothictestno.svg#fieldgothictestno') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Contact Details Css Start */
.contact_admin_wrap .form-table th {
    width: 200px;
    padding: 15px 10px;
}

.contact_admin_wrap .form-table td input {
    max-width: 400px;
}
/* Contact Details Css End */

/*.......Font Styles Start.......*/
.fieldgothictestno h3, .fieldgothictestno h1 , .fieldgothictestno h2, .fieldgothictestno{font-family: 'fieldgothictestno' !important;}
.span-style h3 span{color: var(--e-global-color-text);}
/*.......Font Styles End.......*/

/*........Footer start........*/
.footer-info{position: relative;}
.cylinder-wrapper{overflow: visible;}
.cylinder-wrapper{position: absolute; left: 0;  align-items: center; justify-content: flex-start; bottom: -140px; width: 105vw !important;}
.cylinder{height: 850px; border-radius: 0px 39.8vw 39.8vw 0 / 100%;     background: /* radial-gradient(50% 50% at 40px 50%, #0003 99.99%, #0000 0), */ radial-gradient(20vw 50% at calc(100% - 20vw) 50%, #fff9b394 99.99%, #00000014 0), linear-gradient(180deg, rgba(51, 191, 60, 1) 0%, rgba(72, 253, 83, 1) 51%, rgba(51, 191, 60, 1) 100%);}
.footer-nav ul li::after{content: '\f105'; font-family: FontAwesome; position: absolute; top: 6px; font-size: 22px;}
.footer-nav ul li{position: relative;}
.footer-nav .current-menu-item::after, .footer-nav ul li:hover::after{color: #fff;}
.color-black a{color: #000 !important;}


.cylinder-wrapper-banner { overflow: visible; position: absolute; left: 0; align-items: center; justify-content: flex-start; width: 90%; }
.homecylinder { height: 42vw; width: 100%; border-radius: 20.8vw 0 0 19.8vw / 100%; background: radial-gradient(11vw 50% at 10vw 50%, #fff9b394 99.99%, #00000014 0), linear-gradient(180deg, rgba(51, 191, 60, 1) 0%, rgba(72, 253, 83, 1) 51%, rgba(51, 191, 60, 1) 100%); z-index: 99; transform: rotate(45deg); transform-style: preserve-3d; left: auto; right: -35vw; top: -26vw; }
.main-sec-cylinder { position: relative; }


.circle-animation .circle { position: relative; width: 200px;height: 200px; border-radius: 100vmax; display: flex; align-items: center;justify-content: center;}
.circle-animation  .logo{ position: absolute; width: 58px; height: 106px; background: url("images/arrow.png"); background-size: contain; border-radius: 100vmax; background-position: center; background-repeat: no-repeat;}
.circle-animation  .banner-logo{ position: absolute; width: 58px; height: 106px; background: url("images/arrow.png"); background-size: contain; border-radius: 100vmax; background-position: center; background-repeat: no-repeat;  transform: rotate(90deg);}
.circle-animation  .footer-circle-text,
.circle-animation  .banner-circle-text {position: absolute; width: 100%; height: 100%; font-family: Poppins; color: #000; font-size: 17px;  animation: textRotation 8s linear infinite;}
@keyframes textRotation { to { transform: rotate(360deg); } }
.circle-animation  .footer-circle-text span,
.circle-animation  .banner-circle-text span{position: absolute; left: 50%; font: 400 16px/30px 'Poppins'; color: #000; transform-origin: 0 100px;}
#footer_cylinder { transform-origin: left; /*transition: transform 0.1s ease-out;*/ }
#footer-txt h3 span { color: #BCFE8D; }

/*........Footer end........*/

/* ---------- head text ------------ */

.fieldgothictestno .letterWrap { display:inline-block; overflow:hidden; }
.fieldgothictestno .letterInner { display:inline-block; }

/* -------- divider ------------- */

.dividerClass .elementor-divider-separator { display: block; width: 0; height: 2px; background: #000; margin: auto; animation: growLine 1s ease forwards; }
  
@keyframes growLine { 0% { width: 0; } }


/* ------ particles --------- */
.particles-field { position: absolute; inset: -100%; opacity: 0; transition: opacity 0.3s ease; }

.particle { position: absolute; width: 4px; height: 4px; background: #fff; border-radius: 50%; }

.magnetic:hover .particles-field { opacity: 1; }
@keyframes particleFloat { 0% { transform: translate(var(--x), var(--y)) scale(0); } 50% { transform: translate(calc(var(--x) * -1), calc(var(--y) * -1)) scale(1); } 100% { transform: translate(var(--x), var(--y)) scale(0); } }

/* ---------- button ---------- */
.button-style .elementor-button { position: relative; --offset-before: 120px;  --offset-after: 80px;  z-index: 1; }
.button-style .elementor-button::before { content: ''; position: absolute; background: url('images/button-arrow.png'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-color: #4ae354; top: 0; bottom: 0; border-radius: 50%; right: calc(-73px + var(--offset-before)); transition: right 0.1s ease; z-index: 4; animation: slide-in 1s ease-out forwards;}
.button-style .elementor-button::after { content: ''; position: absolute; background-color: #4ae354; height: 17px; width: 21px; top: 0; bottom: 0; background-image: linear-gradient(90deg, #2ad134 0%, #4ae354 85%); right: calc(-20px + var(--offset-after)); transition: right 0.1s ease; /* fallback */ margin: auto; z-index: 2;}
  @keyframes slide-in { to { transform: translateX(0); opacity: 1; } }
.button-style .elementor-button .elementor-button-text{z-index: 99;}
.button-style:hover .elementor-button::before{transform: rotate(29deg) !important; transition: 1s; box-shadow: 0px 0px 10px #ffffff73;}


.button-style-black .elementor-button, .our-ceo-button .elementor-button{ position: relative; --offset-before: 120px;  --offset-after: 80px;  z-index: 1; }
.button-style-black .elementor-button::before, .our-ceo-button .elementor-button::before{ content: ''; position: absolute; background: url('images/white-arrow.png'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-color: #0F0F0F; top: 0; bottom: 0; border-radius: 50%; right: calc(-73px + var(--offset-before)); transition: right 0.1s ease; z-index: 4; animation: slide-in 1s ease-out forwards;}
.button-style-black .elementor-button::after, .our-ceo-button .elementor-button::after{ content: ''; position: absolute; background-color: #0F0F0F; height: 17px; width: 21px; top: 0; bottom: 0; right: calc(-20px + var(--offset-after)); transition: right 0.1s ease; /* fallback */ margin: auto; z-index: 2;}
  @keyframes slide-in { to { transform: translateX(0); opacity: 1; } }
.button-style-black .elementor-button .elementor-button-text{z-index: 99;}
.button-style-black:hover .elementor-button::before{transform: rotate(29deg); transition: 1s; box-shadow: 0px 0px 10px #ffffff73;}


.wave-letter { display: inline-block; transform-origin: center bottom; white-space: pre;}


/*.......Accordian start.......*/
.faq-ul li {margin-bottom: 6px;}
.faq-ul-icon li{margin-bottom:6px;position:relative;padding-left:20px;}
.faq-ul-icon li::after{content:'\f138';font: normal normal normal 16px/1 FontAwesome;color:#60b246;position:absolute;top:3px;left:0;}
.work_accordian.ui-accordion h3.ui-accordion-header{font:600 70px/80px "fieldgothictestno"; border:none; color: #222121; border-radius:0px;background-color: transparent; padding:24px 35px;margin-top: 14px; text-transform: normal; border-bottom: solid 6px #27BA30; padding: 45px 0px 60px;}
/* .work_accordian.ui-accordion h3.ui-accordion-header.ui-state-hover, */
.work_accordian.ui-accordion h3.ui-accordion-header.ui-state-active{color: #27BA30; border-bottom: solid 0px #27BA30;}
.work_accordian.ui-accordion h3.ui-accordion-header > span::after{content: ''; display: inline-block; vertical-align: 40%;width: 77px; background: url('images/green-arrow.png'); background-repeat: no-repeat; background-position: center; height: 77px; background-size: contain;}
.work_accordian.ui-accordion h3.ui-accordion-header > span{float: right; background: none; text-indent: unset;text-align: center;width: 77px;height:77px;margin-top:3px;}
.work_accordian.ui-accordion h3.ui-accordion-header.ui-state-active > span::after{transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) skew(0deg, 0deg); transition: transform .3s cubic-bezier(.77, 0, .175, 1);}
.work_accordian.ui-accordion h3.ui-accordion-header.ui-state-active > span{transform: none;}
.work_accordian.ui-accordion .ui-accordion-content{background-color: #BCFE8D; border:none; border-radius: 30px !important;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; padding: 0; overflow: unset;}
.work_accordian.ui-accordion .ui-accordion-content p{font:400 16px/25px "Roboto", sans-serif;color: #8c8a8a;padding: 0;margin: 0 0 15px;}
.work_accordian.ui-accordion .ui-accordion-content h4{font:700 16px/25px 'Roboto';color:#8c8a8a;}
.work_accordian.ui-accordion .ui-accordion-content ul{position:relative;list-style-type:none;display:list-item;}
.work_accordian.ui-accordion .ui-accordion-content ul li{margin-bottom: 8px;font: 400 16px/25px "Roboto",sans-serif;color: #8c8a8a;}
.work_accordian .row{align-items: center;}
.work_accordian .row .col-md-6 h3{color: #222121; font:600 54px/64px "fieldgothictestno"; max-width: 350px; padding-bottom: 15px;}
.work_accordian .row .col-md-6 p{color: #222121; font:400 20px/30px "Poppins"; max-width: 510px;}
.work_accordian .row .col-md-6:nth-child(even){padding: 68px;}


/*........Blog Start.........*/
.inner-post-list .post-img{position: relative; max-width: 586px; transform-style: preserve-3d; transform: rotateY(15deg) translateY(50px) scale(0.9); opacity: 0; transition: transform 1s ease, opacity 1s ease; --after-clip: polygon(0% 7%, 100% 0%, 100% 94%, 0% 100%); --before-clip: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);}
.inner-post-list .post-img::after{ content: ''; clip-path: var(--after-clip); background: linear-gradient(360deg, rgb(191, 253, 147) 50%, rgba(159, 232, 102, 1) 100%); width: 30px; position: absolute; bottom: -43px; height: 106.5%; left: -30px;}
.inner-post-list .post-img::before{ content: ''; clip-path: var(--before-clip); background: linear-gradient(86deg, rgba(159, 232, 107, 1) 50%, rgba(159, 232, 102, 1) 100%); height: 41px; position: absolute; bottom: -41px; width: 105.5%; left: -30px; }
.inner-post-list .post-box{padding-bottom: 120px;}
.inner-post-list .post-img img{border-radius: 0 25px 0 0;}
/*........Blog End.........*/


/*........Accordian end......*/
 
.bar-container {width: 100%; height: 34px; background-color: #00000033; border-radius: 50px; overflow: hidden; margin-bottom: 30px;}
.bar-container0 {width: 50%; max-width: 1200px; height: 70px; background-color: #0047bb; border-radius: 50px; overflow: hidden; margin-bottom: 30px;}
.bar-fill{height: 100%; background-color: #BCFE8D; border-radius: 50px;}
.bar-fill.one {width: 0%;}
.bar-fill.two {width: 0%;}
.bar-fill.three {width: 0%;}
/* .bar-fill { transition: width 0.3s ease-out; } */


/* Home Service Section
------------------------------------------------- */
.service_cat_wrapper a.btn-primary,
.service_cat_wrapper a.btn-primary:hover,
.service_cat_wrapper a.btn-primary:active,
.service_cat_wrapper a.btn-primary:focus{font:600 28px "Poppins"; color: rgba(21,21,21,0.69); padding: 6px 12px; border: 1px solid rgba(0,0,0,0.4);background-color: rgba(255,255,255,0.28); border-radius: 50px; outline: none;box-shadow: none !important;text-shadow: none;background-image: none; cursor: default;}

.service_cat_wrapper .slick-slide{text-align: center; padding: 5px 5px;}

/* -------------------------------------- */

/* --------------------------------------------- */

/* Responsive
=================================*/
@media (min-width: 1581px) and (max-width: 1920px) {
 .homecylinder{    right: -35vw; top: -26vw;}
}
@media (min-width: 1460px) {
    .container{max-width: 1430px;}
}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width: 768px) {
	
}
@media (max-width: 767px) {

	
}
@media (min-width: 580px) and (max-width: 767px) {

}
@media (min-width: 401px) and (max-width: 579px) {

}
@media (max-width: 400px) {

}