@import url('https://fonts.googleapis.com/css2?family=Rowdies:wght@300;400;700&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');


*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: "Inter", sans-serif;
}

:root{
    --orange: #fc800a;
    --scene_clr:#fbf1e3;
    --bringle_clr:#8537AB;
    --yellow:#F8E170;
    --Emerald_clr : #4F86A4;
    --green:#88B520;
    --dark_emerald_clr:#376179;
    --dark_blue:#171E45;
    --light_pink:#FDE5E9;
    --dark_pink:#FB8095;
    --light_blue:#A5DBEA;
    --purple:#A880FB;
    --dark_scene_clr:#FB9E80;
}
section,body{
    overflow-x: hidden;
    
}
.ct_green_text{
    color: var(--green);
}
.ct_ff_inter{
    font-family: "Inter", sans-serif;
}
.ct_ff_Rowdies{
    font-family: "Rowdies", sans-serif;

}
h1,h2,h3,h4,h5,h6{
    font-family: "Rowdies", sans-serif;
}
a,a:hover{
    text-decoration: none;
}
ul{
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}
.ct_orange_text{
    color: var(--orange);
}
.ct_orange_bg{
    background-color: var(--orange);
}

.ct_scene_bg{
    background-color: var(--scene_clr);
}

.ct_text_clr_bringle{
    color: var(--bringle_clr);
}

.ct_px_70{
    padding-inline: 70px;
}
.ct_py_12{
    padding-block: 12px;
}
.ct_py_60{
    padding-block: 60px;
}

.ct_fs_60{
    font-size: 50px;
    line-height: 72px;
}
p{
    font-size: 16px;
    line-height: 26px;
}

.ct_fs_46{
    font-size: 46px;
    line-height: 55.2px;
}
.ct_fs_35{
    font-size: 35px;
    line-height: 35px;
}
.ct_fs_24{
    font-size: 24px;
    line-height: 28.8px;
}
.ct_fs_18{
    font-size: 18px;
    line-height: 29.25px;
}
.ct_fs_30{
    font-size: 30px;
    line-height: 36px;
}

.ct_fw_200{
    font-weight: 200;
}
.ct_fw_300{
    font-weight: 300;
}
.ct_fw_400{
    font-weight: 400;
}
.ct_fw_500{
    font-weight: 500;
}
.ct_fw_600{
    font-weight: 600;
}
.ct_fw_700{
    font-weight: 700;
}
/* Top bar css S */
.ct_top_bar{
    align-items: center;
    justify-content: space-between;
    /* background: linear-gradient(91.04deg, #FC800A 33.17%, #FBF1E3 33.17%); */
    background-color: var(--scene_clr);
 display: flex;
 
 align-items: center;
    position: relative;


}
.ct_top_bar_left_bg {
    /* background: linear-gradient(91.04deg, #FC800A 33.17%, #FBF1E3 33.17%); */
width: 100%;
    position: relative;
}
.ct_top_bar_left_bg:after{
    content: "";
    position: absolute;
    right: -1px;
    top: -2px;
    bottom: 0;
    width: 100%;
    height: 100%;
    width: 0;
    /* height: 0; */
    border-bottom: 50px solid var(--scene_clr);
    border-left: 50px solid transparent
}
.ct_top_bar_left_bg ul{
    display: flex;
    align-items: center;
    gap: 15px;
}
.ct_top_bar_left_bg ul li{
    color: #fff;
}
.ct_top_bar_left_bg ul li a{
    color: #fff;
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}
.ct_top_bar_right {
    margin-left: auto;
    width: 100%;
    text-align: end;
}
.ct_top_bar_right ul{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: end;
}

.ct_top_bar_right ul a{
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--orange);
    transition: 0.4s ease all;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.ct_top_bar_right ul a:before{
    content: "";
    position: absolute;
    inset: 0px;
    background-color: var(--orange);
    transform: scale(0);
    transition: 0.4s ease all;
    z-index: -1;
    border-radius: 100%;
}
.ct_top_bar_right ul a:hover:before{
    transform: scale(1); 
}
.ct_top_bar_right ul a:hover{
    color: #fff;
}

/* Top bar css E */


