body{font-family:"Poppins"; overflow-X: hidden;}
a {text-decoration: none;}
ul{margin: 0; padding: 0;}
html{overflow-X: hidden;}

.gtranslate{position: fixed;right: 0;transform: rotate(90deg) translateY(-30px);top: 50%;background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, .3);padding: 5px 15px;border-radius: 0 0 5px 5px;}
.gtranslate a img{width: 30px;}

.header_area{position: absolute; width: 100%;z-index: 2; left: 0; top: 0;margin-top:40px;}
.head_btm{background:#fff;box-shadow: 0 0 70px rgb(0 0 0 / 20%);transition: all 300ms ease;padding: 0 20px;border-radius: 10px;}
.head_btm .navbar-brand{line-height: 110px;padding:0; position: relative;z-index: 1;margin: 0;width: 200px;}
.head_btm .navbar-brand img{width: 100%;}
.head_btm ul{margin:0 0 0 auto;}
.head_btm ul li a{color:#2e281f;font-size: 16px;font-weight: 500; line-height:55px; text-transform:uppercase;position:relative;transition: all 0.3s;cursor:pointer;}
.head_btm ul li a:hover{color: #2e281f;}
.head_btm .navbar{padding: 0;}
.head_btm .navbar-nav .nav-link{padding:0 25px;}
.menu_img{padding: 20px;}
.menu_img img{width: 100%;}
.etimate_btn {background-color: #2e281f; border-radius: 8px; position: relative;z-index: 1;overflow: hidden;color: #fff !important;}
.etimate_btn:before {position: absolute;left: 0;top: -5px;height: 66px;width: 0;content: "";background-color: #a8c5d2;transition: .5s;border-top-right-radius: 33px;border-bottom-right-radius: 33px;z-index: -1;}
.etimate_btn a{color:#fff !important;}
.etimate_btn:hover:before {width: 100%;border-radius: 0;}
.etimate_btn:hover{color: #000 !important;}
.header_area .dropdown > .nav-link:after{display: inline-block;margin-left: 0.255em;vertical-align: 0.255em;content: "";border-top: 0.3em solid;border-right: 0.3em solid transparent;border-bottom: 0;border-left: 0.3em solid transparent;}

.header_area .navbar .dropdown-menu{width: max-content;border-radius: 0;}
.header_area .navbar .dropdown-menu a{line-height: 22px;color: #000;text-transform: capitalize;font-weight: 500;}
.header_area.sticky-header{position: fixed;left: 0;top: 0;border-radius: 0;width: 100%;transition: all 0.5s;}
.header_area ul li ul li{margin:10px 0;}

.sticky_menu{position: fixed; width: 100%;top: 0; left: 0;}

.banner_area{padding: 160px 0 0;position: relative;}
.banner_area .container{position: relative;z-index: 1;}
.banner_cont {width: 100%; margin: auto 0;}
.banner_cont h1{font-size: 48px; font-weight: bold;margin-bottom: 20px;color: #2e281f;text-transform: uppercase;}
.banner_cont p{font-size:18px; font-weight: 500;margin-bottom: 20px;color: #2e281f;line-height: 32px;}
.banner_right{width: 100%;}
.banner_right img{width: 100%;}

.btn_area a {background-color: #000; border-radius: 8px; position: relative;z-index: 1;padding: 0 26px !important;display: inline-block;color: #fff; line-height: 55px;text-transform: uppercase; font-weight: 500;overflow: hidden; transition: all 0.5s;cursor: pointer;}
.btn_area a:before {position: absolute;left: 0;top: -5px;height: 66px;width: 0;content: "";background-color: #a8c5d2;transition: .5s;border-top-right-radius: 33px;border-bottom-right-radius: 33px;z-index: -1;}
.btn_area a:hover:before {width: 100%;border-radius: 0;}
.btn_area a:hover{color: #000;}
.slider{position: relative;}

.head span{background: #2e281f; color: #fff;font-size: 16px; padding: 5px 10px; text-transform: uppercase;}
.head{margin: 0 0 20px;}

.abt_area{background: #fbf7f5; padding: 70px 0;}
.abt_img{display: inline-block;position: relative;z-index: 1;}
.abt_img:before{position:absolute;content:'';left:0;top:-20px;right:-20px;bottom:20px;border-radius:285px 285px 0px 0px;z-index: -1; background-color: #a8c5d2;}
.abt_left{width: 100%;}
.abt_right{width: 100%; margin: auto 0;}
.abt_right h3{color: #2e281f; font-size: 36px; font-weight: 800; margin: 0 0 20px; text-transform: uppercase;}
.abt_right p{font-size: 16px; line-height: 28px; text-align: justify; color: #505050;}
.abt_right ul{display: flex;flex-wrap: wrap;margin: 0 -12px;}
.abt_right ul li{flex: 0 0 auto;width: 33.33333333%;padding: 0 12px 0 72px;list-style: none;font-size: 16px;color: #505050;position: relative;font-weight: bold;margin: auto 0;}
.abt_right ul li:before{content: "\f00c";font-family: "Font Awesome 6 Free";font-weight: bold;width: 50px;height: 50px;border-radius: 8px;background: #a8c5d2;color: #000;position: absolute;left: 12px;top: 50%;transform: translateY(-50%);font-size: 26px;text-align: center;line-height: 50px;transition: all 0.5s;}
.abt_right ul li:hover:before{background: #2e281f; color: #fff;}
.abt_right .btn_area{margin-top: 20px;}

.courses_area{padding: 70px 0;}
.courses_area .head{text-align: center;}
.courses_area h3{color: #000; font-size: 36px; font-weight: 800; margin: 0 0 20px; text-transform: uppercase;text-align: center;}
.course_box{margin: 15px 0;}
.course_img{width: 200px;height: 200px;border-radius: 100%;background: #2e281f;text-align: center;margin: 0 auto;border: 4px solid #fff;box-shadow: 0 0 0 3px #2e281f; position: relative;overflow: hidden;}
.course_img img{width: 100%; height: 100%; object-fit: cover;}
.course_box h4{color: #020101; font-size: 18px; font-weight: bold; margin: 10px 0 10px;text-align: center;}
.course_box ul{background: #a8c5d2;display: flex;}
.course_box ul li{list-style: none; display: inline-block; padding: 8px 10px;text-align: center;width: 50%;border-right: 1px solid #020101; color: #020101;}
.course_box ul li:last-child{border: none;}
.course_box .btn_area{text-align: center;margin-top: 20px;}

.testimonial_area{background: url('https://createbrighteducation.com/wp-content/uploads/2024/10/Top-page-Testimonial.png'); no-repeat center; padding: 130px 0 70px;position: relative;z-index: 1;background-attachment: fixed;}
.testimonial_area:before{content: ""; background: rgba(168,197,210,0.9); background-size: cover;position: absolute; left: 0; bottom: 0;width: 100%; height: 100%;z-index: -1;background-attachment: fixed;}
.testimonial_area .head{color: #fff; text-align: center;}
.testimonial_area h3{color: #2e281f; font-size: 36px; font-weight: 800; margin: 0 0 20px; text-transform: uppercase;text-align: center;}
.testimonial_area svg {position: absolute;top: 0;left: 0;height: 100px;width: 100%;transform: scaleY(-1);}
.testimonial_area svg path{fill: #fff;transform-origin: center;transform: rotateY(0deg);}
.testimonial_area .item p{font-size: 18px;font-weight: 300; color: #2e281f;line-height: 28px; text-align: justify; margin: 30px 0 20px;}
.testimonial_area .item h4{font-weight: bold; font-size: 18px; color: #a8c5d2;margin: 0;}
.testimonial_area .item h5{font-weight: 300; font-size: 18px; color: #2e281f;margin: 0;}
.testimonial_area .slick-dots{text-align: center;margin-top: 20px;}
.testimonial_area .slick-dots li button{color: transparent; border: 1px solid #2e281f; background: #a8c5d2;padding: 0;width: 15px; height: 15px; border-radius: 100%;}
.testimonial_area .slick-dots li{display: inline-block; list-style: none; margin: 10px 5px;}
.testimonial_area .slick-dots li.slick-active button{background: #2e281f;}

.footer_area{background:#222842;border-top: 1px solid #666666;}
.foot_about, .foot_menu, .foot_cont{padding: 70px 0;}
.foot_about h3{font-size: 24px; color:#cccccc; margin-bottom: 15px;font-weight: 500;}
.foot_about p{color:#cccccc;line-height: 28px; text-align: justify;margin: 0;}
.foot_menu h3{font-size: 24px; color:#cccccc; margin-bottom: 15px;font-weight: 500;}
.foot_menu ul li {list-style: none; padding:5px 0 5px 15px;position: relative;}
.foot_menu ul li:before{content:"\f105";font-family:"Font Awesome 6 Free";position:absolute;left: 0;top: 4px;font-weight: bold;color:#cccccc;}
.foot_menu ul li a{color:#cccccc;display: block;transition: all 0.3s; position: relative;left:0;}
.foot_menu ul li a:hover{left:5px;}
.foot_cont h3{font-size: 24px; color:#cccccc; margin-bottom: 15px;font-weight: 500;}
.foot_cont p{display:flex;margin-bottom:10px;color:#cccccc;}
.foot_cont p a{color:#cccccc; word-break: break-all;}
.foot_cont p i{position: relative;top: 5px;width: 100%;max-width: 20px;color: #cccccc;}
.foot_link{padding-left: 25px;}
.foot_form{background: #a8c5d2;padding: 20px;height: 100%;}
.foot_form form h3{font-size: 24px; color:#000; margin-bottom: 15px;font-weight: 500;}
.foot_form form input{background: #fff; border-radius: 5px; border:none; color: #505050;margin-bottom: 10px;}
.foot_form form textarea{height: 72px;background: #fff; border-radius: 5px; border:none; color: #505050;margin-bottom: 10px;}
.form_btn {background-color: #2e281f; border-radius: 8px; position: relative;z-index: 1;padding: 0 26px !important;display: inline-block;color: #fff; line-height: 55px;text-transform: uppercase; font-weight: 500;overflow: hidden;border:none; display: block; margin: 0 auto;}
.form_btn:before {position: absolute;left: 0;top: -5px;height: 66px;width: 0;content: "";background-color: #2e281f;transition: .5s;opacity: .5;border-top-right-radius: 33px;border-bottom-right-radius: 33px;z-index: -1;}
.form_btn:hover:before {width: 100%;border-radius: 0;}
.form_btn:hover{color: #fff !important;}

.copy_area{padding: 30px 0; border-top: 1px solid #666666;}
.copy_area p{margin: 0; color: #cccccc;text-align: center;}
.copy_right{text-align: right;}

/*===============About Us Starts===============*/
.inner_banner{background: #fbf7f5; padding: 200px 0 50px;}
.inner_img{text-align: right;}
.inner_img img{width: 50%;}
.breadcrumb_area{margin: auto 0; width: 100%;}
.breadcrumb_area ul li{display: inline-block; color: #505050;}
.breadcrumb_area ul li a{color: #000;}
.breadcrumb_area h1{color: #000; font-size: 36px; font-weight: 800; margin:0 0 5px; text-transform: uppercase;}

.abt_wrap{padding: 70px 0;}
.abt_wrap_left img{width: 80%;}
.abt_wrap_right p{font-size: 16px; line-height: 28px; text-align: justify; color: #505050;}
.abt_wrap_right h3{color: #2e281f; font-size: 36px; font-weight: 800; margin: 0 0 10px; text-transform: uppercase;}
.abt_wrap_right{margin: auto 0;}
.abt_wrap_right ul li{ list-style-type: disc !important; margin-left: 21px !important; font-size: 16px;line-height: 28px; text-align: justify; color: #505050; margin: 5px 0;list-style: none; position: relative;}
/*.abt_wrap_right ul li:before{content:"\f0a4";font-family:"Font Awesome 6 Free";position:absolute;left: 0;top: -1px;font-weight: bold;color:#000;}*/

.abt_vsn{background: #a8c5d2;padding: 70px 0 0;}
.abt_vsn_left{margin: auto 0;}
.abt_vsn_left p{font-size: 16px; line-height: 28px; text-align: justify; color: #505050;margin: 0;}
.abt_vsn_right{border-radius: 0 400px 0 0;}
.abt_vsn_right img{width: 100%; height: 100%; object-fit: cover;}

.vsn_point_area{padding: 70px 0;}
.vsn_point_box{display: flex;}
.vsn_point_img{width:100%; max-width: 150px;height: 150px;border-radius: 100%;background: #2e281f;text-align: center;border: 4px solid #fff;box-shadow: 0 0 0 3px #2e281f;overflow: hidden;}
.vsn_point_img img{width: 100%; height: 100%; object-fit: cover;}
.vsn_point_cont{margin:auto 0 auto 15px;}
.vsn_point_cont h4{color: #020101; font-size: 18px; font-weight: bold; margin: 0 0 5px;}
.vsn_point_cont p{font-size: 16px; line-height: 28px; text-align: justify; color: #505050;margin: 0;}
/*===============About Us Ends===============*/

/*===============Courses Starts===============*/
.courses_page{padding: 70px 0;}
/*.courses_box{background: #def9ed;padding:30px 20px;border-radius: 15px; border-bottom: 5px solid #0e4653;}*/
.courses_left img{width: 100%;}
.courses_right h3 span{position: relative;padding: 2px 79px 2px 15px;-webkit-clip-path: polygon(0 0, 100% 0, 88% 50%, 100% 100%, 0 100%);clip-path: polygon(0 0, 100% 0, 88% 50%, 100% 100%, 0 100%);line-height: 35px;background: #000;color: #fff;font-size: 18px;display: inline-block;}
.courses_right p{font-size: 16px; line-height: 28px;  color: #505050;margin:10px 0;}
.moretext{display: none;}
.courses_right ul{margin-bottom: 15px;}
.courses_right li{font-size: 16px; line-height: 28px; text-align: justify; color: #505050;margin:0;list-style: none;position: relative; list-style-type: disc;
margin-left: 20px;}
/*.courses_right ul li:before{content:"\f0a4";font-family:"Font Awesome 6 Free";position:absolute;left: 0;top: -1px;font-weight: bold;color:#000;}*/
.courses_box .btn_area a:before{background: #0e4653;}
.courses_box .btn_area a{color: #fff;}
/*===============Courses Enfds===============*/



/*===============Responsive Starts===============*/
@media all and (min-width: 800px) {
}
@media (min-width:981px) and (max-width:1399px){
    .head_btm .navbar-brand{width: 145px;line-height: 66px;}
    .head_btm .navbar-brand img{width: 100%;}
    .head_btm .navbar-nav .nav-link{padding: 0 10px;}
    .foot_link{padding-left: 0;}
    .abt_img img{width: 100%;}

    .vsn_point_img{max-width: 100px; height: 100px;}
    .abt_vsn_left{padding-bottom: 70px;}
}

@media (min-width:768px) and (max-width:980px){
    .head_btm .navbar-brand{width: 120px;line-height: 66px;}
    .head_btm .navbar-brand img{width: 100%;}
    .head_btm ul li a{line-height: 36px;font-size: 16px;}
    .header_area .navbar-toggler:focus{box-shadow: none;}
    .header_area .navbar-toggler span{display: block;background: #2e281f;height:5px;margin: 3px 0;border-radius: 20px;width: 30px;}
    .head_btm .dropdown-menu{width: 100% !important;}
	.header_area ul li ul li{padding-left:10px;}
    .head_btm .navbar-nav .nav-link{padding: 0;}
    .head_btm ul{padding-bottom: 20px;}

    .banner_area h1 span{font-size: 38px;}
    .banner_area h1{font-size: 22px;}
    .banner_area{padding: 230px 0 82px;}
    .banner_area svg, .testimonial_area svg{height: 40px;}

    .abt_left{text-align: center;}
    .abt_right{margin-top: 20px;}

    .foot_link{padding-left: 0;}
    .foot_menu h3, .foot_about h3, .foot_cont h3, .foot_form form h3{font-size: 16px;}
    .foot_about p, .foot_menu ul li a, .foot_cont p{font-size: 14px; line-height: 24px;}
    .copy_area p{font-size: 14px; line-height: 24px;}
    .foot_form{padding: 20px 5px;}

    .inner_banner{padding: 140px 0 30px;}
    .abt_wrap_left img{width: 50%;}
    .abt_vsn_left{padding-bottom: 70px;}
    .vsn_point_box{padding: 10px 0;}
}

@media (max-width:767px){
    .head_btm .navbar-brand{width: 120px;line-height: 66px;}
    .head_btm .navbar-brand img{width: 100%;}
    .head_btm ul li a{line-height: 36px;font-size: 16px;}
    .header_area .navbar-toggler:focus{box-shadow: none;}
    .header_area .navbar-toggler span{display: block;background: #2e281f;height:5px;margin: 3px 0;border-radius: 20px;width: 30px;}
    .head_btm .dropdown-menu{width: 100% !important;}
	.header_area ul li ul li{padding-left:10px;}
    .head_btm .navbar-nav .nav-link{padding: 0;}
    .head_btm ul{padding-bottom: 20px;}

    .banner_area h1 span{font-size: 20px;}
    .banner_area h1{font-size: 22px;}
    .banner_area{padding: 230px 0 82px;}
    .banner_cont p, .abt_left p, .what_cont p{font-size: 14px; line-height: 24px;}
    .slider svg, .testimonial_area svg{height: 40px;}

    .abt_area, .courses_area{padding: 40px 0;}
    .abt_left{text-align: center;}
    .abt_img img{width: 280px;}
    .abt_right{margin-top: 20px;}
    .abt_right h3, .courses_area h3, .testimonial_area h3{font-size: 20px;}
    .abt_right p{font-size: 14px; line-height: 24px;}
    .abt_right ul li{width: 100%;padding: 20px 0 20px 70px;}

    .testimonial_area{padding: 60px 0 40px;}
    .testimonial_area .item p{font-size: 14px; line-height: 24px; margin: 10px 0;}
    .foot_about, .foot_menu, .foot_cont{padding: 10px 0;}
    .footer_area{padding: 30px 0 0;}
    .foot_about p, .foot_menu ul li a, .foot_cont p{font-size: 14px; line-height: 24px;}
    .copy_area p{font-size: 14px; line-height: 24px;}

    .inner_banner{padding: 150px 0 30px;text-align: center;}
    .breadcrumb_area h1{font-size: 28px;}
    .inner_img{text-align: center; margin-top: 10px;}
    .abt_wrap, .vsn_point_area, .courses_page{padding: 40px 0;}
    .abt_wrap_left{text-align: center;}
    .abt_wrap_right{margin-top: 20px;}
    .abt_wrap_right p, .abt_vsn_left p, .vsn_point_cont p{font-size: 14px; line-height: 24px;}
    .abt_wrap_right h3{font-size: 20px;}
    .abt_wrap_right ul li{font-size: 14px;line-height: 24px;}
    .abt_vsn{padding: 40px 0 0;}
    .abt_vsn_right{border-radius: 100px 100px 0 0; margin-top: 20px;}
    .vsn_point_box{flex-wrap: wrap;margin: 10px 0;}
    .vsn_point_cont{margin: 10px 0 0 0;}

    .courses_right h3 span{padding: 2px 35px 2px 15px;font-size: 14px;}
    .courses_right{margin-top: 20px;}
    .courses_right p, .courses_right li{font-size: 14px; line-height: 24px;}
}
/*===============Responsive Ends===============*/
.foot_menu.foot_link .nav-link {
    padding: 0px !important;
}

.textclass {
    font-size: 15px;
    line-height: 27px;
    margin-left: 15px;
    margin-top: 12px;
}