.elementor-310 .elementor-element.elementor-element-3446cd56{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:70px;--padding-bottom:90px;--padding-left:30px;--padding-right:30px;}.elementor-310 .elementor-element.elementor-element-3446cd56:not(.elementor-motion-effects-element-type-background), .elementor-310 .elementor-element.elementor-element-3446cd56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1E293B;}.elementor-310 .elementor-element.elementor-element-1f8fed2c{--display:flex;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-310 .elementor-element.elementor-element-5a328742{padding:0px 0px 20px 0px;}.elementor-310 .elementor-element.elementor-element-5a328742 .woocommerce-breadcrumb{color:var( --e-global-color-accent );font-size:15px;font-weight:600;}.elementor-310 .elementor-element.elementor-element-5a328742 .woocommerce-breadcrumb > a{color:#A4A7B0;}.elementor-310 .elementor-element.elementor-element-17387275{width:var( --container-widget-width, 900px );max-width:900px;--container-widget-width:900px;--container-widget-flex-grow:0;}.elementor-310 .elementor-element.elementor-element-17387275 .elementskit-section-title-wraper .elementskit-section-title{color:#FFFFFF;margin:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-size:55px;font-weight:700;}.elementor-310 .elementor-element.elementor-element-17387275 .elementskit-section-title-wraper .elementskit-section-title > span{color:#FFFFFF;}.elementor-310 .elementor-element.elementor-element-17387275 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#FFFFFF;}.elementor-310 .elementor-element.elementor-element-17387275 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-310 .elementor-element.elementor-element-17387275 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Montserrat", Sans-serif;font-size:55px;font-weight:700;}.elementor-310 .elementor-element.elementor-element-7e023ded{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-310 .elementor-element.elementor-element-22ffa123{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-310 .elementor-element.elementor-element-372964b0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-310 .elementor-element.elementor-element-139dbd9{--display:flex;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-310 .elementor-element.elementor-element-46cc68a4{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-8f1a6d6 );--border-color:var( --e-global-color-8f1a6d6 );--border-radius:25px 25px 25px 25px;box-shadow:0px 10px 25px 0px rgba(0, 0, 0, 0.2);--padding-top:25px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-310 .elementor-element.elementor-element-46cc68a4:not(.elementor-motion-effects-element-type-background), .elementor-310 .elementor-element.elementor-element-46cc68a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fe9916f );}.elementor-310 .elementor-element.elementor-element-4bcf4887 .tutor-course-details-widget-col-2 ul{display:flex !important;}.elementor-310 .elementor-element.elementor-element-4bcf4887 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-310 .elementor-element.elementor-element-4bcf4887.etlms-course-benefits-display-list-item{text-align:flex-start;}.elementor-310 .elementor-element.elementor-element-4bcf4887 .etlms-course-widget-title{margin-bottom:40px;}.elementor-310 .elementor-element.elementor-element-4bcf4887 .etlms-course-widget-list-items li:not(last-child){margin-bottom:25px;}.elementor-310 .elementor-element.elementor-element-4bcf4887 .etlms-course-widget-list-items li{padding:0px 0px 0px 0px;}.elementor-310 .elementor-element.elementor-element-80ca6ac{--display:flex;border-style:none;--border-style:none;--border-radius:25px 25px 25px 25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-310 .elementor-element.elementor-element-3ff1c171 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-310 .elementor-element.elementor-element-6960b602{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--align-items:flex-start;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-310 .elementor-element.elementor-element-2b035955{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;color:var( --e-global-color-primary );}.elementor-310 .elementor-element.elementor-element-2b035955 p{margin-block-end:0px;}.elementor-310 .elementor-element.elementor-element-1a3a2a14.elementor-element{--align-self:flex-start;}.elementor-310 .elementor-element.elementor-element-1a3a2a14 p{margin-block-end:0px;}.elementor-310 .elementor-element.elementor-element-1a3a2a14{color:var( --e-global-color-0ffc159 );}.elementor-310 .elementor-element.elementor-element-2df45413 > .elementor-widget-container{margin:-40px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-310 .elementor-element.elementor-element-2df45413 .etlms-course-curriculum .tutor-course-content-title{margin-bottom:-10px;}.elementor-310 .elementor-element.elementor-element-2df45413 .etlms-course-curriculum .tutor-accordion-item-header:after{font-size:13px;color:var( --e-global-color-0ffc159 );}.elementor-310 .elementor-element.elementor-element-2df45413 .etlms-course-curriculum .tutor-accordion-item-header{font-family:"Montserrat", Sans-serif;font-size:18px;color:#41454f !important;background-color:var( --e-global-color-fe9916f );border-radius:25px 25px 25px 25px;padding:25px 20px 22px 20px;}.elementor-310 .elementor-element.elementor-element-2df45413 .tutor-accordion-item-header.is-active{color:var( --e-global-color-0ffc159 );}.elementor-310 .elementor-element.elementor-element-2df45413 .tutor-accordion-item-header:hover:after{color:var( --e-global-color-0ffc159 );}.elementor-310 .elementor-element.elementor-element-2df45413 .tutor-accordion-item-body-content .tutor-course-content-list-item-icon{font-size:16px;color:#939AA3;}.elementor-310 .elementor-element.elementor-element-2df45413 .tutor-accordion-item-body-content .tutor-course-content-list-item-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;color:#161616 !important;}.elementor-310 .elementor-element.elementor-element-2df45413 .tutor-course-content-list-item div .tutor-color-muted{color:#757c8e !important;}.elementor-310 .elementor-element.elementor-element-2df45413 .tutor-course-content-list li.tutor-course-content-list-item{border-top-width:1px;border-color:#E1EBF0;padding:22px 16px 20px 16px;}.elementor-310 .elementor-element.elementor-element-2df45413 .tutor-accordion-item:not(:last-child){margin-bottom:20px;}.elementor-310 .elementor-element.elementor-element-cffc3a2{--display:flex;border-style:none;--border-style:none;--border-radius:25px 25px 25px 25px;--padding-top:25px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-310 .elementor-element.elementor-element-7192a1a8 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-310 .elementor-element.elementor-element-5bea273c{color:var( --e-global-color-0ffc159 );}.elementor-310 .elementor-element.elementor-element-431ea7a7{--display:flex;border-style:none;--border-style:none;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-310 .elementor-element.elementor-element-431ea7a7:not(.elementor-motion-effects-element-type-background), .elementor-310 .elementor-element.elementor-element-431ea7a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-310 .elementor-element.elementor-element-347e2052 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-fe9916f );}.elementor-310 .elementor-element.elementor-element-4ab396d1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -17px;color:var( --e-global-color-fe9916f );}.elementor-310 .elementor-element.elementor-element-f5258ed{--display:flex;--border-radius:25px 25px 25px 25px;box-shadow:5px 10px 35px 0px rgba(0, 0, 0, 0.2);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-310 .elementor-element.elementor-element-f5258ed:not(.elementor-motion-effects-element-type-background), .elementor-310 .elementor-element.elementor-element-f5258ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fe9916f );}.elementor-310 .elementor-element.elementor-element-f70e618{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-310 .elementor-element.elementor-element-2d771d{--display:flex;--justify-content:flex-start;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-8f1a6d6 );--border-color:var( --e-global-color-8f1a6d6 );--border-radius:25px 25px 25px 25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-310 .elementor-element.elementor-element-ab0a2da{border-radius:25px 25px 0px 0px;}.elementor-310 .elementor-element.elementor-element-ab0a2da .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-310 .elementor-element.elementor-element-ab0a2da .elementor-custom-embed-play i{font-size:60px;}.elementor-310 .elementor-element.elementor-element-ab0a2da .elementor-custom-embed-play svg{width:60px;height:60px;}.elementor-310 .elementor-element.elementor-element-634ab62a{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:15px;--padding-bottom:35px;--padding-left:30px;--padding-right:30px;}.elementor-310 .elementor-element.elementor-element-261684fd .tutor-course-sidebar-card-pricing{display:block !important;text-align:left;}.elementor-310 .elementor-element.elementor-element-261684fd > .elementor-widget-container{margin:0px 0px -5px 0px;}.elementor-310 .elementor-element.elementor-element-261684fd .tutor-course-sidebar-card-pricing span{color:#212327;}.elementor-310 .elementor-element.elementor-element-261684fd .tutor-course-sidebar-card-pricing span, .elementor-310 .elementor-element.elementor-element-261684fd .tutor-fs-4{font-family:"Inter", Sans-serif;font-size:36px;font-weight:800;}.elementor-310 .elementor-element.elementor-element-261684fd .tutor-course-sidebar-card-pricing div > del{color:#7A7A7A;}.elementor-310 .elementor-element.elementor-element-6dab3631{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-310 .elementor-element.elementor-element-4e4ec8 .elementor-button{background-color:#1E293B;}.elementor-310 .elementor-element.elementor-element-19cc6c13 .elementor-button{background-color:#FFFFFF00;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );}.elementor-310 .elementor-element.elementor-element-19cc6c13{width:100%;max-width:100%;}.elementor-310 .elementor-element.elementor-element-19cc6c13.elementor-element{--align-self:stretch;}.etlms-enrollment-btn-align-left .tutor-card-body{text-align:left !important;}.etlms-enrollment-btn-align-center .tutor-card-body{text-align:center !important;}.etlms-enrollment-btn-align-right .tutor-card-body{text-align:right !important;}.etlms-enrollment-btn-align-center .etlms-course-enroll-date, .etlms-enrollment-btn-align-right .etlms-course-enroll-date{text-align:left !important;}.etlms-course-enroll-buttons-size-large .tutor-btn{font-size:18px;padding:10px 20px;}.etlms-course-enroll-buttons-size-small .tutor-btn{font-size:14px;padding:5px 12px;}.etlms-course-enroll-buttons-width-auto .tutor-btn{width:auto !important;display:inline-flex !important;}.elementor-310 .elementor-element.elementor-element-9f8b6b0 .tutor-btn-primary.tutor-add-to-cart-button, .tutor-btn-primary.tutor-native-add-to-cart{border-style:none;border-radius:3px 3px 3px 3px;}.elementor-310 .elementor-element.elementor-element-9f8b6b0 .tutor-card-body .tutor-enroll-course-button{padding:0px 0px 0px 0px;border-radius:3px 3px 3px 3px;}.elementor-310 .elementor-element.elementor-element-9f8b6b0 .tutor-card-body .start-continue-retake-button{border-radius:3px 3px 3px 3px;}.elementor-310 .elementor-element.elementor-element-9f8b6b0 .tutor-card-body [name=complete_course_btn]{border-radius:3px 3px 3px 3px;}.elementor-310 .elementor-element.elementor-element-9f8b6b0 .etlms-course-enroll-info-wrapper .tutor-icon-purchase-mark{font-size:16px !important;}.elementor-310 .elementor-element.elementor-element-9f8b6b0 .tutor-card-footer{border-style:none;border-radius:6px 6px 6px 6px;}.elementor-310 .elementor-element.elementor-element-9f8b6b0 .tutor-card-footer .etlms-enrolled-icon{font-size:15px;color:#212327;}.elementor-310 .elementor-element.elementor-element-9f8b6b0 .tutor-card-footer .etlms-enrolled-level{color:#757c8e !important;}.elementor-310 .elementor-element.elementor-element-389d2361{--divider-border-style:solid;--divider-color:var( --e-global-color-8f1a6d6 );--divider-border-width:1px;}.elementor-310 .elementor-element.elementor-element-389d2361 .elementor-divider-separator{width:100%;}.elementor-310 .elementor-element.elementor-element-389d2361 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-310 .elementor-element.elementor-element-2590bc9c{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-310 .elementor-element.elementor-element-7b4eace1 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;}.elementor-310 .elementor-element.elementor-element-7d9ef48d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-310 .elementor-element.elementor-element-7d9ef48d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-310 .elementor-element.elementor-element-7d9ef48d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-310 .elementor-element.elementor-element-7d9ef48d .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-310 .elementor-element.elementor-element-7d9ef48d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-310 .elementor-element.elementor-element-7d9ef48d .elementor-icon-list-icon i{color:#75777D;transition:color 0.3s;}.elementor-310 .elementor-element.elementor-element-7d9ef48d .elementor-icon-list-icon svg{fill:#75777D;transition:fill 0.3s;}.elementor-310 .elementor-element.elementor-element-7d9ef48d{--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-310 .elementor-element.elementor-element-7d9ef48d .elementor-icon-list-icon{padding-inline-end:4px;}.elementor-310 .elementor-element.elementor-element-7d9ef48d .elementor-icon-list-text{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-310 .elementor-element.elementor-element-664118f3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-310 .elementor-element.elementor-element-4387f551.etlms-social-icon-square .tutor-social-share-button{border-radius:0px;}.elementor-310 .elementor-element.elementor-element-4387f551.etlms-social-icon-rounded .tutor-social-share-button{border-radius:6px;}.elementor-310 .elementor-element.elementor-element-4387f551.etlms-social-icon-circle .tutor-social-share-button{border-radius:100%;width:120px;height:120px;}.elementor-310 .elementor-element.elementor-element-4387f551 .etlms-course-share{text-align:left;}.elementor-310 .elementor-element.elementor-element-4387f551 .etlms-course-share-icon{font-size:16px;}.elementor-310 .elementor-element.elementor-element-4387f551 .tutor-social-share-button{font-size:16px;padding:8px 15px 8px 15px;margin-right:5px;border-radius:6px 6px 6px 6px;}.elementor-310 .elementor-element.elementor-element-4387f551 .tutor-modal-content{border-radius:16px 16px 16px 16px;}.elementor-310 .elementor-element.elementor-element-4387f551 .tutor-modal-content .tutor-form-control{color:#000000 !important;border-radius:5px 5px 5px 5px;}.elementor-310 .elementor-element.elementor-element-6fd513b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-310 .elementor-element.elementor-element-372964b0{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;}.elementor-310 .elementor-element.elementor-element-80ca6ac{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-310 .elementor-element.elementor-element-cffc3a2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-310 .elementor-element.elementor-element-634ab62a{--padding-top:0px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-310 .elementor-element.elementor-element-261684fd .tutor-course-sidebar-card-pricing span, .elementor-310 .elementor-element.elementor-element-261684fd .tutor-fs-4{font-size:28px;}.elementor-310 .elementor-element.elementor-element-7d9ef48d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-310 .elementor-element.elementor-element-7d9ef48d .elementor-icon-list-item > a{font-size:14px;line-height:20px;}.elementor-310 .elementor-element.elementor-element-664118f3{--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;}}@media(max-width:767px){.elementor-310 .elementor-element.elementor-element-17387275{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-310 .elementor-element.elementor-element-17387275 .elementskit-section-title-wraper .elementskit-section-title{font-size:30px;}.elementor-310 .elementor-element.elementor-element-372964b0{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--padding-top:40px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-310 .elementor-element.elementor-element-46cc68a4{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:18px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-310 .elementor-element.elementor-element-4bcf4887 .tutor-course-details-widget-col-2 ul{display:inline !important;}.elementor-310 .elementor-element.elementor-element-4bcf4887 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-310 .elementor-element.elementor-element-6960b602{--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-310 .elementor-element.elementor-element-2b035955{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 23px) 0px;}.elementor-310 .elementor-element.elementor-element-2b035955.elementor-element{--align-self:flex-start;}.elementor-310 .elementor-element.elementor-element-1a3a2a14{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:13px;}.elementor-310 .elementor-element.elementor-element-1a3a2a14.elementor-element{--align-self:flex-start;}.elementor-310 .elementor-element.elementor-element-2df45413 .etlms-course-curriculum .tutor-accordion-item-header{font-size:16px;}.elementor-310 .elementor-element.elementor-element-2df45413 .tutor-accordion-item-body-content .tutor-course-content-list-item-title{font-size:15px;}.elementor-310 .elementor-element.elementor-element-4ab396d1{columns:1;column-gap:0px;font-size:15px;line-height:26px;}.elementor-310 .elementor-element.elementor-element-4ab396d1 p{margin-block-end:0px;}}@media(min-width:768px){.elementor-310 .elementor-element.elementor-element-139dbd9{--width:65%;}.elementor-310 .elementor-element.elementor-element-f5258ed{--width:35%;}}@media(max-width:1024px) and (min-width:768px){.elementor-310 .elementor-element.elementor-element-139dbd9{--width:70%;}.elementor-310 .elementor-element.elementor-element-f5258ed{--width:30%;}}/* Start custom CSS for video, class: .elementor-element-ab0a2da */Selector .elementor-custom-embed-play i, .elementor-custom-embed-play svg {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS *//* =====================================================
   1. MAIN TWO-COLUMN COURSE LAYOUT
   ===================================================== */

.course-main-columns {
    align-items: flex-start !important;
}

/* Prevent Elementor from stretching the right card
   to the height of the left course content */
.course-floating-card {
    align-self: flex-start !important;
    height: fit-content !important;
    min-height: 0 !important;
    max-height: none !important;

    /* This replaces your Elementor negative Y transform */
    margin-top: -240px;

    position: relative;
    z-index: 10;
}

/* Also prevent intermediate sidebar containers from stretching */
.course-floating-card > .e-con-inner,
.course-floating-card .elementor-widget-wrap {
    height: auto !important;
    min-height: 0 !important;
}

/* Keep the floating effect desktop-only */
@media (max-width: 1024px) {
    .course-floating-card {
        margin-top: 0 !important;
        transform: none !important;
    }
}


/* =====================================================
   2. COURSE CURRICULUM BORDER RADIUS
   Change --curriculum-radius to edit all corners
   ===================================================== */

.custom-course-curriculum {
    --curriculum-radius: 26px;
}

/* Each complete accordion/topic card */
.custom-course-curriculum .tutor-accordion-item {
    border-radius: var(--curriculum-radius) !important;
    overflow: hidden !important;
    isolation: isolate;
}

/* Topic heading */
.custom-course-curriculum .tutor-accordion-item-header {
    border-radius: var(--curriculum-radius) !important;
    overflow: hidden !important;
}

/* When open, only round the upper corners of the heading */
.custom-course-curriculum
.tutor-accordion-item-header.is-active {
    border-radius:
        var(--curriculum-radius)
        var(--curriculum-radius)
        0
        0 !important;
}

/* Open lesson content */
.custom-course-curriculum .tutor-accordion-item-body,
.custom-course-curriculum .tutor-accordion-item-body-content {
    border-radius:
        0
        0
        var(--curriculum-radius)
        var(--curriculum-radius) !important;
}

/* Prevent inner list from breaking rounded corners */
.custom-course-curriculum .tutor-course-content-list,
.custom-course-curriculum .tutor-course-content-list-item:last-child {
    border-radius:
        0
        0
        var(--curriculum-radius)
        var(--curriculum-radius) !important;
}


/* =====================================================
   3. CURRICULUM ARROW DIRECTION
   Closed = points down
   Open = points up
   ===================================================== */

/* Hide Tutor's original arrow content */
.custom-course-curriculum
.tutor-accordion-item-header::after {
    content: "" !important;

    width: 10px !important;
    height: 10px !important;

    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;

    /* Down arrow */
    transform: rotate(45deg) !important;

    transition:
        transform 0.28s ease,
        border-color 0.28s ease !important;

    position: absolute !important;
    right: 24px !important;
    top: 50% !important;
    margin-top: -7px !important;
}

/* Up arrow when section is open */
.custom-course-curriculum
.tutor-accordion-item-header.is-active::after {
    transform: rotate(225deg) !important;
    margin-top: -2px !important;
}

/* Make room for the custom arrow */
.custom-course-curriculum
.tutor-accordion-item-header {
    position: relative !important;
    padding-right: 58px !important;
}


/* =====================================================
   4. SMOOTHER CURRICULUM OPENING
   ===================================================== */

.custom-course-curriculum .tutor-accordion-item-body {
    overflow: hidden !important;
}

.custom-course-curriculum .tutor-accordion-item {
    transition:
        box-shadow 0.25s ease,
        transform 0.25s ease,
        border-color 0.25s ease !important;
}

.custom-course-curriculum .tutor-accordion-item:hover {
    transform: translateY(-1px);
}


/* =====================================================
   5. ABOUT COURSE SHOW MORE / SHOW LESS
   ===================================================== */

.course-about-section {
    --about-collapsed-height: 150px;
}

/* The text widget inside About Course */
.course-about-section
.elementor-widget-text-editor {
    position: relative;
    overflow: hidden;
    max-height: var(--about-collapsed-height);

    transition: max-height 0.55s ease;
}

/* Fade at the bottom while collapsed */
.course-about-section:not(.about-is-open)
.elementor-widget-text-editor::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 85px;
    pointer-events: none;

    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 0.95) 65%,
        #ffffff 100%
    );
}