/* Header Css S */
header{
    position: relative;
    z-index: 9;
}
.ct_navbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: 15px;
   background-color: #fff;
   position: relative;
   z-index: 1;
}
.ct_navbar::after {
    content: "";
    position: absolute;
    background-image: url(../img/Cloud.svg);
    width: 100%;
    background-size: cover;
    height: 228px;
    top: 0px;
    left: 0px;
    z-index: -1;
}
.ct_menu_list ul{
    display: flex;
    align-items: center;
    gap: 40px;
}
.ct_menu_list ul li a{
    color: #000;
    font-size: 16px;
    font-weight: 600;
}
.ct_login_btn a {
    border: 2px solid var(--orange);
    border-radius: 30px;
    padding: 7px 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    gap: 10px;
    color: #000;
    font-weight: 600;
    transition: 0.4s ease all;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.ct_login_btn a:before{
    content: "";
    border: 2px solid transparent;
    position: absolute;
    inset: 0px;
    background-color: var(--orange);
    z-index: -1;
    transform: scaleX(0);
    transform-origin: left;
    transition: 0.4s ease all;
    border-radius: 30px;
}
.ct_login_btn a:hover:before{
    transform: scale(1);
}
.ct_login_btn a:hover{
    color: #fff;
}
.ct_login_btn a:hover img{
    filter: invert(1);
}
.ct_login_btn span {
    border-left: 2px solid #CACACA;
    padding-left: 10px;
}
.ct_menu_list {
    display: flex;
    align-items: center;
    gap: 30px;
}
.ct_close_bar {
    position: absolute;
    top: 30px;
    right: 30px;
    transition: 0.4s ease all;
    color: #000;
    display: none;
}
.ct_close_bar:hover{
    transform: rotate(360deg);
}
.ct_menu_bar{
    display: none;
    font-size: 20px;
    color: #000;
}
.ct_logo img {
    max-width: 60px;
}
.ct_logo span{
    font-size :13px

}
.ct_logo a {
    display: flex;
    align-items: center;
    gap: 15px;
}
.ct_dropdown{
    position: relative;
    transition: 0.6s linear all;
}

ul.ct_dropdown_menu {
    position: absolute;
    flex-direction: column;
    gap: 15px;
    align-items: self-start;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0px 0px 4px 0px #0000002B;
    border-radius: 10px;
    margin-top: 15px;
    z-index: 9999999;
    max-width: 250px;
    min-width: 250px;
    width: 100%;
    transform:perspective(-1000px) scaleY(0);
    transition: 0.6s linear all;
    transform-origin: top;
    opacity: 0;
    visibility: hidden;
}
.ct_dropdown_menu li a{
    transition: 0.4s ease all;
}
.ct_dropdown_menu li a:hover{
    color: var(--orange);
}
.ct_dropdown:hover a ~ ul.ct_dropdown_menu{
    transform:perspective(100px) scaleY(1);
    opacity: 1;
    visibility: visible;
}

/* Header Css E */


/* Banner section S */
.ct_banner_bg{
    background-color: #FBF1E3;
    /* height: 100vh; */
   
}

.ct_banner_section {
    /* height: calc(100vh - 138px); */
    /* height: 100%; */
    display: flex;
    align-items: end;
    padding-inline: 75px;
    position: relative;
    z-index: 1;
    overflow-y: hidden;
    transition: 0.4s ease all;
 
}
.ct_banner_section:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(../img/star-pattan.png);
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: -1;
    opacity: 0.2;
}

.ct_left_banner_img {
    position: relative;
    max-width: 600px;
    z-index: 1;
    margin-inline: auto;
}
.ct_left_banner_img img {
    width: 100%;
    margin-inline: auto;
    display: block;
}
.ct_overlay_img img {
    position: absolute;

    max-width: 150px;
}
.ct_overlay_img img:nth-child(1) {
    bottom: 40%;
    right: 0px;
}
.ct_overlay_img img:nth-child(2) {
    bottom: 0%;
    right: 0px;
}
.ct_overlay_img img:nth-child(3) {
    top: 20%;
    left: 0px;
    width: 60px;
}
.ct_overlay_img img:nth-child(4){
    top: 0%;
    z-index: -1;
    width: 100%;
    height: 100%;
    max-width: 100%;
    left: -10%;
}

.ct_left_banner_img {
    position: relative;
    max-width: 600px;
    z-index: 1;
}
.ct_orange_btn{
    background-color: var(--orange);
    padding: 15px 26px;
    border-radius: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    border:2px solid var(--orange);
    gap: 10px;
    width: fit-content;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    transition: 0.4s ease all;
    overflow: hidden;
}
.ct_orange_btn:before{
    content: "";
    position: absolute;
    inset: 0px;
    background-color: #fff;
    transform: scaleX(0);
    transition: 0.4s ease all;
    border-radius: 30px;
    z-index: -1;
    transform-origin: left;
}
.ct_orange_btn:hover:before{
    transform: scaleX(1);
}
.ct_orange_btn:hover{
    color: #000;
    background-color: transparent;
    border-style: dashed;
}
.ct_orange_btn:hover img{
    filter: invert(0);
}
.ct_orange_btn img{
    width: 18px;
    filter: invert(1);
}

