/**************About Us Page********************/
.about-banner{ 
    background-image: url("../images/about/about-banner.jpg"); 
    background-color: #828dff;
}

.bg-dviolet{
    background: #092559;
}

.vm-sec h5 {
    font-size: 18px;
    border-radius: 44px;
    color: #000000;
    display: inline-block;
    padding: 6px 25px;
}

.vm-txt-bg-yellow{
    background: #F6C57D;
}

.vm-txt-bg-red{
    background: #FF9382;
}

.os-main-box .iup-logo img{
    position: relative;
    z-index: -1;
}

.os-txt-box{
    padding: 20px;
    border-radius: 8.7367px;
    z-index: 1;
    margin-top: -20px;
    min-height: 178px;
}

@media (min-width: 1200px) {
    .ostory .os-txt-box{ min-height: 250px;}
}

@media (min-width: 1440px) {
    .ostory .os-txt-box{ min-height: 220px;}
}

.os-txt-box-color-1{
    background: url('../images/iqc/os-txt-box-color-1.jpg') no-repeat center;
    background-size: cover;
}

.os-txt-box-color-2{
    background: url('../images/iqc/os-txt-box-color-2.jpg') no-repeat center;
    background-size: cover;
}

.os-txt-box-color-3{
    background: url('../images/iqc/os-txt-box-color-3.jpg') no-repeat center;
    background-size: cover;
}

.os-txt-box-color-4{
    background: url('../images/iqc/os-txt-box-color-4.jpg') no-repeat center;
    background-size: cover;
}

.os-txt-box-color-5{
    background: url('../images/iqc/os-txt-box-color-5.jpg') no-repeat center;
    background-size: cover;
}

.our-story .site--slider .swiper-pagination-bullet{
    background: grey;
}

.our-story .site--slider .swiper-pagination-bullet-active{
    background: #000000;
}

.our-story .iup-slider.site--slider .swiper-button-next::after{
    content: url("../images/snxt-black.svg");
}

.our-story .iup-slider.site--slider .swiper-button-prev::after{
    content: url("../images/sprev-black.svg");
}

