body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none !important;
}

#school-header .container {
    max-width: 1900px !important;
}
.container {
    max-width: 1700px !important;
}
@media (max-width: 1400px) {
    .container {
        max-width: 1600px !important;
    }
    .container.claydence-head-col {
    bottom: 40px !important;
}
.create-inner-class-bath-img img {
    width: 100%;
    height: 278px !important;
    object-fit: cover;
}
}

:root {
    --font-default: "League Spartan", sans-serif;
    --font-primary: "League Spartan", sans-serif;
    --font-secondary: "League Spartan", sans-serif;
    --font-tertiary: "League Spartan", sans-serif;
}

@font-face {
    font-family: 'Akko Pro';
    src: url('../fonts/AkkoPro-Regular.eot');
    src: url('../fonts/AkkoPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AkkoPro-Regular.woff2') format('woff2'),
        url('../fonts/AkkoPro-Regular.woff') format('woff'),
        url('../fonts/AkkoPro-Regular.ttf') format('truetype'),
        url('../fonts/AkkoPro-Regular.svg#AkkoPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akko Pro';
    src: url('../fonts/AkkoPro-Regular.eot');
    src: url('AkkoPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AkkoPro-Regular.woff2') format('woff2'),
        url('../fonts/AkkoPro-Regular.woff') format('woff'),
        url('../fonts/AkkoPro-Regular.ttf') format('truetype'),
        url('../fonts/AkkoPro-Regular.svg#AkkoPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos.eot');
    src: url('../fonts/Aptos.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aptos.woff2') format('woff2'),
        url('../fonts/Aptos.woff') format('woff'),
        url('../fonts/Aptos.ttf') format('truetype'),
        url('../fonts/Aptos.svg#Aptos') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-BlackItalic.eot');
    src: url('../fonts/Aptos-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aptos-BlackItalic.woff2') format('woff2'),
        url('../fonts/Aptos-BlackItalic.woff') format('woff'),
        url('../fonts/Aptos-BlackItalic.ttf') format('truetype'),
        url('../fonts/Aptos-BlackItalic.svg#Aptos-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-ExtraBold.eot');
    src: url('../fonts/Aptos-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aptos-ExtraBold.woff2') format('woff2'),
        url('../fonts/Aptos-ExtraBold.woff') format('woff'),
        url('../fonts/Aptos-ExtraBold.ttf') format('truetype'),
        url('../fonts/Aptos-ExtraBold.svg#Aptos-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-Black.eot');
    src: url('../fonts/Aptos-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aptos-Black.woff2') format('woff2'),
        url('../fonts/Aptos-Black.woff') format('woff'),
        url('../fonts/Aptos-Black.ttf') format('truetype'),
        url('../fonts/Aptos-Black.svg#Aptos-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-ExtraBoldItalic.eot');
    src: url('../fonts/Aptos-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aptos-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Aptos-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/Aptos-ExtraBoldItalic.ttf') format('truetype'),
        url('../fonts/Aptos-ExtraBoldItalic.svg#Aptos-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-Bold.eot');
    src: url('../fonts/Aptos-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aptos-Bold.woff2') format('woff2'),
        url('../fonts/Aptos-Bold.woff') format('woff'),
        url('../fonts/Aptos-Bold.ttf') format('truetype'),
        url('../fonts/Aptos-Bold.svg#Aptos-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-ExtraBoldItalic_1.eot');
    src: url('../fonts/Aptos-ExtraBoldItalic_1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aptos-ExtraBoldItalic_1.woff2') format('woff2'),
        url('../fonts/Aptos-ExtraBoldItalic_1.woff') format('woff'),
        url('../fonts/Aptos-ExtraBoldItalic_1.ttf') format('truetype'),
        url('../fonts/Aptos-ExtraBoldItalic_1.svg#Aptos-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-Light.eot');
    src: url('../fonts/Aptos-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aptos-Light.woff2') format('woff2'),
        url('../fonts/Aptos-Light.woff') format('woff'),
        url('../fonts/Aptos-Light.ttf') format('truetype'),
        url('../fonts/Aptos-Light.svg#Aptos-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-LightItalic.eot');
    src: url('../fonts/Aptos-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aptos-LightItalic.woff2') format('woff2'),
        url('../fonts/Aptos-LightItalic.woff') format('woff'),
        url('../fonts/Aptos-LightItalic.ttf') format('truetype'),
        url('../fonts/Aptos-LightItalic.svg#Aptos-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-Italic.eot');
    src: url('../fonts/Aptos-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aptos-Italic.woff2') format('woff2'),
        url('../fonts/Aptos-Italic.woff') format('woff'),
        url('../fonts/Aptos-Italic.ttf') format('truetype'),
        url('../fonts/Aptos-Italic.svg#Aptos-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-SemiBold.eot');
    src: url('../fonts/Aptos-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aptos-SemiBold.woff2') format('woff2'),
        url('../fonts/Aptos-SemiBold.woff') format('woff'),
        url('../fonts/Aptos-SemiBold.ttf') format('truetype'),
        url('../fonts/Aptos-SemiBold.svg#Aptos-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Brush Strokes';
    src: url('../fonts/BrushStrokes.eot');
    src: url('../fonts/BrushStrokes.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BrushStrokes.woff2') format('woff2'),
        url('../fonts/BrushStrokes.woff') format('woff'),
        url('../fonts/BrushStrokes.ttf') format('truetype'),
        url('../fonts/BrushStrokes.svg#BrushStrokes') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DM Serif Display';
    src: url('../fonts/DMSerifDisplay-Regular.eot');
    src: url('../fonts/DMSerifDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DMSerifDisplay-Regular.woff2') format('woff2'),
        url('../fonts/DMSerifDisplay-Regular.woff') format('woff'),
        url('../fonts/DMSerifDisplay-Regular.ttf') format('truetype'),
        url('../fonts/DMSerifDisplay-Regular.svg#DMSerifDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Serif Display';
    src: url('../fonts/DMSerifDisplay-Italic.eot');
    src: url('../fonts/DMSerifDisplay-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DMSerifDisplay-Italic.woff2') format('woff2'),
        url('../fonts/DMSerifDisplay-Italic.woff') format('woff'),
        url('../fonts/DMSerifDisplay-Italic.ttf') format('truetype'),
        url('../fonts/DMSerifDisplay-Italic.svg#DMSerifDisplay-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Dosis';
    src: url('../fonts/Dosis-Regular.eot');
    src: url('../fonts/Dosis-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Dosis-Regular.woff2') format('woff2'),
        url('../fonts/Dosis-Regular.woff') format('woff'),
        url('../fonts/Dosis-Regular.ttf') format('truetype'),
        url('../fonts/Dosis-Regular.svg#Dosis-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Dosis';
    src: url('../fonts/Dosis-Medium.eot');
    src: url('../fonts/Dosis-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Dosis-Medium.woff2') format('woff2'),
        url('../fonts/Dosis-Medium.woff') format('woff'),
        url('../fonts/Dosis-Medium.ttf') format('truetype'),
        url('../fonts/Dosis-Medium.svg#Dosis-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dosis';
    src: url('../fonts/Dosis-Light.eot');
    src: url('../fonts/Dosis-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Dosis-Light.woff2') format('woff2'),
        url('../fonts/Dosis-Light.woff') format('woff'),
        url('../fonts/Dosis-Light.ttf') format('truetype'),
        url('../fonts/Dosis-Light.svg#Dosis-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dosis';
    src: url('../fonts/Dosis-Regular.eot');
    src: url('../fonts/Dosis-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Dosis-Regular.woff2') format('woff2'),
        url('../fonts/Dosis-Regular.woff') format('woff'),
        url('../fonts/Dosis-Regular.ttf') format('truetype'),
        url('../fonts/Dosis-Regular.svg#Dosis-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dosis';
    src: url('../fonts/Dosis-SemiBold.eot');
    src: url('../fonts/Dosis-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Dosis-SemiBold.woff2') format('woff2'),
        url('../fonts/Dosis-SemiBold.woff') format('woff'),
        url('../fonts/Dosis-SemiBold.ttf') format('truetype'),
        url('../fonts/Dosis-SemiBold.svg#Dosis-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dosis';
    src: url('../fonts/Dosis-ExtraLight.eot');
    src: url('../fonts/Dosis-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Dosis-ExtraLight.woff2') format('woff2'),
        url('../fonts/Dosis-ExtraLight.woff') format('woff'),
        url('../fonts/Dosis-ExtraLight.ttf') format('truetype'),
        url('../fonts/Dosis-ExtraLight.svg#Dosis-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dosis';
    src: url('../fonts/Dosis-Bold.eot');
    src: url('../fonts/Dosis-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Dosis-Bold.woff2') format('woff2'),
        url('../fonts/Dosis-Bold.woff') format('woff'),
        url('../fonts/Dosis-Bold.ttf') format('truetype'),
        url('../fonts/Dosis-Bold.svg#Dosis-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dosis';
    src: url('../fonts/Dosis-ExtraBold.eot');
    src: url('../fonts/Dosis-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Dosis-ExtraBold.woff2') format('woff2'),
        url('../fonts/Dosis-ExtraBold.woff') format('woff'),
        url('../fonts/Dosis-ExtraBold.ttf') format('truetype'),
        url('../fonts/Dosis-ExtraBold.svg#Dosis-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Satisfy';
    src: url('../fonts/fonts/Satisfy-Regular.eot');
    src: url('../fonts/fonts/Satisfy-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/fonts/Satisfy-Regular.woff2') format('woff2'),
        url('../fonts/fonts/Satisfy-Regular.woff') format('woff'),
        url('../fonts/fonts/Satisfy-Regular.ttf') format('truetype'),
        url('../fonts/fonts/Satisfy-Regular.svg#Satisfy-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Sukar';
    src: url('../fonts/SukarRegular.eot');
    src: url('../fonts/SukarRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SukarRegular.woff2') format('woff2'),
        url('../fonts/SukarRegular.woff') format('woff'),
        url('../fonts/SukarRegular.ttf') format('truetype'),
        url('../fonts/SukarRegular.svg#SukarRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ZCOOL KuaiLe';
    src: url('../fonts/fonts/ZCOOLKuaiLe-Regular.eot');
    src: url('../fonts/fonts/ZCOOLKuaiLe-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/fonts/ZCOOLKuaiLe-Regular.woff2') format('woff2'),
        url('../fonts/fonts/ZCOOLKuaiLe-Regular.woff') format('woff'),
        url('../fonts/fonts/ZCOOLKuaiLe-Regular.ttf') format('truetype'),
        url('../fonts/fonts/ZCOOLKuaiLe-Regular.svg#ZCOOLKuaiLe-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}








input[type="radio"]:checked {
    background-color: #385C4F !important;
    border: 0.8px solid #385C4F;
    padding:0;
}
input[type=radio]:hover{
  appearance: none;
  border-radius: 50%;
  background-clip: content-box;
  padding: 2px;
  border: 0.8px solid #0B83B8;
  background-color: #0B83B8;
    padding:0;
}
input[type=radio]{
  appearance: none;
  border-radius: 50%;
  background-clip: content-box;
  padding: 2px;
  border: 0.8px solid #707070;
  background-color: #ffffff;
    padding:0;
}

/* header csss  */
.navbar-expand-md .navbar-toggler {
    display: block !important;
    /*background-color: #000000;*/
}
.offcanvas-body .header-offcanvas h2>a {
    text-align: left;
    font: normal normal normal 50px/39px Sukar;
    letter-spacing: 3px;
    color: #0050B5;
    text-transform: uppercase;
    opacity: 1;
    padding-bottom: 40px;
}
.header-offcanvas ul>li>a {
    text-align: left;
    font: normal normal normal 25px/39px Sukar;
    letter-spacing: 1.5px;
    color: #385C4F;
    opacity: 1;
}
.header-offcanvas li {
    list-style: none !important;
}
.header-main-offcanvas {
    z-index: 999999999 !important;
}
/*.header-offcanvas ul {
    padding-left: 0 !important;
}*/
.header-offcanvas-home {
    padding-bottom: 66px;
}
.header-main-offcanvas {
    width: 758px !important;
    background: #FBFDFE 0% 0% no-repeat padding-box !important;
    opacity: 1;
    padding-left: 50px;
    
}
.offcanvas-body .header-offcanvas span {
    text-align: left;
    font: normal normal 600 20px/39px Aptos;
    letter-spacing: 1.2px;
    color: #1D98ED;
    text-transform: uppercase;
    opacity: 1;
    padding-right:10px;
        top: -26px;
    position: relative;
}
.offcanvas-body .header-offcanvas h2>a:hover {
    text-align: left;
font: normal normal normal 50px/39px Sukar;
letter-spacing: 5px;
color: #000000 !important;
text-transform: uppercase;
opacity: 1;
}
.header-hover-toggle-img {
    display: none;
}
.header-toggle:hover .header-hover-toggle-img {
    display: block;
}
.header-toggle:hover .header-default-toggle-img {
    display: none;
}

.user:hover .user-default img {
    /*display: none;*/
}
.user:hover  .user-default img {
    content: url('../img/icon-user-blue.svg');
    width: 24px;
    height: 25px;
}

.user .user-default img {
    width: 24px;
    height: 25px;
}
.user:hover .user-hover {
    display: block;
}
.user-hover {
    display: none;
}
.bag:hover .bag-default img {
    display: none;
}
.bag:hover .hover-bag {
    display: block;
}
.hover-bag {
    display: none;
}
ul.navbar-user-bag {
    display: flex !important;
    /*justify-content: end !important;*/
    list-style: none !important;
    padding-left: 0 !important;
    align-items: center !important;
        margin-bottom: 0 !important;
}
.navbar-user-bag .bag {
    padding-left: 5px !important;
}



/*===========================================footer==========================================*/
.footer {
    height: 547px;
    background: #272727 0% 0% no-repeat padding-box;
    opacity: 1;
}
.footer-social-icons p {
    text-align: center;
    font: normal normal normal 20px/39px Aptos;
    letter-spacing: 3px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}
.footer-social-icons a>i.bi-whatsapp, .footer-social-icons a>.bi-facebook, .footer-social-icons a>.bi-instagram {
    font-size: 35px;
    color: #FFFFFF;
    padding: 25px;
}
.footer-social-icons {
    width: 100%;
    text-align: center;
    max-width: 300px;
    margin: 0 auto;
    padding-top: 130px;
}
.footer-menus ul {
    display: flex;
    text-align: center;
    justify-content: space-between;
}
.footer-menus ul>li{
    list-style: none;
}
.footer-menus ul>li>a {
    text-align: center;
    font: normal normal bold 18px/39px Aptos;
    letter-spacing: 1.08px;
    color: #FFFFFF;
    opacity: 1;
}
.footer-menus {
    padding-top: 120px;
    padding-right: 25px;
}
.footer-copy-text {
    padding-top: 70px;
}

.footer-copy-text p {
    text-align: center;
    font: normal normal normal 16px/39px Aptos;
    letter-spacing: 0px;
    color: #646464;
    opacity: 1;
}
.footer-copy-text p>a {
    text-align: center;
    font: normal normal normal 16px/39px Aptos;
    letter-spacing: 0px;
    color: #646464;
    opacity: 1;
}
.school-header .navbar-menu {
    display: flex;
    align-items: center;
    justify-content: end;
}
/*=============================================footer==================================*/




/*===================================home================================================*/
.home-page-section .container {
    max-width: 1920px !important;
}
.home-top-left {
    background-image: url('../img/home-left-bg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 1080px;
    display: flex;
        flex-direction: column;
    align-items: center;
    justify-content: center;
}

.home-top-left-inner-img {
    width: 450px;
    height: 447px;
    background: #FBFEFD 0% 0% no-repeat padding-box;
    opacity: 0.5;
    backdrop-filter: blur(30px);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 200px;
}
.home-top-right-inner-img {
    width: 450px;
    height: 447px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
opacity: 0.5;
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 200px;
}
.home-top-left-text p {
    text-align: center;
    font: normal normal normal 30px/36px Sukar;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: capitalize;
    opacity: 1;
}
.home-top-left-inner-img img {
    width: 100%;
    max-width: 280px;
    height: 280px;
}
.home-top-left-text {
    padding-top: 135px;
}
.home-page-section-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.home-page-section {
    margin-top: -140px;
}
header#school-header {
    padding: 10px 0;
    height: 141px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 999999999
}
.home-page-section-col {
    position: relative;
}

.home-page-section-col:hover .home-top-left:after {
    content: '';
    position: absolute;
    background: #000000 0% 0% no-repeat padding-box;
    opacity: 0.3;
    height: 100%;
    width: 100%;
}
.home-top-left:before {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 105px;
    bottom: 0;
    opacity: 0;
}
.home-page-section-col:hover .home-top-left:before{
    opacity: 1;
}

/*==========================================home==========================================*/




/*.claydence-section {
   background-image: url(../img/ab122.jpg);
    height: 1070px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}*/
.claydence-head-col {
    /* height: 1080px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}
.claydence-head h2 {
    text-align: center;
    font: normal normal normal 75px / 97px Sukar;
    letter-spacing: 18.75px;
    color: #0050B5;
    text-transform: uppercase;
    opacity: 1;
    font-weight:bold !important;
    /*padding-top: 200px;*/
}
.claydence-text p {
    text-align: center;
    font: normal normal normal 28px / 36px Sukar;
    letter-spacing: 0px;
    color: #E1F2F2;
    text-transform: uppercase;
    opacity: 1;
    padding-top: 38px;
}
.claydence-head {
    text-align: center;
    /*height: 688px;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
        padding-bottom: 65px;
}
.claydence-text {
    text-align: center;
}
.claydence-text span>i.bi-caret-down-fill {
    color: #FFFFFF;
    text-align: center;
    font-size: 40px;
}
section.claydence-section {
    margin-top: -140px;
}
/*.claydence-section-tow {
   background-image: url('../img/claydence-2-bg (1).jpg');
    width: 100%;
    height: 1072px;
    background-position: 52.7% center;
    background-size: cover;
    background-repeat: no-repeat;
}*/
.claydence-head-tow {
    /*height: 768px;*/
    display: flex;
    align-items: end;
    justify-content: center;
    padding-bottom: 50px;
}
.claydence-head-tow h2 {
    text-align: center;
    font: normal normal normal 75px/97px Sukar;
    letter-spacing: 18.75px;
    color: #0050B5;
    text-transform: uppercase;
    opacity: 1;
}
.claydence-section-tow {
    position: relative;
/*    margin-top: -140px;*/
}
.claydence-head-tow-down-arrow {
    position: absolute;
    bottom: -22px;
    left: 0;
    right: 0;
    text-align: center;
}
.claydence-section-three {
    padding-top: 93px;
}
.who-we-serve-text p {
    text-align: center;
    font: normal normal normal 30px/45px Sukar;
    letter-spacing: 3px;
    color: #0E5A8E;
    opacity: 1;
}
.who-we-serve-head h2 {
    text-align: center;
    font: normal normal normal 75px/97px Sukar;
    letter-spacing: 18.75px;
    color: #0050B5;
    text-transform: uppercase;
    opacity: 1;
}
.who-we-serve-head {
    padding-top: 200px;
    padding-bottom: 100px;
}
.who-we-serve-img-title p {
    text-align: center;
    font: normal normal normal 30px/39px Sukar;
    letter-spacing: 1.8px;
    color: #80909B;
    text-transform: uppercase;
    opacity: 1;
}
.who-we-serve-img-title {
    padding-top: 55px;
}
.who-we-serve-img img {
    width: 100%;
   /* max-width: 447px;
    height: 451px;*/
}
.who-we-serve-img:hover .who-we-serve-img-title p {
    text-align: center;
    font: normal normal normal 30px/39px Sukar;
    letter-spacing: 1.8px;
    color: #435663;
    text-transform: uppercase;
    opacity: 1;
}
.claydence-section-four {
    background-image: url('../img/main-ethos-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 795px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ethos-left-head h2 {
    text-align: left;
    font: normal normal normal 100px/129px Sukar;
    letter-spacing: 25px;
    color: #0050B5;
    text-transform: uppercase;
    opacity: 1;
}
.ethos-left-head-disc p {
    text-align: left;
    font: normal normal normal 25px/45px Sukar;
    letter-spacing: 1.75px;
    color: #385C4F;
    opacity: 1;
}
.ethos-left-col {
    display: flex;
    align-items: center;
}
.testimonial-head h2 {
    text-align: left;
    font: normal normal normal 50px/80px Sukar;
    font-weight: bold !important;
    letter-spacing: 2.5px;
    color: #0050B5;
    text-transform: uppercase;
    opacity: 1;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next';
    display: none;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev';
    display: none;
}
.claydence-section-three {
    padding-top: 93px;
    padding-bottom: 200px;
}



/*===========================school-about-page==================================*/
section.school-about-top-section {
    background-image: url('../img/SOCA-navbar-elements.png');
    height: 113px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -140px;
    position: relative;
}
.school-about-top img {
    width: 100%;
}
.school-about-head h4 {
    text-align: left;
    font-size: 30px;
    line-height: 38px;
    font-weight: 500;
    font-family: Dosis;
    letter-spacing: 2.4px;
    color: #939676;
    opacity: 1;
}
.school-clay-disc span {
    text-align: left;
    font: normal normal bold 30px/38px Dosis;
    letter-spacing: 0px;
    color: #9BB396;
    opacity: 1;
}
.school-clay-disc p {
    text-align: left;
    font: normal normal normal 27px/34px Dosis;
    letter-spacing: 0px;
    color: #160C04;
    opacity: 1;
    padding-top: 10px
}
.school-about-head {
    position: relative;
    width: 100%;
    height: 87px;
    display: flex;
    align-items: center;
}
.school-about-head:before {
    content: "";
    background-image: url('../img/school-about.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: -32px;
    height: 100%;
    width: 100%;
}
.school-clay-art {
    padding-top: 25px;
}
.school-clay-art img {
    width: 100%;
    max-width: 463px;
    height: 171px;
}
.school-clay-disc {
    padding-top: 70px;
}
.about-top-left-hover-text p {
    text-align: center;
    font: normal normal bold 17px/21px Dosis;
    letter-spacing: 1.7px;
    color: #504237;
    opacity: 1;
        padding-top: 10px;
}
.school-about-top-left {
    width: 100%;
    max-width: 110px;
    height: 123px;
    padding-top: 60px;
    padding-bottom: 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.about-top-left-hover-img {
    display: none;
}
.about-top-left-hover-text {
    display: none;
}
.school-about-top-left:hover .about-top-left-hover-img ,.school-about-top-left:hover .about-top-left-hover-text {
    display:block;
}

.school-about-top-left:hover .about-top-left-default {
    display: none;
}
.about-top-left-hover-img {
    padding-top: 50px;
}
.school-about-top-right-img img {
    width: 100%;
}
.school-about-left-col {
    display: flex;
    align-items: center;
}
.teaching-head h2 {
    text-align: center;
    font: normal normal normal 70px/96px DM Serif Display;
    letter-spacing: 0px;
    color: #504236;
    opacity: 1;
    position: relative;
}
.teaching-head span {
    color: #ffffff;
    background-image: url('../img/SOCA-teaching-element01.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 15px 15px 20px 20px;
}
.teaching-head p {
    text-align: center;
    padding-top: 40px;
    font: normal normal 600 25px/32px Dosis;
    letter-spacing: 7.5px;
    color: #515032;
    text-transform: uppercase;
    opacity: 1;
}
section.teaching-section {
    padding-top: 112px;
    height: 904px;
    margin-bottom: 180px;
}

section.school-about-section-tow {
    position: relative;
    height: 852px;
}
.school-about-section-tow:before {
    content: "";
    background-image: url('../img/Mask-Group-42.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: -10px;
    height: 809px;
    width: 100%;
    max-width: 342px;
    z-index: 0;
    bottom: -200px;
}
.school-about-left-inner {
    padding-top: 130px;
    padding-left: 90px;
    position: relative;
    z-index: 1;
}
.teaching-head h2:before {
        content: '';
    background-image: url(../img/SOCA-teaching-titleelement01.png);
    position: absolute;
    width: 100%;
    max-width: 595px;
    height: 126px;
    background-repeat: no-repeat;
    left: -16px;
    background-size: cover;
    background-position: left;
}
.teaching-head h2:after {
        content: '';
    background-image: url(../img/SOCA-teaching-titleelement02.png);
    position: absolute;
    width: 100%;
    max-width: 587px;
    height: 126px;
    right: -12px;
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
}
.swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        /*background: #fff;*/
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .teaching-slider {
    padding-top: 115px;
}
.teaching-slider-card .card-img {
    height: 290px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.card-title h2 {
    text-align: center;
    font: normal normal 600 30px/38px Dosis;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
.card-disc p {
    text-align: center;
    font: normal normal normal 21px/27px Dosis;
    letter-spacing: 0px;
    color: #160C04;
}
.swiper-button-next, .swiper-button-prev {
    background-size: 70px 70px;
}
.swiper-button-prev {
    background-image: url('../img/SOCA-arrow-left-teach.svg') !important;
   background-size: 80px 70px !important;
    width: 76px !important;
    height: 74px !important;
}
.swiper-button-next {
    background-image: url('../img/SOCA-arrow-right-teach.svg') !important;
   background-size: 80px 72px !important;
    width: 76px !important;
    height: 74px !important;
}
.teaching-slider-btn {
    position: relative;
    padding-top: 200px;
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
}
.swiper-button-prev:hover{
     background-image: url('../img/SOCA-arrow-left-teach-hover.svg') !important;
}
.swiper-button-next:hover {
    background-image: url('../img/SOCA-arrow-right-hover.svg') !important;
   background-size: 80px 72px !important;
    width: 76px !important;
    height: 74px !important;
}
.different-top-shap {
    position: absolute;
    left: 0;
    top :0;
}
.different-top-shap img {
    width: 100%;
}
section.different-section {
    position: relative;
    background-color: #E9ECE3;
    padding-bottom: 250px;
}
.different-row-tow {
    padding-top: 250px;
}
.different-head h2 {
    text-align: left;
    font: normal normal normal 50px/70px Dosis;
    letter-spacing: 15px;
    color: #504237;
    text-transform: uppercase;
    opacity: 1;
    position: relative;
    z-index: 1;
}
.different-right-inner p {
    text-align: left;
    font: normal normal normal 70px/96px DM Serif Display;
    letter-spacing: 0px;
    color: #504237;
    text-transform: capitalize;
    opacity: 1;
}
.different-head {
    position: relative;
}
.different-head:after {
    content: '';
    background-image: url('../img/SOCA-usp-element03.png');
    position: absolute;
    width: 100%;
    max-width: 320px;
    height: 320px;
    top: -101px;
    right: 202px;
    z-index: 0;
}
.identify {
    background-image: url('../img/SOCA-usp-circle01.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 398px;
    height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 50px;
}
.identify h2 {
    text-align: center;
    font: normal normal 600 30px/38px Dosis;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.identify p {
    text-align: center;
    font: normal normal normal 21px/27px Dosis;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.different-section .create {
    background-image: url('../img/SOCA-usp-circle02.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 398px;
    height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 50px;
}
.create>h2 {
    text-align: center;
    font: normal normal 600 30px/38px Dosis;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.create>p {
    text-align: center;
    font: normal normal normal 21px/27px Dosis;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.share {
    background-image: url('../img/SOCA-usp-circle03.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 398px;
    height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 50px;
}
.share h2 {
    text-align: center;
    font: normal normal 600 30px/38px Dosis;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.share p {
    text-align: center;
    font: normal normal normal 21px/27px Dosis;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.different-row-three {
    padding-top: 180px;
}
.different-bottom-shap img {
    width: 100%;
}
.different-bottom-shap {
    position: absolute;
    left: 0;
    bottom: 0;
}
.different-section:after {
        content: '';
    background-image: url('../img/Group-2648.png');
    position: absolute;
    top: -75px;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    width: 30%;
    height: 495px;
}
.different-section:before {
    content: '';
    background-image: url('../img/Group-2666.svg');
    position: absolute;
    bottom: -189px;
    left: -232px;
    width: 100%;
    max-width: 663px;
    height: 428px;
    z-index: 1;
}
.different-bottom-shap-col {
    padding-top: 50px;
}
section.diverse-student-section {
    padding-top: 100px;
}
.diverse-student-head h2 {
    text-align: center;
    font: normal normal normal 70px/96px DM Serif Display;
    letter-spacing: 0px;
    color: #504236;
    opacity: 1;
}
.diverse-student-head {
    padding-bottom: 110px;
}
.diverse-student-img img {
    width: 100%;
}
.diverse-student-img {
    height: 350px;
}
.diverse-student-title h3 {
    text-align: center;
    font: normal normal 600 30px/38px Dosis;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
.diverse-student-disc p {
    text-align: center;
    font: normal normal normal 21px/27px Dosis;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
section.diverse-student-section {
    padding-top: 100px;
    padding-bottom: 200px;
    position: relative;
}
.diverse-student-title {
    padding: 40px 0px 20px 0;
}
section.diverse-student-section:before {
    content: '';
    background-image: url('../img/Mask-Group-13.png');
    position: absolute;
    bottom: -115px;
    right: 0;
    width: 100%;
    max-width: 342px;
    height: 796px;
    z-index: 0;
}
.diverse-student {
    position: relative;
}


section.schools-say-section {
    background-color: #9BB396;
    padding-top: 130px;
    position: relative;
    padding-bottom: 300px;
}
.schools-say-section .schools-say-head h2 {
    text-align: center;
    font: normal normal normal 70px/96px DM Serif Display;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: capitalize;
    opacity: 1;
}
.schools-say-section .schools-say-head {
    padding-bottom: 75px;
}
.schools-say-section .slide-text p {
    text-align: left;
    font: normal normal normal 21px/27px Dosis;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.schools-say-section .slide-text h4 {
    text-align: left;
    font: normal normal bold 20px/30px Dosis;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.schools-say-section .slide-text {
    padding-left: 50px;
}
.schools-say-slide-btn {
    width: 100%;
    position: relative;
}
.schools-say-slide-btn button.carousel-control-prev {
    position: absolute;
    right: 100px !important;
    left: auto !important;
    top: -200px;
    opacity: 1 !important;
    width: 50px !important;
}
.schools-say-slide-btn button.carousel-control-next {
    position: absolute;
        top: -200px;
        opacity: 1 !important;
        width: 50px !important;
}
.carousel-control-next,.carousel-control-prev {
    opacity: 1 !important;
}
.schools-say-slider .slide-img {
    height: 666px;
}
.our-clients h2 {
    text-align: center;
    font: normal normal normal 50px/70px Dosis;
    letter-spacing: 15px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}
.our-clients {
    background-image: url(' ../img/SOCA-client-bg1.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 410px;
    height: 366px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.our-clients-slider{
    /*background-image: url(' ../img/SOCA-client-bg2.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;*/
        display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1511px;
    height: 417px;
    position: relative;
        z-index: 1;
}
.our-clients-row {
    padding-top: 125px;
}
section.collage-section {
    padding-top: 200px;
    padding-bottom: 138px;
}
.collage-img {
    padding-top: 45px;
}
.collage-img img {
    width: 100%;
}
.about-contact-head h2 {
    text-align: left;
    font: normal normal normal 90px/123px DM Serif Display;
    letter-spacing: 0px;
    color: #504236;
    text-transform: uppercase;
    opacity: 1;
}
.about-contact-head p {
    text-align: left;
    font: normal normal normal 27px/34px Dosis;
    letter-spacing: 0px;
    color: #160C04;
    opacity: 1;
}
.about-contact p>a {
    text-align: left;
    font: normal normal 600 24px/31px Dosis;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
.about-contact p>a img {
    padding-right: 49px;
}
.about-contact {
    padding-top: 62px;
}
.about-contact p {
    padding-bottom: 40px;
}
.about-contact-btn {
    background-image: url('../img/SOCA-cta.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    max-width: 208px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about-contact-btn a {
    text-align: center;
    font: normal normal bold 19px/25px Dosis;
    letter-spacing: 1.9px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    padding: 8px 35px;
    margin-bottom:0px !important;
}
.about-contact-btn:hover{
    background-image: url('../img/SOCA-cta-hover.svg') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
     width: 100%;
    max-width: 218px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about-contac-col {
    display: flex;
    align-items: center;
}
section.about-contact-section {
    position: relative;
    padding-bottom: 152px;
    background-color: #F2F2E8;
}
.about-contact-top-bg-img {
    position: absolute;
    left: 0;
        top: -20px;
}

.about-contact-top-bg {
    padding-bottom: 170px;
}
/*=============================school-about-page================================*/
.col-md-4.mb-5.carrerlay-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.why-claydence-slider button.carousel-control-next {
    right: 0 !important;
}

.our-clients-slider-slide-imag {
    height: 179px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.our-clients-row {
    position: relative;
}
.our-clients-slider-bg-img img {
    width: 100%;
}
.our-clients-slider-bg-img {
    width: 100%;
    max-width: 1511px;
    height: 417px;
    position: absolute;
    top: 120px;
    z-index: 0;
    left: 100px;
}
.our-clients-bottom-slider {
    position: absolute;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}
section.our-purpose-section {
    background-image: url('../img/purpose-topbg.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 635px;
    position: relative;
    display: flex;
    align-items: center;
    margin-top: -140px;
}
.our-purpose-head h3 {
    text-align: center;
    font: normal normal normal 80px/104px Sukar;
    letter-spacing: 1.6px;
    color: #649181;
    opacity: 1;
    margin-left: -280px;
}
.our-purpose-head h2 {
    text-align: center;
    font: normal normal normal 140px/181px Sukar;
    letter-spacing: 2.8px;
    color: #0050B5;
    text-transform: uppercase;
    opacity: 1;
        display: flex;
    align-items: center;
    justify-content: center;
}
.purpose-left i.bi-dash-lg {
    font-size: 50px;
    padding-right: 50px;
}
.purpose-right i.bi-dash-lg {
    font-size: 50px;
    padding-left: 50px;
}
.our-purpose-head-scroll {
    text-align: center;
    position: absolute;
    bottom: 38px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.purpose-title p {
    text-align: center;
    font: normal normal normal 30px/39px Sukar;
    letter-spacing: 1.8px;
    color: #0050B5;
    text-transform: uppercase;
    opacity: 1;
    max-width: 170px;
    margin: auto;
}
.purpose-bottom-img:hover img {
    transform: scale(1.5);
    transition: 1s ease;
    overflow: hidden;
}
.purpose-title {
    padding-top: 55px;
}
.purpose-bottom-img img {
    width: 100%;
   /* height: 424px;*/
    object-fit: contain;
}
section.purpose-section-tow {
    background-image: url('../img/main-banner.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 1131px;
    display: flex;
    align-items: end;
    justify-content: center;
    margin-top: -110px;
}
.row.purpose-section-row {
    padding-bottom: 200px;
}
.philosophy-text p {
    text-align: center;
    font: normal normal normal 23px/35px Sukar;
    letter-spacing: 3.45px;
    color: #0E5A8E;
}
section.philosophy-section {
    padding-top: 120px;
    padding-bottom: 150px;
}
.philosophy-slider-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.philosophy-slider {
    padding-top: 111px;
}
.philosophy-slider-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.philosophy-slider-img {
    height: 700px;
}
.philosophy-slider-text-col {
    height: 700px;
    background: #385C4F 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    opacity: 1;
        display: flex;
    align-items: center;
    justify-content: center;
}
.philosophy-slider-img-col {
    padding-right: 0 !important;
}

.philosophy-slider-text h2 {
    text-align: center;
    font: normal normal normal 30px/40px Sukar;
    letter-spacing: 1.8px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    padding-bottom: 36px;
}
.philosophy-slider-text p {
    text-align: center;
    font: normal normal normal 18px/35px Sukar;
    letter-spacing: 2.7px;
    color: #FFFFFF;
    opacity: 1;
}
.purpose-bottom-img video {
    width: 100%;
    max-width: 386px;
    height: 413px;
    object-fit: cover;
    /*margin-top: 6px;*/
}
.purpose-bottom-img {
    width: 100%;
    max-width: 386px;
    overflow: hidden;
   /* height: 424px;*/
}
.philosophy-row-tow .carousel-control-prev {
    left: -60px;
    width: 50px;
    top: 50%;
    height: 50px;
}
.philosophy-row-tow .carousel-control-next {
    right: -60px;
    width: 50px;
    top: 50%;
    height: 50px;
}
.philosophy-row-tow span.carousel-control-next-icon {
    background-image: url('../img/arrow-right-blk.svg') !important;
}
.philosophy-row-tow span.carousel-control-prev-icon {
    background-image: url('../img/arrow-left-blk.svg') !important;
}
.philosophy-slider-text p{
    padding-left: 68px;
    padding-right: 68px;
}
.why-claydence-slider-img {
    width: 100%;
    max-width: 848px;
/*    height: 1355px;*/
}
.why-claydence-right-head h1 {
    text-align: left;
    font: normal normal normal 90px/117px Sukar;
    letter-spacing: 1.8px;
    color: #0050B5;
    opacity: 1;
}
.why-claydence-right-disc li {
    text-align: left;
    font: normal normal normal 25px/35px Sukar;
    letter-spacing: 1.5px;
    color: #0050B5;
    text-transform: uppercase;
    opacity: 1;
    padding-bottom: 24px;
}
.why-claydence-right-disc p {
    text-align: left;
    font: normal normal normal 25px/35px Sukar;
    letter-spacing: 1.5px;
    color: #385C4F;
    opacity: 1;
    padding-bottom: 50px;
}
.why-claydence-right-head {
    padding-bottom: 90px;
}

/*.why-claydence-right-text {
    padding-left: 150px;
}*/
.why-claydence-slider {
    position: relative;
    left: 0;
    top: -140px;
}
section.why-claydence-section {
    position: relative;
    height: 1315px;
}
.why-claydence-slider-img img.d-block.w-100 {
    height: 1455px;
}
.why-claydence-section .why-claydence-row .carousel-indicators [data-bs-target] {
    width: 12px !important;
    height: 12px !important;
    background-color: #EEF5F3 !important;
    border: 1px solid #EEF5F3 !important;
    border-radius: 100px !important;
    border-top: 1px solid #EEF5F3 !important;
    border-bottom: 1px solid #EEF5F3 !important;
    opacity: 1;
}
.why-claydence-container {
    width: 100%;
    max-width: 1900px !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.why-claydence-slider .carousel-control-next {
    right: 80px !important;
}





.create-filter-top h2 {
    text-align: left;
    font: normal normal normal 20px/26px Sukar;
    letter-spacing: 0px;
    color: #202020;
    opacity: 1;
}
.create-filter-top .create-filter .radio-buttons label {
    text-align: left;
    font: normal normal normal 25px/50px Sukar;
    letter-spacing: 3.75px;
    color: #0B83B8;
    opacity: 1;
    padding-left: 10px;
}
.create-filter-top .create-filter .radio-buttons input {
    width: 20px;
    height: 20px;
}
.create-filter-top .create-filter .radio-buttons input[type="radio"]:checked+label {
   text-align: left;
font: normal normal normal 25px/50px Sukar;
letter-spacing: 3.75px;
color: #385C4F;
opacity: 1;
font-weight: 700 !important;
}
.create-inner-right-main-img img {
    width: 100%;
}
.create-inner-right-main-img img {
    width: 100%;
    /*max-width: 691px;*/
    height: 660px;
    object-fit: cover;
}
.create-inner-right-mini-img img{
    width: 100%;
    padding-bottom: 11px;
        max-width: 223px;
    height: 223px;
    object-fit: cover;
}
.create-inner-right-head h2 {
    text-align: left;
    font: normal normal normal 50px/60px Sukar;
    letter-spacing: 3px;
    color: #27648E;
    text-transform: uppercase;
    opacity: 1;
}
.create-inner-duration p {
    text-align: left;
    font: normal normal normal 25px/50px Sukar;
    letter-spacing: 3.75px;
    color: #385C4F;
    opacity: 1;
}
.create-inner-right-price p {
    text-align: right;
    font: normal normal normal 30px/39px Sukar;
    letter-spacing: 1.8px;
    color: #0050B5;
    text-transform: uppercase;
    opacity: 1;
        padding-top: 40px;
}
.create-inner-right-mini-col {
    padding: 0 11px 0 0 !important;
}


@media(max-width: 430px){
	.container.claydence-head-col {
    bottom: -30px !important;
}
}
.frequently-faq div#accordionExample {
    border-left: 3px solid #ADAFAC;
    opacity: 1;
}
.school-about-us .header-default-toggle-img {
    padding-left: 10px;
}

.school-about-us .header-hover-toggle-img {
    padding-left: 10px;
}
/*section.diverse-student-section:before {
    content: '';
    background-image: url('../img/Mask-Group-bga.png');
    width: 500px;
    height: 500px;
    position: absolute;
    bottom: 0;
    right: 0;
}*/
section.diverse-student-section {
    position: relative;
}
.btn-close {
    background-image: url('../img/Icon-akar-cross-red.png') !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 10px;
    width: 50px;
    opacity: 1;
   /* margin-top: 10px !important;*/
}