html, body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
    font-family: "Montserrat", sans-serif;
	font-size: 20px;
    font-weight: 400;
	line-height: 160%;
	color: #4c5660;
	padding: 0;
	margin: 0;
	text-size-adjust: none ;
	-webkit-text-size-adjust: none;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding-top: 85px;
}
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
button {
    color: #EF8407;
    text-decoration:none;
    outline:none;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
button:focus { outline: none; }
a {
	color: #9f1f22;
	text-decoration:none;
	outline:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a:hover, a:focus {
	color: #000;
	outline: none;
	text-decoration:none;
}
.bg-gray a {
    color: #fff;
}
.bg-gray a:hover {
    color: #000;
}
h1,h2,h3,h4,h5,h6 {
    font-family: "Inter", serif;
	font-weight: 700;
	color: #000;
	margin-top: 0px;
}
p {
	margin-top: 0;
	margin-bottom:25px;
}
p:last-child {
    margin-bottom:0px;
}
img {
	max-width: 100%;
	height: auto;
    vertical-align: middle;
}


.red-btn {
    font-family: "EB Garamond", serif;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    background-color: #9f1f22;
    border: solid 4px #9f1f22; 
    border-radius: 15px;
    padding: 12px 32px 16px;
    position: relative;  
    text-align: center; 
    width: auto;
    height: 60px;
    line-height: 1.42857143;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}
.red-btn:hover,
.red-btn:focus  { 
    color: #9f1f22;
    background-color: #fff;
}

.white-btn {
    font-family: "EB Garamond", serif;
    font-size: 24px;
    font-weight: 700;
    color: #9f1f22 !important;
    background-color: #fff !important;
    border: solid 4px #fff; 
    border-radius: 15px;
    padding: 12px 32px 16px;
    position: relative;  
    text-align: center; 
    width: auto;
    height: 60px;
    line-height: 1.42857143;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}
.white-btn:hover,
.white-btn:focus  { 
    color: #fff !important;
    background-color: #9f1f22 !important;
    border-color: #fff;
}


.gray-btn {
    font-family: "EB Garamond", serif;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    background-color: #4c555f;
    border: solid 4px #4c555f; 
    border-radius: 15px;
    padding: 12px 32px 16px;
    position: relative;  
    text-align: center; 
    width: auto;
    height: 60px;
    line-height: 1.42857143;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}
.gray-btn:hover,
.gray-btn:focus  { 
    color: #4c555f;
    background-color: #fff;
}



strong {
    font-weight: 700;
}
.mainhead {
    position: relative;
    font-family: "EB Garamond", serif;
    font-size: 56px;
    font-weight: 700;
    color: #9f1f22;
    line-height: 100%;
    letter-spacing: 0.5px;
    margin: 0 0 20px;
}

.xl-header {
font-size: 70px;
}

.heading {
    position: relative;
    font-family: "EB Garamond", serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
    color: #9F1F22;
    margin: 0 0 30px;
}
.subheading {
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 120%;
    color: #4c5660;
    margin: 0 0 25px;
}
.taghead {
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 25px;
}
.tagline {
    position: relative;
    font-family: "Inter", serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 100%;
    font-style: italic;
    color: #253551;
    margin: 0 0 25px;
}
.bg-gray {
    position: relative;
    background-color: #4c555f;
}
.bg-red {
    position: relative;
    background-color: #9f1f22;
}
.heading-white {
    position: relative;
    font-family: "EB Garamond", serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
    color: #9F1F22;
    display: inline-block;
    background-color: #fff;
    padding: 7px 0 10px;
    margin: 0 0 30px;
}
.heading-white::before {
    content: "";
    position: absolute;
    left: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    background-image: url(../images/left-painting-wht.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.heading-white::after {
    content: "";
    position: absolute;
    right: -100px;
    top: 0;
    width: 100px;
    height: 100%;
    background-image: url(../images/right-painting-wht.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.heading-red {
    position: relative;
    font-family: "EB Garamond", serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
    color: #fff;
    display: inline-block;
    background-color: #9F1F22;
    padding: 7px 0 10px;
    margin: 0 0 30px;
}
.heading-red::before {
    content: "";
    position: absolute;
    left: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    background-image: url(../images/left-painting-red.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.heading-red::after {
    content: "";
    position: absolute;
    right: -100px;
    top: 0;
    width: 100px;
    height: 100%;
    background-image: url(../images/right-painting-red.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.heading-gray {
    position: relative;
    font-family: "EB Garamond", serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
    color: #fff;
    display: inline-block;
    background-color: #4c555f;
    padding: 7px 0 10px;
    margin: 0 0 30px;
}
.heading-gray::before {
    content: "";
    position: absolute;
    left: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    background-image: url(../images/left-painting-gray.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.heading-gray::after {
    content: "";
    position: absolute;
    right: -100px;
    top: 0;
    width: 100px;
    height: 100%;
    background-image: url(../images/right-painting-gray.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.heading-pink {
    position: relative;
    font-family: "EB Garamond", serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
    color: #4c5660;
    display: inline-block;
    background-color: #daa39f;
    padding: 7px 0 10px;
    margin: 0 0 30px;
}
.heading-pink::before {
    content: "";
    position: absolute;
    left: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    background-image: url(../images/left-painting-pink.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.heading-pink::after {
    content: "";
    position: absolute;
    right: -100px;
    top: 0;
    width: 100px;
    height: 100%;
    background-image: url(../images/right-painting-pink.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.heading-blue {
    position: relative;
    font-family: "EB Garamond", serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
    color: #4c5660;
    display: inline-block;
    background-color: #b0dbe0;
    padding: 7px 0 10px;
    margin: 0 0 30px;
}
.heading-blue::before {
    content: "";
    position: absolute;
    left: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    background-image: url(../images/left-painting-blue.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.heading-blue::after {
    content: "";
    position: absolute;
    right: -100px;
    top: 0;
    width: 100px;
    height: 100%;
    background-image: url(../images/right-painting-blue.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.heading-yellow {
    position: relative;
    font-family: "EB Garamond", serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
    color: #4c5660;
    display: inline-block;
    background-color: #efdf9e;
    padding: 7px 0 10px;
    margin: 0 0 30px;
}
.heading-yellow::before {
    content: "";
    position: absolute;
    left: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    background-image: url(../images/left-painting-yellow.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.heading-yellow::after {
    content: "";
    position: absolute;
    right: -100px;
    top: 0;
    width: 100px;
    height: 100%;
    background-image: url(../images/right-painting-yellow.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.darktop-curve::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 23px;
    background-image: url(../images/darktop-curve.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center top;
}
.darkbot-curve::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 23px;
    background-image: url(../images/darkbot-curve.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center bottom;
}
.roundtop-curve::before {
    content: "";
    position: absolute;
    right: 0;
    top: -189px;
    width: 225px;
    height: 190px;
    background-image: url("data:image/svg+xml,%3Csvg width='225' height='190' viewBox='0 0 225 190' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 190C2.29655 189.732 4.62414 189.374 6.92069 189.195C32.8965 186.781 58.5931 181.461 83.9172 172.52C107.317 164.249 129.972 152.984 151.2 136.398C169.014 122.449 185.09 105.282 198.186 82.7506C212.028 59.0118 220.779 31.8753 224.659 1.43059C224.721 0.938824 224.876 0.491765 225 0C225 63.3482 225 126.652 225 190C149.99 190 75.0103 190 0 190Z' fill='%234C555F'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
}




/*** 

====================================================================
  popup css
====================================================================

***/

.popUpBtn{
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}
.modal-open {
    overflow: hidden;
    padding-right: 17px;
}
.modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(23, 23, 23, 0.85);
    display: none;
    z-index: 999;
    
}
.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 1rem 1rem;
    width: 720px;
    background-color: transparent;
    transform: translate(-50%, -50%) scale(0.5);
}
.close {
    font-family: 'proxima_novabold';
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
    font-size: 36px;
    color: #fff;
    transition: all ease 0.5s;
}
.close:hover {
    color: #CC0133;
    transform: rotate(180deg);
}
.modal .btn-box {
    padding: 30px 0 0;
    display: flex;
    justify-content: center;
}
.transform-in, .transform-out {
    display: block;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.transform-in {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.transform-out {
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
}
/* 667 */
@media only screen and (max-width: 735px) {
    .modal-content { width: 100%; }
    .close { right: 15px; }
}


/*** 

====================================================================
  bootstrap css start here 
====================================================================

***/
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    align-items: center;
}
.align-center {
    align-items: center !important;
}
.d-block {
    display: block !important;
}
.text-center {
    text-align: center !important;
}
.text-white {
    color: #fff !important;
}
.text-red {
    color: #9F1F22 !important;
}
.mt-40 {
    margin-top: 40px !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.mb-40 {
    margin-bottom: 40px !important;
}
.ptb-80 {
    padding: 80px 0 80px !important;
}
.pt-20 {
    padding-top: 20px !important;
}
.pt-40 {
    padding-top: 40px !important;
}
.pb-40 {
   padding-bottom: 40px !important; 
}
.row-gap-30 { row-gap:30px !important; }
.row-gap-40 { row-gap:40px !important; }
dl,
ol,
ul {
 margin-top:0;
 margin-bottom:0rem;
 padding: 0;
 padding-left: 20px;
}
ol ol,
ol ul,
ul ol,
ul ul {
 margin-bottom:0
}
ul li {
  padding-bottom: 10px;
}
h1 {
 font-size:2.5rem
}
h2 {
 font-size:2rem
}
h3 {
 font-size:1.75rem
}
h4 {
 font-size:1.5rem
}
h5 {
 font-size:1.25rem
}
h6 {
 font-size:1rem
}
.container {
 width:100%;
 padding-right:15px;
 padding-left:15px;
 margin-right:auto;
 margin-left:auto
}
@media (min-width:576px) {
 .container {
  max-width:540px
 }
}
@media (min-width:768px) {
 .container {
  max-width:720px
 }
}
@media (min-width:992px) {
 .container {
  max-width:960px
 }
}
@media (min-width:1200px) {
 .container {
  max-width:1270px
 }
}
.container-fluid {
 width:100%;
 padding-right:15px;
 padding-left:15px;
 margin-right:auto;
 margin-left:auto
}
.row {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin-right:-15px;
 margin-left:-15px
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9 {
 width:100%;
 min-height:1px;
 padding-right:15px;
 padding-left:15px
}
@media (min-width:768px) {
 .col-md-1 {
  -webkit-box-flex:0;
  -ms-flex:0 0 8.333333%;
  flex:0 0 8.333333%;
  max-width:8.333333%
 }
 .col-md-2 {
  -webkit-box-flex:0;
  -ms-flex:0 0 16.666667%;
  flex:0 0 16.666667%;
  max-width:16.666667%
 }
 .col-md-3 {
  -webkit-box-flex:0;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%
 }
 .col-md-4 {
  -webkit-box-flex:0;
  -ms-flex:0 0 33.333333%;
  flex:0 0 33.333333%;
  max-width:33.333333%
 }
 .col-md-5 {
  -webkit-box-flex:0;
  -ms-flex:0 0 41.666667%;
  flex:0 0 41.666667%;
  max-width:41.666667%
 }
 .col-md-6 {
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%
 }
 .col-md-7 {
  -webkit-box-flex:0;
  -ms-flex:0 0 58.333333%;
  flex:0 0 58.333333%;
  max-width:58.333333%
 }
 .col-md-8 {
  -webkit-box-flex:0;
  -ms-flex:0 0 66.666667%;
  flex:0 0 66.666667%;
  max-width:66.666667%
 }
 .col-md-9 {
  -webkit-box-flex:0;
  -ms-flex:0 0 75%;
  flex:0 0 75%;
  max-width:75%
 }
 .col-md-10 {
  -webkit-box-flex:0;
  -ms-flex:0 0 83.333333%;
  flex:0 0 83.333333%;
  max-width:83.333333%
 }
 .col-md-11 {
  -webkit-box-flex:0;
  -ms-flex:0 0 91.666667%;
  flex:0 0 91.666667%;
  max-width:91.666667%
 }
 .col-md-12 {
  -webkit-box-flex:0;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }
 
}

@media (min-width:1199px) {
.d-lg-none {
  display: none !important;
}
}
@media (max-width:1199px) {
.d-none-mob {
    display: none !important;
}
}

@media (min-width:992px) {
 .col-lg-1 {
  -webkit-box-flex:0;
  -ms-flex:0 0 8.333333%;
  flex:0 0 8.333333%;
  max-width:8.333333%
 }
 .col-lg-2 {
  -webkit-box-flex:0;
  -ms-flex:0 0 16.666667%;
  flex:0 0 16.666667%;
  max-width:16.666667%
 }
 .col-lg-3 {
  -webkit-box-flex:0;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%
 }
 .col-lg-4 {
  -webkit-box-flex:0;
  -ms-flex:0 0 33.333333%;
  flex:0 0 33.333333%;
  max-width:33.333333%
 }
 .col-lg-5 {
  -webkit-box-flex:0;
  -ms-flex:0 0 41.666667%;
  flex:0 0 41.666667%;
  max-width:41.666667%
 }
 .col-lg-6 {
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%
 }
 .col-lg-7 {
  -webkit-box-flex:0;
  -ms-flex:0 0 58.333333%;
  flex:0 0 58.333333%;
  max-width:58.333333%
 }
 .col-lg-8 {
  -webkit-box-flex:0;
  -ms-flex:0 0 66.666667%;
  flex:0 0 66.666667%;
  max-width:66.666667%
 }
 .col-lg-9 {
  -webkit-box-flex:0;
  -ms-flex:0 0 75%;
  flex:0 0 75%;
  max-width:75%
 }
 .col-lg-10 {
  -webkit-box-flex:0;
  -ms-flex:0 0 83.333333%;
  flex:0 0 83.333333%;
  max-width:83.333333%
 }
 .col-lg-11 {
  -webkit-box-flex:0;
  -ms-flex:0 0 91.666667%;
  flex:0 0 91.666667%;
  max-width:91.666667%
 }
 .col-lg-12 {
  -webkit-box-flex:0;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }

 .offset-lg-1 {
  margin-left:8.333333%
 }
 .offset-lg-2 {
  margin-left:16.666667%
 }
 .offset-lg-3 {
  margin-left:25%
 }
 
}
@media (min-width:1200px) {
 .col-xl-1 {
  -webkit-box-flex:0;
  -ms-flex:0 0 8.333333%;
  flex:0 0 8.333333%;
  max-width:8.333333%
 }
 .col-xl-2 {
  -webkit-box-flex:0;
  -ms-flex:0 0 16.666667%;
  flex:0 0 16.666667%;
  max-width:16.666667%
 }
 .col-xl-3 {
  -webkit-box-flex:0;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%
 }
 .col-xl-4 {
  -webkit-box-flex:0;
  -ms-flex:0 0 33.333333%;
  flex:0 0 33.333333%;
  max-width:33.333333%
 }
 .col-xl-5 {
  -webkit-box-flex:0;
  -ms-flex:0 0 41.666667%;
  flex:0 0 41.666667%;
  max-width:41.666667%
 }
 .col-xl-6 {
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%
 }
 .col-xl-7 {
  -webkit-box-flex:0;
  -ms-flex:0 0 58.333333%;
  flex:0 0 58.333333%;
  max-width:58.333333%
 }
 .col-xl-8 {
  -webkit-box-flex:0;
  -ms-flex:0 0 66.666667%;
  flex:0 0 66.666667%;
  max-width:66.666667%
 }
 .col-xl-9 {
  -webkit-box-flex:0;
  -ms-flex:0 0 75%;
  flex:0 0 75%;
  max-width:75%
 }
 .col-xl-10 {
  -webkit-box-flex:0;
  -ms-flex:0 0 83.333333%;
  flex:0 0 83.333333%;
  max-width:83.333333%
 }
 .col-xl-11 {
  -webkit-box-flex:0;
  -ms-flex:0 0 91.666667%;
  flex:0 0 91.666667%;
  max-width:91.666667%
 }
 .col-xl-12 {
  -webkit-box-flex:0;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }
 .offset-xl-1 {
  margin-left:8.333333%
 }
 .offset-xl-2 {
  margin-left:16.666667%
 }
 .offset-xl-3 {
  margin-left:25%
 }
 .offset-xl-4 {
  margin-left:33.333333%
 }
 .offset-xl-5 {
  margin-left:41.666667%
 }
 .offset-xl-6 {
  margin-left:50%
 }
 
}



/*** 
====================================================================
  mobilecta start 
====================================================================
***/

.callnow {
    margin-left:auto;
    color:#fff;
    width:90px;
    font-size:14px!important;
    font-weight: 900;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 10px;
}
.callnow .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
}
.callnow path {
    fill: #fff;
    transition: all 0.3s ease-in;
}
.callnow span {
    font-size: 14px;
    font-weight: 700;
    display: block;
}
.callnow:hover {
    color:#306DB5;
}


/*** 
====================================================================
  Header start 
====================================================================
***/
body.admin-bar header.cms-header {
    top: 46px
}

@media only screen and (min-width: 784px) {
    body.admin-bar header.cms-header {
        top:32px
    }
}
header.cms-header {
    padding: 0 0 0px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 3;
    transition: all 0.3s ease-in;
    padding: 15px 0 15px;
    background-color: #9f1f22;
    height: 85px;
}
header.cms-header .container {
    max-width: 1570px;
    height: 100%;
}
header.cms-header.sticky-on {
    background-color: #9f1f22;
}
@media (min-width:1199px) {
    .navbar-expand-lg {
        flex-flow:row nowrap;
    }
    .off-canvas-inner-content {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

header.cms-header .navbar {
	padding: 0;
	display: flex;
  	align-items: center;
    height: 100%;
}
header.cms-header .navbar-brand {
    position: relative;
  	margin-right: 1rem;
  	padding: 0;
  	min-width: 275px;
}
.off-canvas-wrapper {
    position: relative;
	display: flex;
	align-items: center;
    justify-content: center;
    width: 100%;
}
.mobile-menu  {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}
.mobile-menu li {
	position: relative;
    margin: 0 2px;
    padding: 10px 0 10px;
}
.mobile-menu li a {
	position: relative;
    font-family: "EB Garamond", serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
    padding: 7px 16px 10px;
    border-radius: 10px;
	white-space: nowrap;
}
.mobile-menu li a:hover,
.mobile-menu li.current_page_item > a,
.mobile-menu li.current-menu-parent > a, 
.mobile-menu li a:focus {
    background-color: #000;
    color: #fff;
}
.off-canvas-wrapper .off-canvas-inner {
	display: flex;
	align-items: center;
}



header.cms-header .header-right {
  	display: flex;
  	align-items: center;
    margin-left: 1rem;
}



header.cms-header .call-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 25px 15px;
}
header.cms-header .call-box .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
}
header.cms-header .call-box path {
    fill: #9f1d21;
    transition: all 0.3s ease-in;
}
header.cms-header .call-txt {
    margin-left: 10px;
}
header.cms-header .call-number {
    font-family: "EB Garamond", serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
    color: #4c5660;
    white-space: nowrap;
    transition: all 0.3s ease-in;
}
header.cms-header .call-box:hover {
    background-color: #4c555f;
}
header.cms-header .call-box:hover .call-number,
header.cms-header .call-box:hover .call-text,
header.cms-header .call-box:hover path {
    color: #fff;
    fill: #fff;
}








/* ================================= submenu style ===================================*/

@media(min-width:1199px) {

	header.cms-header .mobile-menu ul.sub-menu {
	    opacity: 0;
	    visibility: hidden;
	    position:absolute;
	    left: 0;
	    top: 150%;
	    background: #fff;
	    box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.1);
	    border-radius: 5px;
	    padding: 5px 15px 5px;
	    min-width: 250px;
	    z-index: 9999;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	    filter: alpha(opacity=0);
	    transition: all 0.5s ease-in-out;
	    display: block !important;
	}

	header.cms-header .mobile-menu li.menu-item-has-children:hover > ul.sub-menu {
	    top: 100%;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	    filter: alpha(opacity=100);
	    opacity: 1;
	    visibility: visible;
	}
    header.cms-header ul:not(.sub-menu) > li.menu-item-has-children > ul.sub-menu > li ul {
        top: 0;
        left: 240px;
    }
	header.cms-header .mobile-menu li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover ul.sub-menu {
		left: 100%;
		top: 0;
	}
	header.cms-header .mobile-menu ul.sub-menu li.menu-item {
	    display: block;
	    border-bottom: solid 1px #345276;
        padding: 0;
        margin: 0;
	}
	header.cms-header .mobile-menu ul.sub-menu li.menu-item:last-child {
	    border-bottom: 0;
	}
	header.cms-header .mobile-menu ul.sub-menu li.menu-item a {
	    display: block;
	    font-size: 15px;
        font-weight: 700;
	    color: #02142B;
        line-height: 1.4;
	    padding: 10px 0 10px;
	    margin: 0;
	    text-transform: capitalize;
        border: 0;
        border-radius: 0;
        white-space: normal;
	}
	header.cms-header .mobile-menu ul.sub-menu li.menu-item a:hover,
    header.cms-header .mobile-menu ul.sub-menu li.current_page_item a {
        padding-left: 5px;
        background-color: #9f1f22;
        border-radius: 0;
		color: #fff;
        border: 0;
	}
	header.cms-header .mobile-menu .menu-expand {
		position: absolute;
        right: -10px;
        top: 15px;
    	width: 11px;
    	height: 6px;
        background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.30584 0L5.58331 3.64037L9.67271 0.0472948L11 1.25428L5.60482 6L0 1.22782L1.30584 0.00190449V0Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
        background-repeat: no-repeat no-repeat;
        display: none;
	}
}

/*** 

====================================================================
  mobile menu css
====================================================================

***/


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

.mobile-navigation {
  	overflow: hidden;
  	max-height: calc(100vh - 50px);
    height: 100%;
  	width: 100%;
}
.off-canvas-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	z-index: 9999999;
	display: block;
}
.mobile-navigation nav {
  	height: 100%;
}
.off-canvas-wrapper.open {
	opacity: 1;
	visibility: visible;
	z-index: 9999999;
	display: block;
}
.off-canvas-wrapper.open .off-canvas-inner-content {
	-webkit-transform: none;
	transform: none;
}
.off-canvas-wrapper .off-canvas-overlay {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.off-canvas-wrapper .off-canvas-inner-content {
	background-color: #fff;
	width: 300px;
	padding: 20px;
	height: 100%;
	position: relative;
	-webkit-transform: translateX(calc(-100% - 50px));
	transform: translateX(calc(-100% - 50px));
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.off-canvas-wrapper .btn-close-off-canvas {
	top: 0;
	left: 100%;
	width: 40px;
	height: 40px;
	font-size: 20px;
	background-color: #000;
	color: #fff;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	position: absolute;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.off-canvas-wrapper .btn-close-off-canvas .close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.off-canvas-wrapper .btn-close-off-canvas span:nth-child(1) {
    width: 20px;
    height: 2px;
    background-color: #fff;
    transform: rotate(-45deg);
    display: block;
    position: relative;
    left: 10px;
}
.off-canvas-wrapper .btn-close-off-canvas span:nth-child(2) {
    width: 20px;
    height: 2px;
    background-color: #fff;
    transform: rotate(45deg);
    display: block;
    position: relative;
    right: 10px;
}
.off-canvas-wrapper .off-canvas-inner {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
    align-items: inherit;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
  	margin-left: auto;
  	height: 100%;
}
.offcanvas-curreny-lang-support {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 20px 0;
	-webkit-box-pack: center;
	  -ms-flex-pack: center;
	      justify-content: center;
	padding-top: 15px;
}
.offcanvas-curreny-lang-support.header-top-settings ul li {
	color: #333;
	font-size: 14px;
}
.offcanvas-account-container li {
	display: inline-block;
	margin-left: 10px;
	padding-left: 10px;
	margin-bottom: 2px;
}
.offcanvas-account-container li::before {
	content: "•";
	color: #777;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

/*---------------------------
    - Mobile Menu Css
-----------------------------*/
.mobile-menu-btn .off-canvas-btn {
    font-size: 17px;
    cursor: pointer;
    padding: 10px 10px;
    line-height: 1;
    border: 2px solid #fff;
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}
.mobile-menu-btn .off-canvas-btn span:nth-child(1) {
    width: 27px;
    height: 2px;
    background-color: #fff;
}
.mobile-menu-btn .off-canvas-btn span:nth-child(2) {
    width: 17px;
    height: 2px;
    background-color: #fff;
}
.mobile-menu-btn .off-canvas-btn span:nth-child(3) {
    width: 22px;
    height: 2px;
    background-color: #fff;
}


.mobile-menu {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	padding-right: 10px;
	margin-right: -10px;
	display: block;
}
.mobile-menu li > a {
	font-size: 16px;
	color: #333;
	text-transform: capitalize;
	line-height: 18px;
	position: relative;
	display: inline-block;
	padding: 15px 0;
}
.mobile-menu li > a:hover {
    background-color: transparent;
  	color: #9f1f22;
    border: 0;
}
.mobile-menu li ul li {
  	border: none;
}
.mobile-menu li ul li a {
	font-size: 14px;
	text-transform: capitalize;
	padding: 10px 15px 8px;
}
.mobile-menu .menu-item-has-children {
  	position: relative;
}
.mobile-menu .menu-item-has-children .menu-expand {
	line-height: 50;
	top: -5px;
	left: 95%;
	width: 30px;
	position: absolute;
	height: 50px;
	text-align: center;
	cursor: pointer;
}
.mobile-menu .menu-item-has-children .menu-expand i {
	display: block;
	position: relative;
	width: 10px;
	margin-top: 25px;
	border-bottom: 1px solid #252525;
	-webkit-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}
.mobile-menu .menu-item-has-children .menu-expand i:before {
	top: 0;
	width: 100%;
	content: "";
	display: block;
	position: absolute;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	border-bottom: 1px solid #252525;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.mobile-menu .menu-item-has-children.active > .menu-expand i:before {
  	-webkit-transform: rotate(0);
  	transform: rotate(0);
}
.mobile-menu ul.sub-menu {
	list-style: none;
	padding: 0 0 0;
	padding-left: 15px;
}

}


/*** 
====================================================================
  banner css
====================================================================
***/
.cms-banner {
    position: relative;
    width: 100%;
    height: calc(100vh - 85px);
    overflow: hidden;
}
.cms-banner::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 50px;
    background-image: url(../images/slider-bottom-pattern.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center bottom;
}
.hero-slider {
    position: relative;
    height: 100%;
}
.hero-slider .slider-video {
    position: relative;
    display: flex !important;
    flex-direction: column;
}
.cms-banner video { 
    width: 100%;
    max-height: 100%;
    box-sizing: border-box; 
}
.caption-box {
    position: absolute;
    right: 0;
    top: 0;
    width: 600px;
    height: 100%;
    padding: 40px 60px 40px;
    background-color: rgba(68, 68, 68, 0.50);
}
.left-caption {
    right: auto;
    left: 0;
}
.red-caption {
    background-color: rgba(255, 58, 45, 0.32);
}
.white-caption {
    background-color: rgba(255, 255, 255, 0.71);
}

.caption-box .content {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
}
.caption-box .btn-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 20px;
    row-gap: 20px;
    padding: 40px 0 0;
}


.hero-slider .slick-slider {
    position: initial;
}
.hero-slider .slick-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    text-indent: -9999px;
    background: transparent;
    border: 0;
    width: 36px;
    height: 25px;
    z-index: 1;
    cursor: pointer; 
    outline: 0;
    background-image: url(../images/custom-arrow-prev.png);
    background-repeat: no-repeat;
}
.hero-slider .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    text-indent: -9999px;
    background: transparent;
    border: 0;
    z-index: 1; 
    outline: 0;
    cursor: pointer;
    width: 36px;
    height: 25px;
    background-image: url(../images/custom-arrow-next.png);
    background-repeat: no-repeat;
}


.hero-slider .slick-dots {
    position: absolute;
    left: 0;
    bottom: 60px;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 40px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5px;
}
.hero-slider .slick-dots li {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 0px;
    border: 3px solid #e5e5e5;
    background: linear-gradient(to bottom,#999999 0%,#e1e1e1 100%);
    cursor: pointer;
}
.hero-slider .slick-dots button {
    display: none;
}
.hero-slider .slick-dots li.slick-active {
    background: #ff3a2d;
}
 
/*** 
====================================================================
  robust css
====================================================================
***/

.robust-box {
    margin: 0 0 40px;
}
.robust-box .title {
    font-size: 22px;
    font-weight: 500;
    color: #9F1F22;
}

/*** 
====================================================================
  achieving css
====================================================================
***/

.cms-achieving {
    position: relative;
    z-index: 1;
}
.cms-achieving::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 350px;
    background-color: #4c555f;
    z-index: -1;
}
.cms-achieving .row {
    row-gap: 40px;
}
.achiev-box .title-main {
    position: relative;
    width: 320px;
    height: 320px;
    background-color: #fff;
    border-radius: 50%;
    padding: 10px;
    margin: 0 auto 40px;
}
.achiev-box .title {
    position: relative;
    font-family: "EB Garamond", serif;
    font-weight: 700;
    color: #4c5660;
    font-size: 34px;
    letter-spacing: 0.5px;
    text-align: center;
    padding: 0 20px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: inset 0 0 0 8px #DFB0AB;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cms-achieving .col-xl-4:nth-child(2) .achiev-box .title {
    box-shadow: inset 0 0 0 8px #F1E4AA;
}
.cms-achieving .col-xl-4:nth-child(3) .achiev-box .title {
    box-shadow: inset 0 0 0 8px #BAE0E5;
}
.achiev-box .title-main::before {
    content: "";
    position: absolute;
    left: -3px;
    top: -3px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: dashed 3px #000;
    animation-name: spin;
    animation-duration: 40s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
}
.cms-achieving .list {
    max-width: 360px;
    margin: 0 auto;
}
.cms-achieving ul {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

/*** 
====================================================================
  gallery css 
====================================================================
***/

.impact-holistic .row { 
    row-gap:40px; 
}
.gallery-box {
    position: relative;
    background-color: #fff;
    border-radius: 48px;
    padding: 50px 30px 30px;
    text-align: center;
}
.gallery-box .title {
    font-family: "EB Garamond", serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 100%;
    text-align: center;
    letter-spacing: 0.5px;
    color: #4c5660;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 20px;
}
.gallery-box .image-holder {
    display: flex;
    margin: 0 0 30px;
    height: 340px;
    overflow: hidden;
}
.gallery-box .image-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery-box .figure-caption {
    font-size: 24px;
    font-weight: 600;
    line-height: 100%;
    color: #000;
    margin: 0;
}



.gallery-box .slick-slider {
    position: initial;
}
.gallery-box .slick-dots {
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 15px;
}
.gallery-box .slick-dots li {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 0px;
    border: 3px solid #9f1f22;
    cursor: pointer;
    opacity: 0.5;
}
.gallery-box .slick-dots button {
    display: none;
}
.gallery-box .slick-dots li.slick-active {
    background: #9f1f22;
    opacity: 1;
}


/*** 
====================================================================
  achive page css
====================================================================
***/
.impact-achive .content {
    max-width: 690px;
}

/*** 
====================================================================
  review  css
====================================================================
***/

.review-slider {
    position: relative;
}
.review-slider::before {
    content: "";
    position: absolute;
    left: 8%;
    top: 0;
    width: 84%;
    height: 5px;
    background-color: #2b2b2b;
}
.thumb-image {
    max-width: 1080px;
    margin: 0 auto;
}
.review-box {
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.25);
    cursor: pointer;
    border-radius: 10px;
    padding: 25px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.review-box::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -140px;
    width: 60px;
    height: 160px;
    background-image: url(../images/testimonial-clip-icon.webp);
    background-repeat: no-repeat;
    background-size: contain;
}
.review-box .name {
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 120%;
    text-transform: capitalize;
    color: #000;
    margin: 0 0 10px;
    transition: all 0.3s ease-in-out;
}
.review-box .position {
    font-size: 18px;
    font-weight: 600;
    line-height: 120%;
    text-transform: capitalize;
    color: #a7a7a7;
    min-height: 45px;
    transition: all 0.3s ease-in-out;
}
.slider-nav .slick-slide.slick-current .review-box {
    background-color: #9f1f22;
}
.slider-nav .slick-slide.slick-current .name {
    color: #fff;
}
.thumb-image .profile-thumb {
    margin: 0 0 20px;
    height: 310px;
    overflow: hidden;
}
.thumb-image .profile-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    border-radius: 10px;
}
.slider-nav .slick-list {
    margin: 0 -40px;
}
.slider-nav .slick-slide {
    padding: 140px 40px 40px;
}
.review-slider .content {
    max-width: 990px;
    margin: 0 auto;
    text-align: center;
    color: #000;
}



.review-slider .slick-slider {
    position: initial;
}
.review-slider .slick-prev {
    position: absolute;
    top: -10px;
    left: 30px;
    text-indent: -9999px;
    background: transparent;
    border: 0;
    width: 36px;
    height: 25px;
    z-index: 1;
    cursor: pointer; 
    outline: 0;
    background-image: url(../images/custom-arrow-prev.png);
    background-repeat: no-repeat;
}
.review-slider .slick-next {
    position: absolute;
    right: 30px;
    top: -10px;
    text-indent: -9999px;
    background: transparent;
    border: 0;
    z-index: 1; 
    outline: 0;
    cursor: pointer;
    width: 36px;
    height: 25px;
    background-image: url(../images/custom-arrow-next.png);
    background-repeat: no-repeat;
}


.review-slider .slick-dots {
    list-style: none;
    margin: 0;
    padding: 40px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 20px;
}
.review-slider .slick-dots li {
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    padding: 0px;
    background-color: #090909;
    cursor: pointer;
}
.review-slider .slick-dots button {
    display: none;
}
.review-slider .slick-dots li::before {
    content: "";
    position: absolute;
    left: -4px;
    top: -4px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: dashed 2px #9f1f22;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.review-slider .slick-dots li.slick-active {
    background-color: #9f1f22;
}
.review-slider .slick-dots li.slick-active::before {
    opacity: 1;
} 


/*** 
====================================================================
  lawyer css
====================================================================
***/

.cms-grow {
    position: relative;
    z-index: 1;
}
.cms-grow::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 440px;
    background-color: #4c555f;
    z-index: -1;
}

.cms-grow .row {
    row-gap: 40px;
}
.cms-grow .grow-box {
    text-align: center;
    
}
.grow-box .grow-img {
    position: relative;
    width: 320px;
    height: 320px;
    margin: 0 auto 20px;
    border-radius: 50%;
}
.grow-box .grow-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.grow-box .grow-img::before {
    content: "";
    position: absolute;
    left: -3px;
    top: -3px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: dashed 3px #000;
    animation-name: spin;
    animation-duration: 40s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
}
.grow-box .title {
    position: relative;
    font-family: "EB Garamond", serif;
    font-weight: 700;
    color: #4c555f;
    font-size: 30px;
    letter-spacing: 0.5px;
    text-align: center;
    padding: 0 50px;
}


/*** 
====================================================================
  contact-cta css
====================================================================
***/

.contact-cta {
    position: relative;
    background-color: #9f1f22;
    padding: 40px 0 40px;
    margin-top: 40px;
}
.contact-cta .heading {
    margin: 0 0 10px;
}
.contact-cta .header-content {
    font-size: 24px;
    line-height: 120%;
    color: #fff;
}
.contact-cta .btn-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    row-gap: 20px;
    column-gap: 20px;
}

/*** 
====================================================================
  footer css
====================================================================
***/

footer.cms-footer {
    position: relative;
    margin-top: auto;
    overflow: hidden;
}
footer.cms-footer .footer-top {
    padding: 80px 0 80px;
}
footer.cms-footer .footer-logo {
    padding: 0 0 30px;
}
footer.cms-footer .footer-social ul {
    list-style: none;
    margin: 30px 0 0;
    padding: 0;
    display: flex;
    align-items: center;
    column-gap: 10px;
}
footer.cms-footer .footer-social ul li {
    padding: 0;
}
footer.cms-footer .footer-social ul li a {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 3px #9f1f22;
}
footer.cms-footer .footer-social ul li a:hover {
    background-color: #000;
    border: solid 3px #000;
}
footer.cms-footer .footer-social svg {
    width: 18px;
}
footer.cms-footer .footer-social svg path {
    fill: #da0000;
}



footer.cms-footer .footer-rht {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 40px;
    padding-left: 50px;
}
footer.cms-footer .footer-title {
    position: relative;
    font-family: "EB Garamond", serif;
    font-size: 24px;
    font-weight: 700;
    color: #4c5660;
    letter-spacing: 0.5px;
    line-height: 1.2;
    margin: 0 0 30px;
}
footer.cms-footer .footer-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}
footer.cms-footer .footer-menu ul li {
    font-family: "EB Garamond", serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    color: #090909;
    line-height: 1.2;
}
footer.cms-footer .footer-menu ul li a {
    color: #090909;
}
footer.cms-footer .footer-menu ul li a:hover {
    color: #9f1f22;
}
footer.cms-footer .footer-menu.mid ul li:last-child a {
    color: #9f1f22;
}



footer.cms-footer .footer-copyright {
    
}
footer.cms-footer .copyright {
    padding: 25px 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    border-top: 3px dashed #090909;
}
footer.cms-footer .footer-copyright p {
    font-family: "EB Garamond", serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    color: #000;
    margin: 0;
}
footer.cms-footer .footer-copyright ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 10px;
    column-gap: 25px;
}
footer.cms-footer .footer-copyright ul li {
    position: relative;
    font-family: "EB Garamond", serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    color: #000;
    padding: 0;
}
footer.cms-footer .footer-copyright ul li:last-child::before {
    display: none;
}
footer.cms-footer .footer-copyright ul li::before {
    content: "";
    position: absolute;
    right: -14px;
    top: 3px;
    width: 2px;
    height: 15px;
    background-color: #000;
}
footer.cms-footer .footer-copyright ul li a {
    position: relative;
    color: #000;    
}
footer.cms-footer .footer-copyright ul li a:hover {
    color: #9f1f22;
}

/*** 
====================================================================
  Our-Approach page css
====================================================================
***/

.inner-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.inner-banner::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-image: url(../images/slider-bottom-pattern.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center bottom;
}
.inner-hero {
    position: relative;
    height: 100%;
}

/*** 
====================================================================
  Our-Approach page css
====================================================================
***/

.approach-need .section-header {
    background: #4c5660;
    padding: 40px 20px;
    border-radius: 40px;
    margin: 0 0 40px;
}
.approach-philosophy .row {
    row-gap: 40px;
}
.approach-box {
    position: relative;
    background-color: #fff;
    border-radius: 48px;
    padding: 30px 30px 30px;
    text-align: center;
    height: 100%;
}
.approach-box .title {
    font-family: "EB Garamond", serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 100%;
    text-align: center;
    letter-spacing: 0.5px;
    color: #4c5660;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 20px;
}
.approach-box .image-holder {
    display: flex;
    margin: 0 0 30px;
    height: 280px;
    overflow: hidden;
}
.approach-box .image-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.approch-belief .row {
    row-gap: 60px;
}
.belief-box {
    display: grid;
    grid-template-columns: 160px auto;
}
.belief-box .number {
    position: relative;
    font-family: "EB Garamond", serif;
    font-size: 70px;
    font-weight: 600;
    color: #4c5660;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background-color: #daa49f;
    box-shadow: inset 0 0 0 8px #fff;
}
.belief-box .number::before {
    content: "";
    position: absolute;
    left: -2px;
    top: -2px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: dashed 2px #000;
    animation-name: spin;
    animation-duration: 40s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.belief-box .belief-detail {
    padding-left: 30px;
}
.belief-box .title {
    font-family: "EB Garamond", serif;
    font-size: 24px;
    font-weight: 700;
    color: #4c5660;
    line-height: 120%;
    letter-spacing: 0.5px;
    margin: 0 0 20px;
}
.belief-box .content {
    font-size: 18px;
    line-height: 140%;
}
.approch-belief .col-xl-6:nth-child(3n+2) .belief-box .number {
    background-color: #efe09f;
}
.approch-belief .col-xl-6:nth-child(3n+3) .belief-box .number {
    background-color: #afdce1;
}
.social-linkedin {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 15px;
    row-gap: 15px;
    padding: 40px 0 0;
}
.social-linkedin .title {
    font-family: "EB Garamond", serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 120%;
    color: #fff;
    letter-spacing: 0.5px;
    margin: 0;
}
.social-linkedin a {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.social-linkedin path {
    fill: #4c555f;
}


/*** 
====================================================================
  Our-culture page css
====================================================================
***/

.culture-shap .row {
    justify-content: center;
}
.culture-shap .col-xl-4:nth-child(3n+2) .shap-box {
    background-color: #b1dbe1;
}
.culture-shap .col-xl-4:nth-child(3n+3) .shap-box {
    background-color: #f0e09e;
}
.shap-box {
    background-color: #dd9d9d;
    padding: 20px;
    border-radius: 15px;
    text-align: center;
    height: 100%;
}
.shap-box .img-holder {
    width: 100%;
    height: 260px;
    overflow: hidden;
    border: solid 6px #fff;
    margin: 0 0 20px;
}
.shap-box .img-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}


/*** 
====================================================================
  Our-value css
====================================================================
***/

.culture-value .row {
    row-gap: 60px;
    justify-content: center;
}
.value-box {
    padding: 15px;
    text-align: center;
}
.value-box .img-holder {
    margin: 0 0 20px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.value-box .title {
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #4c5660;
    letter-spacing: 0.5px;
    line-height: 1;
    margin: 0 0 15px;
}
.value-box .value-list {
    margin: 0 0 10px;
}
.culture-value .col-xl-4:nth-child(1) .value-list {
    color: #2fd0d6;
}
.culture-value .col-xl-4:nth-child(2) .value-list {
    color: #b76c0b;
}
.culture-value .col-xl-4:nth-child(3) .value-list {
    color: #edda0e;
}
.culture-value .col-xl-4:nth-child(4) .value-list {
    color: #dd9292;
}
.culture-value .col-xl-4:nth-child(5) .value-list {
    color: #7c815c;
}

/*** 
====================================================================
  culture slider css
====================================================================
***/

.culture-inner {
    position: relative;
    padding: 0 0 60px;
    background-image: url(../images/carousel-decor-whitw.webp);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.culture-slider {
    position: initial;
}
.culture-space .title {
    font-family: "EB Garamond", serif;
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    line-height: 100%;
    text-align: center;
    margin: 0 0 30px;
}
.space-box {
    background-color: #fff;
    border-radius: 15px;
    padding: 15px;
    text-align: center;
}
.culture-slider .item {
    width: 100%;
    display: flex !important;
    overflow: hidden;
}
.culture-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.culture-slider .slick-prev {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    text-indent: -9999px;
    background: transparent;
    border: 0;
    width: 36px;
    height: 25px;
    z-index: 1;
    cursor: pointer; 
    outline: 0;
    background-image: url(../images/custom-arrow-prev-wht.png);
    background-repeat: no-repeat;
    margin-left: -80px;
}
.culture-slider .slick-next {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    text-indent: -9999px;
    background: transparent;
    border: 0;
    z-index: 1; 
    outline: 0;
    cursor: pointer;
    width: 36px;
    height: 25px;
    background-image: url(../images/custom-arrow-next-wht.png);
    background-repeat: no-repeat;
    margin-left: 80px;
}


/*** 
====================================================================
  Glance css
====================================================================
***/


.glance-box {
    text-align: center;
    padding-top: 3px;
}
.glance-img {
    position: relative;
    width: 280px;
    height: 280px;
    margin: 0 auto 20px;
    border-radius: 50%;
}
.glance-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center top;
}
.glance-img::before {
    content: "";
    position: absolute;
    left: -3px;
    top: -3px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: dashed 3px #4b555f;
    animation-name: spin;
    animation-duration: 40s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
}
.culture-glance .col-xl-3:nth-child(4n+1) .glance-img::before {
    border: dashed 3px #daa39f;
}
.culture-glance .col-xl-3:nth-child(4n+2) .glance-img::before {
    border: dashed 3px #efdf9e;
}
.culture-glance .col-xl-3:nth-child(4n+3) .glance-img::before {
    border: dashed 3px #aedcdf;
}
.glance-box .title {
    font-family: "EB Garamond", serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #4c5660;
    margin: 0 0 15px;
}

/*** 
====================================================================
  Our-story css
====================================================================
***/

.pedagogy-row {
    margin-bottom: 40px;
} 
.pedagogy-box .image-holder {
    padding: 6px;
    border: solid 1px #50485B;
    height: 340px;
    overflow: hidden;
}
.pedagogy-box .image-holder img {
    border: solid 1px #EBEBEB;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.founderlinkedin a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background-color: #9f1f22;
    border-radius: 50%;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    margin-top: 20px;
}
.founderlinkedin a:hover {
    background-color: #000;
}

/*** 
====================================================================
  core-tenets css
====================================================================
***/

.program-inner {
    background-color: #fff;
    padding: 60px 0 60px;
    margin: 0 0 60px;
}
.program-inner:last-child {
    margin: 0;
}
.program-inner .image-holder {
    border: solid 1px #50485B;
    padding: 6px;
}
.program-inner .section-header {
    padding-left: 50px;
}
.program-inner .content {
    padding: 0 0 20px;
}
.program-inner ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}
.program-inner ul li {
    position: relative;
    margin: 0;
    padding: 0;
    padding-left: 30px;
}
.program-inner ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #efdf9e;
}
.program-inner:nth-child(1) ul li::before {
    background-color: #daa39f;
}
.program-inner:nth-child(2) ul li::before {
    background-color: #daa39f;
}
.program-inner:nth-child(3) ul li::before {
    background-color: #b0dbe0;
}
.program-inner:nth-child(4) ul li::before {
    background-color: #4b555f;
}

/*** 
====================================================================
   case faq css
====================================================================
***/


.cms-faq .faq-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 40px;
}
.cms-faq .question-block {
    display:flex;
    flex-direction:column;
    row-gap: 15px;
}
.cms-faq .question-item {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}
.cms-faq .question {
    padding-left:30px;
    padding-right:80px;
    position:relative;
    display:flex;
    align-items:center;
    font-family: "Montserrat", sans-serif;
    font-size:18px;
    font-weight:700;
    color:#fff;
    line-height: 1.2;
    min-height: 67px;
    background-color: #4c555f;
    cursor:pointer;
}
.cms-faq .question::before {
    content:'';
    position:absolute;
    width: 68px;
    height:100%;
    right: 0;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.62432 9.72849L15.7444 2.15369C15.9092 1.97849 16 1.74462 16 1.49525C16 1.24588 15.9092 1.01201 15.7444 0.836816L15.2202 0.278985C14.8786 -0.0839998 14.3234 -0.0839998 13.9823 0.278985L8.00332 6.63973L2.01768 0.271927C1.85286 0.0967307 1.63316 -6.27995e-07 1.39888 -6.38235e-07C1.16435 -6.48487e-07 0.944643 0.0967307 0.779701 0.271926L0.255608 0.829758C0.0907955 1.00509 8.99524e-07 1.23882 8.88623e-07 1.48819C8.77723e-07 1.73757 0.0907954 1.97144 0.255608 2.14663L7.38218 9.72849C7.54752 9.9041 7.76826 10.0006 8.00293 10C8.2385 10.0006 8.45912 9.9041 8.62432 9.72849Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center;
    transition: all 0.5s ease;
    z-index: 1;
}
.cms-faq .question-item.opened .question::before {
    transform: rotate(180deg);
} 
.cms-faq .question::after {
    content:'';
    position:absolute;
    width: 68px;
    height:100%;
    right: 0;
    top: 0;
    background-color: #861819;
}
.cms-faq .answer {
    padding: 30px 30px 30px;
    position:relative;
    background-color: #fff;
    display:none;
}
.cms-faq .answer p {
    font-size:18px;
    line-height:30px;
    color: #000;
    margin: 0 0 20px;
}
.cms-faq .answer ul {
    margin: 0;
}
.cms-faq .answer ul li {
    font-size: 18px;
    color: #000;
    padding: 0;
}

/*** 
====================================================================
   preschool page css
====================================================================
***/

.preschool-vision .section-header {
    background-image: url(../images/Program-Vision-Mascot.png);
    background-repeat: no-repeat;
    background-position: left 350px top 0px;
    padding-top: 20px;
}

.vision-box {
    position: relative;
    padding: 50px 30px 30px;
    background-color: #daa49f;
    border-radius: 20px;
    text-align: center;
}
.vision-box::before {
    content: "";
    position: absolute;
    width: 106px;
    height: 105px;
    background-image: url(../images/Plane.png);
    background-repeat: no-repeat;
    background-size: 75%;
}
.vision-box .title {
    font-family: "Montserrat", sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: #4c5660;
    letter-spacing: 0.5px;
    margin: 0 0 30px;
}
.preschool-vision .col-xl-3:nth-child(4n+2) .vision-box {
    background-color: #b1dbe1;
}
.preschool-vision .col-xl-3:nth-child(4n+3) .vision-box {
    background-color: #eabb9b;
}
.preschool-vision .col-xl-3:nth-child(4n+4) .vision-box {
    background-color: #f0e09e;
}
.preschool-vision .col-xl-3:nth-child(4n+1) .vision-box::before {
    left: 0;
    top: -20px;
}
.preschool-vision .col-xl-3:nth-child(4n+2) .vision-box::before {
    left: 40%;
    top: -18px;
    rotate: 60deg;
}
.preschool-vision .col-xl-3:nth-child(4n+3) .vision-box::before {
    left: 0;
    bottom: -18px;
}
.preschool-vision .col-xl-3:nth-child(4n+4) .vision-box::before {
    left: 5px;
    top: 15px;
    rotate: 17deg;
}

/*** 
====================================================================
   preschool-pedagogy  css
====================================================================
***/

.pedagogy-inner {
    background-color: #daa49f;
    border-radius: 30px;
    padding: 30px;
    margin: 0 0 40px;
}
.pedagogy-main .pedagogy-inner:nth-child(1) {
    background-color: #daa49f;
}
.pedagogy-main .pedagogy-inner:nth-child(2) {
    background-color: #b1dbe1;
}
.pedagogy-main .pedagogy-inner:nth-child(3) {
    background-color: #eabb9b;
}
.pedagogy-main .pedagogy-inner:nth-child(4) {
    background-color: #f0e09e;
    margin: 0;
}
.pedagogy-main .image-holder {
    border: solid 6px #fff;
}

/*** 
====================================================================
   preschool-holistic  css
====================================================================
***/

.holistic-box {
    position: relative;
}
.holistic-box .image-holder {
    width: 100%;
    height: 445px;
    overflow: hidden;
}
.holistic-box .image-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.holistic-box .content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 105px;
    background-color: rgba(159, 31, 34, 0.75);
    padding: 20px;
    text-align: center;
    color: #fff;
}

/*** 
====================================================================
   preschool-event  css
====================================================================
***/
.preschool-event .content {
    font-family: "EB Garamond", serif;
    font-size: 30px;
    font-weight: 700;
    color: #4D555F;
    line-height: 120%;
    margin: 0;
}

/*** 
====================================================================
  culture slider css
====================================================================
***/

.preschool-event {
    position: relative;
    padding: 80px 0 160px;
    background-image: url(../images/Sliding-Mascot.png);
    background-repeat: no-repeat;
    background-position: right 80px bottom 15px;
}
.event-box {
    text-align: center;
}
.event-box .event-slider {
    padding: 0 0 50px;
    background-image: url(../images/carousel-decor.webp);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.event-box .event-item {
    width: 100%;
    height: 440px;
    display: flex !important;
    overflow: hidden;
}
.event-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center top;
}
.event-box .slick-prev {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    text-indent: -9999px;
    background: transparent;
    border: 0;
    width: 36px;
    height: 25px;
    z-index: 1;
    cursor: pointer; 
    outline: 0;
    background-image: url(../images/custom-arrow-prev.png);
    background-repeat: no-repeat;
    margin-left: -80px;
}
.event-box .slick-next {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    text-indent: -9999px;
    background: transparent;
    border: 0;
    z-index: 1; 
    outline: 0;
    cursor: pointer;
    width: 36px;
    height: 25px;
    background-image: url(../images/custom-arrow-next.png);
    background-repeat: no-repeat;
    margin-left: 80px;
}


/*** 
====================================================================
  preschool slider css
====================================================================
***/

.preschool-box {
    text-align: center;
}
.preschool-box .preschool-slider {
    padding: 0 0 50px;
    background-image: url(../images/carousel-decor.webp);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.preschool-box .preschool {
    width: 100%;
    height: 300px;
    display: flex !important;
    overflow: hidden;
}
.preschool-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center top;
}
.preschool-box .slick-prev {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    text-indent: -9999px;
    background: transparent;
    border: 0;
    width: 36px;
    height: 25px;
    z-index: 1;
    cursor: pointer; 
    outline: 0;
    background-image: url(../images/custom-arrow-prev.png);
    background-repeat: no-repeat;
    margin-left: -80px;
}
.preschool-box .slick-next {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    text-indent: -9999px;
    background: transparent;
    border: 0;
    z-index: 1; 
    outline: 0;
    cursor: pointer;
    width: 36px;
    height: 25px;
    background-image: url(../images/custom-arrow-next.png);
    background-repeat: no-repeat;
    margin-left: 80px;
}

/*** 
====================================================================
   preschool-campus  css
====================================================================
***/

.campus-inner {
    position: relative;
    padding: 0 0 60px;
    background-image: url(../images/carousel-decor-whitw.webp);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.campus-slider {
    position: initial;
}
.campus-slider .slick-list {
    margin: 0 -15px;
}
.campus-slider .slick-slide {
    padding: 0 15px;
}
.campus-slider .campus-item {
    background-color: #fff;
    border-radius: 15px;
    padding: 15px;
    width: 100%;
    height: 480px;
    display: flex !important;
    overflow: hidden;
}
.campus-slider img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.campus-slider .slick-prev {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    text-indent: -9999px;
    background: transparent;
    border: 0;
    width: 36px;
    height: 25px;
    z-index: 1;
    cursor: pointer; 
    outline: 0;
    background-image: url(../images/custom-arrow-prev-wht.png);
    background-repeat: no-repeat;
    margin-left: -80px;
}
.campus-slider .slick-next {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    text-indent: -9999px;
    background: transparent;
    border: 0;
    z-index: 1; 
    outline: 0;
    cursor: pointer;
    width: 36px;
    height: 25px;
    background-image: url(../images/custom-arrow-next-wht.png);
    background-repeat: no-repeat;
    margin-left: 80px;
}

/*** 
====================================================================
   primary school page css
====================================================================
***/
.primary-banner::after {
    display: none;
}
.primary-vision .image-holder {
    border: solid 6px #fff;
}
.program-box {
    background-color: #B1DBE1;
    padding: 20px;
    border-radius: 15px;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.program-box .img-holder {
    width: 100%;
    height: 350px;
    overflow: hidden;
    border: solid 6px #fff;
    margin: 20px 0 0;
}
.program-box .img-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

/*** 
====================================================================
   senior school page css
====================================================================
***/

.pedagogy-block {
    position: relative;
    padding: 0 0 50px;
    background-image: url(../images/carousel-decor.webp);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.pedagogy-slider {
    position: initial;
    background-color: #fff;
    padding: 6px;
    border: solid 1px #000;
}
.pedagogy-slider .item {
    width: 100%;
    height: 330px;
    display: flex !important;
    overflow: hidden;
}
.pedagogy-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.pedagogy-slider .slick-prev {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    text-indent: -9999px;
    background: transparent;
    border: 0;
    width: 36px;
    height: 25px;
    z-index: 1;
    cursor: pointer; 
    outline: 0;
    background-image: url(../images/custom-arrow-prev.png);
    background-repeat: no-repeat;
    margin-left: -80px;
}
.pedagogy-slider .slick-next {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    text-indent: -9999px;
    background: transparent;
    border: 0;
    z-index: 1; 
    outline: 0;
    cursor: pointer;
    width: 36px;
    height: 25px;
    background-image: url(../images/custom-arrow-next.png);
    background-repeat: no-repeat;
    margin-left: 80px;
}

.curriculum-box {
    text-align: center;
}
.curriculum-box .image-holder {
    width: 100%;
    height: 130px;
    display: flex;
    justify-content: center;
    margin: 0 0 20px;
}
.curriculum-box img {
    width: auto;
}
.practical-box {
    background-color: #fff;
    padding: 20px;
    border-radius: 15px;
    text-align: center;
    height: 100%;
}
.practical-box .img-holder {
    width: 100%;
    height: 480px;
    overflow: hidden;
    margin: 20px 0 0;
}
.practical-box .img-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.benefit-box {
    background-color: #fff;
    padding: 20px;
    border-radius: 15px;
    text-align: center;
    height: 100%;
}
.benefit-box .img-holder {
    width: 100%;
    height: 240px;
    overflow: hidden;
    
}
.benefit-box .img-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.benefit-box .content{
    padding-bottom: 15px;
    font-weight: 600;
    line-height: 1.2;
}

/*** 
====================================================================
   teacher-development page css
====================================================================
***/

.teacher-hiring .image-holder img {
    border: solid 6px #fff;
}
.culture-strive {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 20px;
    row-gap: 40px;
}
.teacher-benefits .btn-box {
    display: flex;
    align-items: center;
    justify-content: center;
    row-gap: 30px;
    column-gap: 30px;
    padding: 40px 0 0;
}
/*** 
====================================================================
   parent-education page css
====================================================================
***/

.bond-box {
    display: flex;
}
.bond-box .icon {
    width: 140px;
}
.bond-box .icon img {
    width: auto;
}
.bond-box .content {
    width: calc(100% - 140px);
    padding-left: 30px;
}

/*** 
====================================================================
   community-events page css
====================================================================
***/
.image-black-border {
    background-color: #fff;
    padding: 6px;
    border: solid 1px #50485B;
}
.image-black-border img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.image-white-border {
    border: solid 6px #fff;
}
.image-white-border img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.sel-fest .btn-box {
    display: flex;
    align-items: center;
    column-gap: 20px;
    row-gap: 30px;
}
.sel-fest .btn-box-sel {
    display: none;
}


/*** 
====================================================================
   resource page css
====================================================================
***/
.publications-inner {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    row-gap: 40px;
    column-gap: 20px;
    text-align: center;
}
.publications-box .image-holder {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 370px;
    margin: 0 0 20px;
}
.video-box {
    position: relative;
    border: solid 6px #fff;
    padding-top: 56.25%;
}
.video-box iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}



/*** 
====================================================================
   get-involved page css
====================================================================
***/

.join-team .gallery-box {
    border-radius: 25px;
    background-color: #4c555f;
}
.join-team .gallery-box .image-holder {
    margin: 0;
}
.join-team .gallery-box .slick-dots li {
    border-color: #fff;
}
.join-team .gallery-box .slick-dots li.slick-active {
    background: #fff;
}
.join-team .btn-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 20px;
    row-gap: 30px;
}



.get-partner .gallery-box {
    border-radius: 25px;
}
.get-partner .gallery-box .image-holder {
    margin: 0;
}

/*** 
====================================================================
   admissions page css
====================================================================
***/

.admission-inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.admission-inner .admission-box:nth-child(1) {
    margin-top: 180px;
}
.admission-inner .admission-box:nth-child(3) {
    margin-top: 180px;
}
.admission-box {
    position: relative;
    text-align: center;
}
.admission-inner .admission-box:nth-child(1)::before {
    content: "";
    position: absolute;
    left: 100%;
    bottom: 50px;
    width: 106px;
    height: 80px;
    display: block;
    background-image: url(../../images/bottom-arrow.webp);
    background-repeat: no-repeat;
}
.admission-inner .admission-box:nth-child(2)::before {
    content: "";
    position: absolute;
    left: 100%;
    top: 0px;
    width: 136px;
    height: 83px;
    display: block;
    background-image: url(../../images/top-arrow.webp);
    background-repeat: no-repeat;
}
.admission-inner .admission-box:nth-child(3)::before {
    content: "";
    position: absolute;
    left: 100%;
    bottom: 100px;
    width: 106px;
    height: 80px;
    display: block;
    background-image: url(../images/bottom-arrow.webp);
    background-repeat: no-repeat;
}
.admission-box .number {
    position: relative;
    font-family: "EB Garamond", serif;
    font-weight: 700;
    font-size: 70px;
    color: #fff;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 8px #000;
    background-color: #9f1f22;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 40px;
    transition: all 0.3s linear;
    animation: float 3s ease-in-out infinite;
    -webkit-animation: float 3s ease-in-out infinite;
}
.admission-box:hover .number {
    background-color: #000;
    box-shadow: inset 0 0 0 8px #9f1f22;
}
.admission-box .number::before {
    content: "";
    position: absolute;
    left: -15px;
    top: -15px;
    width: 194px;
    height: 194px;
    border: 3px dashed #a7a7a7;
    border-radius: 50%;
    -moz-animation: spinoffPulse-reverse 60s infinite linear;
    -webkit-animation: spinoffPulse-reverse 60s infinite linear;
    transition: all 0.3s linear;
}
@-webkit-keyframes float {
    0% {-webkit-transform: translatey(0px); transform: translatey(0px); } 
    50% {-webkit-transform: translatey(-20px); transform: translatey(-20px); } 
    100% {-webkit-transform: translatey(0px); transform: translatey(0px); } 
}
@keyframes float {
      0% {-webkit-transform: translatey(0px); transform: translatey(0px); } 
      50% {-webkit-transform: translatey(-20px); transform: translatey(-20px); } 
      100% {-webkit-transform: translatey(0px); transform: translatey(0px); } 
}
@-moz-keyframes spinoffPulse-reverse { 
    0% { -moz-transform:rotate(0deg); } 
    100% {-moz-transform:rotate(-360deg); } 
}
@-webkit-keyframes spinoffPulse-reverse {
    0% { -webkit-transform:rotate(0deg); } 
    100% { -webkit-transform:rotate(-360deg); } 
}
.admission-box .title {
    font-family: "EB Garamond", serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 120%;
    color: #4c5660;
    letter-spacing: 0.5px;
    margin: 0 0 10px;
}
.admission-box .content {
    font-size: 16px;
    font-weight: 600;
    color: #4c5660;
    line-height: 120%;
}

.admissions-process .btn-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    column-gap: 20px;
    row-gap: 30px;
}

/*** 
====================================================================
   contact page css
====================================================================
***/

.contact-box {
    text-align: center;
    margin: 0 0 40px;
}
.contact-box .subheading {
    margin: 0 0 5px;
}
.contact-box .content {
    padding: 0 0 20px;
}
.contact-box .map-box {
    position: relative;
    padding-bottom: 56.25%;
}
.contact-box iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.wpcf7-form p {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    margin: 0;
}
.wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}
.wpcf7-form br {
    display: none;
}
.wpcf7-form-control-wrap input {
    font-family: "Montserrat", sans-serif;
    width: 100%;
    background-color: transparent;
    color: #6c6b6b;
    font-size: 16px !important;
    font-weight: 600;
    height: 60px;
    margin: 0;
    padding: 15px 20px;
    outline: none;
    border: dashed 2px rgba(0, 0, 0, .15);
    border-radius: 6px;
    box-shadow: none;
}
.wpcf7-form-control-wrap select {
    font-family: "Montserrat", sans-serif;
    width: 100%;
    background-color: #fff;
    color: #6c6b6b;
    font-size: 16px !important;
    font-weight: 600;
    height: 60px;
    margin: 0;
    padding: 15px 20px;
    outline: none;
    border: dashed 2px rgba(0, 0, 0, .15);
    border-radius: 6px;
    box-shadow: none;
}
.wpcf7-form-control-wrap textarea {
    font-family: "Montserrat", sans-serif;
    width: 100%;
    background-color: transparent;
    color: #6c6b6b;
    font-size: 16px !important;
    font-weight: 600;
    height: 165px !important;
    padding: 15px 20px;
    margin: 0;
    outline: none;
    border: dashed 2px rgba(0, 0, 0, .15);
    border-radius: 6px;
    box-shadow: none;
    padding-top: 12px;
}
.wpcf7-submit {
    font-family: "Montserrat", sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #000 !important;
    padding: 16px 26px 18px !important;
    border-radius: 10px !important;
    border: solid 2px #000 !important;
    width: 100% !important;
    height: 60px !important;
    background-color: #fff !important;
    text-transform: uppercase;
    min-height: 1px !important;
    line-height: 1 !important;
    margin: 0 !important;
    visibility: visible;
    opacity: 1;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wpcf7-submit:hover {
    color: #fff !important;
    background-color: #9f1f22 !important;
}
.wpcf7-form.init input::-webkit-input-placeholder,
.wpcf7-form.init textarea::-webkit-input-placeholder { /* Edge */
    opacity: 1;
    color: #6c6b6b;
}
.wpcf7-form.init input:-ms-input-placeholder,
.wpcf7-form.init textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    opacity: 1;
    color: #6c6b6b;
}
.wpcf7-form.init input::placeholder,
.wpcf7-form.init textarea::placeholder, {
    opacity: 1;
    color: #6c6b6b;
}

/*** 
====================================================================
   blog page css
====================================================================
***/
.bolgpage .post-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 30px;
    column-gap: 30px;
}
.blog-post {
    position: relative;
    background-color: rgba(0,0,0,.40);
    box-shadow: 0 28px 16px -26px #090909;
    overflow: hidden;
    width: 100%;
    height: 270px;
    transition: all .3s linear;
}
.blog-post .post-thumbnail {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.blog-post .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.blog-post .post-title {
    position: absolute;
    left: 0;
    bottom: 80px;
    width: 100%;
    font-family: "EB Garamond", serif;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    margin: 0;
    padding: 0 20px 0;
}
.blog-post .post-title a {
    color: #fff;
}
.blog-post .post-title a:hover {
    color: #9f1f22;
}
.blog-post .post-meta {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid rgba(255,255,255,.25);
    padding: 20px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    line-height: 1;
    display: flex;
    justify-content: space-between;
    column-gap: 15px;
}
.blog-pagination {
    display: flex;
    justify-content: center;
    margin: 20px 0 30px;
    grid-column: 1 / -1;
}
.blog-pagination .page-numbers {
    position: relative;
    background: none;
    border: 2px solid #090909;
    border-radius: 5px;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    color: #090909;
    text-transform: uppercase;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 44px;
    margin: 10px 5px 0 0;
    padding: 0;
}
.blog-pagination .page-numbers:hover,
.blog-pagination .page-numbers.current {
    border-color: #9f1f22;
    background-color: #9f1f22;
}


.widget-title {
    position: relative;
    font-family: "EB Garamond", serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: none;
    color: #4c5660;
    margin: 0 0 25px;
    padding-bottom: 15px;
}
.widget-title::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 35px;
    height: 3px;
    background-color: #9f1f22;
}
.sidebar-widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sidebar-widget ul li {
    position: relative;
    border-bottom: 1px dashed;
    display: block;
    margin: 0;
    padding: 10px 0 10px 20px;
    width: 100%;
}
.sidebar-widget ul li::before {
    content: '-';
    font-size: 24px;
    font-weight: bold;
    left: 1px;
    position: absolute;
    top: 7px;
}
.sidebar-widget ul li a {
    position: relative;
    display: inline-block;
    line-height: 24px;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    color: #000;
}
.sidebar-widget ul li a:hover {
    color: #9f1f22;
}

.small-img {
    max-width: 860px;
    margin: 0 auto;
}

.class-5-8 {
    height: 470px;
    overflow: hidden;
}

.class-5-8 img {
    height: 100%;
}
.page-id-2267 h1.entry-title {
  display: none;
}
.page-id-2276 h1.entry-title {
  display: none;
}
.page-id-2284 h1.entry-title {
  display: none;
}
.additional_texts_contactpage p{
    text-align: left;
    margin-top: 2%;
    font-size: 16px;
}