@font-face {
    font-family: 'Bitstream Cooper';
    src: url('./fonts/CooperBT-Medium.woff2') format('woff2'),
        url('./fonts/CooperBT-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Antique Olive';
    src: url('./fonts/AntiqueOlive-Light.woff2') format('woff2'),
        url('./fonts/AntiqueOlive-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Antique Olive';
    src: url('./fonts/AntiqueOlive.woff2') format('woff2'),
        url('./fonts/AntiqueOlive.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.announcement {display: block;text-align: center;width: 100%;background: #d6ba8b;}
.announcement p {font-family: 'Bitstream Cooper';font-size: 12px;color: #ffffff;margin: 0px;padding: 10px 0px;}
.announcement p a {color: #ffffff !important;    font-weight: 600;}

.accordion h2:hover, .accordion h2:focus {cursor: pointer;color: #002f86;}
.accordion h2:hover::after, .accordion h2:focus::after {cursor: pointer;color: #002f86; border: 1px solid #002f86;}
.accordion h2 .accordion-title {padding: 1em 1.5em 1em 1.5em;}
.accordion h2 .icon {display: inline-block;position: absolute;top: 3px;right: 20px;width: 22px;height: 22px;}
.faq-content {padding: 80px 0px;}
.accordion h2 .icon::before {display: block;position: absolute;content: "";top: 9px;left: 5px;width: 10px;height: 2px;background: currentColor;    color: rgba(71, 125, 251, 0.31);}
.accordion h2 .icon::after {display: block;position: absolute;content: "";top: 5px;left: 9px;width: 2px;height: 10px;background: currentColor;    color: rgba(71, 125, 251, 0.31);}
.accordion h2[aria-expanded=true] {color: #002f86;}
.accordion h2[aria-expanded=true] .icon::after {width: 0;}
.accordion h2[aria-expanded=true] + .accordion-content {opacity: 1;max-height: 5000px;transition: all 200ms linear;will-change: opacity, max-height; }
.accordion .accordion-content {opacity: 0;max-height: 0;overflow: hidden;transition: opacity 200ms linear, max-height 200ms linear;will-change: opacity, max-height;}
.accordion .accordion-content p {font-size: 1rem;font-weight: 300;margin: 0px;margin-top: 10px;font-family: 'Open Sans', sans-serif;}
body {margin: 0px;}
.container {max-width: 1300px;margin: auto;padding: 0px 15px;}
header {padding: 0px 100px 5px 0px;}
header .row {display: flex;align-items: center;justify-content: space-between;}
header .row .header-menus ul.menus {padding: 15px 15px;list-style: none;display: flex;align-items: center;}
header .row .header-menus ul.menus li a {color: #5A646E;font-family: 'Antique Olive';font-size: 12px;line-height: 20px;text-decoration: inherit;}
header .row .header-menus ul.menus li {margin: 0px 20px 0px;}
header .row .header-menus ul.menus li:last-child {margin-right: 0px;}
header .row .header-menus ul.menus li:last-child button.btn.btn-primary {background-color: #002f86;border: 0px;height: 52px;padding: 0px 30px;font-family: 'Antique Olive';font-size: 20px;font-weight: 400;color: #fff;border-radius: 30px;}
header .row .header-menus ul.menus li a:hover {color: #000;transition: all ease 0.5s;}
.custom-students .row {display: flex;align-items: flex-start;justify-content: space-between;}
.custom-students .content-section {text-align: center;}
.custom-students .content-section h1 {font-size: 62px;color: #d6ba8b;font-family: 'Bitstream Cooper';font-weight: 500;line-height: 58px; margin: 0}
.custom-students .content-section h1 span {color: #5A646E;}
.custom-students .content-section p {color: #d6ba8b;font-size: 20px;font-family: 'Antique Olive';font-weight: 400;line-height: 24px;margin: 30px 0px;display: block;}
.custom-students .content-section button.btn.btn-default {background-color: #d6ba8b;border: 2px solid #000000;font-family: 'Antique Olive';font-size: 20px;height: 52px;color: #fff;padding: 0px 60px;border-radius: 50px;}
.custom-students .content-section a {color: #5A646E;font-size: 20px;display: block;width: 100%;font-family: 'Antique Olive';font-weight: 300;margin: 28px 0px 16px;}
.custom-students .content-section button.btn.btn-default:hover {background-color: #000000;}
.custom-students {padding: 0px 0px 40px;}
.custom-students .images-section {width: 32%;}
.custom-students .content-section {width: 50%;    margin-top: 80px;}
.custom-students .images-section img {width: 90%;}
.second-img-sec img {width: 100%;margin: 10px -10px;}
.works-section h1 {padding: 1px 0px 25px 0px; color: #d6ba8b;font-family: 'Bitstream Cooper';font-size: 72px;text-align: center;font-weight: 400;}
.works-section .multi-icon {display: flex;align-items: center;justify-content: space-between;max-width: 80%;margin: auto;}
.works-section .multi-icon .multicolumn {text-align: center;}
.works-section .multi-icon .multicolumn img {width: 60%;height: 120px;object-fit: contain;}
.works-section .multi-icon .multicolumn h3 {color: #d6ba8b;font-size: 28px;font-family: 'Bitstream Cooper';font-weight: 400;margin: 20px 0px 10px;}
.works-section .multi-icon .multicolumn p {color: rgba(62, 70, 89, 0.76);font-size: 14px;font-family: 'Antique Olive';line-height: 16px;margin: 0px; line-height: 16px}
.eliminate-section {margin: 60px 0px 40px;}
.eliminate-section .row {background-color: #D2D4D6;width: 70%;margin: auto;border-radius: 40px;padding: 40px;}
.eliminate-section .row h1 {margin: 0 0px 40px;text-align: center;color: #002f86;font-size: 36px;line-height: 36px;font-family: 'Bitstream Cooper';font-weight: 400;}
.custom-buttons {text-align: center; padding-bottom: 10px;}
.custom-buttons .button-sec button {font-size: 20px;height: 52px;padding: 0px 40px;margin: 0px 10px; border-radius: 30px;font-family: 'Antique Olive';}
.custom-buttons .button-sec button.btn.btn-primary:first-child {background-color: #002f86; border: 2px solid #5A646E;color: #fff;}
.custom-buttons .button-sec button.btn.btn-primary:last-child {background-color: #d6ba8b;border: 2px solid #002f86;color: #5A646E;}
.custom-buttons .button-sec button.btn.btn-primary:first-child:hover, .pricing-section .row .pricing-second .button-sec button.btn.btn-primary:first-child:hover {background-color: #5A646E;color: #fff;}
.custom-buttons .button-sec button.btn.btn-primary:last-child:hover, .pricing-section .row .pricing-second .button-sec button.btn.btn-primary:last-child:hover {background-color: #5A646E;}
.pricing-section h1 {color: #d6ba8b;font-family: 'Bitstream Cooper';font-size: 72px;text-align: center;font-weight: 400;margin-top: 0px !important;}
.pricing-section .row {display: flex;justify-content: center;margin: auto;width: 80%;}
.pricing-section .row .img {width: 50%;padding-right: 30px;margin: 0px 0px 30px 0px;}
.pricing-section .row .pricing-second {width: 40%;padding-left: 40px;}
.pricing-section .row .pricing-second .service-section h2 {color: rgba(62, 70, 89, 1);font-size: 24px;font-weight: 600;font-family: 'Antique Olive';    margin: 0px 0px 10px;}
.pricing-section .row .pricing-second .service-section h2 span {padding-left: 30px;}
.pricing-section .row .pricing-second .service-section p {color: rgba(0, 0, 0, 0.75);font-size: 14px;font-family: 'Antique Olive';line-height: 16px;margin: 0px;}
.pricing-section .row .img img {width: 100%;}
.pricing-section .row .pricing-second .accordion {padding-top: 30px;}
.pricing-section .row .pricing-second .accordion h2 {color: rgba(0, 0, 0, 0.75);font-size: 14px;line-height: 16px;font-family: 'Antique Olive';font-weight: 400;}
.pricing-section .row .pricing-second .accordion .accordion-item {background-color: #D2D4D6;border: 1px solid #5A646E;padding: 0px 20px;margin-bottom: 10px;border-radius: 6px;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05); line-height: 36px}
.accordion-item {position: relative;}
.accordion .accordion-content p, .accordion .accordion-content ul li {color: rgba(0, 0, 0, 0.75);font-family: 'Antique Olive';font-size: 14px;font-weight: 300; line-height: 16px;margin-top: 5px;}
.accordion .accordion-content ul li span {float: right;}
.accordion-content ul {padding-left: 15px;margin-top: 0px;}
.pricing-section .row .pricing-second .button-sec {text-align: center;margin-top: 25px;    justify-content: space-between;display: flex;}
.pricing-section .row .pricing-second .button-sec button.btn.btn-primary {font-size: 15px;height: 42px;padding: 0px 26px;margin: 20px 10px;border-radius: 30px;font-family: 'Antique Olive';width: 44%;}
.pricing-section .row .pricing-second .button-sec button.btn.btn-primary:first-child {border: 2px solid #5A646E;color: #fff;background-color: #002f86; margin-left: 0}
.pricing-section .row .pricing-second .button-sec button.btn.btn-primary:last-child {background-color: #d6ba8b;border: 2px solid #000000;color: #fff;margin-right: 0}
.faq-section {margin: 60px 0px;}
.faq-section .row {background-color: #D2D4D6;margin: auto;border-radius: 40px;padding: 40px;display: flex;}
.faq-section .faq-image h1 {color: #002f86;font-family: 'Bitstream Cooper';font-size: 72px;text-align: left;font-weight: 400;margin-top: 0px !important;}
.faq-section .logo-text {width: 30%;text-align: left;display: flex;flex-direction: column;justify-content: space-between;}
.faq-section .faq-image span {color: rgba(0, 0, 0, 0.75);font-family: 'Antique Olive';font-size: 14px;font-weight: 600;}
.faq-section .faq-image p {color: rgba(0, 0, 0, 0.75);font-family: 'Antique Olive';font-size: 14px;font-weight: 400;margin: 2px 0px;}
.faq-section .faq-image a {color: rgba(0, 0, 0, 0.75);text-decoration: inherit;}
.faq-section .accordion-item h2 {color: rgba(62, 70, 89, 1);font-family: 'Antique Olive';font-size: 20px;}
.faq-section .accordion-item {border-bottom: 1px solid rgba(71, 125, 251, 0.31);}
.faq-section .accordion-item p {margin: 0px;}
.faq-section .accordion-item .accordion-content p {padding-bottom: 10px;}
.eliminate-section.last-sec .row {width: 100%;padding: 40px 0px;}
.second-img-sec {margin-top: 70px; width: 31%}
.header-logo img {width: 35%;}
.main-section-div {display: none;}




/******************Responsive**************/
@media screen and (max-width:1199px){
   .pricing-section .row .pricing-second {width: 40%;padding-left: 10px;} 
    .pricing-section .row .pricing-second .button-sec button.btn.btn-primary{    margin: 10px 0px;}
}
@media screen and (max-width:991px){
    header .row .header-menus ul.menus li a {font-size: 12px;} 
    header .row .header-menus ul.menus li {margin: 0px 10px 0px;} 
    header .row .header-menus ul.menus li:last-child button.btn.btn-primary {font-size: 16px;padding: 0px 11px;}
    header .header-logo img {width: 100%;}
    header .header-logo {width: 80%;}
    .header-menus {width: 54%;}
    .custom-students .content-section {width: 50%;margin-top: 40px;}
    .custom-students .content-section h1 {font-size: 42px;line-height: 45px;}
    .custom-students .content-section p {margin: 20px 0px;    font-size: 16px;}
    .custom-students .images-section img {width: 100%;}
    .second-img-sec {margin: 0px 10px;}
    .works-section .multi-icon {max-width: 100%;}
    .works-section .multi-icon .multicolumn p {font-size: 13px;line-height: 19px;}
    .works-section .multi-icon .multicolumn img {width: 60%;height: 80px;}
    .eliminate-section .row {width: 100%;padding: 40px 0px;}
    .pricing-section h1, .faq-section .faq-image h1 {font-size: 60px;}
    .pricing-section .row {width: 100%;}
    .faq-section .accordion-item h2 {font-size: 14px;}

}
@media screen and (max-width:767px){
  .main-section-div span {width: 100%;height: 1px;background-color: #000;display: block;margin-bottom: 6px;}
.main-section-div {display: block;width: 30px;position: absolute;right: 20px;z-index: 999}
 .header-menus ul.menus {flex-direction: column;position: fixed;height: 100vh;top: -20px;padding-top: 100px !important;background-color: #fff;left: -100%;width: 100%;text-align: left;align-items: flex-start;transition: all ease 0.5s;}  
header.main ul.menus {left: 0;transition: all ease 0.5s;}
header .row .header-menus ul.menus li {width: 50%;}
header .row .header-menus ul.menus li a {padding: 0px 20px 10px;display: block;}
header .row .header-menus ul.menus li:last-child button.btn.btn-primary {font-size: 16px;padding: 0px 15px;margin-left: 12px;}
header.main .main-section-div span:first-child {transform: rotate(52deg);transition: all ease 0.5s;}
header.main .main-section-div span:nth-child(2) {display: none;transition: all ease 0.5s;}
header.main .main-section-div span:last-child {transform: rotate(132deg);top: -6px;position: relative;transition: all ease 0.5s;}
 .custom-students .row {flex-direction: column;}
.custom-students .images-section {width: 100%;}
.custom-students .content-section {width: 100%;margin-top: 10px;}
.second-img-sec {margin: 0px 10px;width: 100%;}
.works-section .multi-icon {flex-direction: column;}
.works-section .multi-icon .multicolumn {margin-bottom: 40px;}
.pricing-section .row {flex-direction: column;}
.pricing-section .row .img {  width: 100%;padding-right: 0;}
.pricing-section .row .pricing-second {width: 100%;padding-left: 0;padding-top: 30px;}
.faq-section .row {flex-direction: column;}
.faq-section .logo-text {width: 100%;display: flex;flex-direction: row;}

}
@media screen and (max-width:567px){
    .announcement p {font-size: 10px;} 
    .custom-students .content-section h1 {font-size: 36px;line-height: 37px;} 
    .works-section h1{font-size: 50px;}
    .custom-students {padding: 0px 0px 0px;}
    .eliminate-section .row h1 {font-size: 25px;line-height: 27px;    margin: 0 0px 20px;}
    .eliminate-section .row h1 br {display: none;}
    .custom-buttons .button-sec button {font-size: 15px;height: 46px;padding: 0px 30px;margin: 0px 0px;}
    .eliminate-section {margin: 10px 0px 40px;}
    .pricing-section h1, .faq-section .faq-image h1 {font-size: 40px;text-align: center;}
    .faq-section .logo-text {flex-direction: column;}
    .faq-image {text-align: center;}
    .faq-section .logo-text {flex-direction: column;margin-bottom: 30px;}
    .faq-section .row {flex-direction: column;padding: 40px 20px;}
.header-menus {width: 100%;}
.faq-section .accordion-item h2 {font-size: 14px;padding-right: 14%}
}