.our_work_accordian { opacity: 0; transform: translateY(50px); transition: opacity 0.9s cubic-bezier(0.25, 1, 0.5, 1), transform 0.9s cubic-bezier(0.25, 1, 0.5, 1); }

.our_work_accordian.accordion-visible { opacity: 1; transform: translateY(0); }

.our_work_accordian .ui-accordion-content { overflow: hidden; opacity: 0; transform: translateY(20px); transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), transform 0.8s cubic-bezier(0.25, 1, 0.5, 1); }

.our_work_accordian .ui-accordion-content.ui-accordion-content-active { opacity: 1; transform: translateY(0); }

.our_work_accordian .ui-accordion-content .row > div { opacity: 0; transform: translateY(20px); transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); }

.our_work_accordian .ui-accordion-content.ui-accordion-content-active .row > div { opacity: 1; transform: translateY(0); }

.our_work_accordian .ui-accordion-content.ui-accordion-content-active .row > div:nth-child(1) { transition-delay: 0.1s; }
.our_work_accordian .ui-accordion-content.ui-accordion-content-active .row > div:nth-child(2) { transition-delay: 0.25s; }
.our_work_accordian .ui-accordion-content.ui-accordion-content-active .row > div:nth-child(3) { transition-delay: 0.4s; }

.our_work_accordian .ui-accordion-header { transition: background-color 0.3s ease; cursor: pointer; }
.our_work_accordian .ui-accordion-header:hover { background-color: #f7f7f7; }

.our_work_accordian .img-fluid { transition: transform 1s cubic-bezier(0.25, 1, 0.5, 1), opacity 1s cubic-bezier(0.25, 1, 0.5, 1); opacity: 0; transform: translateY(90px) scale(0.95); }

.our_work_accordian .img-fluid.fly-complete { opacity: 1; transform: translateY(0) scale(1) rotateY(360deg); }

.our_work_accordian .ui-accordion-content h3, .our_work_accordian .ui-accordion-content p { opacity: 0; transform: translateY(20px); transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), transform 0.8s cubic-bezier(0.25, 1, 0.5, 1); }

.our_work_accordian .ui-accordion-content.ui-accordion-content-active h3 { opacity: 1; transform: translateY(0); transition-delay: 0.3s;}

.our_work_accordian .ui-accordion-content.ui-accordion-content-active p { opacity: 1; transform: translateY(0); transition-delay: 0.45s;}

.one, .two, .three { transition: width 0.2s linear; /* adjust speed */ }

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{color: rgba(21,21,21,0.69);
    background-color: rgba(255,255,255,0.28); border-color: rgba(0,0,0,0.4);}


/* ............ MEET SECTION ................  */

/* .ceo-img{position: relative;
    transform-style: preserve-3d;
    transform: rotateY(15deg) translateY(50px) scale(0.9);
    opacity: 0;
    transition: transform 1s ease, opacity 1s ease;}
  .ceo-img::after{content: ''; clip-path: polygon(0% 7%, 100% 0%, 100% 94%, 0% 100%); background: linear-gradient(360deg, rgb(191, 253, 147) 50%, rgba(159, 232, 102, 1) 100%); width: 36px; position: absolute; bottom: -49px; height: 106.5%; left: -35px;}
  .ceo-img::before{content: ''; clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%); background: linear-gradient(86deg,rgba(159, 232, 107, 1) 50%, rgba(159, 232, 102, 1) 100%); height: 47px; position: absolute; bottom: -47px; width: 105%; left: -33px;} */


.ceo-img { position: relative; 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%); }

.ceo-img::after { content: ''; clip-path: var(--after-clip); background: linear-gradient(360deg, rgb(191, 253, 147) 50%, rgba(159, 232, 102, 1) 100%); width: 36px; position: absolute; bottom: -49px; height: 106.5%; left: -35px; }
.ceo-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: 47px; position: absolute; bottom: -47px; width: 105%; left: -33px; }

.ceo-img-details { position: relative; 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%); }

.ceo-img-details::after { content: ''; clip-path: var(--after-clip); background: linear-gradient(360deg, rgb(191, 253, 147) 50%, rgba(159, 232, 102, 1) 100%); width: 36px; position: absolute; bottom: -49px; height: 106.5%; left: -35px; }
.ceo-img-details::before { content: ''; clip-path: var(--before-clip); background: linear-gradient(86deg, rgba(159, 232, 107, 1) 50%, rgba(159, 232, 102, 1) 100%); height: 47px; position: absolute; bottom: -47px; width: 105%; left: -33px; }