/* Expanded state */
.course-about-section.about-is-open
.elementor-widget-text-editor {
    max-height: 2000px;
}

/* Generated Show More button */
.course-about-toggle {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    margin-top: 18px;
    padding: 0;

    border: 0;
    background: transparent;

    color: #0058be;
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;

    cursor: pointer;
}

.course-about-toggle:hover {
    text-decoration: underline;
}

.course-about-toggle::after {
    content: "";
    width: 7px;
    height: 7px;

    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;

    transform: rotate(45deg);
    transition: transform 0.25s ease;
}

.course-about-section.about-is-open
.course-about-toggle::after {
    transform: rotate(225deg);
}


/* =====================================================
   6. EXPAND/COLLAPSE ALL BUTTON
   ===================================================== */

.course-expand-trigger a {
    cursor: pointer;
    user-select: none;
}


/* =====================================================
   7. FIX COURSE SOCIAL SHARE WIDGET
   ===================================================== */

/* Prevent Tutor's modal or hidden content from adding
   width, scrollbar or layout overflow */
.course-floating-card
.elementor-widget-etlms-course-social-share {
    position: relative !important;
    overflow: visible !important;
}

.course-floating-card
.etlms-course-share {
    overflow: visible !important;
}

.course-floating-card
.etlms-course-share-btn {
    white-space: nowrap;
}