.ct_section_right_cnt {
    position: relative;
    z-index: 1;
    padding-block: 140px;
}
.ct_section_right_cnt > img{
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100px;
}

.ct_navbar.ct_sticky_menu:after{
    display: none;
}
/* Banner section E */


/* Why Inroll Section  S */
.ct_why_inroll_bg{
    background-color: #fcf7ee;
}
.ct_enroll_small_icon{
    width:82px;
    height: 82px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ct_inroll_list{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
    
}
.ct_inroll_list li{
    display: grid;
    grid-template-columns: 82px auto;
    align-items: center;
    gap: 10px;
    margin-bottom: 50px;
}
.ct_inroll_list li:nth-child(1) .ct_enroll_small_icon{
    background-color: #E96B3B;
}
.ct_inroll_list li:nth-child(2) .ct_enroll_small_icon{
    background-color: #F8AD12;
}
.ct_inroll_list li:nth-child(3) .ct_enroll_small_icon{
    background-color: #88B520;
}
.ct_inroll_list li:nth-child(4) .ct_enroll_small_icon{
    background-color: #F96EA0;
}
.ct_inroll_list li:nth-child(5) .ct_enroll_small_icon{
    background-color: #7BBFFF;
}
.ct_inroll_list li:nth-child(6) .ct_enroll_small_icon{
    background-color: #CB98E8;
}
.ct_text_transform_unset{
    text-transform: unset;
}
.ct_why_inroll_right_img {
    gap: 2%;
    display: flex;
 /* flex-wrap: wrap;
    align-items: center; */
    justify-content: space-between;
    flex-shrink: 0;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
}
.ct_inroll_img_1{
    width: 32%;
    flex: 0 0 auto;
    margin-bottom: 30px;
}
.ct_inroll_img_1 img {
  
    height: 385px;
    width: 100%;
    border-radius: 125px;
    border: 2px dashed #88B520;
    object-fit: cover;
}
.ct_inroll_img_2{
    width: 66%;
    flex: 0 0 auto;
    margin-bottom: 30px;
}
.ct_inroll_img_2 img {

    height: 385px;
    border-radius: 20px;
    border: 2px dashed #E1A753;
    width: 100%;
    object-fit: cover;
}
.ct_inroll_img_3{
    width: 66%;
    flex: 0 0 auto;
}
.ct_inroll_img_3 img {

    height: 425px;
    width: 100%;
    border-radius: 20px;
    border: 2px dashed #FC800A;
    object-fit: cover;
}
.ct_inroll_img_4{
    width: 32%;
    flex: 0 0 auto;
}
.ct_inroll_img_4 img {

    height: 428px;
    width: 100%;
    border-radius: 20px;
    border: 2px dashed #000000;
      object-fit: cover;
}
.ct_px_140{
   padding-inline: 140px
}
/* .ct_why_inroll_right_img img {
    filter: blur(1px);
} */
/* Why Inroll Section  E */


/* About section S */
.ct_about_us_bg {
    background-image: url(../img/fullGirlImage.png);
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
    padding-top: 44px;
    padding-bottom: 100px;
}
.ct_about_us_bg:before {
    content: "";
    position: absolute;
    inset: 0px;
    background-image: url(../img/about_us_bg.png);
    background-size: contain;
    z-index: -1;
    opacity: 0.7;
}
/* About section E */


/* Testimonial Section S */
.ct_testimonial_section{
    background-color: var(--scene_clr);
    padding-top: 80px;
    padding-bottom: 120px;
    position: relative;
    z-index: 1;
}
.ct_testimonial_section:before {
    content: "";
    position: absolute;
    top: -76px;
    left: 0px;
    background-size: 100% 100%;
    background-image: url(../img/Union.png);
    width: 100%;
    height: 250px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}
.ct_rating_star{
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
    margin-bottom: 20px;
}
.ct_rating_star i{
    color: #fff;
}
.ct_testimonial_cnt_inner{
    position: relative;
}
.ct_testimonial_title {
    position: absolute;
    top: 50%;
    left: -50%;
    transform: translate(-50%, -50%);
    text-align: center;
    max-width: 70%;
    margin-inline: auto;
}
.ct_testimonial_title p{
    color: #fff;
}
.ct_img_90{
    width:90px !important;
    height: 90px;
    border-radius: 100px;
}
.ct_img_60{
    width: 60px;
    height: 60px;
    object-fit: contain;
    aspect-ratio: 1/2;
}
.ct_client_main_dtl {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-inline: 70px;
    margin-top: 20px;
}
.ct_testimonial_slider {
    margin-top: 80px;
}
.ct_testimonial_slider  .owl-nav{
    display: none;
}
.ct_testimonial_slider .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 50px;
}
.ct_testimonial_slider .owl-dots .owl-dot.active {
    border: 1.5px dashed var(--orange);
    padding: 5px !important;

    border-radius: 100px;
}
.ct_testimonial_slider .owl-dots .owl-dot.active span{
    background-color: var(--orange);
    opacity: 1;
}
.ct_testimonial_slider .owl-dots .owl-dot span{
    width: 10px;
    height: 10px;
    background-color: var(--orange);
    opacity: 0.5;
    border-radius: 100px;
    display: block;
    /* border: 1px dashed var(--orange); */
}
/* Testimonial Section E */


