/* DETAILS
==================================================
	Theme Name: Weavers Academy
==================================================
*/

@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zalando+Sans:ital,wght@0,200..900;1,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zalando+Sans+SemiExpanded:ital,wght@0,200..900;1,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root{
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --transition-common: all 0.6s ease 0s;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */

    /* Blue */
    --color-primary-blue: #3F53CE;
    --color-primary-blue-shade-1: #4A62F2;
    --color-primary-blue-shade-2: #A0C4FF;
    --color-primary-blue-shade-3: #E3E6FF;
    --color-primary-blue-shade-4: #F0F2FF;

    /* Pink */
    --color-secondary-pink: #C400FF;
    --color-secondary-pink-shade-1: #FFC6FF;
    --color-secondary-pink-shade-2: #F8DDFF;
    --color-secondary-pink-shade-3: #FAE8FF;

    /* Orange */
    --color-tertiary-orange: #EC6368;
    --color-tertiary-orange-shade-1: #FF9081;
    --color-tertiary-orange-shade-2: #FFA296;
    --color-tertiary-orange-shade-3: #FFADAD;
    --color-tertiary-orange-shade-4: #FFB6AD;
    --color-tertiary-orange-shade-5: #FFE3DF;

    /* Green */
    --color-quaternary-green: #32C088;
    --color-quaternary-green-shade-1: #CAFFBF;
    --color-quaternary-green-shade-2: #D6FFCD;
    --color-quaternary-green-shade-3: #BBF1B0;

    /* Other colors */
    --color-black: #222222;
    --color-dark-grey: #333333;
    --color-grey-1: #555555;
    --color-grey-2: #777777;
    --color-grey-3: #8f8d8d;
    --color-grey-4: #AAAAAA;
    --color-grey-5: #CCCCCC;
    --color-grey-6: #DDDDDD;
    --color-grey-7: #EEEEEE;
    --color-grey-8: #F3F3F3;
    --color-grey-9: #F7F7F7;
    --color-white: #FFFFFF;

    --color-cream: #FBF6ED;

    --gradient: linear-gradient(90deg, #4A62F2 0%, #C400FF 50%, #FFA296 100%);

    /* ~-~-~-~-~ colors ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --ff-base: "Zalando Sans SemiExpanded", sans-serif;
    --ff-base-secondary: "Inter", sans-serif;
    /* --ff-base-secondary: "Zalando Sans", sans-serif; */
    --ff-awesome: "Font Awesome 7 Free ";
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semi-bold: 600;
    --fw-bold: 700;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    --f-size-XXXL: 64px; 
    --f-size-XXL: 54px;  
    --f-size-XL: 40px;
    --f-size-L: 36px;
    --f-size-M: 32px;   
    --f-size-S: 24px; 
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
    --margin-title: 0 0 30px 0;
    --margin-paragraph: 0 0 30px 0;

    --border-radius: 50px;

    --padding-height: 80px;
    --gap-24:24px;
    --gap-60:60px;
    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */

    /* ~-~-~-~-~ form adjustments ~-~-~-~-~ */
    --form-height: 60px;
    --form-border-radius: 20px;
    --form-font-color: var(--color-grey-2);
    --form-placeholder-color: var(--color-grey-2);
    --form-holder-bg: var(--color-white);
    --form-holder-border: var(--color-grey-6)
;
    /* ~-~-~-~-~ form adjustments ~-~-~-~-~ */

    --glossy-filter: url(#glossy-_R_l9ftb_) blur(6px);
    --glossy-filter-2: url(#glossy-_R_l9ftb_) blur(16px);
}
@media only screen and (max-width: 1799px) { 
    :root{
        --f-size-XXXL: 54px;    
        --f-size-XXL: 45px; 
        --f-size-XL: 35px;
        --f-size-L: 28px;

        --border-radius: 40px;
   }
}
@media only screen and (max-width: 1599px) { 
    :root{
        /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
        --f-size-XXXL: 45px;    
        --f-size-XXL: 40px;      
        --f-size-XL: 30px;       
        --f-size-L: 24px;
        --f-size-M: 22px;
        --f-size-S: 18px;      
        /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

        --margin-title: 0 0 20px 0;
        --margin-paragraph: 0 0 20px 0;

        --gap-60: 40px;

        --border-radius: 30px;

        --padding-height: 60px;
   }
}

@media only screen and (max-width: 1359px) { 
    :root{
        /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
        --f-size-XXXL: 40px;    
        --f-size-XXL: 35px;      
        --f-size-XL: 26px;       
        --f-size-L: 20px;
        --f-size-M: 18px;
        --f-size-S: 16px;      
        /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

        --border-radius: 20px;

        --form-border-radius: 15px;
   }
}

@media only screen and (max-width: 1199px) { 
    :root{
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 35px;    
    --f-size-XXL: 28px;      
    --f-size-XL: 24px;      
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    --gap-60: 30px;

    --padding-height: 50px;

    --form-height: 50px;

   }
}

@media only screen and (max-width: 767px){
    :root{
        --f-size-XXXL: 28px;    
        --f-size-XXL: 26px; 
        --f-size-XL: 22px;

        --padding-height: 40px;
   }
}
/* ~-~-~-~-~-~-~-~-~-~ global font settings start ~-~-~-~-~-~-~-~-~-~ */
body.menu-open { overflow: hidden; }
body{ font-family: var(--ff-base-secondary); font-weight: var(--fw-regular); font-size: 18px; color: var(--color-grey-3); background: var(--color-cream); overflow-x: hidden; line-height: 1.3; letter-spacing: -0.54px;}
body,p{ margin: 0;}
p:not(:last-child){ margin: var(--margin-paragraph);}
p strong {font-weight: var(--fw-semi-bold);}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{ font-family: var(--ff-base); font-weight: var(--fw-regular); color: var(--color-black); line-height: 1.1; margin: var(--margin-title);}
h1,.h1{ font-size: var(--f-size-XXXL);}
h2,.h2{ font-size: var(--f-size-XXL);}
h3,.h3{ font-size: var(--f-size-XL); font-weight: var(--fw-semi-bold);}
h4,.h4{ font-size: var(--f-size-L); font-weight: var(--fw-semi-bold);}
h5,.h5{ font-size: var(--f-size-M); font-weight: var(--fw-medium);}
h6,.h6{ font-size: var(--f-size-S); font-weight: var(--fw-medium);}

.text-16 {font-family: var(--ff-base); font-size: 16px;font-weight: var(--fw-semi-bold);color: var(--color-black );}

.text-14 {font-size: 14px; font-weight: var(--fw-light); color: var(--color-grey-3);}
.text-14-medium {font-weight: var(--fw-medium); color: var(--color-grey-1);}

.text-small {font-size: 11px; font-weight: var(--fw-light);color: var(--color-black);}

/* ~-~-~-~-~-~-~-~-~-~ global adjustments start ~-~-~-~-~-~-~-~-~-~ */
img{ max-width: 100%;}
a, img{ border: none; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover{ outline: none; text-decoration: none; transition: var(--transition-common);}
ul{ list-style: none; margin: 0; padding: 0;}

.padding-common{ padding-top: var(--padding-height); padding-bottom: var(--padding-height);}
.padding-top-common{ padding-top: var(--padding-height);}
.padding-bottom-common{ padding-bottom: var(--padding-height);}

/* .padding-small {padding: 80px 0;} */

strong {font-weight: var(--fw-bold);}

/* ==##==##== utility classes ==##==##== */

.responsive-image-wrapper { position: relative; overflow: hidden; padding-bottom: 100%; }
.responsive-image-wrapper img { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: var(--border-radius-image);}

.mb-24{ margin-bottom: var(--gap-24);}
.mb-50{ margin-bottom: var(--gap-50);}
.mb-60{ margin-bottom: var(--gap-60);}

/* ==##==##== utility classes ==##==##== */

/* ==##==##== content width adjustments ==##==##== */
.margin-lr-auto{ margin-left: auto; margin-right: auto;}

.max-width__1000{ max-width: 1000px;margin-left: auto; margin-right: auto;}
.max-width__1185{ max-width: 1185px;margin-left: auto; margin-right: auto;}
/* ==##==##== content width adjustments ==##==##== */

/* ==##==##== loop space adjustments ==##==##== */
.row-gap_24 { margin-bottom: -24px; }
.row-gap_24 .item{ margin-bottom: 24px;}
/* ==##==##== loop space adjustments ==##==##== */

/* ==##==##== button settings ==##==##== */

.button__primary{ display: inline-flex; align-items: center; justify-content: center; font-family: var(--ff-base); font-weight: var(--fw-medium); line-height: 1; font-size: 18px; color: var(--color-white); padding: 19px 65px 19px 30px; background: var(--color-primary-blue-shade-1) url(../images/button-arrow.svg) no-repeat right 10px center; border: 1px solid transparent; border-radius: 50px; text-align: center; text-transform: capitalize; transition: var(--transition-common); }
.button__primary:hover{ background-color: var(--color-white); background-image: url(../images/button-arrow-blue.svg); border-color: var(--color-primary-blue-shade-1); color: var(--color-primary-blue-shade-1);}
.button__primary__no__arrow {background: var(--color-primary-blue-shade-1); padding: 19px 20px;}

.button__white { background-color: var(--color-white); background-image: url(../images/button-arrow-blue.svg); color: var(--color-primary-blue-shade-1); border-color: var(--color-primary-blue-shade-1);}
.button__white:hover {background-color: var(--color-primary-blue-shade-1); background-image: url(../images/button-arrow.svg); color: var(--color-white);}
.button__white__no__arrow {background-image: none; padding: 19px 20px;}

.button__primary__no__arrow:hover, .button__white__no__arrow:hover, .button__green:hover{background-image: none;}

.button__orange {background-color: var(--color-tertiary-orange-shade-2); color: var(--color-black);}
.button__orange:hover{color: var(--color-tertiary-orange-shade-2); background-color: var(--color-white); background-image: url(../images/button-arrow-orange.svg); border-color: var(--color-tertiary-orange-shade-2);}

.button__green { background-image: none; background-color: var(--color-quaternary-green-shade-1); color: var(--color-quaternary-green); padding-left: 20px; padding-right: 20px; display: flex; align-items: center; }
.button__green img { margin-right: 10px; width: 15px;transition: var(--transition-common); }
.button__green:hover {background-color: var(--color-quaternary-green); border-color: var(--color-quaternary-green); color: var(--color-white);}
.button__green:hover img {filter: brightness(0) invert(1);}

.contentfullwidth { position: relative; overflow: hidden; z-index: 1; }
.contentfullwidth h2 { font-size: var(--f-size-XL); margin-top: 20px; font-weight: 400; }
.contentfullwidth h3 { font-size: var(--f-size-L); margin-top: 20px; }
.contentfullwidth h4 { margin-top: 20px; }
.contentfullwidth::after { content: ''; position: absolute; width: 400px; height: 400px; border: 25px solid #e869391f; right: -13%; top: -3%; z-index: -1; border-radius: 50%; }
.contentfullwidth::before { content: ''; position: absolute; width: 250px; height: 250px; border: 25px solid #e869391f; left: -8%; bottom: -2%; z-index: -1; border-radius: 50%; background: #e8693908; }
.contentfullwidth::after { content: ''; position: absolute; width: 400px; height: 400px; border: 25px solid #e869391f; right: -13%; top: -3%; z-index: -1; border-radius: 50%; background: #e8683912; }


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

  .button__primary { font-size: 16px; padding: 16px 50px 16px 15px; background-size: 30px; }

  .header-button-wrapper .button__primary { font-size: 15px; }

  .button__primary__no__arrow, .button__white__no__arrow, .button__green { padding: 12px 15px; }

}

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

  .header-button-wrapper .button__primary { font-size: 13px; }

  .button__primary { font-size: 15px; padding: 14px 50px 14px 14px; }
  .button__primary__no__arrow, .button__white__no__arrow, .button__green { padding: 12px 15px; }

  .button__green img { margin-right: 6px; width: 12px; }
  
}

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

  .button__primary { font-size: 14px; padding: 12px 40px 12px 12px; background-size: 26px; background-position: right 6px center; }
  .button__primary__no__arrow, .button__white__no__arrow, .button__green { padding: 10px 15px; }
}

@media only screen and (max-width: 767px){
  .button__primary, .header-button a { padding: 10px 40px 10px 10px; }

  .button__green img { width: 8px; margin-right: 5px; }
}

/* ==##==##== button settings ==##==##== */

/* ==##==##== form control settings ==##==##== */
/* .form-group {margin-top: 24px;} */

.form-group { margin-bottom: 24px;}

.form-button {margin-top: 24px;}

.form-control { background-color: var(--color-white); height: var(--form-height); border: none; border-radius: var(--form-border-radius); color: var(--form-font-color); font-family: var(--ff-base-secondary); font-size: 16px; font-weight: var(--fw-light); padding-right: 20px; padding-left: 20px; border: 1px solid var(--color-grey-6); }
select.form-control { background-image: url(../images/dropdown.svg); background-position: right 20px center; background-size: 14px; background-repeat: no-repeat; height: var(--form-height); cursor: pointer;}
textarea.form-control{ height: 160px; padding-top: 20px; resize: none;}

.form-control::-moz-placeholder { color: var(--form-placeholder-color); opacity: 1; font-weight: var(--fw-light);}
.form-control:-ms-input-placeholder { color: var(--form-placeholder-color); font-weight: var(--fw-light);}
.form-control::-webkit-input-placeholder { color: var(--form-placeholder-color); font-weight: var(--fw-light);}

.form-control:focus {box-shadow: none; border: 1px solid var(--color-black);}

.select2-container {width: 100% !important;}
.select2-container .select2-selection--multiple { min-height: var(--form-height); border: 1px solid var(--color-grey-6); border-radius: var(--form-border-radius); padding-left: 20px; padding-right: 20px; }
.select2-container .select2-search--inline .select2-search__field {margin-top: 20px; color: var(--form-font-color); font-family: var(--ff-base-secondary); font-size: 16px; font-weight: var(--fw-light);}
.select2-container--default .select2-selection--multiple .select2-selection__choice { color: var(--color-black); font-family: var(--ff-base-secondary); font-size: 16px; font-weight: var(--fw-light); background: var(--color-grey-8); }

.form-check-wrap { display: flex; align-items: center; color: var(--color-black); font-weight: var(--fw-semi-bold); }
.form-check-wrap .form-check-input { margin-top: 0; margin-right: 20px; width: 30px; height: 30px; border-radius: 6px; }
.form-check-input:checked { background-color: var(--color-primary-blue-shade-1); border-color: var(--color-primary-blue-shade-1); }

.custom-file .wpcf7-form-control[type="file"] { width: 100%; padding: 15px 30px; font-size: 14px; color: #777; cursor: pointer; }
.custom-file .wpcf7-form-control[type="file"]::file-selector-button { background: linear-gradient(135deg, #5a67ff, #4c5bd4); color: #fff; border: none; padding: 10px 25px; border-radius: 30px; margin-right: 15px; cursor: pointer; transition: 0.3s; }
.custom-file .wpcf7-form-control[type="file"]::file-selector-button:hover { opacity: 0.9; }
.custom-file .wpcf7-form-control[type="file"]::-webkit-file-upload-button { background: linear-gradient(135deg, #5a67ff, #4c5bd4); color: #fff; border: none; padding: 10px 25px; border-radius: 30px; cursor: pointer; }


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

@media only screen and (max-width: 1359px){
  .form-group { margin-bottom: 15px; }
}

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

    .select2-container .select2-search--inline .select2-search__field { margin-top: 16px;}
}

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

    .form-control{padding-right: 15px; padding-left: 15px;}

    textarea.form-control { height: 130px; padding-top: 12px;}

    .form-check-wrap .form-check-input { margin-right: 5px; width: 23px; height: 23px; }

    .select2-container .select2-selection--multiple {padding-right: 12px; padding-left: 12px;}
}
/* ==##==##== form control settings ==##==##== */

/* ~-~-~-~-~-~-~-~-~-~ header adjustments start ~-~-~-~-~-~-~-~-~-~ */

/* ~~hamburger menu start~~ */
.top-nav-close { position: absolute; right: 35px; top: 23px; }
.hamburger-nav { display: none; vertical-align: top; width: 28px; height: 26px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9;}
.hamburger-nav span { display: block; position: absolute; height: 2px; width: 100%; background: var(--color-white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.hamburger-nav span:nth-child(1) { top: 2px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(2) { top: 50%; transform: translateY(-50%); -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(3) { bottom: 2px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav-close { vertical-align: top; width: 24px; height: 24px; position: relative; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9; margin-left: auto; }
.hamburger-nav-close span { display: block; position: absolute; height: 2px; width: 100%; background: var(--color-black); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.hamburger-nav-close span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 10px; left: 3px;}
.hamburger-nav-close span:nth-child(2) { width: 0%; opacity: 0;}
.hamburger-nav-close span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px; left: 2px;}
/* ~~hamburger menu end~~ */

.top-bar {padding: 15px 0;}
.top-bar ul { display: flex; }
.top-bar ul li:not(:last-child) { margin-right: 30px; }
.top-bar ul li a { color: var(--color-black); font-family: var(--ff-base); font-weight: var(--fw-semi-bold); font-size: 16px; display: flex; align-items: center; gap: 10px; }

.top-bar-branding {background: var(--gradient); font-size:20px; font-weight: var(--fw-medium); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.main-header{ position: fixed; top: 0; left: 0; right: 0; z-index: 999; transition: var(--transition-common);}

.header-logo { padding-left: 30px; }
.header-logo a{ display: block; height: 60px;}
.header-logo a img{ display: block; width: auto; height: 100%;}

.rating-wrap { display: flex; align-items: flex-start; border-left: 1px solid var(--color-grey-6); margin-left: 30px; padding-left: 30px; }
.rating-wrap .rating-content { margin-left: 10px; }
.rating-wrap .rating-content .text-16 { margin-bottom: 3px; }

.desktop-menu ul{ align-items: center; }
.desktop-menu ul li{ margin-right: 60px;}
.desktop-menu ul li:not(.header-button) a{ display: block; font-family: var(--ff-base); font-size: 16px; color: var(--color-white); position: relative;}
.header-menu ul li.current-menu-item a { font-weight: var(--fw-bold); }

.header-button-wrapper { display: flex; gap: 10px; }

.header-menu-outer {padding: 15px 15px 0 0;}
.header-menu { background: #22222240; backdrop-filter: var(--glossy-filter, blur(8px)); box-shadow: inset 1px 1px 2px 1px rgba(255, 255, 255, 0.3), inset 0 0 20px 5px rgba(255, 255, 255, 0.3); border-radius: var(--border-radius); padding: 15px 15px 15px 40px; }
.header-sticky .header-menu { background: #24232363; }

.header-lt { background: var(--color-cream); border-radius: 0 0 var(--border-radius) 0; padding-right: 50px; position: relative;}
.header-lt svg{display: block; width: 50px; height: auto; position: absolute; top: 100%; left: 0; }

.right-shape svg{top: 2px; left: 99.7%; }
.header-sticky .right-shape svg { top: 0;}

/* sub-menu start */
.main-header .menu-item-has-children { position: relative; }
.main-header .menu-item-has-children .sub-menu { background: var(--color-white); width: 440px; border-radius: 0 0 var(--border-radius-image) var(--border-radius-image); position: absolute; top: 52px; opacity: 0; visibility: hidden; overflow: hidden; transition: var(--transition-common); }
.main-header .menu-item-has-children .sub-menu li{ margin: 0;}
.main-header .menu-item-has-children .sub-menu li a{ display: block; margin: 0; padding: 10px 20px; color: var(--color-black) !important; font-weight: var(--fw-semi-bold);}
.main-header .menu-item-has-children .sub-menu a:hover { background: #EFF9F9; color: var(--color-teal) !important; }
.main-header .menu-item-has-children:hover .sub-menu { transform: translateY(10px); opacity: 1; visibility: visible; }
.main-header .menu-item-has-children>a { padding-right: 20px !important; }
.main-header .menu-item-has-children>a::before { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid var(--color-dark-1); transition: var(--transition-common); }
.desktop-menu ul li a:hover::before{ border-top-color: var(--color-accent-green);}
/* sub-menu end */

/* Mobile Menu */
.mobile-menu { display: none; background: rgba(255, 255, 255, 0.65); backdrop-filter: var(--glossy-filter-2, blur(16px)); width: 100vw; height: 100vh; position: fixed; top: 0; right: -100vw; overflow: hidden; z-index: 9999; transition: var(--transition-common); }
.mobile-menu .top-row { padding: 20px; position: relative; }
.mobile-menubar { padding: 20px 0; overflow-y: auto; height: calc(100dvh - 340px); }
.mobile-menu .mobile-menubar li { opacity: 0; -webkit-transform: translateX(-150px); transform: translateX(-150px); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; padding: 0 20px; font-size: 22px;}
.mobile-menu .mobile-menubar li a{ color: var(--color-grey);}
.mobile-menu .mobile-menubar li:not(.header-button) a{ display: block; padding: 10px 0; font-size: 30px; font-family: var(--ff-base);
    font-weight: var(--fw-medium); text-align: center;}
.mobile-menu .mobile-menubar li .sub-arrow { display: flex; align-items: center; justify-content: end; width: 33px; height: 33px; position: absolute; z-index: 1; top: 10px; right: 20px; color: #fff; }

.mobile-menu .mobile-menubar li li{ padding: 0;}

.menu-open .mobile-menu .mobile-menubar li.current-menu-item a { color: var(--color-black);}

.menu-open .mobile-menu { right: 0; }
.menu-open .mobile-menu .mobile-menubar li { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); position: relative; width: 100%;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(2) { transition-delay: 0.24s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(3) { transition-delay: 0.32s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(4) { transition-delay: 0.40s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(5) { transition-delay: 0.48s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(6) { transition-delay: 0.56s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(7) { transition-delay: 0.57s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(8) { transition-delay: 0.58s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(9) { transition-delay: 0.59s; }

.mobile-menu .mobile-menubar li.button__primary {display: none;}

.mobile-menu .header-button-wrapper { justify-content: center;}

/* ~~ header sticky start ~~ */
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ~~ header sticky start ~~ */
@keyframes slide-down {
	0% {
		opacity: 0;
		transform: translateY(-100%);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.header-sticky .main-header .top-bar {display: none;}

.header-sticky .main-header {background: var(--color-accent-green); }
.header-sticky .header-logo a { height: 50px; }
.header-sticky .desktop-menu ul li a, .header-sticky .header-number a {color: var(--color-white);}
.header-sticky .main-header .menu-item-has-children>a::before {border-top-color: var(--color-white);}
.header-sticky .desktop-menu ul li a:hover {color: var(--color-white);}
.header-sticky .hamburger-nav span {background: var(--color-white);}

.header-sticky .header-lt { border-radius: 0 0 var(--border-radius) var(--border-radius); }
.header-sticky .header-lt .bottom-shape { display: none; }

.header-sticky .header-menu-outer {padding-right: 0;}

.header-sticky .button__primary__no__arrow, .header-sticky .button__white__no__arrow, .header-sticky .button__green { padding: 12px 15px; font-size: 16px; }

/* ~~ header sticky end ~~ */

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

  .header-lt { padding-right: 30px; }

  .desktop-menu ul li { margin-right: 30px; }

}

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

  .top-bar ul li a {font-size: 15px;}

  .header-menu { padding: 10px 10px 10px 25px; }

  .header-logo { padding-left: 10px; }
  .header-logo a, .header-sticky .header-logo a  { height: 35px; }

  .header-lt { padding-right: 20px; }
  .header-lt svg { width: 40px; top: 0; }

  .desktop-menu ul li:not(.header-button) a { font-size: 15px; }

  .header-sticky .button__primary__no__arrow, .header-sticky .button__white__no__arrow, .header-sticky .button__green { font-size: 15px; }

}

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

  .top-bar ul li:not(:last-child) { margin-right: 10px; }
  .top-bar ul li a { font-size: 14px; }

  .header-lt svg { width: 20px; }

  .desktop-menu ul li { margin-right: 20px; }
  .desktop-menu ul li:not(.header-button) a, .header-sticky .button__primary__no__arrow, .header-sticky .button__white__no__arrow, .header-sticky .button__green { font-size: 13px; }

}

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

  .top-bar ul li a { font-size: 12px; gap: 6px; }

  .header-menu-outer { width: calc(100% - 300px); padding: 10px 10px 0 0; }
  .main-header .header-inner-wrap .header-menu { padding: 10px; justify-content: space-between; }
  .desktop-menu { display: none; }
  .hamburger-nav { display: block; }
  .header-logo, .header-button { width: auto; }
  .header-button { margin-left: auto; }
  .mobile-menu { display: block; }
  .mobile-menu .logo-wrap a{ display: inline-block; height: 50px;}
  .mobile-menu .logo-wrap a img { display: block; width: auto; height: 100%; filter: brightness(0) invert(1); }
  .mobile-menu .sub-menu { display: none; width: calc(100% - 20px); margin-left: auto; }
  .mobile-menu .sub-menu li{ padding: 0;}
  .mobile-menu .header-button{ margin-top: 15px;}

  .mobile-menu .top-bar-branding, .mobile-menu .top-bar { display: none; }

}

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

  .hamburger-nav {margin: 0;}

  .main-header {padding-top: 15px;}
  .main-header .top-bar { display: none; }

  .mobile-menu .top-row { padding: 20px 15px; }
  /* .mobile-menu .top-row > * { width: 33.33%; } */

  .mobile-menu .top-bar-branding, .mobile-menu .top-bar { display: block; }

  .top-bar {padding: 0 20px; width: 100%;}
  .top-bar-branding { text-align: center; font-size: 20px; width: 100%; }

  .main-header .header-button-wrapper .button__primary:not(.button__green) { display: none; }

  .mobile-menu .header-button-wrapper {margin-bottom: 30px;}
  .mobile-menu .header-button-wrapper .button__primary { font-size: 18px; border-radius: 50px; }

  .button__primary__no__arrow, .button__white__no__arrow{ padding: 16px 30px; }

  .top-bar .contact-info ul { flex-direction: column; }

  .top-bar ul { justify-content: space-between; }
  .top-bar ul li:not(:last-child) { margin-right: 0; }
  .top-bar ul li a { font-size: 18px; }

  .top-bar .contact-info ul li a { justify-content: center; color: var(--bs-black); }
  .top-bar .contact-info ul a img { height: 14px; }
  .top-bar .contact-info ul li:not(:last-child) { margin: 0 0 10px 0; }

  .top-bar-stats { margin-top: 30px; padding-top: 30px; border-top: 1px solid var(--color-white); }
  .top-bar-stats ul li a { flex-direction: column; align-items: flex-start; gap: 0; }
  .top-bar-stats ul li a img { height: 14px; margin-bottom: 10px; }

  .header-sticky .main-header {padding-top: 0;}

  .mobile-menubar ul { display: flex; flex-direction: column; align-items: flex-start;}
  
}

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

  .header-button {display: none;}

  .hamburger-nav {width: 23px; height: 22px; margin: 0 5px;}

  .header-lt { padding-right: 10px; }
  .header-lt .rating-wrap img, .header-lt .rating-wrap .rating-content { display: none; }

  .main-header .header-inner-wrap .header-menu { padding: 5px;}

  .header-menu-outer { width: auto; padding: 3px 3px 0 0; }

  .header-button-wrapper .button__primary.button__green { font-size: 12px; padding: 10px; }

  .header-logo { padding-left: 5px; }
  .header-logo a, .header-sticky .header-logo a { height: 30px; }


  .mobile-menu .logo-wrap a{ height: 40px;}
  .mobile-menu .mobile-menubar li { font-size: 16px; }
  .mobile-menu .header-button-wrapper .button__primary { font-size: 14px; }

  .top-bar ul li a {font-size: 14px;}

}

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

  .header-logo a, .header-sticky .header-logo a  { height: 25px; }

  .header-menu-outer { width: calc(100% - 150px); }

  .header-button-wrapper .button__primary.button__green { font-size: 10px; padding: 8px; }

  .mobile-menubar { height: calc(100dvh - 320px); }

  .top-bar { padding: 0 10px; }

  .mobile-menu .top-row { padding: 20px 10px; }
  .mobile-menu .header-button-wrapper { margin-bottom: 20px; }
  .mobile-menu .mobile-menubar li { padding: 0 10px; }

  .top-bar-stats { margin-top: 20px; padding-top: 20px; }

}

/* ~~ header sticky end ~~ */

/* ~-~-~-~-~-~-~-~-~-~ global adjustments  end ~-~-~-~-~-~-~-~-~-~ */
/* ~-~-~-~-~-~-~-~-~-~~-~-~-~-~-~-~-~-~-~~-~-~-~-~-~-~-~-~-~~-~-~ */

/* HOME PAGE START HERE ********************/
/* HOME PAGE START HERE ********************/

.splide__arrow {width: 90px; height: 90px; background: var(--color-white); opacity: 1;transform: none; top: inherit; bottom: 0; }
.splide__arrow::before {content: ''; background-repeat: no-repeat; width: 40px; height: 22px; background-size: 40px 22px; opacity: 1; transition: var(--transition-common);}
.splide__arrow.splide__arrow--prev {left: calc(50% - 90px);}
.splide__arrow.splide__arrow--next {right: calc(50% - 138px);}
.splide__arrow.splide__arrow--prev::before {background-image: url(../images/prev.svg);}
.splide__arrow.splide__arrow--next::before {background-image: url(../images/next.svg);}
.splide__arrow svg {display: none;}

.splide__arrow:hover{background: var(--gradient);}
.splide__arrow:hover::before{filter: brightness(0) invert(1);}

.splide__pagination { bottom: 30px; justify-content: flex-start; }
.splide__pagination li { margin: 0 4px; }
.splide__pagination li button { width: 30px; height: 6px; background: var(--color-primary-blue); padding: 0; border-radius: 10px; transform: scale(1); opacity: 1; margin: 0; }
.splide__pagination__page.is-active {background: var(--color-white);transform: scale(1);}
.splide__pagination li button:before { display: none; }

/* MODAL DESIGN START HERE********************/
.modal-custom-width .modal-dialog { max-width: 1600px; } 
.modal-content { padding: 20px; border-radius: 20px; position: relative; z-index: 1; background: url(../images/line-modal.webp), url(../images/line-modal2.webp), var(--color-tertiary-orange-shade-2)!important; background-repeat: no-repeat !important; background-size: 52%, 24%, 100% !important; background-position: right top, left bottom, center !important; }
.modal-custom-width .modal-body {padding: 60px;}
.modal-header { border: 0; padding: 0; }
.modal .wpcf7-form-control-wrap { margin-bottom: 16px; display: block; }
.modal label.form-label { margin-bottom: 10px; font-weight: bold; }
.modal .wpcf7-form-control.wpcf7-radio { display: flex; flex-wrap: wrap; gap: 15px;}
.modal .wpcf7-form-control.wpcf7-radio .wpcf7-list-item { margin: 0; }
.modal .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label{ display: flex; align-items: center; justify-content: center;}
.modal .wpcf7-form-control.wpcf7-radio input { display: none; }
.modal .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label { position: relative; color: var(--color-black); cursor: pointer; transition: color 0.3s; border-radius: 50px; border: 1px solid var(--color-grey-6); padding: 18px 20px 18px 49px; font-size: 17px; font-style: normal; font-weight: 400; background-color: var(--color-white); display: block; width: 100%; }

.modal .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label::before { position: absolute; top: 50%; left: 19px; transform: translateY(-50%); width: 24px; height: 24px; border-radius: 50%; background-color: #fff; border: 1px solid #939393; transition: background-color 0.3s; }
.modal .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label::after { width: 14px; height: 14px; background: var(--color-primary-blue); position: absolute; top: calc(24px - 2px); left: calc(24px - 0px); border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.modal .wpcf7-form-control.wpcf7-radio input[type="radio"]:checked+.wpcf7-list-item-label::before { border: 2px solid var(--color-primary-blue); }
.modal .wpcf7-form-control.wpcf7-radio input[type="radio"]:checked+.wpcf7-list-item-label::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

.modal .btn-close, #close-otp-popup { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background-size: 24px; background-color: var(--color-tertiary-orange-shade-4); box-shadow: 0 0 0 5px var(--color-tertiary-orange-shade-1); border: 0; border-radius: 50%; padding: 0 !important; position: absolute; top: -20px; right: -20px; opacity: 1 !important; z-index: 9; transition: all .5s;     background-size: 15px; }
.modal .btn-close svg, #close-otp-popup svg{ width: 18px; height: 18px;}
.modal .btn-close:focus { box-shadow: none; }
.otp-popup-content { text-align: center; }
.otp-inputs { display: flex; gap: 10px; justify-content: center; margin: 20px 0; }
.otp-inputs input { width: 50px; height: 50px; text-align: center; font-size: 24px; border: 2px solid #ccc; border-radius: 8px; }
.otp-inputs input:focus { border-color: #007bff; outline: none; }

.button__hide, [data-name="otp-verify"], #showProgramingBox, #resendMessage { display: none; }
.otp-timer { display: flex; justify-content: center; gap: 3px; }
.otp-buttons { display: flex; justify-content: center; gap: 10px; margin-top: 10px; }
.otp-buttons button { display: inline-flex; align-items: center; justify-content: center; font-family: var(--ff-base); font-weight: var(--fw-medium); line-height: 1; font-size: 15px; color: var(--color-white); padding: 14px 25px 12px; background: var(--color-primary-blue-shade-1); border: 1px solid var(--color-primary-blue-shade-1); border-radius: 50px; text-align: center; text-transform: capitalize; transition: var(--transition-common); min-width: 150px; }
.otp-buttons button:hover{ background: var(--color-white); color: var(--color-primary-blue-shade-1); }
.otp-buttons button.resend-otp-button{ background: var(--color-white); color: var(--color-primary-blue-shade-1); }
.otp-buttons button.resend-otp-button:hover{ background: var(--color-primary-blue-shade-1); color: var(--color-white); }
button:disabled { background-color: #ccc !important; color: var(--color-primary-blue-shade-1) !important; cursor: not-allowed; }
@media only screen and (max-width: 991px){
  .modal-content{ padding: 10px 5px;}
  .modal .wpcf7-form-control.wpcf7-radio { gap: 10px; }
  .modal .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label { padding: 14px 20px 14px 45px; font-size: 16px; }
  .modal .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label::before { left: 15px; }
  .modal .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label::after { top: 17.5px; left: 20px; }
  .modal .row{ margin-right: -5px; margin-left: -5px;}
  .modal .row>*{ padding-right: 5px; padding-left: 5px;}
  .modal .btn-close, #close-otp-popup { width: 42px; height: 42px; box-shadow: 0 0 0 3px rgb(255 255 255 / 50%); top: -17px; right: -17px; }
  .modal .btn-close svg, #close-otp-popup svg { width: 16px; height: 16px; }
}
@media only screen and (max-width: 575px){
  .modal-content{ padding: 20px 0;}
  .modal .wpcf7-form-control.wpcf7-radio .wpcf7-list-item { width: 100%; }
  .modal .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label { border-radius: 16px; }
  .modal .btn-close, #close-otp-popup { top: 5px; right: 5px; background-color: #6355ed; }
  .modal .btn-close svg, #close-otp-popup svg{ color: var(--color-white);}
  .otp-inputs input { width: 40px; height: 40px; font-size: 16px; }
  .otp-buttons button { padding: 13px 20px 11px; min-width: 140px; }
}
/* MODAL DESIGN END HERE********************/


/* BANNER */

.hero-banner { border-radius: var(--border-radius); padding-top: 61px; }
.hero-banner .container, .hero-banner-inner {position: relative;}
.hero-media img, .hero-banner video {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: var(--border-radius); position: relative;} 

.hero-media {position: relative; height: calc(100vh - 80px); }
.hero-banner .hero-media::after {content: "";position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--color-black); opacity: 0.35; border-radius: var(--border-radius);}

.hero-banner-content { position: absolute; bottom: 30px; left: 30px; width: 100%; max-width: 730px; padding: 30px; background: #ffffff03; backdrop-filter: var(--glossy-filter, blur(8px)); border-radius: var(--border-radius); box-shadow: inset 1px 1px 2px 1px rgba(255, 255, 255, 0.3), inset 0 0 20px 5px rgba(255, 255, 255, 0.3); z-index: 1; color: var(--color-white); }

.hero-banner-content h2 {color: var(--color-white);}
.hero-banner-content svg { pointer-events: none; z-index: -1; width: 0; height: 0; position: absolute; overflow: hidden; }

.button-wrapper { display: flex; }
.button-wrapper .button__primary:not(:last-child) {margin-right: 15px;}

.hero-banner-content .awards-wrap {padding-top: 30px;}

.awards-wrap .text-16 {color: var(--color-white);margin-bottom: 15px;}
.awards-wrap ul {display: flex; align-items: center;}
.awards-wrap ul li:not(:last-child) {margin-right: 30px;}

.hero-banner .quick-links-slider-outer { position: absolute; right: 0; bottom: 0; width: 100%; max-width: 548px; background: var(--color-cream); padding: 30px 0 0 30px; }

.quick-links-slider-outer {border-radius: var(--border-radius) 0 0 0;}

.quick-links-slider-outer svg { display: block; width: 50px; height: auto; position: absolute; bottom: 0; left: -50px; transform: scale(1.01) rotate(180deg); }
.quick-links-slider-outer .right-shape svg { top: -50px; right: 0; left: inherit; }

.hero-banner .quick-links-slider { background: var(--color-primary-blue-shade-1); padding: 30px 30px 90px; border-radius: 40px; margin-bottom: 0 !important; }
.hero-banner .quick-links-slider .splide__pagination{padding: 0 0 0 26px;}

.quick-slide-item * {color: var(--color-white);}
.quick-slide-item .text-14 a {text-decoration: underline; font-weight: var(--fw-light);}

.round-shape-button { position: absolute; right: 0; bottom: 0; padding: 10px 0 0 10px; background: var(--color-cream); border-radius: var(--border-radius) 0 0 0; }
.round-shape-button > a, .round-shape-button span { width: 90px; height: 90px; display: flex; align-items: center; justify-content: center; background: var(--color-dark-grey); border-radius: 50%; transition: all 0.3s ease 0s; }
.round-shape-button.blue > a, .round-shape-button.blue span { background: var(--color-primary-blue-shade-1); }
.round-shape-button.gradient > a { background: var(--gradient); }
.round-shape-button > a img, .round-shape-button span img {transition: all 0.3s ease 0s;}
.round-shape-button > a:hover img:not(.play-icon), .round-shape-button span:hover img:not(.play-icon){transform: rotate(-22.5deg);}
.round-shape-button svg { display: block; width: 50px; position: absolute; top: -50px; right: 0px; bottom: inherit; left: inherit; transform: rotate(180deg) scale(1.01); }
.round-shape-button svg:last-of-type { top: inherit; bottom: 0; left: -50px; right: inherit; }

.round-shape-button > a:hover img.play-icon, .round-shape-button span:hover img.play-icon{transform: scale(0.9);}

/* BANNER */

/* SCROLL SLIDER */

.scroll-sec {padding-top: 30px;}
.scroll-outer { padding: 60px 0; border-radius: var(--border-radius); background: var(--gradient); }

.slide-text-item { padding: 0 30px; position: relative; }
.slide-text-item::after {content: ""; position: absolute; top: 50%; right: -5px; transform: translateY(-50%); width: 12px; height: 12px; background: var(--color-white); border-radius: 50%;}
.slide-text-item h4 { white-space: nowrap; margin: 0; color: var(--color-white); }

/* SCROLL SLIDER */

/* Form and Goggle review Section */

.form-wrapper p {color: var(--color-grey-3);}

.form-wrapper .form-hold { background: var(--color-tertiary-orange-shade-2) url(../images/form-bg-shape.svg) no-repeat center / cover; border-radius: var(--border-radius); padding: 60px 30px; }
.form-review-sec .wpcf7-form-control-wrap span{ display: block;  margin: 0;}
.form-review-sec .wpcf7-checkbox { background: transparent !important; border: 0; width: auto; height: auto; }
.form-review-sec .wpcf7-list-item { margin: 0; }
.form-review-sec .wpcf7-form-control-wrap span span.wpcf7-list-item-label { display: none; }
.form-review-sec .wpcf7-form-control-wrap span input[type="checkbox"] { width: 22px; height: 22px; margin: 0 8px 0 0; accent-color: #6355ed; }


.review-slider-outer { height: 690px; overflow: hidden; position: relative; }

.more-reviews-wrap { position: absolute; top: 70%; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, rgba(251, 246, 237, 0) 0%, #FBF6ED 100%); display: flex; align-items: flex-end; justify-content: center; }

.review-slider .splide__slide {margin-bottom: 10px;}

.review-card { background: var(--color-white); padding: 30px; border-radius: var(--border-radius); height: 100%; }

.card-top-content { margin: 0 0 30px; }

.card-top-img { width: 60px; height: 60px; flex: 0 0 60px; }
.card-top-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }

.author-wrap { margin-left: 20px; }
.author-wrap h4 { margin: 0 0 5px; }
.author-wrap .text-14 {color: var(--color-grey-1);}
.author-wrap .text-14 strong {font-weight: var(--fw-medium);}

.starts { margin-top: 8px; }

.top-icon { margin-left: auto; }
.top-icon img { width: 50px; object-fit: contain; }

.review-card p { color: var(--color-dark-grey); }

/* Form and Goggle review Section */

/* Choose your learning path section */

.title-flex {display: flex;justify-content: space-between;align-items: center;}
.title h2:last-child, .title h3:last-child {margin: 0;}

.choose-learn-path-sec .col-lg-3 { display: flex; }

.learn-path-slider .splide__track{padding: 10px 0;}
.learn-path-slider .splide__list {margin: 0 -12px !important;}
.learn-path-slider .splide__slide {padding: 0 12px;}

.learn-path-inner { height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; }

.learn-path-card {position: relative; display: block; padding: 40px; border-radius: var(--border-radius); background: var(--color-white); transition: .3s; height: 100%; }
.learn-path-card p { margin: 70px 0; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; color: var(--color-grey-3);}
.learn-path-card h4 { font-size: 20px; font-weight: var(--fw-medium); padding-right: 100px; margin: 0 0 0 auto; }

.learning-platform { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 30px; }
.learning-platform img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }

.learn-path-card .learning-mode{ padding: 10px; border-radius: 20px; display: inline-flex; background: var(--color-secondary-pink-shade-1); color: var(--color-secondary-pink); line-height: 1; font-weight: var(--fw-semi-bold); }
.learn-path-card .learning-mode.mode-blue {background: var(--color-primary-blue-shade-2); color: var(--color-primary-blue-shade-1);}
.learn-path-card .learning-mode.mode-orange {background: var(--color-tertiary-orange-shade-4); color: var(--color-tertiary-orange);}
.learn-path-card .learning-mode.mode-pink {background: var(--color-secondary-pink-shade-1); color: var(--color-secondary-pink);;}
.learn-path-card .learning-mode.mode-green {background: var(--color-quaternary-green-shade-1); color: var(--color-quaternary-green);}


.background-blue{background: var(--color-primary-blue-shade-1);}
.background-orange{background: var(--color-tertiary-orange);}
.background-pink{background: var(--color-secondary-pink);}
.background-green{background: var(--color-quaternary-green);}

.learn-path-card[class*="background-"] * {color: var(--color-white);}
.learn-path-card:hover{translate: 0 -5px;}

.choose-learn-path-sec .learn-path-card:not([class*="background-"]):hover{background: var(--color-primary-blue-shade-1);}
.choose-learn-path-sec .learn-path-card:not([class*="background-"]):hover *{color: var(--color-white);}
.choose-learn-path-sec .learn-path-card:not([class*="background-"]):hover .learning-mode{ color: var(--color-secondary-pink); background: var(--color-secondary-pink-shade-1);}
.choose-learn-path-sec .learn-path-card:not([class*="background-"]):hover span {background: var(--color-dark-grey);}
.learn-path-card:hover .round-shape-button span img {transform: rotate(-22.5deg);}

/* Choose your learning path section */

/* Placement section */

.placement-highlighited-title {padding-bottom: 60px;}

.placement-sec h2 {font-weight: var(--fw-semi-bold);}
.highlight-text { background: var(--gradient); border-radius: 40px; color: var(--color-white); padding: 0px 17px; transform: rotate( -5deg); display: inline-block; font-weight: var(--fw-semi-bold); transition: var(--transition-common); }
.highlight-text:hover {transform: none;}

.student-cards .student-card-inner:nth-child(4n+1) .student-card { background: var(--color-primary-blue-shade-2); }
.student-cards .student-card-inner:nth-child(4n+2) .student-card { background: var(--color-tertiary-orange-shade-3); }
.student-cards .student-card-inner:nth-child(4n+3) .student-card { background: var(--color-secondary-pink-shade-1); }
.student-cards .student-card-inner:nth-child(4n+4) .student-card { background: var(--color-quaternary-green-shade-1); }

.student-card { padding: 25px 50px 25px 25px; border-radius: 125px; transform: rotate(var(--rotate)); }
.student-card-inner:not(:last-child) .student-card {margin-bottom: 15px;}
.company-badge { background: var(--color-white); padding: 20px 29px; border-radius: var(--border-radius); line-height: 1; margin-left: auto; width: 235px; height: 90px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.company-badge img {width: 110px; object-fit: contain;}

.student-img { width: 150px; height: 150px; flex: 0 0 150px; border-radius: 50%; margin-right: 25px; object-fit: cover; }

.student-card-cnt { padding-right: 10px; }
.student-card-cnt h3{margin: 0 0 10px;}
.student-card-cnt h4 {margin: 0;}

.student-card-inner .student-card { --rotate: 0deg; }
.student-card-inner:nth-child(odd) .student-card{ --rotate: -2deg; }
.student-card-inner:nth-child(even) .student-card{ --rotate: 3deg; }

.renowned-companies-logos { display: flex; flex-wrap: wrap;margin: -12px; }

.logo-col {width: 25%;padding: 12px;}

.logo-wrapper { width: 100%; aspect-ratio: 1 / 1; background: var(--color-white); display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.logo-wrapper img {width: 120px;}

/* Placement section */

/* Success student section */

.succ-stdnt-slider-outer .success-student-slider, .learning-journey-slider {padding-bottom: 150px;}

.video-text-wrapper {margin: 0 24px;}
.video-text-wrapper, .video-holding-wrap { position: relative; }
.play-icon-wrap img { width: 100px; margin-inline: auto; }

.video-poster-img { position: relative; padding-bottom: 55%;  }
.video-poster-img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;  border-radius: var(--border-radius);}
.video-poster-img::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #1E2867; opacity: 0.5;border-radius: var(--border-radius);}

.play-icon-wrap { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); text-align: center; }

.video-inner-content { position: absolute; bottom: 0; left: 30px; }
.video-inner-content * { color: var(--color-white); }

.video-text {position: absolute; right: 0; bottom: 0; padding: 25px 30px; background: var(--color-cream); border-radius: var(--border-radius) 0 0 0; width: 100%; max-width: 600px; }
.video-text svg { display: block; width: 50px; position: absolute; top: -49.5px; right: -1px; bottom: inherit; left: inherit; transform: rotate( 180deg); }
.video-text svg:last-of-type { top: inherit; bottom: -1px; left: -49.5px; right: inherit; }

.video-text-cnt h3 {margin: 0 0 15px; color: var(--color-primary-blue-shade-1);font-size: var(--f-size-S);}
.video-text-cnt h4 {margin: 0;font-size: 18px;}

/* Success student section */

/* Real interview scenarios */

.pb-50{padding-bottom: 50px;}

.real-interview-sec .quick-links-slider-outer{background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: var(--border-radius); position: relative;}
.real-interview-sec .quick-links-slider-outer::before {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--color-black); opacity: 0.3; border-radius: var(--border-radius);}
.real-interview-sec .quick-links-slider {padding: 60px 60px 83%;}
.real-interview-sec .quick-links-slider .splide__pagination {padding: 0 0 0 56px;}
.real-interview-sec .quick-links-slider .splide__pagination li button {background: var(--color-grey-3);}
.real-interview-sec .quick-links-slider .splide__pagination__page.is-active {background: var(--color-white);}

.learners-prefers-wrap {padding: 60px;background: var(--color-primary-blue-shade-4) url(../images/blue-shape-bg.svg) no-repeat top right; border-radius: var(--border-radius);}

.learner-slider-outer .learner-slider {padding-bottom: 66px;}
.learner-slider-outer .learner-slider .splide__pagination {bottom: 0; justify-content: center;padding: 0;}
.learner-slider-outer .learner-slider .splide__pagination__page {background: #D2D8FF;}
.learner-slider-outer .learner-slider .splide__pagination__page.is-active {background: var(--color-primary-blue-shade-1);}

.learner-slide-item { background: var(--color-white); box-shadow: 0px 5px 15px 0px #4A62F20D; border-radius: 30px; padding: 30px; height: 100%; }
.learner-slide-item .icon-wrap { width: 60px; height: 60px; border-radius: 15px; display: flex; align-items: center; justify-content: center; background: var(--color-primary-blue-shade-1); }
.learner-slide-item h3 {margin: 0 0 20px;}
.learner-slide-item p { font-weight: var(--fw-light);}

/* Real interview scenarios */

/* Success stories Section */

.success-stories-inner{position: relative; width: 100%; height: 80vh; /* Adjust to your design */ overflow: hidden; display: flex; align-items: center; justify-content: center;border-radius: var(--border-radius); }
.success-bg-layer { position: absolute; top: 0; left: 0; width: 100%; /* Make this 200% so it has 'room' to scroll infinitely */ height: 1500%; background-size: 100% auto; background-repeat: repeat-y; /* The performance winner: */ animation: moveBackground 30s linear infinite; will-change: transform; }
.success-stories-inner::before {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--color-secondary-pink);opacity: 20%;border-radius: var(--border-radius); z-index: 1;}

.success-stories-cnt {position: relative; text-align: center; z-index: 2;}
.success-stories-cnt h3 { background: var(--color-white); width: max-content; margin: 0 auto; border-radius: 20px; padding: 10px 20px; line-height: 1; color: var(--color-secondary-pink); }
.success-stories-cnt h3:first-of-type{margin-bottom: -3px;}
.success-stories-cnt .button-wrap {margin-top: 60px;}

@keyframes moveBackground {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    /* Moving exactly half of the 200% height creates the perfect loop */
    transform: translate3d(0, -50%, 0);
  }
}

/* Success stories Section */

/* Learning journey section */

.learning-steps{gap: 48px;}
.learning-step {width: 33.33%;position: relative; border-radius: 100px; transition: var(--transition-common);}
.learning-step:not(:last-child) .step-line{content: "";position: absolute; top: 50%; right: -44px; transform: translateY(-50%); width: 38px; height: 2px; background: var(--gradient);}

.learning-step img { position: absolute; left: 68px; }
.learning-step img:last-of-type {bottom: 0;transform: rotate(180deg);}

.step-no { width: 133px; height: 133px; display: flex; align-items: center; justify-content: center; color: var(--color-white); font-family: var(--ff-base); font-size: var(--f-size-XXXL); font-weight: var(--fw-semi-bold); }

.learn-step { padding: 30px 35px; width: calc(100% - 133px); display: flex; flex-direction: column; justify-content: center;}
.learn-step * {color: var(--color-white);}
.learn-step h3 { margin: 0 0 20px; font-size: var(--f-size-S); margin-bottom: 10px; }
.learn-step p.text-16 { font-weight: normal; }

.learning-step.background-blue:hover {background: rgb(74 98 242 / 80%);}
.learning-step.background-pink:hover {background: rgb(196 0 255 / 80%);}
.learning-step.background-orange:hover {background: var(--color-tertiary-orange-shade-1);}

.learning-journey-sec {overflow: hidden;}
.learning-journey-sec .video-poster-img { padding-bottom: 66%; }
.learning-journey-sec .video-poster-img img { border-radius: 35px; }
.learning-journey-sec .video-poster-img::after { background: var(--color-black); opacity: 35%; border-radius: 35px; }

.learning-journey-sec .video-text-wrapper { margin: 0 12px; }

/* Learning journey section */

/* Your trust, Our treasure section */

.trust-teasure-sec {padding-bottom: 50px;}

.trust-teasure-wrap {padding: 60px;background: var(--color-primary-blue-shade-4);border-radius: var(--border-radius);}
.trust-teasure-wrap .logo-col {width: 33.33%;}
.trust-teasure-wrap .logo-col .logo-wrapper img {width: 160px;}
.faq-sec-content p { color: var(--color-black); }
.contact-us-form {background: var(--gradient); padding: 60px; border-radius: var(--border-radius);}
.contact-us-form h3, .contact-us-form p {color: var(--color-white);}

/* Your trust, Our treasure section */

/* Faq section */

.faq-sec-wrap {background: var(--color-secondary-pink-shade-3) url(../images/pink-shape-bg.svg) no-repeat top right / cover; padding-left: 60px; padding-right: 60px; border-radius: var(--border-radius);}

.accordion-item { border-radius: 20px !important; border: 0; overflow: hidden; }
.accordion-item:not(:last-child) { margin-bottom: 10px; }

.accordion-button { padding: 20px; color: var(--color-black); font-weight: var(--fw-semi-bold); border-radius: 0 !important; box-shadow: none !important; font-size: inherit; }
.accordion-button::after { background-color: var(--color-primary-blue-shade-1); background-image: url(../images/plus-icon.svg); background-position: center; border-radius: 50%; background-size: 12px; width: 20px; height: 20px; }
.accordion-button:not(.collapsed)::after {background-image: url(../images/minus-icon.svg);}
.accordion-button:not(.collapsed) { background-color: transparent; color: inherit; box-shadow: none; }

.accordion-body {padding: 0 20px 20px;}

.faq-wrapper .button-wrap {display: none;}

/* Faq section */

/* Inner page banner */

.inner-banner { position: relative; }
.inner-banner .hero-media::after { display: none; }

.banner-content { position: absolute; bottom: 0; background: var(--color-cream); padding: 50px 50px 50px 0; border-radius: 0 var(--border-radius) 0 0; width: 100%; max-width: 920px; }
.banner-content svg { display: block; width: 50px; position: absolute; top: -50px; left: 0px; bottom: inherit; transform: rotate( 270deg); }
.banner-content svg:last-of-type { left: inherit; right: -50px; top: inherit; bottom: 0; }

/* Inner page banner */

/* Course page */

.center-content {width: 100%; max-width: 1225px; margin-left: auto; margin-right: auto; text-align: center;}

.list-courses-wrap ul li:not(:last-child) {margin-bottom: 20px;}
.list-courses-wrap ul li a {font-size: var(--f-size-S); color: var(--color-grey-3); font-family: var(--ff-base); font-weight: var(--fw-medium);}
.list-courses-wrap ul li.list-active a {background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: var(--f-size-L); font-weight: var(--fw-semi-bold); }
.list-courses-wrap ul li a:hover {color: var(--color-dark-grey);}

.resource-inner-wrap { padding: 80px 60px; background-color: var(--color-tertiary-orange-shade-2); background-repeat: no-repeat; background-position: center; border-radius: var(--border-radius); }
.resource-inner-wrap .resource-content p {color: var(--color-white);}

.why-cnt-wrap ul{display: flex; flex-wrap: wrap;margin: -12px;}
.why-cnt-wrap ul li {width: 50%;padding: 12px;}

/* Course page */

/* Course details page */

.single-course .hero-media { height: calc(85vh - 80px); }

.course-details-sec {padding-top: var(--gap-60);}

.course-details-outer .course-detail-cnt-outer{border-top: 1px solid var(--color-grey-6);padding-top: 60px;margin-top: 60px;}

.course-accordion .accordion-item { padding: 40px 40px 100px; }
.course-accordion .accordion-item:not(:first-child) { margin-top: -60px; }
.course-accordion .accordion-item:last-child { padding-bottom: 40px; }
.course-accordion .accordion-item, .course-accordion .accordion-button { background: var(--color-primary-blue-shade-4); border-radius: 40px !important; }
.course-accordion .accordion-item:nth-child(even), .course-accordion .accordion-item:nth-child(even) .accordion-button { background: var(--color-primary-blue-shade-3); }

.course-accordion .accordion-button { padding: 0; font-size: var(--f-size-M); color: var(--color-dark-grey); }

.accord-header-ic { width: 80px; height: 80px; background: var(--color-white); display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 30px; }
.accord-header-ic img {width: 45px;}

.course-accordion .accordion-body { display: flex; align-items: center; gap: 40px; padding: 0 0 0 110px; }
.course-accordion .accordion-body .accord-content { flex: 0 0 55%; color: var(--color-dark-grey); }

.accord-img img { display: block; border-radius: 30px; }

.course-detail-cnt-outer .content-wrapper { font-size: 14px; }
.course-detail-cnt-outer .content-wrapper * {color: var(--color-dark-grey);}
.course-detail-cnt-outer .content-wrapper h6:last-child {margin-bottom: 0;}
.course-detail-cnt-outer .content-wrapper .listing-wrap ul { padding: 0; margin: 0; display: flex; flex-wrap: wrap; column-gap: 15px;}
.course-detail-cnt-outer .content-wrapper .listing-wrap ul li {list-style: none; width: 49%; background: url(../images/blue-tick.svg) no-repeat left top; padding-left: 28px;}
.course-detail-cnt-outer .content-wrapper .listing-wrap ul li p:first-of-type { font-size: 16px; color: var(--color-dark-grey); font-weight: var(--fw-bold); margin: 0 0 10px;}
.course-detail-cnt-outer .content-wrapper .listing-wrap ul li:not(:nth-last-child(-n+2)) {margin-bottom: 24px;}

.course-detail-cnt-outer .content-wrapper.background-orange-light h6 {color: var(--color-tertiary-orange);}
.course-detail-cnt-outer .content-wrapper.background-pink-light h6 {color: var(--color-secondary-pink);}
.course-detail-cnt-outer .content-wrapper.background-green-light-two h6 {color: var(--color-quaternary-green);}

.content-wrapper .degrees-wrap ul { list-style: none; display: flex; flex-wrap: wrap; padding: 0; gap: 10px; }
.content-wrapper .degrees-wrap ul li { list-style: none; background: var(--color-primary-blue-shade-1); padding: 10px; border-radius: 20px; color: var(--color-white); font-weight: var(--fw-bold); font-size: 16px; }

.listing-wrap:not(:last-child) {margin-bottom: 24px;}

.features-wrap {padding: 30px; border-radius: 40px; font-size: 14px;margin-bottom: 24px;}
.features-wrap * {color: var(--color-white);}

.features-wrap ul { margin-bottom: 30px; }
.features-wrap ul li { display: flex; align-items: center; gap: 10px; font-family: var(--ff-base); font-size: var(--f-size-S); }
.features-wrap ul li:not(:last-child) { margin-bottom: 20px; }

.feature-type { width: 108px; }

.features-wrap .badge { background: var(--color-secondary-pink-shade-1); font-family: var(--ff-base-secondary); color: var(--color-secondary-pink); border-radius: 20px; padding: 10px; font-size: 16px; }
.features-wrap h4 {margin: 0;}

.enroll-wrap {background: var(--gradient);padding: 30px; border-radius: 40px;}
.enroll-wrap h3, .enroll-wrap p {color: var(--color-white);}
.enroll-wrap p {font-size: 14px;}

.career-opportunities-sec .col-lg-6 { display: flex; }
.career-opportunities-sec .course-detail-cnt-outer { flex-grow: 1; }
.career-opportunities-sec .course-detail-cnt-outer .content-wrapper {height: 100%;}

.course-detail-cnt-outer .content-wrapper .listing-wrap.full ul li { width: 100%; }
.course-detail-cnt-outer .content-wrapper .listing-wrap.full ul li:not(:last-child) { margin-bottom: 24px; }

.take-action-wrap {background: var(--color-primary-blue-shade-4) url(../images/blue-wave2.svg) no-repeat center bottom; padding: 60px 15px; border-radius: var(--border-radius);}
.take-action-wrap .center-content {width: 100%; max-width: 1500px; margin: 0 auto;}
.take-action-wrap .center-content h2 { font-weight: var(--fw-semi-bold); margin-bottom: var(--gap-60);}

/* Course details page */

/* About page */

.about-us-sec .center-content h2 {font-weight: var(--fw-semi-bold);line-height: 1.3;}
.center-content .highlight-text {transform: rotate(-3deg);}
.center-content .highlight-text:hover {transform: none;}

.mission-vision-row:first-child {padding-top: 60px;border-top: 1px solid var(--color-grey-6);}
.mission-vision-row{margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid var(--color-grey-6);}
.mission-vision-row:last-child {margin-bottom: 0;}
.mission-vision-row h3 {margin-bottom: 0;}
.mission-vision-row p { color: var(--color-dark-grey); font-family: var(--ff-base); font-weight: var(--fw-semi-bold); }
.mission-vision-row:hover .mv-image-wrapper img {filter: none;}

.mv-image-wrapper { position: relative; padding-bottom: 26%; }
.mv-image-wrapper img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 30px; filter: grayscale(1); }

.director-outer-banner {background: var(--color-tertiary-orange-shade-4) url(../images/pink-shape-bg1.svg) no-repeat top center; border-radius: var(--border-radius); padding: 60px 30px; }

.direct-inner-banner {width: 100%;max-width: 1492px;margin: 0 auto;}

.director-content {color: var(--color-black);}

.image-container {background: var(--gradient); width: 100%; aspect-ratio: 1 /1; border-radius: 50%; margin-left: auto;}
.image-container img {width: 100%; height: 100%; border-radius: 50%; object-fit: cover;}

.expert-card { background: var(--color-white); padding: 60px; border-radius: var(--border-radius); }
.expert-card .image-container {width: 179px; height: 179px; flex: 0 0 179px; margin-right: 30px;}
.expert-card .expert-info h3 { margin-bottom: 10px; }
.expert-card .expert-info span { margin-bottom: 30px; color: var(--color-black); }

/* About page */

/* Blog page */

.search-wrapper {width: 100%;max-width: 725px;margin-left: auto;margin-right: auto;}
.search-wrapper form {display: flex; align-items: flex-start; gap: 10px;}
.search-wrapper form .form-control {width: calc(100% - 173px); border-radius: 30px; padding-left: 30px; padding-right: 30px;}
.search-wrapper form .button__primary {margin: auto 0;}

.blog-card { position: relative; }

.card-part-image { position: relative; margin-bottom: 30px; }

.dedicated-blog-sec .common-img-wrapper { padding-bottom: 35%; }

.common-img-wrapper { position: relative; padding-bottom: 65%; display: block; }
.common-img-wrapper img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 40px; }

.category-wrap { position: absolute; right: 0; bottom: 0; padding: 20px 0 0 20px; background: var(--color-cream); border-radius: 40px 0 0 0; }
.category-wrap svg { display: block; width: 20px; height: auto; position: absolute; bottom: 0; left: -20px; transform: rotate(180deg); }
.category-wrap svg:last-of-type { left: inherit; right: 0; bottom: inherit; top: -20px; }

.card-content .text-14 {color: var(--color-grey-2);margin-bottom: 17px; display: flex; align-items: center; gap: 10px;}
.card-content h5 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 0 0 20px; font-weight: var(--fw-medium); letter-spacing: -0.8px;}
.card-content h5 a {color: var(--color-black);}
.card-content h5:last-child{margin-bottom: 0;}
.card-content p {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.blog-card.horizontal { display: flex; align-items: center; gap: 30px; }
.blog-card.horizontal:not(:last-of-type) {margin-bottom: 24px;}
.blog-card.horizontal .card-content { width: 63%; }
.blog-card.horizontal .card-content h5 {font-size: var(--f-size-S);}
.blog-card.horizontal .card-content p {font-size: 14px;}

.blog-card.horizontal .card-part-image { width: 37%; margin: 0; }
.blog-card.horizontal .card-part-image .common-img-wrapper { padding-bottom: 100%; }
.blog-card.horizontal .card-part-image .common-img-wrapper img {border-radius: 30px;}

.blog-card.horizontal .category-wrap { width: 100%; max-width: 50%; }
.blog-card.horizontal .category-wrap .button__primary { font-size: 14px; padding: 10px 12px; }

.all-blogs {padding-right: 25px;}
.all-blogs .row-gap_24 { margin-bottom: -40px; }
.all-blogs .row-gap_24 .item{ margin-bottom: 40px; padding-left: 20px; padding-right: 20px;}

.popular-blogs .blog-card.horizontal { background: var(--color-white); padding: 10px; border-radius: 20px; }
.popular-blogs .blog-card.horizontal .card-part-image { width: 45%; }
.popular-blogs .blog-card.horizontal .card-part-image .common-img-wrapper { padding-bottom: 60%; }
.popular-blogs .blog-card.horizontal .card-part-image .common-img-wrapper img {border-radius: 20px}
.popular-blogs .blog-card.horizontal .card-content { width: 55%;}

.popular-blogs .blog-card.horizontal .category-wrap {padding: 10px 0 0 10px; border-radius: 30px 0 0 0; background: var(--color-white);}

.category-list {row-gap: 10px; column-gap: 5px;}

.category-pill { display: inline-flex; align-items: center; background-color: var(--color-white); padding: 13px 20px; border-radius: 30px; transition: var(--transition-common); border: 1px solid transparent; line-height: 1.1; }
.category-pill span { font-family: var(--ff-base); font-weight: var(--fw-semi-bold); font-size: 16px; color: var(--color-grey-3); /* Default grey text */ transition: var(--transition-common); }
.category-pill:hover { background-color: var(--color-grey-8); }
.category-pill:hover span { color: var(--color-black); }
.category-pill.active span { background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* Pagination Styling */

.pagination { justify-content: center; margin-top: 60px; }

.page-numbers { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 5px; list-style: none; padding: 0; }
.page-numbers li { display: inline-block; }
.page-numbers a, .page-numbers span { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 15px; background-color: var(--color-white); color: var(--color-dark-grey); font-weight: var(--fw-semi-bold); font-size: 16px; text-decoration: none; transition: var(--transition-common); border: 1px solid transparent; }
.page-numbers .current { background-color: var(--color-primary-blue-shade-1); color: var(--color-white); }
.page-numbers a.next:first-child, .page-numbers a.prev { background-color: transparent; border: 1px solid var(--color-grey-6); color: var(--color-grey-5); }
.page-numbers a.next:last-child { background-color: transparent; border: 1px solid var(--color-primary-blue-shade-1); color: var(--color-primary-blue-shade-1); }
.page-numbers a:hover { background-color: var(--color-primary-blue-shade-1); color: var(--color-white); border-color: var(--color-primary-blue-shade-1); }

/* Blog page */

/* Blog details page */

.single-blog-sec {margin-top: 167px;}

.single-blog-inner {position: relative;}
.single-blog-inner::after { content: ""; position: absolute; bottom: calc(var(--padding-height) * -1); left: 0; right: 0; border-bottom: 1px solid var(--color-grey-6);}

.blog-top-wrap { width: 100%; max-width: 1492px;}
.blog-top-wrap .text-14 {color: var(--color-grey-2);margin-bottom: 30px; display: flex; justify-content: center; align-items: center; gap: 10px;}

.blog-banner { position: relative; padding-bottom: 0%; }
.blog-banner img { position: relative; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: contain; border-radius: var(--border-radius); }

.share-article-card{background: var(--color-secondary-pink);padding: 30px; border-radius: 40px; position: sticky; top: 100px;}
.share-article-card * {color: var(--color-white);}
.share-article-card span {font-size: var(--f-size-S); font-weight: var(--fw-medium);}

.share-social-links {gap: 30px;}
.share-social-links a {font-size: 20px; display: inline-block; transition: transform 0.3s ease;}
.share-social-links a:hover { transform: scale(1.1);}
.share-social-links svg {width: auto;}

.content-wrapper {background: var(--color-white); padding: 30px; border-radius: 40px;}
.content-wrapper:not(:last-child), .content-inner-image:not(:last-child) {margin-bottom: 24px;}
.content-wrapper * {color: var(--color-black);}
.content-wrapper a{text-decoration: underline;}
.content-wrapper ul {padding-left: 30px;margin-bottom: 30px;}
.content-wrapper ul li {list-style: disc;}

.content-inner-image { position: relative; padding-bottom: 30%; }
.content-inner-image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 40px; }

.all-blogs.learner-slider-outer .blog-card{margin: 0 12px;}
/* Blog details page */
 

/* our placement page */
.counter-wrap { margin-top: var(--gap-60); }
.counter-wrap ul { display: flex; } .counter-wrap ul li { width: 33.33%; position: relative; } .counter-wrap ul li:not(:last-child) { margin-right: 24px; padding-right: 24px; }
.counter-wrap ul li:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: var( --color-grey-5); height: 60px; width: 1px; }

.counter-hold { display: flex; gap: 30px; }
.counter-hold .ic-wrapper { margin-top: 6px; flex: 0 0 40px; }
.counter-hold .ic-wrapper img { width: 40px; }

.counter-cnt .counter { margin: 0 0 12px; }

.process-wrap { background: var(--color-white); padding: 30px; border-radius: 30px; height: 100%; }
.process-wrap .text-16 { margin: 0 0 15px; }
.process-wrap ul { padding-left: 30px; } 
.process-wrap ul li { list-style: disc; }
.process-wrap ul li:not(:last-child) { margin-bottom: 2px; }

.our-placement-sec .row .col-lg-4:nth-child(even) .placement-inner {background: var(--color-secondary-pink-shade-2);}

.placement-wrap {position: relative;}

.placed-logo {position: absolute;top: 0;left: 0;padding: 0 20px 20px 0;background: var(--color-cream);border-radius: 0 0 40px 0;z-index: 2;}
.placed-logo svg { display: block; position: absolute; width: 40px; right: -40px; top: 0px; }
.placed-logo svg:last-of-type { top: 100%; right: inherit; left: 0; }

.place-logo-wrap {width: 110px; height: 110px; background: var(--color-white); border: 2px solid var(--color-primary-blue-shade-3); border-radius: 40px; display: flex; align-items: center; justify-content: center; }
.place-logo-wrap img {width: 80px; height: auto; object-fit: contain;}

.left-corner-img {position: absolute;top: 0;left: 0;width: 150px;height: 150px;background: var(--color-primary-blue-shade-3);z-index: 1;border-radius: 0 0 var(--border-radius) 0;}
.left-corner-img svg {display: block;position: absolute; width: 30px; right: -30px; top: 20px;}
.left-corner-img svg:last-of-type {top: 100%;right: inherit;left: 20px;}

.left-corner-img svg path {fill: var(--color-primary-blue-shade-3);}

.our-placement-sec .row .col-lg-4:nth-child(even) .left-corner-img {background: var(--color-secondary-pink-shade-2);;}
.our-placement-sec .row .col-lg-4:nth-child(even) .left-corner-img svg path {fill: var(--color-secondary-pink-shade-2);}

.placement-inner {background: var(--color-primary-blue-shade-3); padding: 20px 20px 30px; border-radius: 40px; }

.placed-stndt-wrap {position: relative;}

.placed-stndt { position: relative; padding-bottom: 97%; margin-bottom: 30px; }
.placed-stndt img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 40px; }

.stndt-details h3 { margin: 0 0 10px; color: var(--color-dark-grey); }
.stndt-details .d-flex p { margin-left: 10px; color: var(--color-dark-grey); }

.roles-placed-wrap { width: 100%; max-width: 1434px; margin: 0 auto; }
.roles-placed-wrap ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.roled-place { background: var(--color-secondary-pink-shade-3); color: var(--color-dark-grey); padding: 18px 20px; line-height: 1; border-radius: var(--border-radius); font-family: var(--ff-base); font-weight: var(--fw-medium); }

/* our placement page */

/* Hire from us page */

.hire-card { background: var(--color-white); padding: 40px; border-radius: 40px; height: 100%; }

.icon-box img {width: 40px; height: 40px; object-fit: contain;}

.benefits-list {margin-bottom: 30px;}

.benefit-item { padding: 40px; border-radius: 30px; background: var(--color-primary-blue-shade-3); display: flex; align-items: center; gap: 20px; }
.benefit-item:not(:last-child) { margin-bottom: 10px; }
.benefit-item h6 { margin: 0; }

.benefit-icon {flex: 0 0 40px;}
.benefit-icon img { width: 40px; height: 40px; object-fit: contain; }

.recruitment-process-sec { overflow: hidden; }
.recruitment-process-sec .row .col-lg-3 { position: relative; z-index: 1; }
.recruitment-process-sec .row .col-lg-3:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: -12px; background: var(--color-grey-5); height: 1px; width: 24px; transform: translateY(-50%); z-index: -1; }

.step-circle { width: 100%; aspect-ratio: 1 / 1; border-radius: 50%; position: relative; display: flex; align-items: center; justify-content: center; padding: 45px 50px; overflow: hidden; text-align: left; }

.step-number-outline { position: absolute; right: 10%; top: 50%; transform: translateY(-50%); font-family: var(--ff-base); font-size: 19rem; font-weight: var(--fw-semi-bold); line-height: 1; color: transparent; -webkit-text-stroke: 1px var(--color-white); pointer-events: none; z-index: 1; }

.step-content { position: relative; z-index: 2;}
.step-content h3 { color: var(--color-dark-grey); line-height: 1.1; }
.step-content p {color: var(--color-dark-grey);}

.step-label { display: block; font-weight: var(--fw-semi-bold); color: var(--color-white); margin-bottom: 10px; }

.reputed-organization-sec .logo-col { width: 12.5%; }

.button-col-wrapper { display: inline-flex; flex-direction: column; }
.button-col-wrapper .button__primary:not(:last-child) { margin: 0 0 20px 0; }

.stndt-testimonial-wrap {background: var(--color-quaternary-green-shade-2) url(../images/testimonial-pink-bg.svg) no-repeat top right -350px; padding: 80px; border-radius: 40px; position: relative;}

.stndt-testimonial-item { position: relative; display: flex; align-items: center; gap: 48px; }

.testimonial-img { position: relative; width: 488px; }
.testimonial-img > img { border-radius: 30px; }

.logo-hold { position: absolute; bottom: 0; right: 0; border-radius: 30px 0 0 0; background: var(--color-quaternary-green-shade-2); padding: 10px 0 0 10px; width: 110px; }
.logo-hold svg { position: absolute; width: 30px; top: -30px; right: 0; transform: rotate( 180deg); }
.logo-hold svg:last-of-type {right: inherit; left: -30px; top: inherit; bottom: 0;}

.logo-hold .logo-wrapper img {width: 75px; height: auto; object-fit: contain;}

.testimonial-content { width: calc(100% - 536px); }
.testimonial-content * {color: var(--color-black);}

.testimonial-author { display: flex; align-items: center; }
.testimonial-author h6 { margin: 0 30px 0 0; }
.testimonial-author p { color: var(--color-grey-3); }

.stndt-testimonial-wrap .splide__pagination {justify-content: flex-start;right: inherit;left: 536px;padding: 0; bottom: inherit;}
.stndt-testimonial-wrap .splide__pagination li button {background: var(--color-white);}
.stndt-testimonial-wrap .splide__pagination li button.is-active {background: var(--color-quaternary-green);}

.slide-arrow { position: absolute; right: 0; bottom: 0; width: 260px; padding: 60px; background: var(--color-cream); border-radius: 40px 0 0 0; }
.slide-arrow svg { position: absolute; width: 40px; top: -40px; right: 0; transform: rotate(180deg); }
.slide-arrow svg:last-of-type { top: inherit; left: -40px; right: inherit; bottom: 0; }

.stndt-testimonial-wrap .splide__arrows { position: absolute; right: 70px; bottom: -70px; }


/* Hire from us page */

/* Contact page */

.color-blue {color: var(--color-primary-blue-shade-1);}
.color-orange {color: var(--color-tertiary-orange-shade-2);}
.color-pink {color: var(--color-secondary-pink);}
.color-gradient {background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block;}

.contact-info-wrap-outer > ul > li:not(:last-child){margin-bottom: 20px;}

.contact-info-wrap { background: var(--color-white); padding: 30px; border-radius: 30px; }

.social-cnt-info {width: 100%;max-width: 510px; padding-right: 10px;}
.social-cnt-info .text-16 { margin: 0 0 12px; }
.social-cnt-info h3 { margin: 0; }
.social-cnt-info h3 a {color: var(--color-dark-grey);}
.social-cnt-info h3.text-16 {font-weight: var(--fw-regular);margin: 0;}
.social-cnt-info ul {display: flex;}
.social-cnt-info ul li:not(:last-child) {margin-right: 30px;}
.social-cnt-info ul li a {color: var(--color-dark-grey); font-size: var(--f-size-S);}
.social-cnt-info ul li a:hover {color: var(--color-secondary-pink);}
.social-cnt-info ul li a svg {width: auto;}

.social-icon { margin-left: auto; }
.social-icon img {width: 30px;}

.get-in-touch-sec .form-wrapper .form-hold {background-image: url(../images/pink-bg-shape2.svg);}

.otp-wrap {position: relative;}
.otp-wrap .button__primary { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); padding: 10px 10px 8px; font-size: 12px; }

.location-map {position: relative; padding-bottom: 34%; isolation: isolate;}
.location-map::after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--color-black); opacity: 0.15; border-radius: var(--border-radius); z-index: 0;}
.location-map > img, .location-map iframe {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: var(--border-radius);}

.map-direction {position: absolute; right: 0;bottom: 0; background: var(--color-cream);padding: 30px; z-index: 1;}

.direction-content a{display: flex; align-items: center; gap: 10px;color: var(--color-primary-blue-shade-1);}

.why-contact-sec {padding-top: 20px;}

.common-why-cnt {padding: 30px;border-radius: 30px;display: flex;}

.cnt-icon {padding-right: 30px;}
.cnt-icon img {width: 40px;}

.cnt-wrap h4 {margin-bottom: 15px;}
.cnt-wrap h5 {margin: 0;}

.background-blue-med-light .cnt-wrap h4 {color: var(--color-primary-blue-shade-1);}
.background-pink-light .cnt-wrap h4 {color: var(--color-secondary-pink);}
.background-orange-light .cnt-wrap h4 {color: var(--color-tertiary-orange-shade-1);}
.background-green-light-two .cnt-wrap h4 {color: var(--color-quaternary-green);}

.counseling-inner {padding: 60px; border-radius: var(--border-radius); background: var(--color-primary-blue-shade-2) url(../images/green-shape-bg.svg) no-repeat top right / cover;}

.counseling-content p{margin-bottom: 0; color: var(--color-dark-grey);}
.counseling-content ul {padding-left: 30px;}
.counseling-content ul li {color: var(--color-dark-grey); list-style: disc;}

/* Contact page */

.background-blue-medium {background: var(--color-primary-blue-shade-2);}
.background-blue-med-light {background: var(--color-primary-blue-shade-3);}
.background-orange-medium {background: var(--color-tertiary-orange-shade-3);}
.background-orange-medium-light {background: var(--color-tertiary-orange-shade-4);}
.background-orange-light {background: var(--color-tertiary-orange-shade-5);}
.background-pink-medium {background: var(--color-secondary-pink-shade-1);}
.background-pink-light {background: var(--color-secondary-pink-shade-3);}
.background-green-medium {background: var(--color-quaternary-green-shade-3);}
.background-green-light {background: var(--color-quaternary-green-shade-1);}
.background-green-light-two {background: var(--color-quaternary-green-shade-2);}

/* FOOTER */

footer {padding-bottom: 60px;}
.ftr {background: var(--color-dark-grey); border-radius: var(--border-radius); padding: 0 60px 60px;}
.ftr-top {position: relative;}
.ftr-top .button-wrapper { background: var(--color-cream); padding: 30px 0 30px 30px; border-radius: 0 0 0 var(--border-radius); }

.ftr-top-rt {position: relative;margin-right: -60px;}
.ftr-top-rt svg { display: block; width: 50px; position: absolute; top: 0px; left: -50px; transform: rotate( 90deg); }
.ftr-top-rt svg:last-of-type { top: inherit; bottom: -50px; right: 0px; left: inherit; }

.footer-logo a {display: block;height: 80px;}
.footer-logo a img {display: block; width: auto; height: 100%;}

.ftr-logo-wrapper { padding-top: 60px; }
.ftr-logo-wrapper .rating-wrap * { color: var(--color-white); }

.ftr-lt { width: 100%; max-width: 560px; display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.ftr-lt p{font-size: 14px;}
.ftr-lt > p {color: var(--color-white);}

.ftr-lt-btm ul { margin-bottom: 40px; }
.ftr-lt-btm ul li:not(:last-child) { margin-bottom: 20px; }
.ftr-lt-btm ul li a { color: var(--color-grey-3); font-size: 16px; text-decoration: underline; }

.ftr-menu h6 { margin: 0 0 40px; }
.ftr-menu * {color: var(--color-white);}
.ftr-menu ul li:not(:last-child) {margin-bottom: 20px;}
.ftr-menu ul li a {font-weight: var(--fw-regular); font-family: var(--ff-base);}

.ftr-bottom {padding-top: 40px;}

.ftr-cnt-info li a { display: flex; align-items: center; }
.ftr-cnt-info li a img { margin-right: 20px; }
.ftr-cnt-info li:last-child a img { margin-top: 4px; }

.ftr-cnt-info li:nth-child(1) { font-size: var(--f-size-S); }
.ftr-cnt-info li:nth-child(1) a img { margin-top: 0; }
.ftr-cnt-info li:nth-child(2) { font-size: 16px; }
.ftr-cnt-info li:nth-child(2) a { text-decoration: underline; }
.ftr-cnt-info li:last-child { font-size: 11px; }
.ftr-cnt-info li:last-child a { align-items: flex-start; }

.ftr-social { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.ftr-social-icons ul { display: flex; }
.ftr-social-icons ul li:not(:last-child) { margin-right: 30px; }
.ftr-social-icons ul li a { color: var(--color-white); font-size: 20px; }
.ftr-social-icons ul li a svg { width: auto; }
.ftr-social-icons p {color: var(--color-white);margin: 0 0 20px;font-family: var(--ff-base);font-weight: var(--fw-semi-bold);}

.ftr-social .ftr-lt-btm {display: none;}

/* FOOTER */

.wpcf7-not-valid { border-color: #dc3232; }
.wpcf7-not-valid-tip { display: none; }

.wpcf7-response-output { text-align: center; font-size: 14px; padding-top: 5px; padding-bottom: 5px; }

/* Error 404 */

.error-sec { text-align: center; min-height: calc(100vh - 300px); display: flex; align-items: center; }
.error-sec h1 { font-size: 8rem; font-family: var(--ff-base); }

/* Error 404 */

.single-page-sec ul {list-style:disc; padding-left: 30px; margin-bottom: 20px;}
.single-page-sec ul li {margin-bottom: 10px;}
.single-page-sec p a {word-break: keep-all;}


/* offer Css */
.row.offer-img-row { row-gap: 30px; }
.mdal-img.why-thum-img { margin: 0 0 20px; }
/* offer Css */


/* google Review */
.real-stories-wrap .ti-widget.ti-goog .ti-reviews-container .ti-reviews-container-wrapper { flex-wrap: wrap !important; }
.real-stories-wrap .ti-widget.ti-goog .ti-col-2 .ti-column { -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }
.real-stories-wrap .ti-widget.ti-goog .ti-col-3 .ti-column { -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }
.real-stories-wrap .ti-widget.ti-goog .ti-review-item>.ti-inner { border-radius: 40px !important; padding: 24px !important; background-color: #ffffff !important; }

.real-stories-wrap .ti-reviews-container-wrapper { max-height: 628px; overflow: auto !important; position: relative; }
.real-stories-wrap .ti-load-more-reviews-container {  margin: -230px 0 0 0; z-index: 2; position: relative; height: 250px; display: flex !important; align-items: flex-end; justify-content: center; pointer-events: none; }

.real-stories-wrap .ti-widget-container:has(.ti-load-more-reviews-container .ti-load-more-reviews-button) .ti-reviews-container-wrapper { overflow: hidden !important; }
.real-stories-wrap .ti-widget-container:has(.ti-load-more-reviews-container .ti-load-more-reviews-button) .ti-load-more-reviews-container { background: linear-gradient(0deg, #fbf6ed, #fbf6ed00); pointer-events: initial; } 

.real-stories-wrap .ti-widget.ti-goog .ti-load-more-reviews-container .ti-load-more-reviews-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; font-family: var(--ff-base) !important; font-weight: var(--fw-medium) !important; line-height: 1 !important; font-size: 18px !important; color: var(--color-white) !important; padding: 19px 65px 19px 30px !important; border: 1px solid var(--color-primary-blue-shade-1) !important; border-radius: 50px !important; text-align: center !important; text-transform: capitalize !important; transition: var(--transition-common) !important; background: var(--color-white) url(../images/button-arrow-blue.svg) no-repeat right 10px center !important; color: var(--color-primary-blue-shade-1) !important; }
.real-stories-wrap .ti-widget.ti-goog .ti-load-more-reviews-container .ti-load-more-reviews-button:hover { background-color: var(--color-primary-blue-shade-1) !important; background-image: url(../images/button-arrow.svg) !important; color: var(--color-white) !important; }
/* google Review */

 

/* Online registration page */
.online-payment-qr { background: var(--color-primary-blue-shade-1); padding: 30px; border-radius: 40px; height: 100%; }
.online-payment-qr-img { overflow: hidden; margin-bottom: 40px; border-radius: 30px; }
.online-payment-qr-img img { width: 100%; }
.online-payment-qr h3 { color: var(--color-white); margin: 0 0 40px; }
.online-payment-details label { color: var(--color-white); font-weight: var(--fw-medium); font-size: var( --f-size-S); display: block; }
.online-payment-details span { color: var(--color-white); font-weight: var(--fw-medium); font-size: var( --f-size-M); display: block; }
.op-content { display: flex; flex-direction: column; height: 100%; } 
.online-payment-qr .online-payment-details:not(:last-child) { margin-bottom: 24px; }
.online-registration-form { height: 100%;}

.form-wrapper .online-registration-form p { color: var(--color-black); font-size: var(--f-size-S); font-weight: var(--fw-medium); margin: 0 0 40px; }
.form-wrapper .online-registration-form.form-hold { background-image: url(../images/online-form-bg.webp); background-size: 100%; background-position: top; }
.form-wrapper span.note-form { color: var(--color-black); }

.course-apply { display: inline-flex !important; align-items: center !important; justify-content: center !important; font-family: var(--ff-base) !important; font-weight: var(--fw-medium) !important; line-height: 1 !important; font-size: 18px !important; color: var(--color-white) !important; padding: 19px 65px 19px 30px !important; border: 1px solid var(--color-primary-blue-shade-1) !important; border-radius: 50px !important; text-align: center !important; text-transform: capitalize !important; transition: var(--transition-common) !important; background: var(--color-white) url(../images/button-arrow-blue.svg) no-repeat right 10px center !important; color: var(--color-primary-blue-shade-1) !important; }
.course-apply:hover { background-color: var(--color-primary-blue-shade-1) !important; background-image: url(../images/button-arrow.svg) !important; color: var(--color-white) !important; }

span.wpcf7-spinner { position: absolute; }
/* Online registration page */



/* modern table */
.table-modern { width: 100%; border-collapse: separate; border-spacing: 0; font-family: "Inter", sans-serif; background: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05); }
.table-modern thead tr { background: linear-gradient(135deg, #4f46e5, #6366f1); }
.table-modern thead th { color: #fff; font-weight: 500; text-transform: uppercase; font-size: 14px; padding: 16px 18px; letter-spacing: 0.5px; border: none; background: transparent; }
 
.table-modern tbody tr { transition: all 0.25s ease; }
.table-modern tbody td { padding: 14px 18px; font-size: 14px; color: #333; border-bottom: 1px solid #f1f1f1; border-left:0; }
.table-modern tbody td:last-child { border-right:0; }
.table-modern tbody tr:hover { background: #f9fafb; /* transform: scale(1.01); */ }
.table-modern tbody tr:nth-child(even) { background: #fcfcfc; }
.table-modern tbody tr:last-child td { border-bottom: none; } 
.table-modern .btn { padding: 6px 14px; border-radius: 46px; font-size: 12px; }
.table-modern .badge.bg-danger { padding: 9px 12px; border-radius: 30px; opacity: .9; }

.notice-info p { margin-bottom: 0; margin-top: 5px; }

.modal-body .table-responsive table { width: 100%; border-collapse: separate; border-spacing: 0; background: rgba(255, 255, 255, 0.75) !important; backdrop-filter: blur(6px); border-radius: 12px; overflow: hidden; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05); font-family: "Inter", sans-serif; }
.modal-body .table-responsive th, .modal-body .table-responsive td { padding: 14px 18px; font-size: 14px; border-bottom: 1px solid rgba(0,0,0,0.05); }
.modal-body .table-responsive th { width: 30%; font-weight: 600; color: #222; background: rgba(0, 0, 0, 0.04) !important; }
.modal-body .table-responsive td { color: #444; }
.modal-body .table-responsive tr:nth-child(even) th { background: rgba(0, 0, 0, 0.06) !important; }
.modal-body .table-responsive tr:last-child th, .modal-body .table-responsive tr:last-child td { border-bottom: none; }
.modal-body .table-responsive a { color: #3e7aff; text-decoration: none; font-weight: 500; }
.modal-body .table-responsive a:hover { text-decoration: underline; }
.modal-body .table-responsive td span { display: inline-block; padding: 4px 10px; font-size: 12px; border-radius: 6px; background: #fee2e2 !important; color: #dc2626; font-weight: 500; }






@media only screen and (min-width: 1200px) and (max-width: 1900px) {
  .container {
    max-width: 93%;
  }
}

@media only screen and (min-width: 1900px){
  .container {max-width: 1824px;}
}

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

  .text-16 {font-size: 12px;}
  .text-small { font-size: 10px;}

  .rating-wrap { margin-left: 10px; padding-left: 10px; }
  .rating-wrap .rating-content { margin-left: 7px; }
  
  .hero-banner .quick-links-slider { padding: 20px 20px 70px; border-radius: 30px; }
  .hero-banner .quick-links-slider-outer { padding: 20px 0 0 20px; }
  .hero-banner .quick-links-slider .splide__pagination { padding: 0 0 0 18px; }

  .quick-links-slider-outer svg{width: 40px;left: -40px;}
  .quick-links-slider-outer .right-shape svg { top: -40px; }

  .round-shape-button svg {width: 40px;}
  .round-shape-button svg {top: -40px; left: inherit;}
  .round-shape-button svg:last-of-type{left: -40px;}

  .video-text svg {width: 40px; top: -40px;}
  .video-text svg:last-of-type {left: -40px;}

  .hero-banner-content { padding: 20px; }
  .hero-banner-content h2, .hero-banner-content p { margin: 0 0 10px; }

  .awards-wrap { padding-top: 20px; }
  .awards-wrap ul li img { height: 80px; }

  .play-icon-wrap img { width: 80px; }
  .company-badge { width: 200px; height: 70px; }
  .student-card-cnt h4 { font-size: 20px;}

  .video-text { padding: 25px; }

  .learn-path-card {padding: 30px;}

  .learner-slide-item { padding: 20px; }

  .button-wrapper .button__primary:not(:last-child) { margin-right: 10px; }

  .logo-wrapper img { width: 100px; }

  .banner-content { padding: 30px 30px 30px 0px; max-width: 800px; }
  .banner-content svg { width: 40px; top: -40px; }
  .banner-content svg:last-of-type { right: -40px; }

  .common-why-cnt { padding: 20px; border-radius: 20px; }
  .cnt-icon { padding-right: 20px; }

  .hire-card { padding: 30px; border-radius: 30px; }

  .stndt-testimonial-wrap { padding: 50px; background-position: top right; background-size: 100%; }

  .search-wrapper .button__primary { padding: 19px 65px 19px 30px; font-size: 18px; }

  .real-stories-wrap .ti-widget.ti-goog .ti-load-more-reviews-container .ti-load-more-reviews-button { font-size: 16px !important; padding: 16px 50px 16px 15px !important; background-size: 30px !important; }

  .ftr-top .button-wrapper { padding: 20px 0 20px 20px; }
  .ftr-top-rt svg {width: 40px;left: -40px;}
  .ftr-top-rt svg:last-of-type {bottom: -40px;}

  .ftr-lt { max-width: 500px; }

}

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

  body {font-size: 15px;}

  .custom-file .wpcf7-form-control[type="file"] { padding: 15px 20px; }
  .custom-file .wpcf7-form-control[type="file"]::file-selector-button { padding: 10px 16px; margin-right: 10px; }
  .custom-file .wpcf7-form-control[type="file"]::file-selector-button:hover { opacity: 0.9; }
  .custom-file .wpcf7-form-control[type="file"]::-webkit-file-upload-button { padding: 10px 16px; }

  .hero-banner {padding-top: 56px;}
  .hero-banner-content { max-width: 510px; }

  .quick-links-slider-outer svg{width: 30px;left: -30px;}
  .quick-links-slider-outer .right-shape svg { top: -30px; }

  .round-shape-button svg {width: 30px;}
  .round-shape-button svg {top: -30px; left: inherit;}
  .round-shape-button svg:last-of-type{left: -30px;}

  .video-text svg {width: 30px; top: -30px;}
  .video-text svg:last-of-type {left: -30px;}

  .awards-wrap { padding-top: 10px; }
  .awards-wrap ul li:not(:last-child) { margin-right: 15px; }
  .awards-wrap ul li img { height: 50px; }

  .hero-banner .quick-links-slider-outer {max-width: 420px;}

  .student-card { padding: 15px 20px 15px 15px; }

  .real-interview-sec .quick-links-slider { padding: 40px 40px 83%; }

  .learners-prefers-wrap {padding: 30px;}

  .step-no { width: 80px; height: 80px; }

  .placement-highlighited-title { padding-bottom: 40px; }

  .learn-path-card p {margin: 50px 0 80px;}

  .learn-step { width: calc(100% - 80px); padding: 12px 24px; }
  .learn-step h3 { margin: 0 0 10px; }
  .learning-step img { left: 40px; width: 80px; }
  .learning-step img:last-of-type { bottom: -1px;}
  .student-card-cnt h4 { font-size: 18px; }
  .placement-highlighited-title { max-width: 540px; }

  .logo-wrapper img { width: 80px; }

  .trust-teasure-wrap .logo-col .logo-wrapper img { width: 110px; }

  .round-shape-button > a, .round-shape-button span { width: 75px; height: 75px; }

  .contact-us-form {padding: 40px;}

  .video-text { max-width: 400px; }

  .banner-content svg { width: 30px; top: -30px; }
  .banner-content svg:last-of-type { right: -30px; }

  .learn-path-card h4 {padding-right: 75px;}

  .step-number-outline { font-size: 15rem; }

  .placed-logo { padding: 0 10px 10px 0; }
  .left-corner-img { width: 140px; height: 140px; border-radius: 0 0 60px 0; }

  .blog-card.horizontal .category-wrap {padding: 10px 0 0 10px; max-width: 60%; border-radius: 20px 0 0 0;}
  .blog-card.horizontal .category-wrap .button__primary {font-size: 10px; padding: 6px 10px; }

  .popular-blogs .blog-card.horizontal .category-wrap {border-radius: 20px 0 0 0;}

  .page-numbers a, .page-numbers span { width: 50px; height: 50px; font-size: 13px; }

  .common-img-wrapper img { border-radius: 20px; }
  
  .dedicated-blog-sec .common-img-wrapper { padding-bottom: 40%; }

  .card-content .text-14 { margin-bottom: 10px; }

  .text-14 {font-size: 12px;}

  .resource-inner-wrap { padding: 60px 40px; }

  .course-accordion .accordion-item { padding: 30px 30px 90px; }
  .course-accordion .accordion-item:not(:first-child) { margin-top: -70px; }

  /* Online registration page */
  .form-wrapper .online-registration-form p {  margin: 0 0 20px; }
  .form-wrapper .online-registration-form.form-hold { padding: 30px; }

  /* Online registration page */

  .features-wrap, .enroll-wrap { border-radius: 30px; }

  .ftr { padding: 0 40px 40px; }

  .ftr-top-rt svg {width: 30px;left: -30px;}
  .ftr-top-rt svg:last-of-type {bottom: -30px;}

  .footer-logo a {height: 60px;}

  .ftr-logo-wrapper { padding-top: 40px; }

  .ftr-top-rt { margin-right: -40px; }
  .ftr-top-rt .button__primary { font-size: 15px; padding: 14px 46px 14px 15px; background-size: 30px; }

  .ftr-cnt-info li a img { margin-right: 8px; }
  .ftr-cnt-info li:nth-child(2) { font-size: 15px; }

}

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

  .scroll-outer { padding: 30px 0;}

  .hero-banner .quick-links-slider {border-radius: 20px;}

  .quick-links-slider-outer svg{width: 20px;left: -20px;}
  .quick-links-slider-outer .right-shape svg { top: -20px; }

  .round-shape-button > a, .round-shape-button span { width: 60px; height: 60px; }
  .round-shape-button > a img, .round-shape-button span img { width: 35px; }

  .round-shape-button svg {width: 20px;}
  .round-shape-button svg {top: -20px; left: inherit;}
  .round-shape-button svg:last-of-type{left: -20px;}

  .video-text { max-width: 350px; }
  .video-text svg {width: 20px; top: -20px;}
  .video-text svg:last-of-type {left: -20px;}
  .video-poster-img { padding-bottom: 65%;}


  .video-text-wrapper { margin: 0 15px; }

  .card-top-content { margin: 0 0 20px; }

  .review-card {padding: 20px;}

  .form-wrapper .form-hold { padding: 40px 20px; }

  .student-img { width: 100px; height: 100px; flex: 0 0 100px; margin-right: 10px; }

  .company-badge { padding: 15px 20px; min-width: 150px; }
  /* .company-badge img { height: 20px; } */

  .logo-wrapper img { width: 70px; }

  .learn-path-card { padding: 20px; }
  .learn-path-card h4 { font-size: 16px; }
  .learner-slide-item .icon-wrap {margin-bottom: 20px !important;}

  .splide__arrow { width: 70px; height: 70px; }
  .splide__arrow.splide__arrow--prev { left: calc(50% - 70px); }
  .splide__arrow.splide__arrow--next { right: calc(50% - 90px); }

  .real-interview-sec .quick-links-slider { padding: 20px 20px 83%; }
  .real-interview-sec .quick-links-slider .splide__pagination { padding: 0 0 0 24px; }

  .round-shape-button > a img, .round-shape-button span img { width: 25px; }

  .learner-slider-outer .learner-slider { padding-bottom: 46px; }

  .learning-step { align-items: center; }
  .learning-step img { width: 70px; }
  .learning-step img:first-of-type { top: 0; }
  .learn-step { padding: 8px 16px; }
  .learn-step h3 { font-size: 18px; margin: 0 0 7px; }
  .learn-step p { font-size: 12px; }

  .learning-journey-sec .video-poster-img img, .learning-journey-sec .video-poster-img::after { border-radius: 20px; }

  .trust-teasure-wrap { padding: 20px; }

  .contact-us-form { padding: 30px; }

  .learn-path-card h4 {padding-right: 60px;}

  .banner-content { max-width: 650px; }
  .banner-content svg { width: 20px; top: -20px; }
  .banner-content svg:last-of-type { right: -20px; }

  .hire-card { padding: 30px; }

  .step-number-outline { font-size: 12rem; }

  .common-why-cnt { padding: 15px; border-radius: 15px; }
  .cnt-icon { padding-right: 10px; }

  .content-wrapper { padding: 25px; border-radius: 30px; }

  .content-inner-image img { border-radius: 30px; }

  .course-details-outer .course-detail-cnt-outer { padding-top: 30px; margin-top: 30px; }
  .course-detail-cnt-outer .content-wrapper .listing-wrap ul li { width: 48%; }

  .features-wrap, .enroll-wrap { padding: 20px; }

  .accord-header-ic { width: 60px; height: 60px; margin-right: 15px; }
  .accord-header-ic img { width: 35px; }

  .course-accordion .accordion-body { padding: 0 0 0 75px; gap: 20px; }
  
  .real-stories-wrap .ti-widget.ti-goog .ti-load-more-reviews-container .ti-load-more-reviews-button { font-size: 15px !important; padding: 14px 50px 14px 14px !important; }

  .ftr { padding: 0 30px 30px; }

  .ftr-top-rt svg {width: 20px;left: -20px;}
  .ftr-top-rt svg:last-of-type {bottom: -20px;}

  .ftr-top-rt { margin-right: -30px; }
  .ftr-top-rt .button__primary { font-size: 14px; padding: 14px 35px 14px 14px; background-size: 25px; background-position: right 5px center; }

  .ftr-top .button-wrapper { padding: 15px 0 15px 15px; }

  .ftr-logo-wrapper { padding-top: 30px; }

  .ftr-cnt-info li:nth-child(2) {font-size: 13px;}
  
  .ftr-social-icons ul li:not(:last-child) { margin-right: 15px; }

  .error-sec h1 { font-size: 6rem;}

}

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

  .custom-file .wpcf7-form-control[type="file"] { padding: 12px 20px; }
  .custom-file .wpcf7-form-control[type="file"]::file-selector-button { padding: 8px 14px; margin-right: 10px; }
  .custom-file .wpcf7-form-control[type="file"]::-webkit-file-upload-button { padding: 8px 14px; }


  .hero-banner { padding-top: 53px; }

  .hero-banner-content { max-width: 430px; }
  .hero-banner .quick-links-slider-outer { max-width: 350px; }

  .learning-platform {margin: 0 0 15px;}

  .learn-path-card h4 { font-size: 15px; }
  .learn-path-card p { margin: 30px 0 50px; }

  .placement-highlighited-title { padding-bottom: 30px; }

  .renowned-companies-logos {margin: -10px;}

  .logo-col { padding: 10px; }

  .logo-wrapper img { width: 60px; }

  .student-img { width: 80px; height: 80px; flex: 0 0 80px; margin-right: 10px; }

  .company-badge { padding: 12px 15px; min-width: 140px; }
  /* .company-badge img { height: 18px; } */

  .play-icon-wrap img { width: 70px; }

  .video-text { max-width: 290px; padding: 15px; }

  .succ-stdnt-slider-outer .success-student-slider, .learning-journey-slider { padding-bottom: 130px; }

  .splide__arrow::before { width: 35px; height: 16px; background-size: 35px 16px; }

  .learner-slide-item { padding: 15px; border-radius: 15px; }
  .learner-slide-item .icon-wrap { width: 50px; height: 50px; }
  .learner-slide-item .icon-wrap img {width: 20px;}

  .faq-sec-wrap { padding-left: 30px; padding-right: 30px; }

  .trust-teasure-wrap .logo-col .logo-wrapper img { width: 100px; }

  .benefit-item { padding: 24px; border-radius: 20px; gap: 10px; }

  .step-content h3 { font-size: 17px; }
  .step-content p { font-size: 12px; }
  
  .step-circle { padding: 30px 40px; }
  
  .step-number-outline { font-size: 9rem; }

  .place-logo-wrap { width: 80px; height: 80px; border-radius: 20px; }
  .place-logo-wrap img { width: 65px; }
  
  .left-corner-img { width: 110px; height: 110px; border-radius: 0 0 60px 0; }
  
  .placement-inner { padding: 20px 20px 30px; }
  
  .stndt-details .d-flex { display: block !important; }
  .stndt-details .d-flex p { margin: 10px 0 0 0; }

  .reputed-organization-sec .renowned-companies-logos { justify-content: center; }
  .reputed-organization-sec .logo-col { width: 16.66%; }
  .reputed-organization-sec .logo-col .logo-wrapper img { width: 80px; }

  .testimonial-img { width: 300px; }
  .testimonial-content { width: calc(100% - 330px); }
  
  .stndt-testimonial-item { gap: 30px; }

  .stndt-testimonial-wrap { padding-bottom: 100px; }
  .stndt-testimonial-wrap .splide__arrows { right: 80px; bottom: -90px; }
  .stndt-testimonial-wrap .splide__pagination { left: 330px; padding-top: 20px; }

  .cnt-wrap h4 { font-size: 15px; }
  .cnt-wrap h5 { font-size: 17px; }
  
  .slide-arrow { width: 220px; padding: 50px; }

  .process-wrap { padding: 20px; border-radius: 20px; }

  .counseling-inner { padding: 30px; }

  .single-blog-sec { margin-top: 150px; }

  .share-article-card { padding: 20px; border-radius: 20px; }

  .mission-vision-row { margin-bottom: 40px; padding-bottom: 40px; }

  .expert-card { padding: 40px; }
  .expert-card .image-container { width: 140px; height: 140px; flex: 0 0 140px; margin-right: 20px; }

  .search-wrapper .button__primary { padding: 16px 65px 16px 30px; font-size: 16px; }

  .blog-card.horizontal { gap: 15px; }
  
  .all-blogs { padding: 0; }
  .all-blogs .row-gap_24 { margin-bottom: -24px; }
  .all-blogs .row-gap_24 .item { margin-bottom: 24px; padding-left: 12px; padding-right: 12px; }

  .category-wrap { padding: 10px 0 0 10px; border-radius: 30px 0 0 0; }
  
  .category-pill { padding: 10px; }
  .category-pill span { font-size: 14px; }

  .otp-wrap .button__primary { padding: 9px 10px 7px; font-size: 11px; }

  /* Online registration page */
  .online-payment-qr { padding: 16px; border-radius: 20px; }
  .online-payment-qr-img { overflow: hidden; margin-bottom: 20px; border-radius: 10px; }
  .online-payment-qr h3 { color: var(--color-white); margin: 0 0 20px; }

  .form-wrapper .online-registration-form.form-hold { padding: 30px 20px; }
  /* Online registration page */

  .footer-logo a { height: 45px; }

}

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

  .hero-banner { padding-top: 15px; }

  .hero-media { height: 60vh; }

  .hero-banner-content { max-width: 360px; bottom: 10px; left: 10px; padding: 15px; }

  .hero-banner .quick-links-slider-outer { max-width: 270px; padding: 10px 0 0 10px; }
  .hero-banner .quick-links-slider { padding: 15px 15px 80px; }

  .hero-banner-content .button-wrapper { flex-direction: column; align-items: flex-start; }
  .hero-banner-content .button-wrapper .button__primary:not(:last-child) { margin-right: 0; margin-bottom: 10px; }

  .awards-wrap ul li img { height: 40px; }

  .real-stories-wrap, .renowned-companies { padding-top: 30px; }

  .real-interview-sec .quick-links-slider-outer { margin-bottom: 30px; }
  .real-interview-sec .quick-links-slider { padding: 20px 20px 40%; }

  .logo-wrapper img { width: 90px; }

  .success-stories-inner {height: 40vh;}

  .learning-steps {gap: 20px;}
  .learning-step:not(:last-child) .step-line { width: 16px; right: -18px; }
  .learn-step h3 { font-size: 13px; }
  .learn-step p { font-size: 10px; }
  /* .learning-step img:last-of-type { bottom: 0; } */

  .step-no { font-size: 28px; }

  .trust-teasure-wrap {margin-bottom: 30px;}
  .trust-teasure-wrap .logo-col .logo-wrapper img { width: 160px; }

  .faq-sec-content .button-wrap {display: none;}
  .faq-wrapper .button-wrap {display: block; padding-top: 30px;}

  .banner-content { max-width: 450px; padding: 20px 20px 20px 0px; }

  .hire-candidate-sec .row.row-gap_24 { padding-bottom: 30px; }

  .recruitment-process-sec .row { margin-bottom: -24px; }
  .recruitment-process-sec .row .col-lg-3 { margin-bottom: 24px; }
  .recruitment-process-sec .row .col-lg-3:not(:last-child)::after, .recruitment-process-sec .row .col-lg-3::after {display: none;}

  .inner-banner .hero-banner-inner .hero-media { height: calc(100vh - 190px); }
  
  .step-content h3 { font-size: 24px; }
  .step-content p { font-size: 18px; }
  .step-number-outline { font-size: 14rem; }

  .stndt-testimonial-item { gap: 20px; }
  .stndt-testimonial-wrap { padding: 30px; padding-bottom: 140px; }
  .stndt-testimonial-wrap .splide__arrows { right: 90px; bottom: -130px; }
  
  .logo-hold { width: 90px; }
  .logo-hold .logo-wrapper img { width: 60px; }

  .reputed-organization-sec .logo-col { width: 20%; }

  .counter-hold { gap: 10px; }
  .counter-hold .ic-wrapper { flex: 0 0 25px; }
  .counter-hold .ic-wrapper img { width: 25px; }
  .counter-wrap ul li:not(:last-child) { margin-right: 10px; padding-right: 10px; }

  .list-courses-wrap { margin-bottom: 30px; overflow-x: auto; }
  .list-courses-wrap ul { display: flex; align-items: center; }
  .list-courses-wrap ul li a { white-space: nowrap; }
  .list-courses-wrap ul li:not(:last-child) { margin: 0 10px 0 0; }

  .resource-inner-wrap { padding: 30px 20px; }

  .course-details-outer { padding-bottom: 30px; }

  .contact-info-wrap-outer { padding-bottom: 30px; }
  
  .why-contact-sec .why-cnt-wrap { padding-top: 20px; }

  .button-col-wrapper .button__primary:not(:last-child) { margin: 0 0 10px 0; }

  .location-map { padding-bottom: 52%; }

  .map-direction { padding: 15px; }

  .counseling-inner .button-hold { text-align: left !important; padding-top: 20px; }

  .single-blog-sec { margin-top: 80px; }

  .blog-article-body { padding-top: 30px; }

  .expert-card { margin-bottom: 20px; }
  .learn-path-slider { padding: 0 0 80px; }

  .blog-card.full-blog { margin-bottom: 30px; }

  .all-blog-sec .container > .row { flex-direction: column-reverse; }
  .all-blog-sec .all-blogs { padding-top: 30px; }

  .search-wrapper form { flex-direction: column; }
  .search-wrapper form .form-control { width: 100%; padding-left: 20px; padding-right: 20px; }
  
  .dedicated-blog-sec .common-img-wrapper { padding-bottom: 46%; }
  
  .blog-card.horizontal .card-part-image { width: 50%; }
  .blog-card.horizontal .card-content { width: 50%; }
  .blog-card.horizontal .card-part-image .common-img-wrapper img { border-radius: 20px; }
  
  .card-content h5 { margin: 0 0 10px; }
  .card-content .text-14 { gap: 5px; }
  
  .text-14 { font-size: 11px; }
  
  .blog-card.horizontal .category-wrap { padding: 6px 0 0 6px; border-radius: 15px 0 0 0; }
  
  .category-pill { padding: 6px; }
  .category-pill span { font-size: 12px; }

  .awards-wrap ul { margin-bottom: 20px; }
  
  .blog-card.horizontal:not(:last-of-type) { margin-bottom: 15px; }
  
  .popular-blogs .blog-card.horizontal { padding: 6px; }
  .popular-blogs .blog-card.horizontal .card-part-image { width: 50%; }
  .popular-blogs .blog-card.horizontal .card-content { width: 50%; }
  .popular-blogs .blog-card.horizontal .category-wrap { padding: 6px 0 0 6px; border-radius: 15px 0 0 0; }
  
  .blog-card.horizontal .card-content h5 { font-size: 14px; } 
  
  .card-part-image { margin-bottom: 20px; }
  
  .pagination { margin-top: 40px; }
  
  .page-numbers a, .page-numbers span { width: 40px; height: 40px; border-radius: 10px; }


  .online-payment-qr { margin-bottom: 28px; }
  .online-payment-qr-img { max-width: 300px; margin: 0 auto 20px; }
  .online-payment-qr .online-payment-details, .online-payment-qr h3 { text-align: center; }
  
  
  .real-stories-wrap .ti-widget.ti-goog .ti-load-more-reviews-container .ti-load-more-reviews-button { font-size: 14px !important; padding: 12px 40px 12px 12px !important; background-size: 26px !important; background-position: right 6px center !important; }

  .ftr-top .row {flex-direction: column-reverse;}

  .ftr-top .button-wrapper{border-radius: 0 0 var(--border-radius) var(--border-radius);}

  .ftr-top-rt { margin-left: -30px; }
  .ftr-top-rt svg {display: none;}

  .ftr-bottom { padding-top: 10px; }
  .ftr-lt, .ftr-menu { padding-top: 30px; }

  .ftr-menu h6 { font-weight: var(--fw-bold); margin: 0 0 20px; font-size: 18px; }
  .ftr-menu ul li:not(:last-child) { margin-bottom: 10px; }

  .ftr-lt-btm ul li:not(:last-child) { margin-bottom: 10px; }
  
  

}

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

  body {font-size: 14px;}

  .padding-small {padding: 40px 0;}

  .container {width: 95%;}

  .hero-media { height: inherit; position: relative; padding-bottom: 56.25%; }
  .hero-media img, .hero-banner video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

  .hero-banner-content { max-width: none; position: relative; background: #22222240; left: inherit; bottom: inherit; margin-top: 10px; padding: 10px; }

  .hero-banner .quick-links-slider-outer { position: relative; bottom: inherit; right: 0; max-width: 100%; padding: 10px 0 0 0; }

  .slide-text-item::after { width: 8px; height: 8px; }

  .form-wrapper .form-hold { padding: 15px; }

  .review-slider-outer {height: 400px;}

  .review-card { padding: 15px; }

  .top-icon img { width: 30px; }

  .title-flex {flex-direction: column;align-items: flex-start;}
  .title-flex .title {padding-bottom: 10px;}

  .learn-path-slider { padding-bottom: 70px; }

  .learn-path-card { padding: 15px; }
  .learn-path-card h4 { padding-right: 70px; }

  .renowned-companies-logos {justify-content: center;}

  .logo-col { width: 33.33%; }

  .logo-wrapper img { width: 70px; }

  .video-text-wrapper { margin: 0 8px; }

  .video-poster-img { padding-bottom: 56.25%; }

  .video-text { position: relative; max-width: none;padding: 10px; }
  .video-text svg { display: none; }
  .video-text-cnt h3 { margin: 0 0 10px; }

  .play-icon-wrap img { width: 60px; }

  .succ-stdnt-slider-outer .success-student-slider, .learning-journey-slider { padding-bottom: 100px; }

  .student-card { flex-wrap: wrap; border-radius: 35px; }
  .student-card-inner:not(:last-child) .student-card { margin-bottom: 8px; }

  .student-img { width: 50px; height: 50px; flex: 0 0 50px; margin-right: 8px; }

  .company-badge { min-width: auto; margin: 10px 0 0 52px; }

  .success-stories-cnt h3 { padding: 8px; border-radius: 10px; }
  .success-stories-cnt .button-wrap { margin-top: 20px; }

  .learners-prefers-wrap { padding: 20px 15px; }

  .learning-steps { flex-direction: column; gap: 45px; }
  .learning-step { width: 100%; }
  .learning-step:not(:last-child) .step-line { transform: rotate(90deg); top: inherit; right: inherit; left: 31px; bottom: -25px; width: 25px; }
  .learn-step h3 { font-size: 14px; }
  .learn-step p { font-size: 12px; }
  .learning-step img:last-of-type { bottom: -1px; }

  .trust-teasure-wrap .logo-col .logo-wrapper img { width: 70px; }

  .contact-us-form { padding: 15px; }

  .faq-sec-wrap { padding-left: 15px; padding-right: 15px; }

  .accordion-button { padding: 15px;}

  .splide__arrow { width: 50px; height: 50px; }
  .splide__arrow::before { width: 28px; height: 14px; background-size: 28px 14px; }

  .splide__arrow.splide__arrow--prev { left: calc(50% - 50px); }
  .splide__arrow.splide__arrow--next { right: calc(50% - 70px); }

  .video-inner-content { left: 15px; }

  .round-shape-button > a img, .round-shape-button span img { width: 22px; }

  .inner-banner .hero-banner-inner .hero-media { padding: 0; height: 220px; margin: 10px 0 0; }
 
 
  .banner-content { max-width: 100%; text-align: center; position: relative; padding: 20px 0; }
  .banner-content .button-wrapper { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }
  .button-wrapper .button__primary:not(:last-child) { margin-right: 0; }
  .explore-course-sec .header-block a.button__primary { margin-bottom: 10px !important; }


  .page-template-tpl-our-placement .counter-wrap ul { flex-direction: row; }
  .page-template-tpl-our-placement .counter-wrap ul .counter-hold { gap: 10px; flex-direction: column; }

  .counter-wrap ul { flex-direction: column; } 
  .counter-wrap ul li { width: 100%; }
  .counter-wrap ul li:not(:last-child) { margin: 0 0 15px; padding: 0; }
  .counter-wrap ul li:not(:last-child)::after { display: none; }

  .stndt-testimonial-item { flex-direction: column; }
  
  .testimonial-img { width: 100%; }
  .testimonial-content { width: 100%; }

  .stndt-testimonial-wrap .splide__pagination { left: 0; }

  .hire-card { padding: 20px; border-radius: 15px; }

  .icon-box img { width: 30px; height: 30px; }

  .benefit-item { padding: 20px; border-radius: 15px; }

  .benefit-icon {flex: 0 0 30px;}
  .benefit-icon img { width: 30px; height: 30px;}

  .reputed-organization-sec .logo-col { width: 33.33%; }
  .reputed-organization-sec .logo-col .logo-wrapper img { width: 70px; }

  .stndt-testimonial-wrap { padding: 20px; padding-bottom: 140px; border-radius: 20px; }
  
  .testimonial-img > img { border-radius: 20px; }

  .counseling-inner { padding: 20px; }
  
  .slide-arrow { width: 190px; padding: 40px; border-radius: 20px 0 0 0; }
  .slide-arrow svg { width: 20px; top: -20px; }
  .slide-arrow svg:last-of-type { left: -20px; }

  .why-cnt-wrap { padding-top: 30px; }
  .why-cnt-wrap ul li { width: 100%; }
  
  .cnt-icon img { width: 30px; }

  .resource-inner-wrap { padding: 20px 15px; }

  .course-content .button-wrapper { display: block; }
  .course-content .button-wrapper .button__primary:not(:last-child) { margin: 0 0 10px 0; }

  .course-accordion .accordion-item { padding: 20px 20px 80px; border-radius: 20px !important; }
  .course-accordion .accordion-item:last-child {padding-bottom: 20px;}
  .course-accordion .accordion-body { flex-direction: column-reverse; padding: 20px 0 0 0; }

  .course-detail-cnt-outer .content-wrapper .listing-wrap ul li { width: 100%; }
  .course-detail-cnt-outer .content-wrapper .listing-wrap ul li:not(:nth-last-child(-n+2)) { margin-bottom: 15px; }
  
  .take-action-wrap { padding: 40px 15px; }

  .contact-info-wrap { padding: 15px; border-radius: 15px; }

  .social-cnt-info ul li:not(:last-child) { margin-right: 20px; }

  .social-icon img { width: 25px; }

  .map-direction { padding: 10px; }

  .single-blog-sec { margin-top: 60px; }

  .blog-top-wrap .button-wrapper { display: block; }
  .blog-top-wrap .button-wrapper .button__primary:not(:last-child) { margin: 0 10px 10px 0; }

  .content-wrapper { padding: 20px; border-radius: 20px; }
  
  .content-inner-image { padding-bottom: 60%; }
  .content-inner-image img { border-radius: 20px; }

  .awards-wrap { padding-bottom: 20px; }
  .mission-vision-row .row { gap: 15px; }
  .mv-image-wrapper img { border-radius: 20px; }
  .mission-vision-row:first-child { padding-top: 40px; }

  .direct-inner-banner .row { flex-direction: column-reverse; }
  .direct-inner-banner .image-container { margin-bottom: 20px; }

  .row.offer-img-row { row-gap: 20px; }

  .director-outer-banner { padding: 30px 20px; }

  .expert-card { padding: 20px; flex-direction: column; }
  .expert-card .image-container { margin-left: inherit; margin-right: auto; margin-bottom: 20px; }

  .real-stories-wrap .ti-widget.ti-goog .ti-review-item>.ti-inner { border-radius: 20px !important; padding: 20px !important; }
  .real-stories-wrap .ti-widget.ti-goog .ti-load-more-reviews-container .ti-load-more-reviews-button { padding: 10px 40px 10px 10px !important; }
  .real-stories-wrap .ti-widget.ti-goog .ti-reviews-container { margin-left: 0; margin-right: 0; } 
  .real-stories-wrap .ti-reviews-container-wrapper { max-height: inherit; overflow: inherit !important; position: relative; }

  /* Online registration page */
  .online-payment-qr-img { max-width: max-content; margin: 0 auto 20px; }
  .form-wrapper .online-registration-form.form-hold { padding: 24px 16px; }
  /* Online registration page */

  .ftr { padding: 0 15px 20px; }
  .ftr-top-rt { margin-left: -15px; margin-right: -15px; }

  .ftr-top .button-wrapper { flex-direction: column; padding: 15px; }
  .ftr-top .button-wrapper .button__primary:not(:last-child) { margin: 0 0 10px 0; }

  .ftr-logo-wrapper { flex-direction: column; align-items: flex-start !important; }
  .ftr-logo-wrapper .rating-wrap { border: 0; padding-left: 0; padding-top: 10px; margin: 0; }

  .ftr-lt, .ftr-menu { padding-top: 20px; }

  .ftr-lt-btm {display: none;}
  .ftr-lt-btm ul { margin-bottom: 20px; }
  .ftr-lt-btm ul li a { font-size: 14px; }

  .ftr-lt > p { margin: 0; }

  .ftr-social-icons ul li:not(:last-child) { margin-right: 15px; }
  .ftr-social-icons { padding: 10px 0; }
  .ftr-social .ftr-lt-btm {display: block;}


}

/* @media only screen and (max-width: 379px){

  .logo-col, .trust-teasure-wrap .logo-col { width: 50%; }
  .logo-wrapper img, .trust-teasure-wrap .logo-col .logo-wrapper img { width: 80px; }
} */