/* We are disabling Tutor's popup/modal and only using
   clean copy-to-clipboard behavior */
.course-floating-card
.etlms-course-share-modal,
.course-floating-card
#tutor-course-share-opener {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Stop horizontal scrollbars caused by the share modal */
html,
body {
    overflow-x: clip;
}













/* =====================================================
   WORKING COURSE COUPON FORM
   ===================================================== */

.pte-course-coupon {
    width: 100%;
}

.pte-coupon-toggle {
    padding: 0;
    border: 0;
    background: transparent;

    color: inherit;
    font: inherit;
    font-weight: 500;
    text-decoration: underline;

    cursor: pointer;
}

.pte-coupon-panel {
    margin-top: 14px;
}

.pte-coupon-fields {
    display: flex;
    gap: 8px;
}

.pte-coupon-code {
    min-width: 0;
    flex: 1;

    height: 42px;
    padding: 10px 20px !important;

    border: 1px solid #c5c6cd !important;
    border-radius: 9px !important;
    background: #ffffff !important;

    font-size: 14px !important;
}

.pte-coupon-code:focus {
    border-color: #0058be !important;
    outline: 2px solid rgba(0, 88, 190, 0.12) !important;
}

.pte-coupon-submit {
    min-height: 42px;
    padding: 8px 15px;

    border: 0;
    border-radius: 9px;

    background: #091426;
    color: #ffffff;

    font-size: 14px;
    font-weight: 600;

    cursor: pointer;
}

.pte-coupon-submit:disabled {
    opacity: 0.65;
    cursor: wait;
}

.pte-coupon-message {
    margin-top: 9px;
    font-size: 13px;
    line-height: 1.4;
}

.pte-coupon-message.is-success {
    color: #16794a;
}

.pte-coupon-message.is-error {
    color: #ba1a1a;
}

.pte-coupon-toggle {
    display: inline-block;
    padding: 5px 18px;
    background-color: #1a1a1a; /* match your "Apply" button's dark color */
    color: #ffffff !important;
    font-weight: 600;
    font-size: 15px;
    border: none;
    border-radius: 50px; /* fully rounded, pill-style like your Apply button */
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.2s ease, transform 0.1s ease;
}

.pte-coupon-toggle:hover {
    background-color: #333333;
    transform: translateY(-1px);
}

.pte-coupon-toggle:active {
    transform: translateY(0);
}




/* =========================================================
   FINAL FIXES:
   1. Curriculum tooltip visibility
   2. Professional About Course fade
   3. Compact centred Show More button
   ========================================================= */


/* =========================================================
   1. CURRICULUM TOOLTIP — SHOW ABOVE EVERYTHING
   ========================================================= */

/*
 * The earlier overflow:hidden was clipping the tooltip.
 * Allow the tooltip to leave the accordion card.
 */
.custom-course-curriculum .tutor-accordion,
.custom-course-curriculum .tutor-accordion-item,
.custom-course-curriculum .tutor-accordion-item-header {
    overflow: visible !important;
}

/* Establish proper stacking layers */
.custom-course-curriculum .tutor-accordion-item {
    position: relative !important;
    z-index: 1;
}

/*
 * Raise the complete topic when its information icon
 * is hovered or focused.
 */
.custom-course-curriculum .tutor-accordion-item:hover,
.custom-course-curriculum .tutor-accordion-item:focus-within {
    z-index: 9999 !important;
}

/* Tooltip icon wrapper */
.custom-course-curriculum .tooltip-wrap {
    position: relative !important;
    z-index: 10000 !important;
}

/* Actual dark tooltip information box */
.custom-course-curriculum .tooltip-txt {
    z-index: 10001 !important;
    pointer-events: none !important;

    /* Prevent very narrow or excessively wide tooltips */
    width: max-content !important;
    min-width: 230px !important;
    max-width: 320px !important;

    white-space: normal !important;
    line-height: 1.45 !important;

    padding: 12px 15px !important;
    border-radius: 10px !important;

    box-shadow:
        0 8px 20px rgba(9, 20, 38, 0.18),
        0 2px 6px rgba(9, 20, 38, 0.12) !important;
}

/*
 * Ensure nearby Elementor containers do not clip
 * the Tutor LMS tooltip.
 */
.course-main-columns,
.course-main-columns > .e-con-inner,
.custom-course-curriculum,
.custom-course-curriculum > .elementor-widget-container,
.custom-course-curriculum .etlms-course-curriculum,
.custom-course-curriculum .tutor-mt-40 {
    overflow: visible !important;
}


/* =========================================================
   KEEP CURRICULUM CORNERS ROUNDED WITHOUT CLIPPING TOOLTIP
   ========================================================= */

.custom-course-curriculum {
    --curriculum-radius: 26px;
}

/* Complete topic card */
.custom-course-curriculum .tutor-accordion-item {
    border-radius: var(--curriculum-radius) !important;
}

/* Closed topic header */
.custom-course-curriculum .tutor-accordion-item-header {
    border-radius: var(--curriculum-radius) !important;
    background-clip: padding-box !important;
}

/* Open topic header */
.custom-course-curriculum
.tutor-accordion-item-header.is-active {
    border-radius:
        var(--curriculum-radius)
        var(--curriculum-radius)
        0
        0 !important;
}

/*
 * Only clip the lesson body content.
 * Do not clip the complete accordion item.
 */
.custom-course-curriculum .tutor-accordion-item-body {
    overflow: hidden !important;

    border-radius:
        0
        0
        var(--curriculum-radius)
        var(--curriculum-radius) !important;
}

.custom-course-curriculum
.tutor-accordion-item-body-content {
    border-radius:
        0
        0
        var(--curriculum-radius)
        var(--curriculum-radius) !important;
}


/* =========================================================
   2. REMOVE THE OLD RECTANGULAR FADE OVERLAY
   ========================================================= */

/*
 * Completely disable the old white pseudo-element.
 * This removes the sharp left/right edges visible
 * in your screenshot.
 */
.course-about-section
.elementor-widget-text-editor::after {
    content: none !important;
    display: none !important;
}


/* =========================================================
   NEW PROFESSIONAL ABOUT COURSE FADE
   ========================================================= */

.course-about-section {
    --about-collapsed-height: 155px;
}

/*
 * Collapse the description widget.
 * No visible white container is placed over the text.
 */
.course-about-section
.elementor-widget-text-editor {
    position: relative !important;
    max-height: var(--about-collapsed-height) !important;
    overflow: hidden !important;

    transition: max-height 0.55s ease !important;
}

/*
 * Fade the actual text using a mask.
 * The page background naturally shows through it,
 * so there are no rectangular edges.
 */
.course-about-section:not(.about-is-open)
.elementor-widget-text-editor::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;

    height:90px;

    pointer-events:none;

    background:linear-gradient(
        to bottom,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.18) 20%,
        rgba(255,255,255,.45) 45%,
        rgba(255,255,255,.75) 70%,
        rgba(255,255,255,.95) 88%,
        #fff 100%
    );

    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}

