:root {
  --white: #ffffff; 
  --black: #000000;
  --purple: #753BBD;
  --yellow: #FFC72C;
  --dark-purple: #231435;
}

@font-face {
    font-family: 'cottorwaypro-regularregular';
    src: url('../fonts/cottorwaypro-regular.woff2') format('woff2'),
         url('../fonts/cottorwaypro-regular.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'cottorwaypro-lightregular';
    src: url('../fonts/cottorwaypro-light.woff2') format('woff2'),
         url('../fonts/cottorwaypro-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'the_letter_editorialregular';
    src: url('../fonts/the-letter-editorial-demo1.woff2') format('woff2'),
         url('../fonts/the-letter-editorial-demo1.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


* { box-sizing: border-box;}
html, body { margin: 0;	padding: 0;	border: 0; vertical-align: baseline;font-optical-sizing: auto; font-style: normal; font-weight: 400; line-height:1.3; list-style: none; color: var(--dark-purple); font-size: 16px;  font-family: 'cottorwaypro-lightregular'; background: url(../img/body-bg.webp) repeat left top;}
a:focus,button:focus,input:focus,textarea:focus { outline:0; text-decoration:none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; -webkit-font-smoothing:antialiased; margin-bottom:15px; color:var(--dark-purple); line-height: 1.1; font-family: 'the_letter_editorialregular';}
h1 { font-size: 60px; font-weight: normal; line-height: 1.5;}
h2 { font-size: 50px; line-height: 1.3;}
h3 { font-size: 36px;}
h4 { font-size: 16px;}
a { text-decoration:none; transition:all ease-out .3s; -webkit-transition:all ease-out .3s; -moz-transition:all ease-out .3s;-ms-transition:all ease-out .3s; -o-transition:all ease-out .3s;  word-break: break-all;}
a:hover { text-decoration:none;color:#3b90ff;}
label { font-weight:400;margin:0;}
p { font-size: 16px; line-height:1.3; color: var(--dark-purple); margin:0; padding:0; font-weight: 400; margin-bottom:15px; font-family: 'cottorwaypro-lightregular';}
li,ol,ul { list-style:none; margin:0; padding:0;}
focus { outline:0;}

/* ==========================================================================
   Commen Style Begin
   ========================================================================== */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #787878;}
::-moz-placeholder { /* Firefox 19+ */ color: #787878;}
:-ms-input-placeholder { /* IE 10+ */ color: #787878;}
:-moz-placeholder { /* Firefox 18- */ color: #787878;}

.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6,
.white-text p,
.white-text span,
.white-text ul li,
.white-text ol li { color: #ffffff !important;}
.bg-style { background-position: center top !important; background-repeat: no-repeat !important; background-size: cover !important;}
.bg-style2 { background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important;}

.container,
.container-fluid { position: relative; z-index: 3;}

.commen-overlay { display: block; position: relative;}
.commen-overlay::before { content: ''; width: 100%; height: 100%; display: block; background: #0000007a; position: absolute; left: 0; top: 0; z-index: 1;}
.light-yellow-bg { background: #F8F5EB !important;}
section { padding: 75px 0;}

.purple-btn { display: inline-block; padding: 14px 30px; font-size: 18px; border: none; background: var(--purple); color: var(--white) !important; border-radius: 40px; transition: all ease-out 0.3s; text-align: center;}
.purple-btn:hover { background: var(--yellow); color: var(--black) !important;}

.yellow-btn { display: inline-block; padding: 14px 30px; font-size: 18px; border: none; background: var(--yellow); color: var(--black) !important; border-radius: 40px; transition: all ease-out 0.3s; text-align: center;}
.yellow-btn:hover { background: var(--purple); color: var(--white) !important;}

.primary-btn { display: inline-block; padding: 14px 30px; font-size: 18px; border: none; background: var(--purple); color: var(--white); border-radius: 40px; transition: all ease-out 0.3s; text-align: center;}
.primary-btn:hover { background: var(--yellow); color: var(--black) !important;}

.btn-style1 { color: #ffffff; display: inline-flex; align-items: center; padding: 13px 30px; position: relative; font-weight: 300; line-height: 1.2; backdrop-filter: blur(6.5px); font-family: 'cottorwaypro-lightregular'; font-size: 22px;  border: 1px solid transparent; border-radius: 30px; background: linear-gradient(#ffffff11, #ffffff11) padding-box, /* Inner solid background */ linear-gradient(to right, #ffffff24, #ffffff24) border-box; /* Outer gradient border */}
.btn-style1 span { position: relative; z-index: 2;}
.btn-style1 img { display: inline-block; margin-right: 10px;}
.btn-style1:hover { color: var(--white); background: var(--purple);}

.btn-outer { display: inline-block; position: relative;}

.padding-100 { padding: 100px 0;}

/* =============================================================== */

.new-commen-block { display: block; position: relative;}
.new-commen-text { display: block;}
.new-commen-text p { line-height: 1.6;}

.owl-carousel .owl-stage { display: flex; align-items: center;}
.owl-dots { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 40px;}
.owl-dots button { display: block; width: 11px; height: 11px; display: block; border-radius: 100%; background: none !important; margin: 0 3px; border: 1px solid var(--dark-purple) !important;}
.owl-dots button.active { background: var(--dark-purple) !important;}
.owl-carousel .owl-item img { width: auto;}

.header-block { display: block; padding: 12px 0; width: 100%; position: absolute; top: 0; left: 0; z-index: 5;}
.header-main { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; position: relative;}
.logo { display: block;}
.header-mid { display: flex; align-items: center; justify-content: center;}

.header-right { display: flex;}
.border-outer { display: inline-block;}
.border-outer .btn-style1 { border: 1px solid #ffffff60;}

.main-banner-block { display: flex; align-items: center; min-height: 785px; position: relative; padding: 125px 0 75px 0;}
.banner-text { display: block;}
.banner-text h4 { font-family: 'cottorwaypro-lightregular'; font-size: 26px;}
.banner-text h3 { font-size: 30px;}
.banner-text h1 { color: #ffffff;}
.banner-text p { font-size: 22px; color: var(--white); line-height: 1.5; margin-bottom: 35px;}
.grades-patch { display: inline-block; padding: 10px 25px; background: rgba(255, 255, 255, 0.14); backdrop-filter: blur(6.5px); margin-bottom: 25px; font-size: 30px; color: var(--white); font-weight: 700; letter-spacing: 2px; border-radius: 35px; border: 1px solid #ffffff1f;}
.banner-text .yellow-btn { font-size: 22px; padding: 15px 40px;}

.banner-form { display: block; padding: 35px 30px; background: #ffffffad; backdrop-filter: blur(13px); border-radius: 15px; border: 1px solid #ffffff7e;}
.banner-form .purple-btn { font-size: 22px; display: block; width: 100%; padding: 14px 25px; line-height: 1.1;}
.commen-input { display: block; width: 100%; height: 52px; margin-bottom: 25px; background: #0000004f; backdrop-filter: blur(6.5px); border-radius: 35px; padding: 0 20px; color: var(--white); border: 1px solid #ffffffad; transition: all ease-out 0.3s;}
.commen-input:focus { border-color: #ffffff;}
.form-header { display: block;}
.form-header h5 { font-family: 'cottorwaypro-lightregular'; font-weight: 600; color: var(--dark-purple); font-size: 25px; letter-spacing: 1px; line-height: 1.3; margin-bottom: 5px;}
.form-header p { font-size: 18px;}

.commen-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ffffff;}
.commen-input::-moz-placeholder { /* Firefox 19+ */ color: #ffffff;}
.commen-input:-ms-input-placeholder { /* IE 10+ */ color: #ffffff;}
.commen-input:-moz-placeholder { /* Firefox 18- */ color: #ffffff;}

.stats-card-outer { display: block; position: relative; background: #ffffff2e; backdrop-filter: blur(13px); border-radius: 15px; height: 100%; min-height: 126px; display: flex; position: relative; transition: all ease-out 0.3s; border: 1px solid #ffffff60;}
.stats-card-outer .icon { width: 48px; height: 48px; background: #ffffff; border-radius: 100%; display: flex; align-items: center; justify-content: center; position: absolute; right: 9px; top: 9px;}
.stats-card { display: block; position: relative; z-index: 2; padding: 25px;}
.stats-card h5 { font-family: 'cottorwaypro-lightregular'; font-size: 30px; font-weight: 600; margin-bottom: 5px; font-size: 28px; color: var(--white);}
.stats-card p { font-size: 18px; margin-bottom: 0; line-height: 1.2; color: var(--white);}
.stats-card-outer:hover { background: #ffd000b7; backdrop-filter: blur(13px);}
.stats-card-outer:hover h5,
.stats-card-outer:hover p { color: var(--dark-purple);}
.stats-card-outer:hover .icon { background: var(--purple);}
.stats-card-outer:hover .icon svg path { fill: var(--white);}

.years-excellence-block { display: block; position: relative; padding: 265px 0 100px;}
.years-excellence-block::before { content: ''; max-width: 1633px; width: 100%; height: 100%; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: url(../img/bg-gradiant.webp) no-repeat center center; background-size: 1633px;}
.years-excellence-block::after { content: ''; width: 100%; height: 771px; display: block; position: absolute; top: 30px; right: 0; left: 0; margin: auto; background: url(../img/photo-coll.webp) no-repeat center center; background-size: 1571px;}
.years-excellence-text { display: block; max-width: 808px; margin: auto;}
.years-excellence-text h2 { font-size: 45px; margin-bottom: 30px;}
.years-excellence-text h2 span { display: block; font-size: 60px; padding-bottom: 10px;}
.years-excellence-text h5 { font-family: 'cottorwaypro-lightregular'; font-weight: 600; margin-bottom: 30px;}
.years-excellence-text p { font-size: 22px; font-family: 'cottorwaypro-lightregular';}

.branding-partners { display: block; margin-top: 90px;}
.partners-carousel .owl-item { display: flex; justify-content: center; align-items: center;}
.brand-logo { width: 120px; height: 120px; display: flex; justify-content: center; align-items: center; background: #ffffff; padding: 10px; overflow: hidden; border-radius: 100%;}

.principal-message-block { display: flex; align-items: center; min-height: 754px; background: url(../img/principal-bg-desktop.webp); background-size: cover !important; background-repeat: no-repeat !important; background-position: center top !important;}
.principal-image { display: block; text-align: center; border-radius: 20px; overflow: hidden; margin-bottom: 15px;}
.principal-image img { display: block; width: 100%;}
.principal-message { display: block; padding: 45px; background: rgba(255, 255, 255, 0.73); backdrop-filter: blur(13px); border-radius: 15px;}
.principal-message h2 { font-size: 40px; margin-bottom: 30px;}
.principal-message h4 { font-size: 26px; font-family: 'cottorwaypro-lightregular'; font-weight: 400;}
.principal-message-body { display: block; overflow-y: auto; height: 297px; margin-bottom: 30px; padding-right: 30px;}
.principal-message-body p { font-size: 20px; margin-bottom: 20px;}

/* Width */
.principal-message-body::-webkit-scrollbar { width: 3px; height: 8px;}
/* Track */
.principal-message-body::-webkit-scrollbar-track { background: #bebebe; border-radius: 10px; width: 1px;}
/* Thumb */
.principal-message-body::-webkit-scrollbar-thumb { background: #ffffff; border-radius: 10px; width: 6px; height: 78px;}
/* Thumb Hover */
.principal-message-body::-webkit-scrollbar-thumb:hover { background: #ffffff;}

.our-curriculum-block { display: block; position: relative; padding-bottom: 400px;}
.commen-head { display: block; padding-bottom: 55px;}
.commen-head p { font-size: 24px; font-weight: 400;}

.our-curriculum-wrap { display: block; position: relative; z-index: 3;}
.curriculum-box-card { display: block; background: rgba(255, 255, 255, 0.7); border-radius: 40px; overflow: hidden;}
.curriculum-box-body { display: block; padding: 60px;}
.curriculum-box-img { display: block; height: 100%; background-size: cover !important; background-repeat: no-repeat !important; background-position: center top !important;}
.yellow-patch { display: inline-block; padding: 10px 30px; background: var(--yellow); color: var(--black); line-height: 1.1; border-radius: 30px; font-size: 22px; margin-bottom: 30px;}
.curriculum-box-body h3 { font-size: 40px; margin-bottom: 25px;}
.curriculum-box-body p { font-size: 22px; line-height: 1.5;}

.ages-patch { width: 120px; min-height: 110px; display: flex; flex-direction: column; justify-content: center; background: var(--purple); min-height: 110px; padding: 10px 20px; border-radius: 20px; text-align: center; position: relative; margin-top: 30px;}
.ages-patch h5,
.ages-patch h6 { font-family: 'cottorwaypro-lightregular'; margin: 3px 0; text-transform: uppercase}
.ages-patch h5 { font-size: 22px;}
.ages-patch h5 span { display: block; font-size: 36px; font-weight: 700;}
.ages-patch::after { content: ''; width: 0; height: 0; display: block; position: absolute; top: 0; bottom: 0; right: -25px; margin: auto; border: 15px solid var(--purple); border-color: transparent transparent transparent var(--purple);}

.our-curriculum-block::after { content: ''; width: 1308px; height: 464px; display: block; z-index: 2; position: absolute; left: 0; bottom: 130px; right: 0; margin: auto; background: url(../img/bottom-avatars.webp) no-repeat center bottom;}

.discover-safa-block { display: flex; align-items: center; position: relative; min-height: 700px; padding: 33px 0;}
.discover-img { display: block; text-align: center;}
.discover-img img { display: inline-block;}
.discover-body { display: block;}
.discover-body h2 { line-height: 1.5;}
.discover-body h2 span { color: var(--yellow) !important;}
.discover-body p { font-size: 24px; margin-bottom: 30px;}
.discover-body .yellow-btn { font-size: 22px; font-weight: 600;}

.photo-gallery-block { display: block;}
.gallery-outer { display: block; position: relative; z-index: 3;}
.gallery-item { display: block;}
.gallery-item img { display: block; border-radius: 30px;}
.commen-gradiant { position: relative;}
.commen-gradiant::before { content: ''; max-width: 1633px; width: 100%; height: 100%; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: url(../img/bg-gradiant.webp) no-repeat center center; background-size: 1633px;}

.outstanding-inclusion-block { display: flex; align-items: center; min-height: 560px;}
.outstanding-body { display: block;}
.outstanding-body h2 { margin-bottom: 30px; line-height: 1.5;}
.outstanding-body h2 span { color: var(--yellow) !important;}
.outstanding-body p { font-size: 22px; line-height: 1.5;}
.outstanding-box { display: block; padding: 25px; border: 1px solid #ffffff; border-radius: 20px; height: 100%;}
.outstanding-box .icon { width: 86px; height: 86px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: var(--purple); margin: auto; margin-bottom: 25px;}
.outstanding-box h3 { font-family: 'cottorwaypro-lightregular'; font-size: 24px; font-weight: 600;}
.outstanding-box p { font-size: 16px;}

.outstanding-box.box-1 { background: var(--purple); border-color: var(--purple);}
.outstanding-box.box-1 .icon { background: var(--yellow);}

.outstanding-box.box-3 { background: var(--yellow); border-color: var(--yellow);}
.outstanding-box.box-3 .icon { background: var(--white);}
.outstanding-box.box-3 h3 { color: var(--dark-purple) !important;}
.outstanding-box.box-3 p { color: var(--dark-purple) !important;}

.testimonial-block { display: block; position: relative;}
.testimonial-block::after { content: ''; width: 100%; height: 655px; background: url(../img/testimonial-commen-bg.webp) no-repeat top center; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; z-index: 1;}
.testi-header { display: block;}
.testi-header h2 { margin-bottom: 10px;}
.testi-header h5 { font-family: 'cottorwaypro-lightregular'; font-size: 24px; font-weight: 400;}
.testi-header p { font-size: 22px;}

.testimonial-main { display: block; position: relative;}
.testi-comma { display: inline-block; position: absolute; top: 10px; right: -42px; z-index: 3;}
.testimonial-block .bx-wrapper { margin-bottom: 0; border: none; box-shadow: -10px 4px 54px #CDCDCD; border-radius: 25px;}
.bx-pager-thumb { max-width: 291px; margin: auto;}
.bx-pager-thumb #bx-pager { display: flex; flex-direction: column;}
.bx-pager-thumb #bx-pager a { display: flex; flex-direction: column; justify-content: center; position: relative; border-radius: 20px; min-height: 109px; padding-left: 122px; margin: 10px 0;}
.bx-pager-thumb #bx-pager a .avatar { width: 86px; height: 86px; display: block; border-radius: 100%; overflow: hidden; position: absolute; left: 10px; top: 0; bottom: 0; margin: auto;}
.bx-pager-thumb #bx-pager a i { color: var(--yellow); font-size: 10px;}
.bx-pager-thumb #bx-pager a p { margin-bottom: 0;}
.bx-pager-thumb #bx-pager a p span { display: block; font-size: 19px; font-weight: 600;}
.bx-pager-thumb #bx-pager a.active { background: var(--white);}

.bx-content { display: block; padding: 50px;}
.bx-content p { font-size: 20px;}

.footer-block { display: flex; align-items: center; min-height: 741px; padding: 100px 0 40px;}
.footer-contact { display: block; border: 1px solid #ffffff77; padding: 40px; border-radius: 25px; position: relative; background: linear-gradient(180deg, rgba(28, 16, 43, 0.52) 0%, #1C102B 100%); height: 100%;}
.ftr-contact-image { display: block;}
.ftr-contact-body { display: block; padding-bottom: 20px;}
.ftr-contact-body p { line-height: 1.7; font-size: 17px;}
.ftr-contact-body p a { color: var(--white); text-decoration: underline;}

.ftr-social { display: flex; justify-content: center; align-items: center; position: absolute; left: 0; bottom: -26px; width: 100%;}
.ftr-social a { width: 52px; height: 52px; display: flex; justify-content: center; align-items: center; border-radius: 100%; background: var(--purple); color: var(--white); font-size: 22px; margin: 0 8px;}
.ftr-social a:hover { background: var(--yellow); color: var(--black);}

.footer-form { display: block; border: 1px solid #ffffff77; padding: 40px; border-radius: 25px; position: relative; background: linear-gradient(180deg, rgba(28, 16, 43, 0.52) 0%, #1C102B 100%); height: 100%;}
.footer-form .purple-btn { font-size: 22px; display: block; width: 100%; padding: 14px 25px; line-height: 1.1;}
.footer-copyright { display: block; padding-top: 60px;}





/* 
font-family: 'cottorwaypro-regularregular';
font-family: 'cottorwaypro-lightregular';
font-family: 'the_letter_editorialregular';
 */

/* 
:root {
  --white: #ffffff; 
  --black: #000000;
  --purple: #753BBD;
  --yellow: #FFC72C;
  --dark-purple: #231435;
}
   */