/* Footer section S */
footer{
    background-color: var(--dark_blue);
    position: relative;
    z-index: 1;
    padding-top: 80px;
   
}
footer:before{
    content: "";
    position: absolute;
    top: -84px;
    left: 0px;
    width: 100%;
    background-size: 100% 100%;
    background-image: url(../img/footer_shape.png);
    height: 84px;
    background-position: center;
}
.ct_newletter_div{
    padding: 40px;
    text-align: center;
    border: 1px dashed #FC800A;
    border-radius: 57px;
    position: relative;
    z-index: 1;
    margin: -1px;
}
.ct_newletter_div:after{
    content: "";
    position: absolute;
    top: 50%;
    background-image: url(../img/footer_design.png);
    right: 30px;
    background-size: contain;
    width: 120px;
    height: 120px;
    transform: translateY(-50%);
    z-index: -1;
}
.ct_newletter_main {
    display: flex;
    gap: 15px;
    margin-inline: auto;
    align-items: center;
    max-width: 80%;
}
input.form-control.ct_newsletter_input {
    height: 52px;
    border-radius: 100px;
    padding-inline: 20px;
    border: transparent;
    outline: none;
    flex: 1;
}
.ct_newsletter_input:focus{
    box-shadow: unset;
    border-color: var(--orange);
}
.ct_footer_logo img {
    max-width: 400px;
    width: 100%;
}
.ct_footer_social_media li a i{
    color: var(--dark_blue);
}
.ct_footer_social_media li a:hover i{
    color: #fff;
}
.ct_footer_get_in_touch ul li{
    display: flex;
    align-items: center;
    gap: 15px;
}
.ct_footer_get_in_touch ul li + li,.ct_footer_link ul li + li{
    margin-top: 15px;
}
.ct_footer_get_in_touch ul li a ,.ct_footer_link ul li a{
    color: #fff;
    transition: 0.4s ease all;
}
.ct_footer_get_in_touch ul li a:hover,.ct_footer_link li a:hover{
    color: var(--orange);
}
.ct_footer_emoji{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ct_footer_emoji img {
    max-width: 150px;
}
.ct_bottom_footer{
    padding: 15px;
    background-color: var(--yellow);
    margin-top: 50px;
}
/* Footer section E */

/* Mission Section S */
.ct_vision_mission{
    background-image: url(../img/our_mission_design.png);
    background-size: contain;
}
.ct_img_16{
    width: 16px;
}
.ct_white_img{
    filter: invert(1);
}
.ct_yellow_card{
    background-color: #F4A21A;
    padding: 30px 60px;
    border-radius: 30px;
    border: 2px dashed #000000;
    position: relative;
    z-index: 1;
}
.ct_yellow_card:after {
    content: "";
    position: absolute;
    right: 30px;
    max-width: 300px;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-image: url(../img/textimage3.webp.png);
    z-index: -1;
    top: -40px;
    background-repeat: no-repeat;
    background-position: right;
}
.ct_blue_card{
    background-color: var(--dark_emerald_clr);
    padding: 30px 72px;
    border-radius: 30px;
    border: 2px dashed #000000;
    position: relative;
    z-index: 1;
}
.ct_blue_card:after {
    content: "";
    position: absolute;
    right: 30px;
    max-width: 200px;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-image: url(../img/textimage2.webp.png);
    z-index: -1;
    top: -80px;
    background-repeat: no-repeat;
    background-position: right;
}
.ct_blue_card  ul{
    list-style: disc;
    padding-left: 16px;
}
.ct_blue_card  ul li + li{
    margin-top: 10px;
}
.ct_yellow_card ul li + li{
    margin-top: 15px;
}
.ct_mt_136{
    margin-top: 136px;
}

.ct_vision_mission{
    background-color: var(--scene_clr);
    padding-bottom: 200px;
}
.ct_after_img_none:after{
    display: none;
}
/* Mission Section E */


/* Welcome page css S */
.ct_inner_bg {
    background-image: url(../img/contact_bg.png);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    height: 450px;
    display: flex;
    align-items: end;
justify-content: center;
text-align: center;
padding-block: 80px;
}
.ct_welcome_bg_star{
    background-image: url(../img/star-pattan.png);
}

.ct_list_style_disc{
    list-style: disc;
}
/* Welcome page css E */


/* Login page css S */
.ct_white_card{
    padding: 50px;
    border: 2px dashed #020202;
    background: #fff;
    border-radius: 20px;

}
.ct_required_star{
    color:#ff0000;
}
.ct_login_input {
    background-color: #FBF1E3;
    border-radius: 15px;
    height: 48px;
}
.form-control{
    border: 2px  dashed transparent;
}
.form-control:focus{
box-shadow: none;
border: 2px  dashed var(--orange);
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}
.ct_custom_checkbox{
    accent-color: var(--orange);
    width: 16px;
    height: 16px;
    
}
.ct_btn_h_50{
    height: 50px;
}
.ct_btn_h_40{
    height: 40px;
}
.ct_fs_14{
    font-size: 14px;
}
.ct_text_under_line{
    border-bottom: 1px solid #000;
}
.ct_pt_120{
    padding-top: 120px;
}
.ct_show_eye {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    width: 18px !important;
}
.ct_error{
    color: #ff0000;
    margin-top: 2px;
    font-size: 14px;
}
/* Login page css E */


/* Faq page css S */
.ct_faq_accordian .accordion-button::after{
    background-image: url(../img/plus.svg);
    margin-left: 0px;
    padding: 30px;
    background-color: #ECECEC;
    background-position: center;
    border-radius: 20px;
}

.ct_faq_accordian .accordion-button:not(.collapsed)::after {
    background-image: url(../img/minus.svg);
    transform: rotate(0deg);
    background-position: center;
}
.ct_faq_accordian .accordion-button{
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 25px;
    padding: 8px 10px;
}
.ct_faq_accordian.accordion{
    background-color: transparent !important;
}
.ct_faq_accordian .accordion-item{
    margin-bottom: 26px;
    border-bottom: 0px;
}
.ct_faq_accordian.accordion-flush>.accordion-item>.accordion-header .accordion-button, .ct_faq_accordian.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed,.ct_faq_accordian.accordion-flush>.accordion-item {
    border-radius: 20px !important;
}
.ct_faq_accordian .accordion-button:not(.collapsed){
background-color: var(--dark_scene_clr);
box-shadow: unset;
color: #fff;
}

.ct_faq_accordian .accordion-button:focus{
    box-shadow: unset;
}
.ct_pb_120{
    padding-bottom: 120px;
}
/* Faq page css E */


/* Tech Support Css S  */
.ct_free_touch_card {
    padding: 42px;
    border-radius: 20px;
    border: 2px dashed #000;
    display: grid;
    height: 100%;
    text-align: center;
    position: relative;
    transition: 0.4s ease all;
}
.ct_free_touch_card:hover{
    background-color: #fff !important;
}
.ct_free_touch_card:hover svg path{
    fill: var(--orange);
}

.ct_free_touch_card svg {
    width: 50px;
    margin-inline: auto;
    display: block;
    height: 50px;
    margin-bottom: 25px;
}
.ct_free_touch_card h3 {
    color: #fff;
    margin-bottom: 25px;
    word-break: break-all;
}

.ct_free_touch_card:hover  h3,.ct_free_touch_card:hover  h4{
    color: #000;
}
.ct_free_touch_card h4{
    color: #fff;
}
button.ct_white_btn {
    box-shadow: 0px 0px 6.9px 0px #00000075 inset;
    box-shadow: 0px 2px 4px 0px #00000040;
    background-color: #fff;
    border: none;
    outline: none;
    height: 55px;
    border-radius: 15px;
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
}
button.ct_white_btn {
    box-shadow: 0px 0px 6.9px 0px #00000075 inset;
    box-shadow: 0px 2px 4px 0px #00000040;
    background-color: #fff;
    border: none;
    outline: none;
    height: 55px;
    border-radius: 15px;
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
    margin-bottom: 25px;
}
.ct_pb_150{
    padding-bottom: 150px;
}
/* Tech Support Css E */

/* Employment page css S */
.ct_light_pink_bg{
    background-color: var(--light_pink);
    padding: 40px;
    border: 2px dashed #020202;
    border-radius: 30px;

}
.ct_input_white {
border-radius: 15px;
    padding-inline: 25px;
    padding-block: 18px;
    border: 1px solid#fff;
}
.ct_file_upload_input {
    background-color: #fff;
    width: 100%;
    padding: 18px 25px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
}
.ct_file_upload_input:focus{
    border: 2px dashed var(--orange);
}

.ct_img_102{
    width: 102px;
    height: 102px;
    border-radius: 6px;
    object-fit: cover;
}
.ct_tutor_card {
    padding: 37.7px;
    border: 2px dashed #000;
    border-radius: 20px;
    transition: 0.4s ease all;
    z-index: 1;
    position: relative;
}
.ct_tutor_card:hover{
    background-color: #fff !important;
}
.ct_tutor_card:hover h4,.ct_tutor_card:hover li,.ct_tutor_card:hover li a{
    color: #000;
}
.ct_tutor_card:hover li img{
    filter: invert(1);
}

.ct_tutor_card h4{
    color: #fff;
}
.ct_tutor_card li {
    display: flex;
    align-items: center;
    gap: 15px;
}
.ct_tutor_card li ,.ct_tutor_card li a{
    color: #fff;
}
.ct_fees_card{
    position: relative;
    transition: 0.4s ease all;
}
.ct_fees_card .ct_fees_overlay_cnt{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.ct_light_green_svg svg {
    fill: #88B5201A;
    stroke: #88b520;
    stroke-dasharray: 2px;
} 
.ct_light_orange_svg svg{
    fill: #FC800A1A;
    stroke: #FC800A;
    stroke-dasharray: 2px;

}
.ct_white_shadow_card{
    padding: 20px;
    background-color: #fff;
    box-shadow: 0px -1px 4px 0px #00000040;
    border-radius: 10px;
    position: relative;
} 
.ct_border_right_orange{
    border-right: 3px solid var(--orange);
}
.ct_mt_90{
    margin-top: 90px;
}
.ct_img_h_285{
    height: 285px;
    width: 100%;
    object-fit: cover;
}
.ct_say_hello_card{
    background-image: url(../img/contact_blue_bg.jpg);
    background-size: cover;
    border-radius: 30px;
    border: 2px dashed #000;
    padding: 40px;
}

.ct_radius_20{
    border-radius: 20px;
}

.ct_say_hello_card  li a{
    color: #000;
    display: flex;
    align-items: center;
    gap:10px;
}
.ct_say_hello_card  li + li{
    margin-top: 5px;
}
.ct_contact_social_media  li a{
    background-color: transparent;
    border: 1px solid #000;
}
.ct_py_83{
    padding-block: 83px;
}
.ct_img_100{
    width: 100px;
    height: 100px;
    object-fit: contain;
}
.ct_tutor_card li img{
    width:20px;
}
.ct_grid_2{
    display: flex;
    /* grid-template-columns: auto auto; */
    gap: 15px;
    align-items: center;
}
/* Employment page css E */


/* Admission proccess page css S */
.ct_admission_process_bg{
    background-image: url(../img/star_pattern_2.png);
}
.ct_mt_60{
    margin-top: 60px;
}
/* Admission proccess page css E */


/* Founder page css S */
.ct_founder_img {
    margin-inline: auto;
    text-align: center;
    border: 2px dashed #000;
    border-radius: 15px;
    position: relative;
    z-index: 1;
    max-width: 365px;
}
.ct_founder_img:before {
    content: "";
    position: absolute;
    top: -54px;
    left: calc(100% - 40px);
    width: 120px;
    height: 120px;
    background-image: url(../img/circle_design.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.ct_founder_img img {
    height: 488px;
    width: 100%;
    object-fit: cover;
    filter: blur(2px);
    border-radius: 15px;
}
img.ct_center_star {
    max-width: 90px;
    object-fit: contain;
}
.ct_leadership_team figcaption{
    margin-top: 30px;
}
.ct_team_img{
    border: 2px dashed #000;
    border-radius: 15px;
    overflow: hidden;
    transition: 0.4s ease all;
}

.ct_team_img img{
    width: 100%;
    object-fit: cover;
    height: 419px;
    filter: blur(3px);
    transition: 0.4s ease all;
 
}
.ct_team_img:hover img{
transform: scale(1.2);
}
.ct_leadership_team_main{
    position: relative;
    z-index: 1;
}
.ct_leadership_team_main:after {
    content: "";
    position: absolute;
    right: -50px;
    background-image: url(../img/circle_design.png);
    max-width: 100px;
    height: 100px;
    background-size: contain;
    width: 100%;
    background-repeat: no-repeat;
    z-index: -1;
    top: -50px;
} 

/* Founder page css E */


/* School event section css S */
.ct_event_img img {
    width: 100%;
    height: 230px;
    object-fit: cover;
}
.ct_event_card {
    display: grid;
    grid-template-columns: 300px auto;
    gap: 30px;
    background-color: #ffff;
    align-items: center;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}
.ct_event_card .ct_event_date {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #F96EA0;
    padding: 5px 15px;
    border-radius: 0px 0px 0px 20px;
    color: #fff;
    z-index: 9;
}
.ct_pt_60{
    padding-top: 60px;
}
.ct_event_img{
    overflow: hidden;
    transition: 0.4s ease all;
}

.ct_event_img img{
    filter: blur(2px);
    transition: 0.4s ease all;
}
.ct_event_img:hover img{
    transform: scale(1.2);
}
/* School event section css E */

/* uploading section S */
.ct_upcomming_course_bg {
    background-color: #E1A753;
    position: relative;
    padding-block: 50px;
}
.ct_upcomming_course_bg:before {
    content: "";
    position: absolute;
    top: -33px;
    width: 100%;
    background-image: url(../img/new_course_mark_1.png);
    height: 33px;
    z-index: 000;
    background-size: cover;
}
.ct_upcomming_course_bg:after {
    content: "";
    position: absolute;
    bottom: -32px;
    width: 100%;
    background-image: url(../img/new_course_mark_2.png);
    height: 33px;
    z-index: 000;
    background-size: cover;
    left: 0px;
    background-position: bottom;
}
.ct_brown_btn{
    background-color: #BF7408;
    border-color: #BF7408;
}
.ct_upcomming_latest_img img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}
.ct_upcomming_latest_img {
    border: 2px dashed #fff;
    border-radius: 15px;
    overflow: hidden;
}
.ct_upcomming_latest_card figcaption {
    margin-top: 10px;
}
.ct_calender_slider .owl-nav{
    display: none;
}
.ct_calender_slider .owl-dots{
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 38px;

}
.ct_calender_slider .owl-dots button.owl-dot {
    width: 20px;
    height: 20px;
    border-radius: 100px;
    border: 1px dashed transparent;
    /* background-color: hsl(29deg 98% 51% / 20%); */
    border-radius: 100px;
    position: relative;
    
}
.ct_calender_slider .owl-dots button.owl-dot.active{
    border: 1px dashed var(--orange);
}
.ct_calender_slider .owl-dots button.owl-dot:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
     background-color: hsl(29deg 98% 51% / 20%);
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
.ct_calender_slider .owl-dots button.owl-dot.active:before{
    background-color: hsl(29deg 98% 51% / 100%);
}
/* uploading section E */

.ct_event_dlt_img img {
    width: 100%;
    height: 600px;
    object-fit: cover;
}

.ct_event_dtl_main_box figure {
    margin-bottom: 0px;
    background-color: #F96EA0;
    border-radius: 20px;
    overflow: hidden;
}
.ct_event_dtl_main_box figcaption {
    padding: 40px 50px;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 15px;
}
.ct_event_dtl_main_box figcaption span{
    white-space: nowrap;
}
.ct_service_dtl_list li{
    position: relative;
}
.ct_service_dtl_list li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    background-color: var(--orange);
    border-radius: 100px;
    box-shadow: 0px 0px 0px 4px rgb(252 128 10 / 20%);
}
.ct_service_dtl_list li + li {
    margin-top: 27px;
}

.ct_event_dtl_sub_img img{
    width:100%;
    height: 307px;
    object-fit: cover;
    
    border-radius: 20px;
}

.ct_grid_5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    gap: 10px 40px;
}

.ct_brand_img {
    background-color: #fff;
    padding: 22px;
    border-radius: 10px;
}
.ct_brand_img img {
    height: 89px;
    aspect-ratio: 1 / 2;
    width: 100%;
    object-fit: contain;
}
.ct_img_119_75{
    width: 119px;
    height: 75px;
    object-fit: cover;
}

.ct_border_radius_50{
    border-radius: 50px;
}
.ct_bottom_pagination{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 30px;
}
.ct_bottom_pagination a{
    display: flex;
    align-items: center;
    gap: 10px;
    color: #000;
}
.ct_img_18{
    width: 18px;
    height: 18px;
    object-fit: contain;
}


/* Academic program css S */
.ct_service_card figure {
    margin-bottom: 0px;
    border: 1px solid #FFFFFF;
    border-radius: 36px;
    padding: 30px 26px;
    background-color: #fff;
    box-shadow: 0px 0px 4px 0px #00000040;

}

.ct_grid_between_box {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.ct_list_style_none {
    list-style: none;
}
.ct_btn_border_blue {
    border-color: var(--orange) !important;
}
.ct_custom_btn {
    height: 55px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    width: fit-content;
    margin-inline: auto;
    padding-inline: 25px;
    border-radius: 100px;
    color: #fff;
    transition: 0.4s ease all;
    position: relative;
    z-index: 1;
}
.ct_custom_btn:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: var(--orange);
    width: 0%;
    height: 100%;
    z-index: -1;
    border-radius: 100px;
    opacity: 0;
    transition: 0.4s ease all;
}
.ct_custom_btn i {
    width: 53px;
    height: 53px;
    background-color: var(--orange);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    position: relative;
    margin-left: -25px;
}
.ct_custom_tab .nav-pills .nav-link.active, .ct_custom_tab .nav-pills .show>.nav-link{
    background-color: var(--orange);
    color: #fff;
}
.ct_custom_tab .nav-pills{
    display: flex;
    justify-content: center;
    gap: 10px;
}
.ct_custom_tab .nav-pills .nav-link {
    max-width: 163px !important;
    width: 163px !important;
    padding-block: 13px;
    position: relative;
    transition: 0.4s ease all;
    border: 2px dashed var(--orange);
    color: #000;
    font-weight: 600;
}

.ct_custom_btn span{
    margin-left: 10px;
}
.ct_custom_btn:hover:before {
    width: 100%;
    opacity: 1;
}
.ct_btn_border_blue:hover span {
    color: #fff !important;
}
.ct_academic_box {
    padding: 15px 50px;
    border: 1px solid #eee;
    border-radius: 10px;
    box-shadow: 0px -1px 4px 0px #00000040;
    background-color: #FFFFFF;

}
.ct_border_left_7 {
    border-left: 3px solid var(--orange);
}
.ct_border_right_7 {
    border-right: 3px solid var(--orange);
}
.ct_mb_30{
    margin-bottom: 30px;
}


.ct_custom_accordian button.accordion-button {
    background-color: transparent;
    justify-content: space-between;
    padding-block: 8px;
}
.ct_custom_accordian .accordion-item{
    background-color: transparent;
    border-color: transparent;
}
.ct_custom_accordian .accordion-button:not(.collapsed){
box-shadow: unset;
}
.ct_custom_accordian .accordion-button:focus{
    box-shadow: unset;
}
.ct_custom_accordian .accordion-button::after{
    background-image: url(../img/plus.svg);
    margin-left: 0px;
    padding: 30px;
    background-color: #FBF1E3;
    background-position: center;
    border-radius: 20px;
}

.ct_custom_accordian .accordion-button:not(.collapsed)::after {
    background-image: url(../img/minus.svg);
    transform: rotate(0deg);
    background-position: center;
}
.ct_custom_accordian .accordion-button:not(.collapsed) {
    box-shadow: unset;
}
.ct_custom_accordian button.accordion-button {
    background-color: transparent;
    justify-content: space-between;
    font-size: 28px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    color: #000;
}
/* Academic program css E */


/* Loader css S */
.ct_loader_main {
    width: 100%;
    background: var(--scene_clr);
    position: fixed;
    height: 100vh;
    top: 0px;
    left: 0px;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loader {
    width: 100px;
    height: 100px;
    border: 8px solid var(--orange);
    border-radius: 50%;
    border-top-color: transparent;
    position: relative;
    animation: loaderAnimation 1.5s linear infinite;
  }
  
  .loader::before,
  .loader::after {
    content: '';
    position: absolute;
    height: 20px;
    width: 20px;
    left: 50%;
    top: 50%;
    background-color: var(--orange);
    border-radius: 50%;
    transform: translate(-50%, -50%);
  }
  
  .loader::before {
    animation: loaderAnimationBefore 1s linear infinite;
  }
  
  .loader::after {
    animation: loaderAnimationAfter 1s linear infinite;
  }
  
  @keyframes loaderAnimation {
    0% {
      transform: rotate(0deg);
    }
  
    100% {
      transform: rotate(360deg);
    }
  }
  
  @keyframes loaderAnimationBefore {
    0% {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
    }
  
    50% {
      opacity: 0;
      transform: translate(-50%, -50%) scale(0);
    }
  
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
    }
  }
  
  @keyframes loaderAnimationAfter {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) scale(0);
    }
  
    50% {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
    }
  
    100% {
      opacity: 0;
      transform: translate(-50%, -50%) scale(0);
    }
  }
  
/* Loader css E */

.ct_img_h_608{
    height: 508px;
    object-fit: cover;
}


.ct_navbar.ct_sticky_menu {
    position: fixed;
    background-color: #fff;
    width: 100%;
    top: 0px;
    z-index: 9;
    animation: slideDown 0.35s ease-out;
    left: 0px;
    padding-inline: 70px;
}
@keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(0);
    }
  }

  .ct_border_1{
    border: 1px solid #B5B5B5;
  }