@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/*font-family: 'EB Garamond', serif*/
/*font-family: 'Aleo', serif;*/
/*font-family: 'Bodoni Moda', serif*/
/*font-family: 'Lato', sans-serif;*/

*,::after,::before {
    box-sizing: border-box;
    margin:0;
}
/*Utitlities*/

html,body{margin: 0;padding: 0;min-height: 100vh}
body{font-size: 16px;font-family: 'Aleo', serif;line-height: 1.5;font-weight: 300;color: #000000;background-color: #f9f9f9;padding-top: 7rem;}
body.shrink{padding-top: 4.85rem;}
main{min-height: calc(100vh - 13.75rem)}
.shrink main{min-height: calc(100vh - 4.85rem)}
p{margin-bottom: 1.5rem;word-spacing: 2px;}
a{text-decoration: none;color: #00927d}
.container{	max-width: 1100px;margin: 0 auto;padding: 0 1rem}
.order-first {order: -1!important;}
.order-last {order: 6!important;}
.text-left{text-align: left !important;}
.text-center{text-align: center !important;}
.text-justify{text-align: justify !important;}
.bg-white{background-color: #ffffff !important}
.bg-blue{background-color: #006699;color: #ffffff}
.bg-lightgreen{background-color: #00927d;color: #ffffff}
.bg-green{background-color: #025a4d;color: #ffffff}
.bg-darkblue{background-color: #013650;color: #ffffff}
.underline{text-decoration: underline;}
.mb-0{margin-bottom: 0 !important}
.mt-0{margin-top: 0 !important}
.pb-0{padding-bottom: 0 !important}
.pt-0{padding-top: 0 !important}
.img-fluid{max-width: 100%}
.background-fixed{background-attachment: fixed;}
section{position: relative;}
.section{padding: 9rem 0}
.section-banner{background-position: center;background-size: cover;background-repeat: no-repeat;}
.section-banner>div{height: 100%;display: flex;align-items: center;justify-content: center;}
.section-banner .banner-content p,.section-banner .banner-content label{color: #ffffff;}
.section-banner .banner-content .banner-link{font-size: 1.5rem;color: #ffffff;}
.section-banner .banner-content .section-title{color: #ffffff}.

.section{padding: 9rem 0}
.section.small{padding: 5rem 0}
.section-title{position: relative;font-size: 2rem;margin-bottom: 2rem;text-transform: uppercase;font-weight: 400;}
.section-title.sec-underline{display: inline;text-decoration-line: underline;text-underline-offset: 5px;text-decoration-thickness: 3px;
    text-decoration-color: #00927d;}
.section-banner .section-title.sec-underline {text-decoration-color: white;}
.section-title.sec-underline + div, .section-title.sec-underline + p, .section-title.sec-underline + ul{ margin-top: 2rem;}
/*.section-banner .banner-content .section-title.sec-underline::before,.section-banner .banner-content .section-title.sec-underline::after{background-color: #ffffff}*/

/*.section-title.sec-underline::before{position: absolute;content:'';bottom: -4px;left:0;height: 4px ;background-color:  #00927d;width: 25px;border-radius: 20px}
.section-title.sec-underline::after{position: absolute;content:'';bottom: -4px;right:0;height: 4px ;background-color:  #00927d;width: calc(100% - 30px);border-radius: 20px}*/
.card {position: relative;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid rgba(0,0,0,.125);border-radius: .25rem;}
.card-shadow{box-shadow: 1px 1px 8px 0 rgb(50 50 50 / 10%)}
.card .card-header {padding: .5rem 1rem;margin-bottom: 0;background-color: rgba(0,0,0,.03);border-bottom: 1px solid rgba(0,0,0,.125);}
.card .card-body {flex: 1 1 auto;padding: 1rem 1rem;color: #000000}
.btn {font-family: 'Aleo', serif;display: inline-block;font-weight: 400;line-height: 1.5;color: #212529;text-align: center;text-decoration: none;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;user-select: none;background-color: transparent;border: 1px solid transparent;padding: .375rem .75rem;font-size: 1rem;border-radius: .25rem;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-transform: uppercase;}
/* Ripple effect */
.ripple {background-position: center;transition: background 0.8s;}
.ripple:hover {background: #00927d radial-gradient(circle, transparent 1%, #00927d 1%) center/15000%;}
.ripple:active {background-color: #9cd8d1;background-size: 100%;transition: background 0s;}

.btn-primary {color: #fff;background-color: #00927d;border-color: #00927d;}
/*.btn-primary:hover,.btn-primary:active{color: #fff;background-color: #025a4d;border-color: #025a4d;}*/
.form-group{margin-bottom: 1.5rem}
.form-label {display:block;margin-bottom: .5rem;}
.form-control {font-family: 'Aleo', serif;display: block;width: 100%;padding: .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #212529;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.form-select {font-family: 'Aleo', serif;display: block;width: 100%;padding: .375rem 2.25rem .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #212529;background-color: #fff;background-image: url('../img/down-arrow.svg');background-repeat: no-repeat;background-position: right .75rem center;background-size: 16px 12px;border: 1px solid #ced4da;border-radius: .25rem;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
/* The chekbox-wrapper */
.chekbox-wrapper {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 1.15rem;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.chekbox-wrapper.inline{display: inline-block;margin-right: 1rem}
/* Hide the browser's default checkbox */
.chekbox-wrapper input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}

/* Create a custom checkbox */
.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;}

/* On mouse-over, add a grey background color */
.chekbox-wrapper:hover input ~ .checkmark {  background-color: #ccc;}

/* When the checkbox is checked, add a blue background */
.chekbox-wrapper input:checked ~ .checkmark {  background-color: #2196F3;}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {  content: "";  position: absolute;  display: none;}

/* Show the checkmark when checked */
.chekbox-wrapper input:checked ~ .checkmark:after {  display: block;}


/*Collapible*/
.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  transition: all ease-in-out .500ms
  /*background-color: #f1f1f1;*/
}
/* Style the checkmark/indicator */
.chekbox-wrapper .checkmark:after {  left: 9px;top: 5px;width: 7px;height: 12px;border: solid white;border-width: 0 2px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transform: rotate(45deg);}

/*Header*/
header{box-shadow: 0 2px 4px hsl(0deg 0% 42% / 20%);margin-bottom: 0;background-color: #ffffff;position: fixed; z-index: 1000;top: 0;left: 0;width: 100%;transition: all ease-in-out 500ms}
.navbar{display: flex;justify-content: space-between;align-items: center;padding: 0.5rem 0}
.navbar .logo{width: 6.25rem;position: relative;z-index: 1;transition: all ease-in-out 500ms}
.navbar nav ul{display: flex;list-style: none;}
.navbar nav a{font-size: 1.25rem;text-decoration: none;margin-left: 1.5rem;color: #000000;text-transform: uppercase;font-family: 'Aleo', serif;font-weight: 500;}
.navbar nav a.active{color:#006699;}

/*Shrink Header*/
.shrink .navbar{padding: 0.25rem 0}
.shrink .navbar .logo{width: 4rem}

/* menu button */
.menuBtn {display: none;}
.menuBtn {height: 30px;width: 30px;position: absolute;right: 20px;top: 40px;z-index: 101;}
.menuBtn > span { background-color: #000;border-radius: 1px;height: 2px;width: 100%;position: absolute;left: 50%;top: 50%;margin: -1px 0 0 -15px;-webkit-transition: height 100ms;transition: height 100ms;}
.menuBtn > span:after,
.menuBtn > span:before {content: '';background-color: #000;border-radius: 1px;height: 2px;width: 100%;position: absolute;left: 50%;margin-left: -15px;-webkit-transition: all 200ms;transition: all 200ms;}
.menuBtn > span:after {top: -7px;}
.menuBtn > span:before {bottom: -7px;}
.menuBtn.act > span {height: 0;}.menuBtn.act > span:after,
.menuBtn.act > span:before {background-color: #008877;top: 1px;}
.menuBtn.act > span:after {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.menuBtn.act > span:before {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}



/*-------------------------------Home Page------------------------*/
/*Section Home Banner*/
.home-banner{background-image: url('../img/home-banner.jpg');height: calc(100vh - 6.75rem);text-align: center;}
.home-banner:before {position: absolute;content: '';left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0,0,0,0.35);}
.home-banner>div{position: relative;}
/*Section How we work*/
.row-sessions{display: flex;margin: 2rem -1rem 2rem}
.row-sessions>div{flex: 1 0 0%;padding: 0 1rem}
.row-sessions .card{border:2px solid transparent;overflow: hidden;height: 100%;transition: all ease-in-out 500ms}
.row-sessions .card:hover{border-color: #00927d}
.row-sessions .card .card-body{background-color: #ffffff;display: flex;padding: 2rem 2rem}
.row-sessions .card .card-header{text-transform: uppercase;font-size:1.35rem;font-weight: 400;padding: 1.5rem 2rem}
.row-sessions .card.card-blue .card-header{background-color: #006699;color: #ffffff}
.row-sessions .card.card-green .card-header{background-color: #025a4d;color: #ffffff}
.row-sessions .card.card-darkblue .card-header{background-color: #013650;color: #ffffff}
.row-sessions .card .card-body .card-title{margin-bottom: 1rem;font-size: 1.25rem}
.row-sessions .card .card-body img{width: 50px;margin-bottom: 1rem}
.row-sessions .card .card-body .link{color: #00927d;margin:0;}

/*Section COURSES AND WORKSHOPS*/
.section-caw{background-image: url('../img/courses-workshops.jpg');height: 40rem;text-align: center;}
.section-caw  p{margin: 5rem 0}

/*Section Resources*/
.row-resources{display: flex;margin: 2rem -1rem 0}
.row-resources>div{padding: 0 1rem}
.row-resources .col1{flex: 0 0 auto;width: 66.6666666667%;}
.row-resources .col2{flex: 0 0 auto;width: 33.3333333333%;}
.row-resources .resources-links a{display: block;padding: 2.485rem 1rem;text-align: center;margin-bottom: 1.9rem;font-size: 1.5rem;box-shadow: 1px 1px 8px 0 rgb(50 50 50 / 10%)}
.row-resources .resources-links a::last-child{margin-bottom: 0}

/*Section Contact*/
.section-contact{background-image: url('../img/contact-form.jpg');height: 55rem}
.section-contact::before{position: absolute;content: '';height: 100%;width: 100%;background-color: rgba(0,0,0,0.6);left: 0;top: 0}
.section-contact .container{position: relative;}
.section-contact .container .banner-content{max-width: 30rem}
.section-contact .row-contact{display: flex;margin: 2rem -1rem 0;flex-wrap: wrap;}
.section-contact .row-contact>div {flex: 0 0 auto;width: 100%;padding: 0 1rem}
.section-contact .checkbox-row{display: flex;flex-wrap: wrap;}
.section-contact .checkbox-row .chekbox-wrapper.inline{flex: 0 0 auto;width: 50%;margin-right: 0}
.section-contact .btn-contact{min-width: 15rem;margin: 0 auto}
.section-contact .form-control{background-color: transparent;color: #ffffff}
.section-contact .form-control::-webkit-input-placeholder{color: #ffffff}
.section-contact .form-select{background-color: transparent;color: #ffffff !important;background-image: url(../img/down-arrow-white.svg);}
.section-contact .form-select option{color: #000000}
.section-contact .checkmark{border: 1px solid #ffffff;background-color: transparent;}
.section-contact .chekbox-wrapper:hover input ~ .checkmark{background-color: transparent;}
.section-contact  .chekbox-wrapper input:checked ~ .checkmark{background-color: #00927d}

/*Footer*/
footer{background-color: #e5e6e1;padding: 1rem 0}
.foo-social-links a{margin-left: 1rem}
.foo-social-links a i{font-size: 1.15rem;line-height: 1.7;background-color: #4b4c4a;color: #ffffff;border-radius: 50%;height: 2rem;width: 2rem;transition: all ease-in-out 300ms}
.foo-social-links a i.fa-facebook-f:hover{background-color: #3b5998}
.foo-social-links a i.fa-google-plus-g:hover{background-color: #ea4335}
.foo-social-links a i.fa-instagram:hover{background-color: #c32aa3}
.foo-social-links a i.fa-pinterest-p:hover{background-color: #bd081c}
.foo-social-links a i.fa-twitter:hover{background-color: #1da1f2}
.foo-social-links a i.fa-linkedin-in:hover{background-color: #0a66c2}
.foo-social-links a i.fa-envelope:hover{background-color: #ea4335}

.fixed-button{position: fixed;border-bottom-left-radius: 0;border-bottom-right-radius: 0;right: -62px;top: 50%;transform: rotate(-90deg);box-shadow: -1px 9px 8px 0 rgb(50 50 50 / 10%);}




/*-------------------------------About Page------------------------*/
/*Radhika Section*/
.section-profile.about{padding: 5rem 0}
.section-profile  .row { display: flex;flex-wrap: wrap;margin: 0rem -1rem 0;justify-content: center;}
.section-profile  .row>div{padding: 0 1rem}
.section-profile .row .col1{flex: 0 0 auto;width: 58%;}
.section-profile .row .col2{flex: 0 0 auto;width: 36%;}
.section-profile .row .col2 img.img-fluid{margin-top:0.7rem;}
.section-profile .row .col2 .section-title{display: none}

/*-------------------------------Services Page------------------------*/

.services-banner{background-image: url('../img/Service-AAT.jpg');height: 50rem;text-align: left;background-position: 100% 60%;}
.services-banner:before {position: absolute;content: '';left: 0;top: 0;height: 100%;width: 60%;background: linear-gradient(
90deg, rgba(0,0,0,0.75) 40%, rgba(0,0,0,0) 100%);}
.services-banner>div{position: relative;}
.services-banner>div{justify-content: flex-start;}
.services-banner .banner-content{flex: 0 0 auto;width: 58.3333333333%;}
.services-banner .banner-content .banner-link{font-style: italic;font-size: 1.15rem;text-decoration: underline;}

/*-------------------------------Resources Page------------------------*/
.faq-list{list-style: none;padding: 0}
.faq-list li{margin-bottom: 1.5rem}
.faq-list li:last-child{margin-bottom: 0}
.faq-list h5{position: relative;background-color: #ffffff;font-weight: 400;padding: 10px 20px 10px 35px;font-size: 1.25rem;margin-bottom: 1.5rem;cursor: pointer;}
.faq-list h5:hover{color: #ffffff}
.faq-list h5:before{content: "\f054";font-family: "Font Awesome 5 Free";left: 15px;top:50%;transform: translateY(-50%);font-size: 14px;font-weight: 900;position: absolute;}
.faq-list h5.active:before{content: "\f078";}
.faq-list h5.active{background-color: #00927d;color: #ffffff}
.faq-list h5.active +.content{padding: 1rem}
.faq-list .content p:last-child{margin-bottom: 0}


/*Course and Workshops Page*/
.courses-banner1{background-image: url('../img/CW - AAT.png');height: 55rem;text-align: left;background-position: 100% 0%;}
.courses-banner1>div{justify-content: flex-start;}
.courses-banner1 .banner-content{flex: 0 0 auto;width: 66.3333333333%;}
.courses-banner1 .banner-content .banner-link{font-style: italic;font-size: 1.15rem;text-decoration: underline;}

.courses-banner2{background-image: url('../img/CW-AAA.jpg');height: 65rem;text-align: left;background-position: 100% 70%;}
.courses-banner2>div{position: relative;}
.courses-banner2:before {position: absolute;content: '';left: 0;top: 0;height: 100%;width: 100%;background:linear-gradient(-90deg, rgba(0,0,0,0.75) 60%, rgba(0,0,0,0) 100%);}
.courses-banner2>div{justify-content: flex-end;}
.courses-banner2 .banner-content{flex: 0 0 auto;width: 70.3333333333%;}

.courses-banner3{background-image: url('../img/CW - AAW.png');height: 65rem;text-align: left;background-position: 100% 75%;}
.courses-banner3>div{justify-content: center;align-items: flex-start;}

label.error{color: red !important;font-size: 13px;display: block;line-height: 2}