/* Remove the mask once opened */
.course-about-section.about-is-open
.elementor-widget-text-editor::after{
    display:none !important;
}

/* Expanded height */
.course-about-section.about-is-open
.elementor-widget-text-editor {
    max-height: 2500px !important;
}


/* =========================================================
   3. COMPACT CENTRED SHOW MORE BUTTON
   ========================================================= */

.course-about-toggle {
    /* Override any global full-width button styling */
    width: auto !important;
    min-width: 0 !important;
    max-width: max-content !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;

    /* Centre it regardless of the parent alignment */
    margin: 18px auto 0 !important;

    padding: 10px 18px !important;

    border: 1px solid #d8dde7 !important;
    border-radius: 999px !important;

    background: #ffffff !important;
    color: #091426 !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    text-decoration: none !important;
    box-shadow:
        0 3px 10px rgba(9, 20, 38, 0.07),
        0 1px 3px rgba(9, 20, 38, 0.05) !important;

    cursor: pointer !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease !important;
}

.course-about-toggle:hover {
    background: #f5f7fa !important;
    border-color: #b9c2d1 !important;
    color: #0058be !important;

    text-decoration: none !important;
    transform: translateY(-1px) !important;

    box-shadow:
        0 6px 16px rgba(9, 20, 38, 0.10),
        0 2px 5px rgba(9, 20, 38, 0.06) !important;
}

.course-about-toggle:focus-visible {
    outline: 3px solid rgba(0, 88, 190, 0.18) !important;
    outline-offset: 3px !important;
}

/* Small arrow */
.course-about-toggle::after {
    content: "" !important;

    width: 7px !important;
    height: 7px !important;

    margin-left: 2px !important;

    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;

    transform: rotate(45deg) translateY(-1px) !important;
    transition: transform 0.25s ease !important;
}

/* Arrow points upward when expanded */
.course-about-section.about-is-open
.course-about-toggle::after {
    transform: rotate(225deg) translate(-1px, -1px) !important;
}


/* =========================================================
   MOBILE ADJUSTMENTS
   ========================================================= */

@media (max-width: 767px) {
    .custom-course-curriculum .tooltip-txt {
        min-width: 210px !important;
        max-width: min(280px, calc(100vw - 40px)) !important;
    }

    .course-about-section {
        --about-collapsed-height: 165px;
    }

    .course-about-toggle {
        padding: 10px 17px !important;
    }
}







/* ==========================================================
   Tutor LMS Purchase Widget - STEP UP Course Page
   ========================================================== */

/* ---------- Hide unwanted content ---------- */

.pte-real-purchase .tutor-course-sidebar-card-pricing,
.pte-real-purchase .tutor-course-sidebar-card-pricing-wrapper,
.pte-real-purchase .tutor-course-single-pricing,
.pte-real-purchase .tutor-card-footer,
.pte-real-purchase hr,
.pte-real-purchase .tutor-hr{
    display:none !important;
}


/* ---------- Remove Tutor card styling ---------- */

.pte-real-purchase,
.pte-real-purchase .elementor-widget-container,
.pte-real-purchase .tutor-card,
.pte-real-purchase .tutor-card.tutor-card-md,
.pte-real-purchase .tutor-sidebar-card{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    margin:0 !important;
    padding:0 !important;
}


/* ---------- Remove body spacing ---------- */

.pte-real-purchase .tutor-card-body{
    padding:0 !important;
    margin:0 !important;
    text-align:left !important;
}


/* ---------- Style ONLY the Purchase Button ---------- */

.pte-real-purchase .tutor-card-body > a[data-cy="tutor-native-add-to-cart"],
.pte-real-purchase .tutor-card-body > a[data-cy="tutor-native-view-cart"]{

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;

    margin:0 !important;
    padding:16px 24px !important;
    min-height:56px !important;

    background:#1E293B !important;
    color:#ffffff !important;

    border:none !important;
    border-radius:999px !important;

    font-size:16px !important;
    font-weight:600 !important;
    line-height:1.2 !important;

    text-decoration:none !important;

    transition:
        background .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}


/* ---------- Hover ---------- */

.pte-real-purchase .tutor-card-body > a[data-cy="tutor-native-add-to-cart"]:hover,
.pte-real-purchase .tutor-card-body > a[data-cy="tutor-native-view-cart"]:hover{

    background:#1E293B !important;
    color:#ffffff !important;

    transform:translateY(-2px);

    box-shadow:0 10px 24px rgba(0,87,217,.18);
}








/* ==========================================================
   STEP UP CONSULTANTS
   PTE COURSE PAGE — PREMIUM POLISH V2
   Course ID: 310

   SAFE VISUAL OVERRIDE
   Existing Tutor / Elementor / custom JS remains untouched
   ========================================================== */


/* ==========================================================
   1. COURSE DESIGN SYSTEM
   ========================================================== */

body.single-courses.postid-310 .elementor-310 {
    --pte-navy: #091426;
    --pte-navy-soft: #1E293B;
    --pte-blue: #0058BE;

    --pte-text: #172033;
    --pte-muted: #667085;
    --pte-light-muted: #98A2B3;

    --pte-page: #FBF9FA;
    --pte-white: #FFFFFF;
    --pte-soft: #F7F9FC;

    --pte-border: #E2E8F0;
    --pte-border-soft: #EBEFF4;

    --pte-radius-lg: 28px;
    --pte-radius-md: 20px;

    background: var(--pte-page) !important;
}


/* ==========================================================
   2. HERO SECTION
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.elementor-element-3446cd56 {

    position: relative !important;

    --padding-top: 76px !important;
    --padding-bottom: 102px !important;
    --padding-left: 30px !important;
    --padding-right: 30px !important;

    background:
        radial-gradient(
            circle at 82% 22%,
            rgba(0, 88, 190, 0.22) 0,
            rgba(0, 88, 190, 0.08) 22%,
            transparent 43%
        ),
        radial-gradient(
            circle at 5% 100%,
            rgba(255, 255, 255, 0.055),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #152238 0%,
            #1E293B 55%,
            #172338 100%
        ) !important;
}


/* Hero content maximum width */
body.single-courses.postid-310
.elementor-310
.elementor-element-1f8fed2c {

    --gap: 22px !important;

    overflow: visible !important;
}


/* ==========================================================
   3. BREADCRUMB
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.elementor-element-5a328742 {

    padding-bottom: 10px !important;
}


body.single-courses.postid-310
.elementor-310
.elementor-element-5a328742
.woocommerce-breadcrumb {

    color: #D3DBE6 !important;

    font-family: Inter, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;

    line-height: 1.5 !important;
}


body.single-courses.postid-310
.elementor-310
.elementor-element-5a328742
.woocommerce-breadcrumb a {

    color: #9EABB9 !important;

    text-decoration: none !important;

    transition: color 0.2s ease !important;
}


body.single-courses.postid-310
.elementor-310
.elementor-element-5a328742
.woocommerce-breadcrumb a:hover {

    color: #FFFFFF !important;
}


/* ==========================================================
   4. BESTSELLER BADGE
   Existing HTML widget, visual change only
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.elementor-element-5fc25515 > .elementor-widget-container > div {

    min-height: 32px !important;

    padding: 7px 13px !important;

    background:
        rgba(255, 185, 95, 0.08) !important;

    border:
        1px solid rgba(255, 185, 95, 0.24) !important;

    border-radius: 999px !important;

    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}


/* ==========================================================
   5. HERO TITLE
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.elementor-element-17387275
.elementskit-section-title {

    max-width: 880px !important;

    margin: 0 !important;

    color: #FFFFFF !important;

    font-family: Montserrat, sans-serif !important;

    font-size: clamp(42px, 4.1vw, 58px) !important;
    font-weight: 700 !important;

    line-height: 1.12 !important;

    letter-spacing: -0.035em !important;
}


/* ==========================================================
   6. HERO DESCRIPTION
   Existing inline HTML safely overridden
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.elementor-element-7e023ded
.elementor-widget-container > div {

    max-width: 670px !important;

    color: #C5CFDA !important;

    font-family: Inter, sans-serif !important;

    font-size: 17px !important;
    font-weight: 400 !important;

    line-height: 1.7 !important;
}


/* ==========================================================
   7. HERO META
   Last updated + language
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.elementor-element-22ffa123
.elementor-widget-container > div {

    display: flex !important;

    align-items: center !important;

    flex-wrap: wrap !important;

    gap: 10px !important;

    padding-top: 9px !important;

    color: #C7D0DC !important;
}


/* Individual metadata items */
body.single-courses.postid-310
.elementor-310
.elementor-element-22ffa123
.elementor-widget-container > div > div {

    display: inline-flex !important;

    align-items: center !important;

    gap: 7px !important;

    min-height: 37px !important;

    padding: 7px 12px !important;

    background: rgba(255, 255, 255, 0.055) !important;

    border:
        1px solid rgba(255, 255, 255, 0.08) !important;

    border-radius: 999px !important;

    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}


body.single-courses.postid-310
.elementor-310
.elementor-element-22ffa123 span {

    font-size: 13px !important;
}


/* ==========================================================
   8. MAIN PAGE LAYOUT
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.course-main-columns {

    --padding-top: 58px !important;
    --padding-bottom: 10px !important;

    align-items: flex-start !important;
}


body.single-courses.postid-310
.elementor-310
.course-main-columns > .e-con-inner {

    align-items: flex-start !important;

    gap: 30px !important;
}


/* Left content spacing */
body.single-courses.postid-310
.elementor-310
.elementor-element-139dbd9 {

    --gap: 68px !important;
}


