/*!
Theme Name: Trainer Circle
*/

*{margin: 0; padding: 0; box-sizing: border-box;}
.hide-desktop{display: none !important; cursor: pointer;}

/*Middle Section*/
.feature-tabs .tabLinks {text-align: center; margin-bottom: 0; display: flex ; border-bottom: 4px solid #868687;}
.feature-tabs .tabLinks button {padding: 0px 30px 22px; margin: 0; cursor: pointer; border: none; background-color: transparent; transition: 0.3s; position: relative; width: 100%; display: flex; flex-direction: column;}
.feature-tabs .tabs {cursor: grab; user-select: none; max-width: 1100px; margin: 50px auto 0px; }
.feature-tabs .tab-wrapper {display: flex; transition: transform 0.4s ease; width: 100%; /* 3 tabs */ }
.feature-tabs .tab-content {flex: 1 0 100%; padding: 0 50px; box-sizing: border-box; border: none; width: 100%; }
.feature-tabs .tab-content img{max-width: 100%; width: 100%}
.feature-tabs .tabs {cursor: grab; user-select: none; }
.feature-tabs .tabs:active {cursor: grabbing; }
.feature-tabs .tabLinks button h4 {font-family: 'Instrument Sans'; margin-bottom: 8px; font-weight: 700; font-size: 18px; line-height: 28px; text-align: center; letter-spacing: -0.01em; color: #133231; }
.feature-tabs .tabLinks button p {font-family: 'Instrument Sans'; font-weight: 400; font-size: 16px; line-height: 26px; text-align: center; color: #868687; }
.feature-tabs .tabLinks button:before {content: ''; width: 0; height: 4px; background: #133231; position: absolute; bottom: -4px; left: 0px;}
.feature-tabs .tabLinks button.active:before{width: 100%; transition: 9900ms all; }


.inside-tab-section .e-n-tabs-heading {border: 1px solid #BBBBC4; border-radius: 50px; padding: 2px; width: auto; margin: 0 auto; overflow: hidden; }
.inside-tab-section .e-n-tabs-heading button {padding: 11px 52px; height: 44px; background: #F8F7FC; border-radius: 50px; font-family: 'Instrument Sans'; font-weight: 400; font-size: 14px; line-height: 20px; color: #000000 !important; cursor: pointer;}
.inside-tab-section .e-n-tabs-heading button:hover{background: #133231 !important; color: #fff !important}
.inside-tab-section .e-n-tabs-heading button[aria-selected="true"] {color: #fff !important; background: #133231 !important}
.feature-slider-wrapper-2 {display: flex; gap: 7%; align-items: center;}
.feature-slider-wrapper-2 .features-left {width: 35%; display: flex; flex-direction: column; row-gap: 10px; }
.feature-slider-wrapper-2 .feature-tab {cursor: pointer; width: 100%; overflow: hidden; background-color: transparent; padding: 0px 0px 4px; transition: all 500ms; position: relative; }
.feature-slider-wrapper-2 .feature-tab::before {content: ''; width: 100%; height: 4px; position: absolute; left: 0; bottom: 0px; background: #88888880; border-radius: 30px; opacity: 0}
.feature-slider-wrapper-2 .feature-tab.active::before{opacity: 1}
.feature-slider-wrapper-2 .feature-tab::after {content: ''; width: 0%; left: 0px; bottom: 0; height: 4px; background: #133231; position: absolute; z-index: 9999; border-radius: 30px; top: initial;}
.feature-slider-wrapper-2 .feature-tab.active:after{width: 100%; transition: all 9000ms}
.feature-slider-wrapper-2 .feature-tab p {transition: all 400ms; font-family: 'Instrument Sans'; margin-bottom: 20px; font-weight: 400; font-size: 16px; line-height: 24px; color: #888888; display: none;}
.feature-slider-wrapper-2 .feature-tab.active p{display: block;}
.feature-slider-wrapper-2 .feature-tab .img{display: none; margin-top: 15px;}
.feature-slider-wrapper-2 .feature-tab h3 {transition: all 800ms; position: relative; margin: 0; padding: 15px 0; position: relative; font-family: 'Instrument Sans'; font-weight: 600; font-size: 18px; line-height: 26px; color: #133231; }
.feature-slider-wrapper-2 .features-right {flex: 1; position: relative; display: flex; height: 575px;}
.feature-slider-wrapper-2 .feature-content {display: none; position: absolute; top: 0; left: 0; width: 100%; transition: opacity 0.5s ease; border: 11px solid #F8F6F5; border-radius: 28px; box-shadow: 0px 30px 70px -38px rgba(15, 23, 42, 0.7); }
.feature-slider-wrapper-2 .feature-content.active {display: block; }
.feature-slider-wrapper-2 .features-right .feature-content img {width: 100%; border-radius: 32px; display: block; }
.feature-slider-wrapper-2 .feature-tab h3::after {content: ''; width: 20px; height: 20px; position: absolute; background-image: url(/wp-content/uploads/2026/06/down-arrow.svg); right: 0; background-position: center; background-size: 25px; top: 18px; }
.feature-slider-wrapper-2 .feature-tab.active h3::after{transform: rotate(180deg);}

.feature-slider-wrapper-3 {display: flex; gap: 7%; align-items: center;}
.feature-slider-wrapper-3 .features-left {width: 35%; display: flex; flex-direction: column; row-gap: 10px; }
.feature-slider-wrapper-3 .feature-tab {cursor: pointer; width: 100%; overflow: hidden; background-color: transparent; padding: 0px 0px 4px; transition: all 500ms; position: relative; }
.feature-slider-wrapper-3 .feature-tab::before {content: ''; width: 100%; height: 4px; position: absolute; left: 0; bottom: 0px; background: #88888880; border-radius: 30px; opacity: 0}
.feature-slider-wrapper-3 .feature-tab.active::before{opacity: 1}
.feature-slider-wrapper-3 .feature-tab::after {content: ''; width: 0%; left: 0px; bottom: 0; height: 4px; background: #133231; position: absolute; z-index: 9999; border-radius: 30px; top: initial;}
.feature-slider-wrapper-3 .feature-tab.active:after{width: 100%; transition: all 9000ms}
.feature-slider-wrapper-3 .feature-tab p {transition: all 400ms; font-family: 'Instrument Sans'; margin-bottom: 20px; font-weight: 400; font-size: 16px; line-height: 24px; color: #888888; display: none;}
.feature-slider-wrapper-3 .feature-tab.active p{display: block;}
.feature-slider-wrapper-3 .feature-tab .img{display: none; margin-top: 15px;}
.feature-slider-wrapper-3 .feature-tab h3 {transition: all 800ms; position: relative; margin: 0; padding: 15px 0; position: relative; font-family: 'Instrument Sans'; font-weight: 600; font-size: 18px; line-height: 26px; color: #133231; }
.feature-slider-wrapper-3 .features-right {flex: 1; position: relative; display: flex; height: 575px;}
.feature-slider-wrapper-3 .feature-content {display: none; position: absolute; top: 0; left: 0; width: 100%; transition: opacity 0.5s ease; border: 11px solid #F8F6F5; border-radius: 28px; box-shadow: 0px 30px 70px -38px rgba(15, 23, 42, 0.7); }
.feature-slider-wrapper-3 .feature-content.active {display: block; }
.feature-slider-wrapper-3 .features-right .feature-content img {width: 100%; border-radius: 32px; display: block; }
.feature-slider-wrapper-3 .feature-tab h3::after {content: ''; width: 20px; height: 20px; position: absolute; background-image: url(/wp-content/uploads/2026/06/down-arrow.svg); right: 0; background-position: center; background-size: 25px; top: 18px; }
.feature-slider-wrapper-3 .feature-tab.active h3::after{transform: rotate(180deg);}


.feature-slider-wrapper-4 {display: flex; gap: 7%;}
.feature-slider-wrapper-4 .features-left {width: 42%; display: flex; flex-direction: column; row-gap: 10px; }
.feature-slider-wrapper-4 .feature-tab {cursor: pointer; width: 100%; overflow: hidden; background-color: transparent; padding: 0px 32px 0px; transition: all 500ms; position: relative; }
.feature-slider-wrapper-4 .feature-tab::before {content: ''; width: 4px; height: 100%; position: absolute; left: 0; top: 0px; background: #868687; border-radius: 60px; overflow: hidden; }
.feature-slider-wrapper-4 .feature-tab::after {content: ''; width: 4px; left: 0px; height: 0%; right: initial; background: #133231; position: absolute; z-index: 9999; border-radius: 30px; top: 0; }
.feature-slider-wrapper-4 .feature-tab.active:after{height: 100%; transition: all 9000ms}
.feature-slider-wrapper-4 .feature-tab p {transition: all 400ms; font-family: 'Instrument Sans'; margin-bottom: 20px; font-weight: 400; font-size: 16px; line-height: 24px; color: #888888; display: none;}
.feature-slider-wrapper-4 .feature-tab.active p{display: block;}
.feature-slider-wrapper-4 .feature-tab .img{display: none; margin-top: 15px;}
.feature-slider-wrapper-4 .feature-tab h3 {font-weight: 600; font-size: 26.4px; line-height: 28px; letter-spacing: -0.66px; color: #868687; transition: all 800ms; position: relative; margin: 0; padding: 10px 0; position: relative; font-family: 'Instrument Sans'; }
.feature-slider-wrapper-4 .feature-tab.active h3{color: #133231}
.feature-slider-wrapper-4 .features-right {flex: 1; position: relative; display: flex; height: 575px;}
.feature-slider-wrapper-4 .feature-content {display: none; position: absolute; top: 0; left: 0; width: 100%; transition: opacity 0.5s ease; align-items: center; justify-content: center;}
.feature-slider-wrapper-4 .feature-content.active {display: flex; }
.feature-slider-wrapper-4 .features-right .feature-content img {width: auto; border-radius: 32px; display: block; max-height: 575px; max-width: 100%; }
.feature-slider-wrapper-4 .button-box {margin-top: 10px; display: flex; column-gap: 12px; }
.feature-slider-wrapper-4 .button-box .theme-btn {background-color: #133231; font-family: "Instrument Sans", Sans-serif; font-size: 18px; font-weight: 500; line-height: 26px; letter-spacing: -0.36px; fill: #fff; color: #fff; border-style: solid; border-width: 2px 2px 2px 2px; border-color: #133231; border-radius: 50px 50px 50px 50px; padding: 6px 6px 6px 18px; display: flex; align-items: center; column-gap: 10px; }
.feature-slider-wrapper-4 .button-box .theme-btn-2{background: #fff; color: #133231; fill: #133231}


.edge-diagram { position: relative; display: flex; align-items: center; justify-content: center; min-height: 400px; }
.orbit-center img { width: 180px; height: 180px; border-radius: 50%; object-fit: cover; }
.orbit-ring { position: absolute; border-radius: 50%; border: 1px solid #868687; animation: spin linear infinite; }
.orbit-ring-1 { width: 220px; height: 220px; animation-duration: 20s; }
.orbit-ring-2 { width: 340px; height: 340px; animation-duration: 30s; animation-direction: reverse; }
.orbit-ring-3 { width: 440px; height: 440px; animation-duration: 42s; border-style: dashed; opacity: 0.4; }
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.orbit-node {position: absolute; width: 52px; height: 52px; border: 1px solid #868687; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.15rem; box-shadow: 0 4px 20px rgba(0,0,0,0.4); background: #1A1A1A; }
.node-label { position: absolute; bottom: -22px; left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: 0.64rem; font-family: 'Syne', sans-serif; font-weight: 600; letter-spacing: 0.08em; color: var(--silver); opacity: 0.65; text-transform: uppercase; }
.orbit-ring-1 .orbit-node { animation: spin 20s linear infinite reverse; }
.orbit-ring-2 .orbit-node { animation: spin 30s linear infinite; }

.faq-section .e-n-accordion-item {border-bottom: 1px solid #CBD5E1; }
.faq-section .e-n-accordion-item .e-n-accordion-item-title {justify-content: space-between; }

.blog-list .elementor-post__thumbnail {border-radius: 20px; }
.elementor-posts__hover-gradient .elementor-post__card .elementor-post__thumbnail__link:after{display: none !important}
.blog-list .elementor-post__badge {position: initial !important; padding: 0 !important}
.blog-list .elementor-post__meta-data {border: none !important; padding-left: 50px !important; }
.blog-list .elementor-post__avatar {position: absolute !important; left: 0; bottom: 0; top: initial !important; width: 40px !important; height: 40px !important; }
.blog-list .elementor-post__avatar img {width: 100% !important; transform: none !important; }
.blog-list-2 .elementor-post__card {padding: 0 20px 20px !important; }
.blog-list-2 .elementor-post__card .elementor-post__thumbnail__link {width: calc(100% + 40px) !important; margin-left: -20px; }
.blog-list-2 .elementor-post__avatar{left: 20px; bottom: 20px}

.newsletter-form form {display: flex; column-gap: 10px; }
.newsletter-form form .control-group {width: 100%; }
.newsletter-form form .control-group input {padding: 13px 18px; width: 100%; height: 50px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(2px); border-radius: 100px; font-family: 'Instrument Sans'; font-weight: 400; font-size: 14.7px; line-height: 18px; color: rgba(255, 255, 255, 0.45); }
.newsletter-form form .form-action span.wpcf7-spinner {display: none; }
.newsletter-form form .form-action input {width: 135.01px; height: 50px; cursor: pointer; font-family: 'Instrument Sans'; font-weight: 500; font-size: 18px; line-height: 26px; letter-spacing: -0.36px; color: #133231; border-radius: 50px; border: none; background-image: url(/wp-content/uploads/2026/06/button-ic.svg); background-repeat: no-repeat; background-position: 93%; text-align: left; padding: 0 19px; }

.c-form form {display: flex; flex-wrap: wrap; row-gap: 16px; column-gap: 30px; }
.c-form form .control-group {width: 100%; }
.c-form form .control-group.w-50 {width: calc(50% - 15px); }
.c-form form .control-group label {font-family: 'Instrument Sans'; font-weight: 700; font-size: 12.8px; line-height: 16px; letter-spacing: 0.256px; color: rgba(255, 255, 255, 0.78); }
.c-form form .control-group input, .c-form form .control-group select {box-sizing: border-box; width: 100%; height: 48px; background: #fff; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 15.2px; font-family: 'Instrument Sans'; font-weight: 600; font-size: 15px; line-height: 18px; color: #000; padding: 0 15px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.c-form form .control-group select{background-image: url(/wp-content/uploads/2026/06/down-arrow.svg); background-repeat: no-repeat; background-position: 97%;}
.c-form form .control-group input::placeholder{color: #888888}
.c-form form .form-action .wpcf7-spinner {display: none; }
.c-form form .form-action {width: 100%; }
.c-form form .form-action input {width: 100%; cursor: pointer; height: 48px; font-family: 'Instrument Sans'; font-weight: 500; font-size: 18px; line-height: 26px; letter-spacing: -0.36px; color: #FFFFFF; background: #133231; border: none; border-radius: 50px; }
.c-form .wpcf7 form.invalid .wpcf7-response-output, .c-form .wpcf7 form.unaccepted .wpcf7-response-output, .c-form .wpcf7 form.payment-required .wpcf7-response-output {border-color: #ffb900; margin: 0; width: 100%; text-align: center; color: #fff;}
.c-form .wpcf7 form.sent .wpcf7-response-output {border-color: #46b450; text-align: center; width: 100%; color: #fff; margin: 0;}

/*Responsive CSS*/
@media screen and (max-width: 1260px) and (min-width: 1025px) {
    .main-header .middle-box .elementor-nav-menu--main .elementor-nav-menu li a {font-size: 14px !important; }
    .main-header .middle-box {width: 42% !important; }
    .main-header .right-box .elementor-button {font-size: 14px !important; padding: 10px 20px !important; }

    .social-icon .elementor-icon {width: 60px !important;}
}

@media only screen and (max-width: 1024px) {
    .hide-desktop {display: block !important;}
    .main-header .middle-box .elementor-nav-menu--dropdown.elementor-nav-menu__container {position: absolute; width: calc(100vw - 32px); top: 44px; background: #fff !important; z-index: 99; box-shadow: 0 0 15px rgb(0 0 0 / 15%); right: -23px; border-radius: 15px; padding: 10px 7px; }
    .social-icon .elementor-icon {width: 43px !important; font-size: 18px !important; }

    .feature-tabs .tabLinks button{padding: 0px 13px 22px}
    .feature-tabs .tabLinks button h4{font-size: 16px; line-height: 24px}
    .feature-tabs .tabLinks button p, .feature-slider-wrapper-2 .feature-tab p{font-size: 14px; line-height: 20px}
    .feature-slider-wrapper-4 .feature-tab h3{font-size: 22px; line-height: 26px;}
    .feature-slider-wrapper-4 .features-right{height: 430px}

    .sign-up-popup a.elementor-item {background-color: #133231; font-family: "Instrument Sans", Sans-serif; font-size: 18px; font-weight: 500; line-height: 26px; letter-spacing: -0.36px; fill: #fff; color: #fff; border-style: solid; border-width: 2px 2px 2px 2px; border-color: #133231; border-radius: 50px 50px 50px 50px; padding: 6px 6px 6px 18px; display: flex; align-items: center; column-gap: 10px; text-align: center; justify-content: center; width: calc(100% - 30px); margin: 10px auto 10px;}
    .request-demo a.elementor-item {font-family: "Instrument Sans", Sans-serif; font-size: 18px; font-weight: 500; line-height: 26px; letter-spacing: -0.36px; border-style: solid; border-width: 2px 2px 2px 2px; border-color: #133231; border-radius: 50px 50px 50px 50px; padding: 6px 6px 6px 18px; display: flex; align-items: center; column-gap: 10px; background: #fff; color: #133231; fill: #133231; justify-content: center; margin-bottom: 10px; width: calc(100% - 30px); margin: 10px auto 10px; }
}

@media only screen and (max-width: 767px) {
    .main-header .middle-box .elementor-nav-menu--dropdown.elementor-nav-menu__container{right: -15px}

    .feature-tabs .tabLinks {flex-wrap: wrap; border: none; }
    .feature-tabs .tabLinks button {padding: 10px 0; width: 100%; border-bottom: 2px solid #e2e8f0; display: flex; row-gap: 5px}
    .feature-tabs .tabLinks button {height: 0; padding: 0; opacity: 0 }
    .feature-tabs .tabLinks button.active {height: auto; opacity: 1; padding: 0 0 5px }
    .feature-tabs .tabLinks button p {font-size: 12px; }
    .feature-tabs .tabLinks button:before {height: 2px; bottom: -2px; }
    .feature-tabs .tab-content {padding: 0 5px; }
    .feature-tabs .tabs {margin-top: 20px; }3
    .feature-tabs .tabLinks button h4{margin: 0}

    .feature-slider-wrapper-2 .features-right, .feature-slider-wrapper-3 .features-right, .feature-slider-wrapper-4 .features-right{display: none}
    .feature-slider-wrapper-2 .features-left, .feature-slider-wrapper-3 .features-left, .feature-slider-wrapper-4 .features-left{width: 100%}
    .feature-slider-wrapper-2 .feature-tab.active .img, .feature-slider-wrapper-3 .feature-tab.active .img, .feature-slider-wrapper-4 .feature-tab.active .img{display: block; margin-bottom: 15px}
    .feature-slider-wrapper-4 .button-box .theme-btn{font-size: 14px; padding: 6px 6px 6px 16px}
    .feature-slider-wrapper-4 .button-box{column-gap: 6px}
    .orbit-ring-3{width: 200px; height: 200px}
    .edge-diagram{min-height: 260px}
    .orbit-ring-2 {width: 290px; height: 290px;}
    .dialog-widget .dialog-widget-content {max-width: 90%; }
    .c-form form .control-group.w-50 {width: 100%; }
}

@media only screen and (max-width: 480px) {
    .newsletter-form form{flex-direction: column; row-gap: 10px}
    .newsletter-form form .form-action {display: flex; justify-content: center;}
}

.newsletter-form .wpcf7 form.sent, .newsletter-form .wpcf7 form.invalid {padding-bottom: 30px;}
.newsletter-form .wpcf7 form.sent .wpcf7-response-output {color: #fff; position: absolute;  font-size: 12px; text-align: center;  margin: 0;  padding: 0px 10px;  width: 100%; bottom: -12px;}
.newsletter-form .wpcf7 form.invalid .wpcf7-response-output {color: #fff; position: absolute; font-size: 12px; text-align: center; margin: 0; padding: 0px 10px; width: 100%; bottom: -12px;}
.newsletter-form .wpcf7-not-valid-tip{display: none;}

/* .footer-top-section { background-image: linear-gradient(90deg, #ffffff0b 1px, #0000 1px), linear-gradient(#ffffff0b 1px, #0000 1px); background-size: 6rem 4rem;} */