/* ........ header menu cursor ........... */
/* 
.header_menu_classes .hfe-menu-item:hover { cursor: none; }

.fake-cursor { position: fixed; pointer-events: none; z-index: 999999; width: 80px; height: auto; display: none; } */

.elementor-divider-separator{ border-block-start: var(--divider-border-width) var(--divider-border-style) var(--divider-color); }

.about-heading h1 span { opacity: 0; display: inline-block; transform: translateY(20px); }

.about-heading h2 span { opacity: 0; display: inline-block; transform: translateY(20px); }

/* ------------ Blog list -------------- */
.inner-post-list .post-box > .row {align-items: center;}
.inner-post-list .post-box .post-con > .d-flex {justify-content: space-between;}
.inner-post-list .post-box .post-con .author-name,
.inner-post-list .post-box .post-con .author-name .post-date {font: 400 16px/30px 'Roboto'; color: #202020;}
.inner-post-list .post-box .post-con .author-name i,
.inner-post-list .post-box .post-con .post-date i {margin-right: 8px; color: #202020;}

.inner-post-list .post-box .post-con .post-date i::before {font-family: 'fontawesome';}
.inner-post-list .post-box .post-con .blog_title {color: #000; font: 600 36px/52px "Poppins"; margin: 26px 20px 16px 0;}
.inner-post-list .post-box .post-con .post-cnt {color: #000; font: 400 22px/36px "Poppins";}

.post-btn:hover .con-arrow { transform: translateX(6px); }


/* .inner-post-list .post-box .post-con .post-btn {background: #000; transition: all .5s ease-in-out; padding: 25px; display: block; text-align: center; border-radius: 100px; margin-top: 35px; color: #fff; text-transform: uppercase; font: 600 28px/40px "Poppins";}
.inner-post-list .post-box .post-con .post-btn .con-arrow {display: inline-block; width: 67px; height: 18px; background: url(images/continue-arrow.png) no-repeat center center; margin-left: 14px;  transition: transform 0.3s ease;}
.inner-post-list .post-box .post-con .post-btn:hover {background: var( --e-global-color-bf479be );} */

/* .inner-post-list .post-box .post-con .button-style-black {width: var(--container-widget-width, 280px);
    max-width: 280px;
    padding: 40px 0px 20px 0px;
    --container-widget-width: 280px;
    --container-widget-flex-grow: 0;} */

.inner-post-list .post-box .post-con .post-btn {background-color: #0F0F0F; font-family: "Poppins", Sans-serif; font-size: 22px; font-weight: 600;
    text-transform: uppercase; fill: #FFFFFF; color: #FFFFFF; border-radius: 50px 30px 30px 50px; padding: 19px 70px 19px 70px; position: relative; --offset-before: 120px;  --offset-after: 120px;  z-index: 1; margin-top: 35px;}
.inner-post-list .post-box .post-con .post-btn::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;} .inner-post-list .post-box .post-con .post-btn::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; margin: auto; z-index: 2;}




/* -------- Blog details ---------  */
.blog-detail-page .blog-detail-wrapper {padding-bottom: 75px;}
.blog-detail-page .blog-detail-wrapper .blog-detail-img {margin-bottom: 60px; margin-top: 50px;}
.blog-detail-page .blog-detail-wrapper .blog-detail-img img {width: 100%;}
.blog-detail-page .blog-detail-wrapper .blog-detail-title {color: #000; font: 500 36px/52px "Poppins"; margin-bottom: 20px;}
.blog-detail-page .blog-detail-wrapper .blog-detial-content p {color: #000; font: 400 22px/36px "Poppins"; margin-bottom: 25px;}
.blog-detail-page .blog-detail-wrapper .blog-detial-content h2 {color: #000; font: 500 36px/52px "Poppins"; margin-bottom: 20px;}
.blog-detail-page .blog-detail-wrapper .blog-detial-content h3 {color: #000; font: 500 36px/52px "Poppins"; margin-bottom: 20px;}
.blog-detail-page .blog-detail-wrapper .blog-detial-content h4 {color: #000; font: 500 32px/42px "Poppins"; margin-bottom: 20px;}
.blog-detail-page .blog-detail-wrapper .blog-detial-content h5 {color: #000; font: 500 28px/38px "Poppins"; margin-bottom: 20px;}
.blog-detail-page .blog-detail-wrapper .blog-detial-content h6 {color: #000; font: 500 22px/32px "Poppins"; margin-bottom: 20px;}
.blog-detail-page .blog-detail-wrapper .blog-detial-content ul {padding-left: 0px; margin-bottom: 20px;}
.blog-detail-page .blog-detail-wrapper .blog-detial-content ul li {list-style: none; color: #000; font: 400 22px/36px "Poppins"; margin-bottom: 10px;}


/* ------- Footer newsletter ---------  */
.tnp-subscription {max-width: 265px !important; margin-left: 0 !important;}
.tnp-subscription form .tnp-field label {display: none;}
.tnp-subscription form .tnp-field input,
.tnp-subscription form .tnp-field input:focus {outline: none; box-shadow: none; width: 100%; height: 55px; border: 2px solid #000; border-radius: 50px; background: transparent; color: #000; font: 300 14px "Poppins"; padding: 10px 15px;}
.tnp-subscription form .tnp-field input::placeholder {color: #000;}
.tnp-subscription form .tnp-field input.tnp-submit {transition: all .5s ease-in-out; background: #262626; color: #F3F3F3; font: 600 20px "Poppins"; text-transform: uppercase; border: none; cursor: pointer;}
.tnp-subscription form .tnp-field input.tnp-submit:hover {background: #000;}

/* ---------- Contact Form -----------  */
.contactForm form .box {margin-bottom: 25px;}
.contactForm form .box input,
.contactForm form .box input:focus,
.contactForm form .box textarea,
.contactForm form .box textarea:focus {outline: none; box-shadow: none; height: 85px; border-radius: 39px; border: 1.5px solid #000; color: #000; font: 400 17px "Poppins"; padding: 30px 30px;}  
.contactForm form .box textarea {height: 240px;}
.form-btn { display: inline-block; padding: 14px 28px; font-size: 16px; font-weight: 600; border: none; border-radius: 8px; background: #0F0F0F; color: #fff; cursor: pointer; position: relative; overflow: hidden; transition: background 0.3s ease; }
/* .form-btn:hover { background: #444; } */
.contactForm  .submit-box{margin:0 auto; display: flex; justify-content: center;}
.contactForm  .submit-box .form-btn{font: 600 22px "Poppins"; color: #fff; text-transform: uppercase; border-radius: 50px 30px 30px 50px; height: inherit; width: inherit; padding: 15px 55px 15px 65px;}


.submit-box .submitbtn { position: relative; --offset-before: 68px;  --offset-after: 73px;  z-index: 1; }
.submit-box .submitbtn::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: all 0.3s ease; z-index: 4; animation: slide-in 1s ease-out forwards;}
.submit-box .submitbtn::after{ content: ''; position: absolute; background-color: #0F0F0F; height: 17px; width: 21px; top: 0; bottom: 0; right: calc(-20px + var(--offset-after)); transition: all 0.3s ease; /* fallback */ margin: auto; z-index: 2;}
  @keyframes slide-in { to { transform: translateX(0); opacity: 1; } }
/* .submit-box .submitbtn .elementor-button-text{z-index: 99;} */
.submit-box:hover .submitbtn::before{transform: rotate(29deg); transition: 1s; box-shadow: 0px 0px 10px #ffffff73;}

.submit-box .submitbtn .wpcf7-spinner {display: none;}
.contactForm  .submit-box p{margin: auto;}

.work_accordianlist .button-style-black {text-align: center;}
.work_accordianlist .button-style-black .elementor-button {background-color: #0F0F0F; cursor: pointer;
    font-family: "Poppins", Sans-serif;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    fill: #FFFFFF;
    color: #FFFFFF;
    border-radius: 50px 30px 30px 50px;
    padding: 19px 70px 19px 70px;
    position: relative;
    --offset-before: 120px;
    --offset-after: 120px;
    z-index: 1;
    margin-top: 35px;}
.work_accordianlist .button-style-black .elementor-button .elementor-button-text {color: #fff;}



/* -------------- blog details ---------- */


/* .......Green Round Css Start.......... */
.green_round{position: relative;--before-top: 2vw;}
.green_round .elementor-container{z-index: 999;}
/* .green_round::before{content: ''; height: 60vw; width: 60vw; background: linear-gradient(39deg, rgba(155, 250, 134, 1) 50%, rgba(202, 255, 158, 1) 100%); border-radius: 50%;
 top: 2vw; z-index: 1; position: absolute; right: -19vw;}  */
 .green_round::before { content: ''; height: 60vw; width: 60vw; background: linear-gradient(268deg, rgb(143 241 121) 50%, rgba(202, 255, 158, 1) 100%); border-radius: 50%; position: absolute; right: -19vw; top: var(--before-top); z-index: 0; transition: top 0.1s linear; }
/* .......Green Round Css End.......... */


.blog-detail-img .image { opacity: 0; transform: scale(1.1) translateY(30px); animation: bannerFadeIn 1.5s ease-out forwards; }
@keyframes bannerFadeIn { to { opacity: 1; transform: scale(1) translateY(0); } }




/* ----------- Testimonial -----------  */
.testimonial-list .testimonial-box-Wrap {border: 1px solid #000; border-radius: 20px; padding: 25px;  background: #fff; min-height: 315px;}
.testimonial-list .testimonial-box-Wrap .testimonialHeaderWrap {display: flex; column-gap: 16px; align-items: center; }
.testimonial-list .testimonial-box-Wrap .testimonialHeaderWrap .testimonialImg {width: 80px; height: 80px; border-radius: 100px; overflow: hidden;}
.testimonial-list .testimonial-box-Wrap .testimonialHeaderWrap .testimonialImg img {width: 100%; height: 100%; object-fit: cover;}
.testimonial-list .testimonial-box-Wrap .testimonialHeaderWrap .testimonialName h2 {color: #2F2D2D; font: 500 23px/25px 'Poppins';}
.testimonial-list .testimonial-box-Wrap .testimonialHeaderWrap .testimonialName h4 {color: #00000070; font: 500 16px/16px 'Poppins'; margin: 0;}
.testimonial-list .testimonial-box-Wrap .testimonialBoxCon {padding-top: 18px;}
.testimonial-list .testimonial-box-Wrap .testimonialBoxCon .start-rating {color: #F4B808;}
.testimonial-list .testimonial-box-Wrap .testimonialBoxCon .start-rating .fa {margin-right: 4px;}
.testimonial-list .testimonial-box-Wrap .testimonialBoxCon p {color: #000000c4; font: 500 18px/28px 'Poppins'; margin-top: 13px;}


.testimonial-list .owl-carousel .owl-nav .owl-prev,
.testimonial-list .owl-carousel .owl-nav .owl-next{position: absolute; bottom: -60px;}
.testimonial-list .owl-carousel .owl-nav .owl-prev{left: 30vw; bottom: -70px;}
.testimonial-list .owl-carousel .owl-nav .owl-prev i,
.testimonial-list .owl-carousel .owl-nav .owl-next i{ width: 60px; height: 60px; }
.testimonial-list .owl-carousel .owl-nav .owl-prev i::before,
.testimonial-list .owl-carousel .owl-nav .owl-next i::before {content: ''; background: url(images/testi-arrow-left.png) no-repeat center center; width: 38px; height: 21px; background-size: contain; display: inline-block; top: 44%; left: 50%; position: absolute; transform: translate(-50%, -55%);}
.testimonial-list .owl-carousel .owl-dots{width: min-content; margin: 0 auto; position: absolute; bottom: -70px; left: 0; right: 0;}
.testimonial-list .owl-carousel .owl-nav .owl-next {right: 30vw; bottom: -70px;}
.testimonial-list .owl-carousel .owl-nav .owl-next i::before {background: url(images/testi-arrow-right.png) no-repeat center center;}

/* ------------- menu item hove ------------ */
.header_menu_classes .hfe-nav-menu li a { position: relative; display: inline-block; padding: 8px 15px; text-decoration: none; color: #27BA30; transition: color 0.3s ease; }
.header_menu_classes .hfe-nav-menu li a::before { content: ""; position: absolute; left: 10px; width: 0%; height: 2px; background: #27BA30; transition: width 0.4s ease; }
.header_menu_classes .hfe-nav-menu li a::after { content: ""; position: absolute; right: 10px; width: 0%; height: 2px; background: #27BA30; transition: width 0.4s ease; }
.header_menu_classes .hfe-nav-menu li a::before { top: 10px;}
.header_menu_classes .hfe-nav-menu li a::after { bottom: 10px;}
.header_menu_classes .hfe-nav-menu li a:hover:after { width: 30%; background-color: #27BA30 !important; }
.header_menu_classes .hfe-nav-menu li a:hover:before{ width: 30%; background-color: #27BA30 !important; }


.captcha-box {padding: 0 15px;}
.captcha-box input {height: 57px !important; padding: 14px 30px !important; width: 100%;}