/*Accordion*/
.site-accord .accordion{ border: 0;}
.site-accord .accordion-item {border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-top: 0; border-left: 0; border-right: 0; margin-bottom: 10px; padding-bottom: 20px;}
.site-accord .accordion-item, .site-accord .accordion-button{background: transparent; color: #000;}
.site-accord .accordion-button{ padding:10px 40px 10px 0px; font-size: 16px; line-height: 22px; font-family: var(--font-medium); font-weight: 600 !important; 
position: relative;}
.site-accord .accordion-body{ padding: 20px 0px 10px; color: #000; font-size: 16px; line-height: 24px;}
.site-accord .accordion-body p{line-height: 24px; font-size: 16px;}
.site-accord .accordion-body ul, .site-accord .accordion-body ol{ padding: 0px 0px 0px 20px;}
.site-accord .accordion-body ul li, .site-accord .accordion-body ol li{ padding-left: 5px;}
.site-accord .accordion-body li{line-height: 24px; font-size: 16px; padding-bottom: 5px;}
.site-accord .accordion-button::after{ content: url(../images/down-sm.svg); background-image: none; font-size: 30px; position: absolute; top: -26px !important; right: 63px !important;} 
.site-accord .accordion-button:not(.collapsed)::after {content: url(../images/up-sm.svg); background-image: none; transform: none; font-size: 30px;}
.site-accord .accordion-item:nth-last-of-type(1){ border-bottom: 0;}
.site-accord .accordion-header, .site-accord .accordion-button, .site-accord .accordion-collapse, .site-accord .accordion-body{box-shadow:none;}

@media (min-width: 768px) {
	.site-accord .accordion-button::after{top: 0px !important;}
    .site-accord .accordion-button{ padding:20px 20px 10px 0px; font-size: 20px !important; line-height: 40px; font-family: var(--font-bold);}
    .site-accord .accordion-body{padding-right: 20px; max-width: 900px;}
}

@media (min-width: 1200px) {
    .site-accord .accordion-button::after{top: 0px !important; right: 15px; content: url(../images/down.svg);}
    .site-accord .accordion-button:not(.collapsed)::after {content: url(../images/up.svg);}
}
@media (min-width: 1366px) {
    .site-accord .accordion-button {padding-right: 50px;}
}
/*Accordion End*/


/*****************Why Choose Us Page**************************/

.wcu-banner{ 
    background-image: url("../images/wcu/wcu-banner.jpg"); 
    background-color: #f6c67e;
}

.wcu-banner h1, .wcu-banner p{
    color: #000000;
}

.btn-black {
    background: #000000;
    color: #fff;
    padding: 7px 30px;
    border: 1px solid #000000 !important;
}

.btn-black:hover {
    background: transparent !important;
    color: #000 !important;
    padding: 7px 30px;
    border: 1px solid #000000;
}

.btn-black-o {
    background: transparent;
    color: #000;
    padding: 7px 30px;
    border: 1px solid #000 !important;
}

.btn-black-o:hover {
    background: #000;
    color: #fff;
    padding: 7px 30px;
    border: 1px solid #000 !important;
}

.boj-box{
    text-align: center;
    padding: 40px;
    border-radius: 10px;
}

.boj-color-1{
    background: linear-gradient(240.35deg, #506EFF -4.51%, #74EBD5 101.19%);
}

.boj-color-2{
    background: linear-gradient(114.08deg, #ED6648 -1.95%, #E7AFEC 103%);
}

.boj-color-3{
    background: linear-gradient(123.46deg, #B06AB3 -0.44%, #4568DC 104.11%);
}

.acs-main-box{
    background: #FAFAFA;
    border-radius: 17px;
    padding: 60px;
}

.acs-link::after{
    content: url("../images/wcu/learn-more-icon.svg");
    position: absolute;
}

.border-b-grey{
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    padding-bottom: 50px;
}

.acs-box{
    padding: 20px;
    border-radius: 10px;
}

.acs-box-color-1{
    background: #EBF2FF;
}

.acs-box-color-2{
    background: #FFF2F1;
}

.acs-box-color-3{
    background: #FFF4E3;
}

@media(max-width: 767px){
    .acs-main-box{
        padding: 30px;
    }

    .wcu-banner h1, .wcu-banner p{
        color: #fff;
    }

    .btn-black-o {
        background: #fff;
        color: #000;
        padding: 7px 30px;
        border: 1px solid #000 !important;
    }

    .border-b-grey{
        padding-bottom: 30px;
    }
}

/****************Testimonial Box*******************************/
.testiBox{border-radius: 10px; width: 100%; padding: 30px 20px 0px; margin: auto; overflow: hidden; position: relative;}
/* .testiBox:before{content: ""; background: url(../images/quote.png); width: 50px; height: 36px; background-size: 50px 36px; position: absolute; left: 0; top: 10px;} */

.testi-titl{ margin-top: 10px; padding-top: 16px; font-size: 16px; position: relative;}
.testi-titl h6{ font-family: var(--font-medium);}
.testi-desc{ position: relative; }

.testi-img{ position: relative; text-align: center; width: 100%;}
.testi-img img{ position: relative; z-index: 2; line-height: 0;}
.testi-img:before{ content: ""; width: 150px; height: 150px; position: absolute; bottom: 0px; left: 0; right: 0; margin: auto;
   border-radius: 100%;}
 
.tbg-blue{background: rgba(57, 72, 255, 0.1);}
.tbg-blue .testi-img:before{background: #3948FF;}
.tbg--lblue{background: rgba(57, 72, 255, 0.2);}
.tbg--lblue .testi-img:before{background: #959DFF;}
.tbg--pink{background: rgba(169, 61, 207, 0.2);}
.tbg--pink .testi-img:before{background: #A93DCF;}
.tbg--green{background: rgba(61, 207, 174, 0.2);}
.tbg--green .testi-img:before{background: #3DCFAE;}
.tbg--yellow{background: rgba(250, 242, 131, 0.2);}
.tbg--yellow .testi-img:before{background: #FAF283;}
.tbg--lpink{background: #FFF6EA;}

.testiBox li {
    margin-bottom: 15px;
}

@media (max-width: 991px) {
  .testi-img{ background: #ccc; width: 150px; height: 150px; border-radius: 50%; overflow: hidden; margin-bottom: 20px;}
  .testi-img img{ width: 150px;}
  .testi-txt-box h2{ margin-top: 30px;}
}

@media (min-width: 768px) {
  .testiBox .row{ align-items: flex-start;}
  .testi-img{ margin-top: 30px;}
}

@media (min-width: 992px) {
    .testiBox {
        border-radius: 10px;
        padding: 30px 140px 0px;
    }
  .testi-titl{ margin-top: 30px;}
  .testi-desc{ font-size: 18px;}
  .testi-img{ margin-top: unset;}
}

@media (min-width: 1200px) {
  .testi-titl{ margin-bottom: 50px;}
  .testi-txt-box{ margin-top: 20px;}
  .ta-testi .testi-img img{ width: 100%;}
}

/****************IQ Grad for Campuses page********************/

.iqc-banner{ 
    background-image: url("../images/iqc/iqc-banner.jpg"); 
    background-color: #7da8f6;
}

.wpi-sec {
    background: linear-gradient(90deg, rgba(249,249,249,1) 56%, rgba(255,255,255,1) 50%);
}

.wpi-icon-box {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 12px;
    display: flex;
    align-items: center;
}

.icon-img {
    flex-shrink: 0;
    margin-right: 12px;
}

/* .bpw-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
} */

.bpw-head h2, .bpw-head a{
    flex-shrink: 0;
}

.bpw-head img {
    width: 100%;
    height: 30px;
    margin-bottom: 20px;
}

@media(min-width: 768px){
    
}

@media(min-width: 992px){
    .bpw-head{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .bpw-head img{
        width: 20%;
        height: 20px;
        margin-bottom: 0px;
    }
}

@media(min-width: 1200px){
    .bpw-head img{
        width: 35%;
        height: auto;
        margin-bottom: 0px;
    }
}

/******************How It Works page**********************/

.hiw-banner{ 
    background-image: url("../images/hiw/hiw-banner.jpg"); 
    background-color: #fe9381;
}

.hiw-banner h1, .hiw-banner p{
    color: #000000;
}

.ctp-sec .nav-tabs{
    justify-content: center;
    border: none;
}

.ctp-sec .nav-tabs .nav-link{
    border-bottom: 2px solid rgba(125, 168, 246, 0.5) !important;
    color: rgba(56, 127, 255, 0.5);
}

.ctp-sec .nav-tabs .nav-link:hover{
    border-color: transparent;
}

.ctp-sec .nav-tabs .nav-link.active{
    color: #2A465E;
    border-bottom: 2px solid #7DA8F6 !important;
    border-color: transparent;
}

.ctp-sec .nav-tabs .nav-item {
    margin-right: 25px;
}

.ctp-icon-box{
    display: flex;
    align-items: flex-start;
}

.ctp-icon{
    margin-right: 15px;
    flex-shrink: 0;
}

@media(max-width: 767px){
    .hiw-banner h1, .hiw-banner p{
        color: #ffffff;
    }

    .ctp-sec .nav-tabs {
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .ctp-sec .nav-tabs .nav-item {
        margin-right: 25px;
        flex-shrink: 0;
    }
}

/******************University Partners page**********************/

.up-banner{ 
    background-image: url("../images/up/up-banner.jpg"); 
    background-color: #828dff;
}

@media(min-width: 992px){
    .aop-sec .testiBox {
        padding: 0px 35px 0px;
    }
}

@media(min-width: 1200px){
    .aop-sec .testiBox {
        padding: 0px 35px 0px 60px;
    }
}

/******************Plans & Pricing page**********************/

.pp-banner{ 
    background-image: url("../images/pp/pp-banner.jpg"); 
    background-color: #3bbca6;
}

.btn-blue{ 
    background: #2A465E !important; 
    color: #ffffff !important; 
    padding: 7px 30px; 
    border: 1px solid #2A465E !important;
}
.btn-blue:hover{ 
    background: transparent !important; 
    color: #2A465E !important;
}

.btn-blue:active, .btn:focus{
    background: #fff; 
    color: #2A465E;
}

.pp-box-grey{
    background: #F4F5FF;
    border-radius: 10px;
    padding: 20px;
}

.pp-sec li{
    margin-bottom: 15px;
    display: flex;
}

.pp-box-grey li::before{
    content: url('../images/pp/pp-tick-icon.svg');
    margin-right: 12px;
}

.pp-box-blue{
    background: linear-gradient(159.55deg, #01BFEF -3.39%, #3BBCA7 104.95%);
    border-radius: 10px;
    padding: 20px;
}

.pp-box-blue h3, .pp-box-blue p, .pp-box-blue li{
    color: #ffffff;
}

.pp-box-blue li::before{
    content: url('../images/pp/pp-tick-icon-white.svg');
    margin-right: 12px;
}

@media(min-width: 992px){
    .pp-box-grey {
        min-height: 645px;
    }
}

@media(min-width: 1200px){
    .pp-box-grey {
        min-height: 600px;
    }
}

@media(min-width: 1336px){
    .pp-sec h3{
        font-size: 28px;
    }
}

/******************Targeted Audiance page**********************/

.ta-banner{ 
    background-image: url("../images/ta/ta-banner.jpg"); 
    background-color: #828dff;
}

.ta-testi .tbg--lpink {
    background: #FFFFFF;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
}

.ta-border-1{
    border-left: 15px solid #578AE8;
}

.ta-border-2{
    border-right: 15px solid #F07B69;
}

.ta-border-3{
    border-left: 15px solid #F1AB45;
}

.ta-border-4{
    border-right: 15px solid #3BBCA7;
}

@media(min-width: 992px){
    .ta-testi .testiBox {
        border-radius: 10px;
        padding: 0px 0px 0px 30px;
    }

    .ta-testi .testiBox-2 {
        border-radius: 10px;
        padding: 0px 30px 0px 0px;
    }
}

/********************FAQ page************************/

.faq-banner{ 
    background-image: url("../images/faq/faq-banner.jpg"); 
    background-color: #f6c67e;
}

.faq-banner h1, .faq-banner p{
    color: #000000;
}

.faq-pills .nav-pills .nav-link.active{
    background: #2E445C;
    border-radius: 64px;
    color: #ffffff;
}

.faq-pills .nav-pills .nav-link{
    border: 1px solid #2E445C;
    border-radius: 64px;
    color: #2E445C;
}

/* .nav-pills li{
    margin-right: 30px;
} */


.nav-pills {
    justify-content: space-between;
}


.faq-pills .site-accord .accordion-item:nth-last-of-type(1) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.faq-pills .site-accord .accordion-item:nth-last-of-type(1) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.faq-pills h4{
    color: #ffffff;
    background: #2E445C;
    padding: 10px 15px;
}

.faq-pills .site-accord .accordion-button {
    padding-right: 60px;
}

@media(max-width: 767px){
    .faq-banner h1, .faq-banner p{
        color: #ffffff;
    }
}

@media(max-width: 1024px){
    .nav-pills {
        overflow-x: scroll;
        flex-wrap: nowrap;
    }

    .nav-pills li{
        flex-shrink: 0;
        margin-right: 20px;
    }
}

@media(min-width: 1336px){
    .faq-pills .site-accord .accordion-button {
        padding-right: 53px;
    }
}