/* ==========================================================
   9. WHAT I WILL LEARN CARD
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.elementor-element-46cc68a4 {

    --padding-top: 32px !important;
    --padding-bottom: 29px !important;
    --padding-left: 34px !important;
    --padding-right: 34px !important;

    border:
        1px solid var(--pte-border) !important;

    border-radius: var(--pte-radius-lg) !important;

    background:
        linear-gradient(
            145deg,
            #FFFFFF 0%,
            #FFFFFF 70%,
            #F8FBFF 100%
        ) !important;

    box-shadow:
        0 18px 48px rgba(9, 20, 38, 0.075) !important;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease !important;
}


/* Tiny hover lift */
@media (hover: hover) {

    body.single-courses.postid-310
    .elementor-310
    .elementor-element-46cc68a4:hover {

        transform: translateY(-3px) !important;

        border-color: #D5DFEA !important;

        box-shadow:
            0 24px 56px rgba(9, 20, 38, 0.09) !important;
    }
}


/* Heading */
body.single-courses.postid-310
.elementor-310
.elementor-element-4bcf4887
.etlms-course-widget-title {

    margin: 0 0 28px !important;

    color: var(--pte-navy) !important;

    font-family: Montserrat, sans-serif !important;

    font-size: 28px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;

    letter-spacing: -0.025em !important;
}


/* Benefits grid */
body.single-courses.postid-310
.elementor-310
.elementor-element-4bcf4887
.etlms-course-widget-list-items {

    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    column-gap: 30px !important;
    row-gap: 19px !important;

    margin: 0 !important;
}


/* Individual benefit */
body.single-courses.postid-310
.elementor-310
.elementor-element-4bcf4887
.etlms-course-widget-list-item {

    align-items: flex-start !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #344054 !important;

    font-family: Inter, sans-serif !important;

    font-size: 14px !important;
    line-height: 1.55 !important;
}


/* Benefit check */
body.single-courses.postid-310
.elementor-310
.elementor-element-4bcf4887
.tutor-list-icon {

    margin-right: 10px !important;

    color: var(--pte-blue) !important;

    font-size: 15px !important;

    transform: translateY(2px) !important;
}


/* ==========================================================
   10. COURSE CONTENT SECTION
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.elementor-element-80ca6ac {

    --gap: 19px !important;
}


/* Heading */
body.single-courses.postid-310
.elementor-310
.elementor-element-3ff1c171
.elementor-heading-title {

    color: var(--pte-navy) !important;

    font-family: Montserrat, sans-serif !important;

    font-size: 30px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;

    letter-spacing: -0.025em !important;
}


/* ==========================================================
   11. COURSE STATS + EXPAND ALL
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.elementor-element-6960b602 {

    align-items: center !important;

    gap: 14px !important;
}


/* Course count / length */
body.single-courses.postid-310
.elementor-310
.elementor-element-1a3a2a14 p {

    display: inline-flex !important;

    align-items: center !important;

    min-height: 36px !important;

    margin: 0 !important;
    padding: 7px 12px !important;

    background: #FFFFFF !important;

    border: 1px solid var(--pte-border-soft) !important;
    border-radius: 999px !important;

    color: #667085 !important;

    font-family: Inter, sans-serif !important;

    font-size: 12px !important;
    font-weight: 500 !important;
}


/* Expand / Collapse */
body.single-courses.postid-310
.elementor-310
.course-expand-trigger a {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 36px !important;

    padding: 7px 13px !important;

    background: transparent !important;

    border: 1px solid transparent !important;
    border-radius: 999px !important;

    color: var(--pte-blue) !important;

    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;

    text-decoration: none !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease !important;
}


body.single-courses.postid-310
.elementor-310
.course-expand-trigger a:hover {

    background: #F2F7FD !important;

    border-color: #DCE9F7 !important;

    color: var(--pte-navy) !important;
}


/* ==========================================================
   12. CURRICULUM ACCORDION
   Native Tutor behavior untouched
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.custom-course-curriculum {

    --curriculum-radius: 22px !important;
}


/* Remove Tutor's unnecessary top gap */
body.single-courses.postid-310
.elementor-310
.custom-course-curriculum
.tutor-mt-40 {

    margin-top: 0 !important;
}


body.single-courses.postid-310
.elementor-310
.custom-course-curriculum
.tutor-accordion {

    margin-top: 0 !important;
}


/* Each curriculum section */
body.single-courses.postid-310
.elementor-310
.custom-course-curriculum
.tutor-accordion-item {

    margin-bottom: 13px !important;

    background: #FFFFFF !important;

    border:
        1px solid #E3E8EF !important;

    border-radius:
        var(--curriculum-radius) !important;

    box-shadow:
        0 4px 14px rgba(9, 20, 38, 0.025) !important;

    transition:
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.22s ease !important;
}


/* Hover */
@media (hover: hover) {

    body.single-courses.postid-310
    .elementor-310
    .custom-course-curriculum
    .tutor-accordion-item:hover {

        transform: translateY(-2px) !important;

        border-color: #D1DCE8 !important;

        box-shadow:
            0 10px 24px rgba(9, 20, 38, 0.055) !important;
    }
}


/* Accordion heading */
body.single-courses.postid-310
.elementor-310
.custom-course-curriculum
.tutor-accordion-item-header {

    min-height: 66px !important;

    padding:
        20px 58px 20px 22px !important;

    background: #FFFFFF !important;

    border: none !important;

    border-radius:
        var(--curriculum-radius) !important;

    color: #344054 !important;

    font-family: Inter, sans-serif !important;
    font-size: 15px !important;
    font-weight: 650 !important;

    line-height: 1.35 !important;

    transition:
        background-color 0.2s ease,
        color 0.2s ease !important;
}


/* Active section */
body.single-courses.postid-310
.elementor-310
.custom-course-curriculum
.tutor-accordion-item-header.is-active {

    background:
        linear-gradient(
            90deg,
            #F5F9FE,
            #FAFCFF
        ) !important;

    color: var(--pte-navy) !important;

    border-radius:
        var(--curriculum-radius)
        var(--curriculum-radius)
        0 0 !important;
}


/* Existing custom arrow */
body.single-courses.postid-310
.elementor-310
.custom-course-curriculum
.tutor-accordion-item-header::after {

    color: #637083 !important;

    transition:
        transform 0.28s ease,
        border-color 0.28s ease !important;
}


body.single-courses.postid-310
.elementor-310
.custom-course-curriculum
.tutor-accordion-item-header.is-active::after {

    color: var(--pte-blue) !important;
}


/* Body */
body.single-courses.postid-310
.elementor-310
.custom-course-curriculum
.tutor-accordion-item-body {

    background: #FFFFFF !important;

    border-top:
        1px solid #EDF1F5 !important;
}


/* Lesson row */
body.single-courses.postid-310
.elementor-310
.custom-course-curriculum
.tutor-course-content-list-item {

    min-height: 58px !important;

    padding: 16px 20px !important;

    background: #FFFFFF !important;

    transition:
        background-color 0.18s ease !important;
}


body.single-courses.postid-310
.elementor-310
.custom-course-curriculum
.tutor-course-content-list-item:hover {

    background: #F9FBFD !important;
}


/* Lesson name */
body.single-courses.postid-310
.elementor-310
.custom-course-curriculum
.tutor-course-content-list-item-title a {

    color: #344054 !important;

    text-decoration: none !important;

    transition: color 0.18s ease !important;
}


body.single-courses.postid-310
.elementor-310
.custom-course-curriculum
.tutor-course-content-list-item-title a:hover {

    color: var(--pte-blue) !important;
}


/* Duration */
body.single-courses.postid-310
.elementor-310
.custom-course-curriculum
.tutor-course-content-list-item-duration {

    color: #8B95A5 !important;
}


/* ==========================================================
   13. CURRICULUM TOOLTIP
   Keeps your existing working z-index solution
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.custom-course-curriculum
.tooltip-txt {

    padding: 12px 15px !important;

    background: rgba(9, 20, 38, 0.97) !important;

    border:
        1px solid rgba(255, 255, 255, 0.08) !important;

    border-radius: 12px !important;

    box-shadow:
        0 16px 36px rgba(9, 20, 38, 0.22) !important;

    color: #FFFFFF !important;

    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;

    line-height: 1.55 !important;

    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}


/* ==========================================================
   14. ABOUT COURSE
   Turn the plain section into a proper editorial card
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.course-about-section {

    position: relative !important;

    --padding-top: 34px !important;
    --padding-bottom: 31px !important;
    --padding-left: 34px !important;
    --padding-right: 34px !important;

    background:
        linear-gradient(
            145deg,
            #FFFFFF 0%,
            #FFFFFF 78%,
            #FAFCFF 100%
        ) !important;

    border:
        1px solid var(--pte-border) !important;

    border-radius:
        var(--pte-radius-lg) !important;

    box-shadow:
        0 14px 38px rgba(9, 20, 38, 0.055) !important;
}


/* About title */
body.single-courses.postid-310
.elementor-310
.elementor-element-7192a1a8
.elementor-heading-title {

    color: var(--pte-navy) !important;

    font-family: Montserrat, sans-serif !important;

    font-size: 28px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;

    letter-spacing: -0.025em !important;
}


/* About text */
body.single-courses.postid-310
.elementor-310
.elementor-element-5bea273c {

    color: #4B5565 !important;

    font-family: Inter, sans-serif !important;

    font-size: 14px !important;

    line-height: 1.75 !important;
}


body.single-courses.postid-310
.elementor-310
.elementor-element-5bea273c p {

    margin-bottom: 14px !important;
}


/* ==========================================================
   15. ABOUT COURSE GLASS FADE
   Retains the Show More system we already built
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.course-about-section:not(.about-is-open)
.elementor-widget-text-editor::after {

    height: 92px !important;

    background:
        linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.22) 24%,
            rgba(255, 255, 255, 0.58) 53%,
            rgba(255, 255, 255, 0.88) 78%,
            #FFFFFF 100%
        ) !important;

    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
}


/* Show More / Less */
body.single-courses.postid-310
.elementor-310
.course-about-toggle {

    min-height: 39px !important;

    margin-top: 19px !important;

    padding: 10px 17px !important;

    background: #FFFFFF !important;

    border:
        1px solid #DCE2EA !important;

    border-radius: 999px !important;

    color: var(--pte-navy) !important;

    font-family: Inter, sans-serif !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    box-shadow:
        0 5px 14px rgba(9, 20, 38, 0.06) !important;
}


body.single-courses.postid-310
.elementor-310
.course-about-toggle:hover {

    background: #F5F8FC !important;

    border-color: #C9D4E0 !important;

    color: var(--pte-blue) !important;

    box-shadow:
        0 8px 18px rgba(9, 20, 38, 0.08) !important;
}


/* ==========================================================
   16. REQUIREMENTS
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.elementor-element-431ea7a7 {

    --margin-bottom: 82px !important;

    --padding-top: 31px !important;
    --padding-bottom: 31px !important;
    --padding-left: 34px !important;
    --padding-right: 34px !important;

    background:
        radial-gradient(
            circle at 96% 0%,
            rgba(0, 88, 190, 0.30),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #101D31 0%,
            #1E293B 100%
        ) !important;

    border:
        1px solid rgba(255, 255, 255, 0.055) !important;

    border-radius:
        var(--pte-radius-lg) !important;

    box-shadow:
        0 18px 42px rgba(9, 20, 38, 0.11) !important;
}


/* Heading */
body.single-courses.postid-310
.elementor-310
.elementor-element-347e2052
.elementor-heading-title {

    margin-bottom: 5px !important;

    color: #FFFFFF !important;

    font-family: Montserrat, sans-serif !important;

    font-size: 26px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;
}


/* Remove old negative margin */
body.single-courses.postid-310
.elementor-310
.elementor-element-4ab396d1 {

    margin: 0 !important;

    color: #D5DEE9 !important;

    font-family: Inter, sans-serif !important;

    font-size: 13px !important;

    line-height: 1.55 !important;
}


body.single-courses.postid-310
.elementor-310
.elementor-element-4ab396d1 ul {

    display: grid !important;

    gap: 11px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


body.single-courses.postid-310
.elementor-310
.elementor-element-4ab396d1 li {

    position: relative !important;

    padding-left: 29px !important;
}


/* Better custom check */
body.single-courses.postid-310
.elementor-310
.elementor-element-4ab396d1 li::before {

    content: "✓" !important;

    position: absolute !important;

    left: 0 !important;
    top: 1px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 19px !important;
    height: 19px !important;

    background:
        rgba(255, 255, 255, 0.09) !important;

    border:
        1px solid rgba(255, 255, 255, 0.12) !important;

    border-radius: 50% !important;

    color: #FFFFFF !important;

    font-size: 10px !important;
    font-weight: 700 !important;
}


/* ==========================================================
   17. FLOATING PURCHASE CARD
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.course-floating-card {

    align-self: flex-start !important;

    height: fit-content !important;
    min-height: 0 !important;

    background: #FFFFFF !important;

    border:
        1px solid #E1E7EF !important;

    border-radius: 30px !important;

    box-shadow:
        0 28px 70px rgba(9, 20, 38, 0.13) !important;

    overflow: hidden !important;

    z-index: 20 !important;

    transition:
        box-shadow 0.25s ease,
        border-color 0.25s ease !important;
}


/* Desktop sticky behavior */
@media screen and (min-width: 1025px) {

    body.single-courses.postid-310
    .elementor-310
    .course-floating-card {

        position: sticky !important;

        top: 110px !important;

        margin-top: -270px !important;
    }

}


/* ==========================================================
   18. SIDEBAR VIDEO
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.elementor-element-2d771d {

    overflow: hidden !important;

    border: 0 !important;

    border-radius: 29px 29px 0 0 !important;
}


body.single-courses.postid-310
.elementor-310
.elementor-element-ab0a2da {

    overflow: hidden !important;

    border-radius: 29px 29px 0 0 !important;
}


body.single-courses.postid-310
.elementor-310
.elementor-element-ab0a2da
.elementor-custom-embed-image-overlay {

    overflow: hidden !important;
}


/* Course thumbnail animation */
body.single-courses.postid-310
.elementor-310
.elementor-element-ab0a2da
.elementor-custom-embed-image-overlay img {

    transition:
        transform 0.45s cubic-bezier(.2, .8, .2, 1) !important;
}


@media (hover: hover) {

    body.single-courses.postid-310
    .elementor-310
    .elementor-element-ab0a2da
    .elementor-custom-embed-image-overlay:hover img {

        transform: scale(1.035) !important;
    }

}


/* Play button */
body.single-courses.postid-310
.elementor-310
.elementor-element-ab0a2da
.elementor-custom-embed-play {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 62px !important;
    height: 62px !important;

    background:
        rgba(255, 255, 255, 0.94) !important;

    border:
        1px solid rgba(255, 255, 255, 0.7) !important;

    border-radius: 50% !important;

    box-shadow:
        0 12px 30px rgba(9, 20, 38, 0.22) !important;

    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease !important;
}


body.single-courses.postid-310
.elementor-310
.elementor-element-ab0a2da
.elementor-custom-embed-play:hover {

    transform:
        translate(-50%, -50%)
        scale(1.07) !important;

    box-shadow:
        0 15px 36px rgba(9, 20, 38, 0.27) !important;
}


/* ==========================================================
   19. SIDEBAR BODY
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.elementor-element-634ab62a {

    --gap: 23px !important;

    --padding-top: 24px !important;
    --padding-bottom: 28px !important;
    --padding-left: 27px !important;
    --padding-right: 27px !important;
}


/* Price */
body.single-courses.postid-310
.elementor-310
.elementor-element-261684fd
.tutor-course-sidebar-card-pricing span {

    color: var(--pte-navy) !important;

    font-family: Montserrat, Inter, sans-serif !important;

    font-size: 32px !important;
    font-weight: 700 !important;

    letter-spacing: -0.03em !important;
}


/* ==========================================================
   20. NATIVE TUTOR PURCHASE BUTTON
   Add To Cart AND View Cart
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.pte-real-purchase
[data-cy="tutor-native-add-to-cart"],

body.single-courses.postid-310
.elementor-310
.pte-real-purchase
[data-cy="tutor-native-view-cart"] {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    min-height: 53px !important;

    margin: 0 !important;
    padding: 13px 22px !important;

    background: var(--pte-navy) !important;

    border:
        1px solid var(--pte-navy) !important;

    border-radius: 999px !important;

    box-shadow:
        0 10px 23px rgba(9, 20, 38, 0.15) !important;

    color: #FFFFFF !important;

    font-family: Inter, sans-serif !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    text-decoration: none !important;

    transition:
        background-color 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.22s ease !important;
}


body.single-courses.postid-310
.elementor-310
.pte-real-purchase
[data-cy="tutor-native-add-to-cart"]:hover,

body.single-courses.postid-310
.elementor-310
.pte-real-purchase
[data-cy="tutor-native-view-cart"]:hover {

    background: var(--pte-blue) !important;

    border-color: var(--pte-blue) !important;

    color: #FFFFFF !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 13px 28px rgba(0, 88, 190, 0.19) !important;
}


/* Keyboard focus */
body.single-courses.postid-310
.elementor-310
.pte-real-purchase
[data-cy="tutor-native-add-to-cart"]:focus-visible,

body.single-courses.postid-310
.elementor-310
.pte-real-purchase
[data-cy="tutor-native-view-cart"]:focus-visible {

    outline: none !important;

    box-shadow:
        0 0 0 4px rgba(0, 88, 190, 0.12),
        0 13px 28px rgba(0, 88, 190, 0.18) !important;
}


/* ==========================================================
   21. SIDEBAR DIVIDER
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.elementor-element-389d2361
.elementor-divider {

    padding-block-start: 4px !important;
    padding-block-end: 4px !important;
}


body.single-courses.postid-310
.elementor-310
.elementor-element-389d2361
.elementor-divider-separator {

    border-color: #EDF0F4 !important;
}


/* ==========================================================
   22. "THIS COURSE INCLUDES"
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.elementor-element-7b4eace1
.elementor-heading-title {

    color: var(--pte-navy) !important;

    font-family: Montserrat, sans-serif !important;

    font-size: 16px !important;
    font-weight: 700 !important;
}


/* Include rows */
body.single-courses.postid-310
.elementor-310
.elementor-element-7d9ef48d
.elementor-icon-list-items {

    display: grid !important;

    gap: 10px !important;
}


body.single-courses.postid-310
.elementor-310
.elementor-element-7d9ef48d
.elementor-icon-list-item {

    padding: 0 !important;
}


body.single-courses.postid-310
.elementor-310
.elementor-element-7d9ef48d
.elementor-icon-list-text {

    color: #596273 !important;

    font-family: Inter, sans-serif !important;

    font-size: 13px !important;

    line-height: 1.45 !important;
}


/* Feature icons */
body.single-courses.postid-310
.elementor-310
.elementor-element-7d9ef48d
.elementor-icon-list-icon {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 26px !important;
    height: 26px !important;

    margin-right: 6px !important;
    padding: 6px !important;

    background: #F2F6FA !important;

    border-radius: 8px !important;
}


body.single-courses.postid-310
.elementor-310
.elementor-element-7d9ef48d
.elementor-icon-list-icon svg {

    fill: #596779 !important;

    width: 14px !important;
    height: 14px !important;
}


/* ==========================================================
   23. SHARE + APPLY COUPON
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.elementor-element-664118f3 {

    --align-items: center !important;

    gap: 10px !important;

    padding-top: 3px !important;
}


/* Native cleaned Share button */
body.single-courses.postid-310
.elementor-310
.course-floating-card
.etlms-course-share-btn,

/* Your existing coupon button */
body.single-courses.postid-310
.elementor-310
.course-floating-card
.pte-coupon-toggle {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 40px !important;

    padding: 8px 14px !important;

    background: #F7F9FC !important;

    border:
        1px solid #E1E7EF !important;

    border-radius: 999px !important;

    box-shadow: none !important;

    color: #344054 !important;

    font-family: Inter, sans-serif !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    text-decoration: none !important;

    cursor: pointer !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease !important;
}


body.single-courses.postid-310
.elementor-310
.course-floating-card
.etlms-course-share-btn:hover,

body.single-courses.postid-310
.elementor-310
.course-floating-card
.pte-coupon-toggle:hover {

    background: #EDF5FF !important;

    border-color: #D4E5F8 !important;

    color: var(--pte-blue) !important;

    transform: translateY(-1px) !important;
}


/* Existing coupon area remains usable */
body.single-courses.postid-310
.elementor-310
.pte-course-coupon {

    max-width: 100% !important;
}


/* ==========================================================
   24. ENTRANCE ANIMATIONS
   CSS only. No JavaScript.
   ========================================================== */

@keyframes pteSectionReveal {

    0% {
        opacity: 0;
        transform: translateY(18px);
    }

    100% {
        opacity: 1;
        transform: none;
    }

}


@keyframes pteHeroReveal {

    0% {
        opacity: 0;
        transform: translateY(12px);
    }

    100% {
        opacity: 1;
        transform: none;
    }

}


@keyframes pteSoftFade {

    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

}


/* Hero sequence */
body.single-courses.postid-310
.elementor-310
.elementor-element-5a328742 {

    animation:
        pteHeroReveal
        0.52s
        cubic-bezier(.2, .8, .2, 1)
        both !important;
}


body.single-courses.postid-310
.elementor-310
.elementor-element-5fc25515 {

    animation:
        pteHeroReveal
        0.55s
        0.06s
        cubic-bezier(.2, .8, .2, 1)
        both !important;
}


body.single-courses.postid-310
.elementor-310
.elementor-element-17387275 {

    animation:
        pteHeroReveal
        0.6s
        0.11s
        cubic-bezier(.2, .8, .2, 1)
        both !important;
}


body.single-courses.postid-310
.elementor-310
.elementor-element-7e023ded {

    animation:
        pteHeroReveal
        0.62s
        0.16s
        cubic-bezier(.2, .8, .2, 1)
        both !important;
}


body.single-courses.postid-310
.elementor-310
.elementor-element-22ffa123 {

    animation:
        pteHeroReveal
        0.62s
        0.20s
        cubic-bezier(.2, .8, .2, 1)
        both !important;
}


/* Left sections */
body.single-courses.postid-310
.elementor-310
.elementor-element-46cc68a4 {

    animation:
        pteSectionReveal
        0.62s
        0.08s
        cubic-bezier(.2, .8, .2, 1)
        both !important;
}


body.single-courses.postid-310
.elementor-310
.elementor-element-80ca6ac {

    animation:
        pteSectionReveal
        0.65s
        0.14s
        cubic-bezier(.2, .8, .2, 1)
        both !important;
}


body.single-courses.postid-310
.elementor-310
.course-about-section {

    animation:
        pteSectionReveal
        0.65s
        0.19s
        cubic-bezier(.2, .8, .2, 1)
        both !important;
}


body.single-courses.postid-310
.elementor-310
.elementor-element-431ea7a7 {

    animation:
        pteSectionReveal
        0.65s
        0.24s
        cubic-bezier(.2, .8, .2, 1)
        both !important;
}


/* Sidebar uses opacity only so sticky positioning is never affected */
body.single-courses.postid-310
.elementor-310
.course-floating-card {

    animation:
        pteSoftFade
        0.65s
        0.17s
        ease
        both !important;
}


/* ==========================================================
   25. TABLET
   ========================================================== */

@media screen and (max-width: 1024px) {

    body.single-courses.postid-310
    .elementor-310
    .course-floating-card {

        position: relative !important;

        top: auto !important;

        margin-top: 0 !important;
    }


    body.single-courses.postid-310
    .elementor-310
    .elementor-element-634ab62a {

        --padding-top: 22px !important;
        --padding-bottom: 25px !important;
        --padding-left: 22px !important;
        --padding-right: 22px !important;
    }

}


/* ==========================================================
   26. MOBILE
   ========================================================== */

@media screen and (max-width: 767px) {

    /* Hero */

    body.single-courses.postid-310
    .elementor-310
    .elementor-element-3446cd56 {

        --padding-top: 48px !important;
        --padding-bottom: 68px !important;
        --padding-left: 20px !important;
        --padding-right: 20px !important;
    }


    body.single-courses.postid-310
    .elementor-310
    .elementor-element-17387275
    .elementskit-section-title {

        font-size: 34px !important;

        line-height: 1.16 !important;

        letter-spacing: -0.025em !important;
    }


    body.single-courses.postid-310
    .elementor-310
    .elementor-element-7e023ded
    .elementor-widget-container > div {

        font-size: 15px !important;

        line-height: 1.7 !important;
    }


    /* Main content */

    body.single-courses.postid-310
    .elementor-310
    .course-main-columns {

        --padding-top: 30px !important;
        --padding-left: 18px !important;
        --padding-right: 18px !important;
    }


    body.single-courses.postid-310
    .elementor-310
    .elementor-element-139dbd9 {

        --gap: 46px !important;
    }


    /* Benefits */

    body.single-courses.postid-310
    .elementor-310
    .elementor-element-46cc68a4 {

        --margin-top: 0 !important;

        --padding-top: 26px !important;
        --padding-bottom: 25px !important;
        --padding-left: 23px !important;
        --padding-right: 23px !important;

        border-radius: 23px !important;
    }


    body.single-courses.postid-310
    .elementor-310
    .elementor-element-4bcf4887
    .etlms-course-widget-list-items {

        grid-template-columns: 1fr !important;

        row-gap: 16px !important;
    }


    body.single-courses.postid-310
    .elementor-310
    .elementor-element-4bcf4887
    .etlms-course-widget-title {

        margin-bottom: 23px !important;

        font-size: 24px !important;
    }


    /* Course heading */

    body.single-courses.postid-310
    .elementor-310
    .elementor-element-3ff1c171
    .elementor-heading-title {

        font-size: 26px !important;
    }


    /* Curriculum */

    body.single-courses.postid-310
    .elementor-310
    .custom-course-curriculum {

        --curriculum-radius: 19px !important;
    }


    body.single-courses.postid-310
    .elementor-310
    .custom-course-curriculum
    .tutor-accordion-item-header {

        min-height: 60px !important;

        padding:
            18px 52px 18px 18px !important;
    }


    /* About */

    body.single-courses.postid-310
    .elementor-310
    .course-about-section {

        --padding-top: 27px !important;
        --padding-bottom: 26px !important;
        --padding-left: 23px !important;
        --padding-right: 23px !important;

        border-radius: 23px !important;
    }


    body.single-courses.postid-310
    .elementor-310
    .elementor-element-7192a1a8
    .elementor-heading-title {

        font-size: 25px !important;
    }


    /* Requirements */

    body.single-courses.postid-310
    .elementor-310
    .elementor-element-431ea7a7 {

        --margin-bottom: 54px !important;

        --padding-top: 27px !important;
        --padding-bottom: 27px !important;
        --padding-left: 23px !important;
        --padding-right: 23px !important;

        border-radius: 23px !important;
    }


    body.single-courses.postid-310
    .elementor-310
    .elementor-element-347e2052
    .elementor-heading-title {

        font-size: 24px !important;
    }


    /* Purchase card */

    body.single-courses.postid-310
    .elementor-310
    .course-floating-card {

        border-radius: 24px !important;

        box-shadow:
            0 18px 45px rgba(9, 20, 38, 0.10) !important;
    }


    body.single-courses.postid-310
    .elementor-310
    .elementor-element-2d771d,

    body.single-courses.postid-310
    .elementor-310
    .elementor-element-ab0a2da {

        border-radius:
            23px 23px 0 0 !important;
    }


    body.single-courses.postid-310
    .elementor-310
    .elementor-element-261684fd
    .tutor-course-sidebar-card-pricing span {

        font-size: 29px !important;
    }


    /* Share / Coupon */

    body.single-courses.postid-310
    .elementor-310
    .elementor-element-664118f3 {

        --flex-direction: row !important;
        --align-items: center !important;

        flex-wrap: wrap !important;
    }

}


/* ==========================================================
   27. ACCESSIBILITY / REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    body.single-courses.postid-310
    .elementor-310 * {

        scroll-behavior: auto !important;
    }


    body.single-courses.postid-310
    .elementor-310
    .elementor-element-5a328742,

    body.single-courses.postid-310
    .elementor-310
    .elementor-element-5fc25515,

    body.single-courses.postid-310
    .elementor-310
    .elementor-element-17387275,

    body.single-courses.postid-310
    .elementor-310
    .elementor-element-7e023ded,

    body.single-courses.postid-310
    .elementor-310
    .elementor-element-22ffa123,

    body.single-courses.postid-310
    .elementor-310
    .elementor-element-46cc68a4,

    body.single-courses.postid-310
    .elementor-310
    .elementor-element-80ca6ac,

    body.single-courses.postid-310
    .elementor-310
    .course-about-section,

    body.single-courses.postid-310
    .elementor-310
    .elementor-element-431ea7a7,

    body.single-courses.postid-310
    .elementor-310
    .course-floating-card {

        animation: none !important;
    }


    body.single-courses.postid-310
    .elementor-310
    .elementor-element-46cc68a4,

    body.single-courses.postid-310
    .elementor-310
    .custom-course-curriculum
    .tutor-accordion-item,

    body.single-courses.postid-310
    .elementor-310
    .pte-real-purchase
    [data-cy="tutor-native-add-to-cart"],

    body.single-courses.postid-310
    .elementor-310
    .pte-real-purchase
    [data-cy="tutor-native-view-cart"] {

        transition: none !important;
    }

}














/* ==========================================================
   PTE COURSE PAGE
   FINAL MICRO-FIX PATCH

   Fixes:
   1. Requirements / purchase card bottom alignment
   2. Course-includes icon centering
   3. What I Will Learn spacing + broken widths

   SAFE CSS ONLY
   ========================================================== */


/* ==========================================================
   1. DESKTOP BOTTOM ALIGNMENT
   Requirements + floating purchase card
   ========================================================== */

/*
   IMPORTANT:

   The visible spacing after Requirements was previously being
   created with margin on the Requirements container itself.

   Because the right purchase card is sticky inside the same
   parent, that invisible bottom margin extends the sticky
   containing area and lets the purchase card finish lower.

   We remove that INTERNAL margin and put the same breathing
   room OUTSIDE the whole two-column section instead.

   Result:
   Requirement card bottom = purchase card stopping boundary.
*/

@media screen and (min-width: 1025px) {

    body.single-courses.postid-310
    .elementor-310
    .course-main-columns {

        /* No invisible space inside the sticky boundary */
        --padding-bottom: 0px !important;
        padding-bottom: 0 !important;

        /*
         * Keep the nice breathing room before the footer,
         * but move it outside the sticky containing block.
         */
        margin-bottom: 82px !important;
    }


    body.single-courses.postid-310
    .elementor-310
    .elementor-element-431ea7a7 {

        /*
         * Requirements is the final visible item in
         * the left column, so its bottom now becomes
         * the true bottom of that column.
         */
        --margin-bottom: 0px !important;

        margin-bottom: 0 !important;
        margin-block-end: 0 !important;
    }


    body.single-courses.postid-310
    .elementor-310
    .course-floating-card {

        /*
         * Keep its current natural height and sticky behavior.
         * Do NOT stretch or crop it.
         */
        height: fit-content !important;
        min-height: 0 !important;
        max-height: none !important;

        margin-bottom: 0 !important;
    }

}


/* ==========================================================
   2. "THIS COURSE INCLUDES" ICON ALIGNMENT
   ========================================================== */

/*
   Elementor originally adds padding-inline-end:4px
   directly to .elementor-icon-list-icon.

   That makes the visual center different from the actual
   center of the background box.
*/

body.single-courses.postid-310
.elementor-310
.elementor-element-7d9ef48d
.elementor-icon-list-item {

    display: flex !important;

    align-items: center !important;

    gap: 12px !important;
}


/* Perfect square icon holder */
body.single-courses.postid-310
.elementor-310
.elementor-element-7d9ef48d
.elementor-icon-list-icon {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 40px !important;

    width: 40px !important;
    height: 40px !important;

    min-width: 40px !important;
    min-height: 40px !important;

    margin: 0 !important;

    /*
     * Kill Elementor's original asymmetric padding.
     */
    padding: 0 !important;
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;

    background: #F2F6FA !important;

    border: 1px solid #E8EDF3 !important;

    border-radius: 11px !important;

    box-sizing: border-box !important;

    line-height: 1 !important;
}


/* SVG itself */
body.single-courses.postid-310
.elementor-310
.elementor-element-7d9ef48d
.elementor-icon-list-icon svg {

    display: block !important;

    flex: 0 0 auto !important;

    width: 15px !important;
    height: 15px !important;

    margin: 0 !important;
    padding: 0 !important;

    position: static !important;

    transform: none !important;

    fill: #667384 !important;
}


/* Text alignment beside icons */
body.single-courses.postid-310
.elementor-310
.elementor-element-7d9ef48d
.elementor-icon-list-text {

    display: block !important;

    flex: 1 1 auto !important;

    min-width: 0 !important;

    padding: 0 !important;

    line-height: 1.45 !important;
}


/* Clean vertical rhythm */
body.single-courses.postid-310
.elementor-310
.elementor-element-7d9ef48d
.elementor-icon-list-items {

    display: grid !important;

    gap: 10px !important;

    margin: 0 !important;
    padding: 0 !important;
}


body.single-courses.postid-310
.elementor-310
.elementor-element-7d9ef48d
.elementor-icon-list-item {

    margin: 0 !important;

    padding-block-start: 0 !important;
    padding-block-end: 0 !important;
}


/* ==========================================================
   3. WHAT I WILL LEARN
   FIX TUTOR'S WIDTH CONFLICT
   ========================================================== */

/*
   Tutor's real markup is:

   .tutor-course-details-widget-col-2
       ul
           li
           li
           ...

   Tutor gives every li:
       width: calc(50% - 1.2rem)

   Since we already changed the UL into a 2-column grid,
   that LI width must be neutralized.
*/

body.single-courses.postid-310
.elementor-310
.elementor-element-4bcf4887
.etlms-course-benefits {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/*
   Remove Tutor's utility margins:
   tutor-mt-lg-50
   tutor-mt-32
   tutor-mb-32
*/
body.single-courses.postid-310
.elementor-310
.elementor-element-4bcf4887
.tutor-course-details-widget {

    width: 100% !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding: 0 !important;
}


/* Heading */
body.single-courses.postid-310
.elementor-310
.elementor-element-4bcf4887
.etlms-course-widget-title {

    margin:
        0
        0
        26px
        0 !important;

    padding: 0 !important;

    font-size: 27px !important;

    line-height: 1.25 !important;
}


/* ==========================================================
   4. BENEFITS GRID
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.elementor-element-4bcf4887
.etlms-course-widget-list-items {

    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    column-gap: 46px !important;
    row-gap: 18px !important;

    align-items: start !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/* ==========================================================
   5. EACH BENEFIT
   Critical width reset
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.elementor-element-4bcf4887
.tutor-course-details-widget-col-2
.etlms-course-widget-list-items
> .etlms-course-widget-list-item {

    /*
     * THIS is the key fix.
     * Overrides Tutor's width:calc(50% - 1.2rem)
     */
    width: 100% !important;
    max-width: none !important;

    min-width: 0 !important;

    display: grid !important;

    grid-template-columns:
        20px
        minmax(0, 1fr) !important;

    align-items: start !important;

    column-gap: 11px !important;

    margin: 0 !important;
    padding: 0 !important;

    flex: none !important;

    color: #3F4B5D !important;

    font-family: Inter, sans-serif !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 1.6 !important;
}


/* ==========================================================
   6. BENEFIT CHECK ICONS
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.elementor-element-4bcf4887
.etlms-course-widget-list-item
.tutor-list-icon {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 20px !important;
    height: 22px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #0058BE !important;

    font-size: 16px !important;

    line-height: 1 !important;

    transform: none !important;
}


body.single-courses.postid-310
.elementor-310
.elementor-element-4bcf4887
.etlms-course-widget-list-item
.tutor-list-icon i {

    display: block !important;

    margin: 0 !important;

    line-height: 1 !important;
}


/* Benefit text */
body.single-courses.postid-310
.elementor-310
.elementor-element-4bcf4887
.tutor-list-label {

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   7. LEARN CARD ITSELF
   Better proportional padding
   ========================================================== */

body.single-courses.postid-310
.elementor-310
.elementor-element-46cc68a4 {

    height: auto !important;
    min-height: 0 !important;

    align-self: auto !important;

    --padding-top: 31px !important;
    --padding-bottom: 31px !important;
    --padding-left: 34px !important;
    --padding-right: 34px !important;
}


/* Widget cannot stretch vertically */
body.single-courses.postid-310
.elementor-310
.elementor-element-4bcf4887 {

    height: auto !important;
    min-height: 0 !important;

    align-self: auto !important;
}


/* ==========================================================
   8. MEDIUM DESKTOP / TABLET
   ========================================================== */

@media screen and (max-width: 1024px) {

    body.single-courses.postid-310
    .elementor-310
    .elementor-element-4bcf4887
    .etlms-course-widget-list-items {

        column-gap: 28px !important;
    }

}


/* ==========================================================
   9. MOBILE
   ========================================================== */

@media screen and (max-width: 767px) {

    /* Benefits become one clean column */

    body.single-courses.postid-310
    .elementor-310
    .elementor-element-4bcf4887
    .etlms-course-widget-list-items {

        grid-template-columns: 1fr !important;

        row-gap: 16px !important;
    }


    body.single-courses.postid-310
    .elementor-310
    .elementor-element-4bcf4887
    .etlms-course-widget-title {

        margin-bottom: 22px !important;

        font-size: 24px !important;
    }


    body.single-courses.postid-310
    .elementor-310
    .elementor-element-4bcf4887
    .tutor-course-details-widget-col-2
    .etlms-course-widget-list-items
    > .etlms-course-widget-list-item {

        width: 100% !important;

        grid-template-columns:
            19px
            minmax(0, 1fr) !important;

        column-gap: 10px !important;

        font-size: 14px !important;
    }


    /* Includes icons slightly more compact */

    body.single-courses.postid-310
    .elementor-310
    .elementor-element-7d9ef48d
    .elementor-icon-list-icon {

        flex-basis: 38px !important;

        width: 38px !important;
        height: 38px !important;

        min-width: 38px !important;
        min-height: 38px !important;

        border-radius: 10px !important;
    }

}/* End custom CSS */