.pe-10{ padding-right:100px !important;}
.bg-blue1{ background:#6ec9fc;}.text-blue1{ color:#6ec9fc;}
.bg-blue2{ background:#36afd5;}.text-blue2{ color:#36afd5;}
.bg-blue3{ background:#c99aff;}.text-blue3{ color:#831afb;}
.bg-blue4{ background:#5d5cec;}.text-blue4{ color:#5d5cec;}
.bg-blue5{ background:#b298f7;}.text-blue5{ color:#b298f7;}
.bg-red1{ background:#f96163;}.text-red1{ color:#f96163;}
.bg-red2{ background:#f8186a;}.text-red2{ color:#f8186a;}
.bg-pink{ background:#f82974;}.text-pink{ color:#f82974;}
.bg-yellow{ background:#eda81f;}.text-yellow{ color:#eda81f;}
.bg-yellow2{ background:#d55f0d;}.text-yellow2{ color:#d55f0d;}
.bg-green1{ background:#9dbc40;}.text-green1{ color:#9dbc40;}
.bg-green2{ background:#7cc576;}.text-green2{ color:#7cc576;}
.bg-light-gold{background:#f4f3eb;}

.round-01{ width:20px;height:20px;border-radius:30px;    flex: none;
    margin: 5px 10px 0 0;}
.carousel-inner{text-align:center;}
.nav-tabs2 .nav-link{border:none; margin-right:7px; color:#fff;}
.accordion-button::after{
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-circle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3v-3z'/%3E%3C/svg%3E");
}
 .accordion-button:not(.collapsed)::after {
     background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath id='dash-circle-fill' d='M16,8A8,8,0,1,1,8,0a8,8,0,0,1,8,8M4.5,7.5a.5.5,0,0,0,0,1h7a.5.5,0,0,0,0-1Z' fill='%2394b226'/%3E%3C/svg%3E%0A");
}

.panel-heading.collapsed .accordion-toggle:after {
    /* symbol for "collapsed" panels */
    content:"\f0fe";
}
.accordion-button:not(.collapsed) {
    color: #94b226;
    background-color: #fff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

.bg-bold{
    background:#e4e2cd;
}
.imgFlot1{
    margin-left: -70px !important; line-height:20px;
    position: relative; color:#94b226;
}
.img-thumbnail {
    padding: 0.85rem;border-radius:0; border:none;}
.fotImgIcon1{ width:120px; height:120px; background:url('/website/image/fotimg1.jpg') no-repeat; background-size:contain;margin:auto;}  
.fotImgIcon2{ width:120px; height:120px; background:url('/website/image/fotimg2.jpg') no-repeat; background-size:contain;margin:auto;}  
.fotImgIcon3{ width:120px; height:120px; background:url('/website/image/fotimg3.jpg') no-repeat; background-size:contain;margin:auto;}  
.footer-newsletter {    background: #eda81f;
    padding: 15px;margin-top: -90px;
    margin-bottom: 30px;
    border-radius: 20px;}

.grid-body  {
    display: grid;
    justify-content: center;
    grid-row-gap: 0px;
    grid-column-gap: 25px;
    grid-template-columns: repeat(4, calc(25% - 30px));
}
.grid-body .card{ width:100%; padding-bottom:30px;} 
.grag-bg-1 {
    background: rgb(186,225,248);
    background: linear-gradient(180deg, rgba(186,225,248,1) 0%, rgba(255,255,255,1) 100%);
}
.grag-bg-2 {
   background: rgb(248,215,157);
    background: linear-gradient(180deg, rgba(248,215,157,1) 0%, rgba(255,255,255,1) 100%);
}
.grag-bg-3 {
    background: rgb(212,203,229);
    background: linear-gradient(180deg, rgba(212,203,229,1) 0%, rgba(255,255,255,1) 100%);
}
.grag-bg-4 {
    background: rgb(253,237,237);
    background: linear-gradient(180deg, rgba(253,237,237,1) 0%, rgba(255,255,255,1) 100%);
}
.card-img-icon {  
    width:70px;
    height:70px;border-radius:100px;
    margin:40px auto 20px auto;  display: flex;
    justify-content: center;
}
.card-img-icon svg {width: 35px;
    height: 100%;}
.spec-round{
    width:170px; 
    height:170px; 
    border-radius:150px; 
    color:#1a1a1a; 
    font-size:16px;
    margin:15px; 
    text-align:center;
    display:flex; 
    align-items:center;
    justify-content:center;
}
.nav-tabs-1 .nav-link{
       background:#13d1d8; font-weight:500; margin-right:3px;  border-radius:0;
       color:#fff;}
.nav-tabs-1 .nav-link.active{
       background:#ef6b3b; color:#fff;}
.nav-tabs-1 .nav-link.campus1{
    border-top-left-radius: 15px;
} 
.nav-tabs-1 .nav-link.campus2{
    border-top-right-radius: 15px;
} 
.nav-tabs-2 .nav-link{background:#5d5cec;margin-right:10px;}
.cont-icon {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    margin: 5px auto 5px auto;
    display: flex;
    justify-content: center;
}
.cont-icon.card-img-icon{width: 50px; margin-top:0;
    height: 50px;}
.text-gry{color:#979797;}
.text-pink{color:#f8186a;}
.cont-icon.icon-blue{border:1px solid #831afb}
.cont-icon.icon-red{border:1px solid #f96163}
.cont-icon.icon-green{border:1px solid #a7c250}
.cont-icon svg{width: 27px;
    height: 100%;}

.card-enquery{
    background:#edeef0;border-radius:20px;
}

/* grid */
.grid-body {
    display: grid;
    justify-content: center;
    grid-row-gap: 0;
    grid-column-gap: 30px;
    grid-template-columns: repeat(4, calc(25% - 30px));
}
.grid-body .card { 
    width: 100%;
    border-radius: 1rem;
    position: relative;
}
.grid-body .card::after {
    content: "";
    position: absolute;
    display: block;
    height: 0px;
    width: 0px;
    right: -20px;
}
.grid-body .card:nth-child(1):after {
    border-top: solid 15px transparent;
    border-bottom: solid 15px transparent;
    border-left: solid 15px #78cdf8;
    top: -80px;
}
.grid-body .card:nth-child(2):after {
    border-top: solid 15px transparent;
    border-bottom: solid 15px transparent;
    border-left: solid 15px #eba307;
    bottom: -80px;
}
.grid-body .card:nth-child(3):after {
    border-top: solid 15px transparent;
    border-bottom: solid 15px transparent;
    border-left: solid 15px #a565f2;
    top: -80px;
}
.grid-body .card:last-child:after {
    content: none;
}
.grid-body .card:before {
    content: "";
    position: absolute;
    display: block;
    border-radius: 15px;
    height: 80px;
    width: 110%;
    left: 50%;
    z-index: -1;
}
.grid-body .card:nth-child(1):before {
    border-top: 2px dashed #78cdf8;
    border-right: 2px dashed #78cdf8;
    border-left: 2px dashed #78cdf8;
    border-bottom: 2px dashed transparent;
    top: -66px;
}
.grid-body .card:nth-child(2):before {
    border-top: 2px dashed transparent;
    border-right: 2px dashed #eba307;
    border-left: 2px dashed #eba307;
    border-bottom: 2px dashed #eba307;
    bottom: -66px;
}
.grid-body .card:nth-child(3):before {
    border-top: 2px dashed #a565f2;
    border-right: 2px dashed #a565f2;
    border-left: 2px dashed #a565f2;
    border-bottom: 2px dashed transparent;
    top: -66px;
}
.grid-body .card:last-child:before {
    content: none;
}
.grid-body .card:nth-child(odd) {
    top: 20px;
}

@media screen and (max-width: 768px) {
    .grid-body {
        grid-row-gap: 70px;
        grid-column-gap: 0;
        grid-template-columns: 90%;
    }
    .grid-body .card { 
        width: 100%;
        border-radius: 1rem;
    }
    .grid-body .card::after {
        left: 45.3%;
        right: auto;
    }
    .grid-body .card:nth-child(1):after {
        border-right: solid 15px transparent;
        border-left: solid 15px transparent;
        border-top: solid 15px #78cdf8;
        top: auto;
        bottom: -60px;
    }
    .grid-body .card:nth-child(2):after {
        border-right: solid 15px transparent;
        border-left: solid 15px transparent;
        border-top: solid 15px #eba307;
        top: auto;
        bottom: -60px;
    }
    .grid-body .card:nth-child(3):after {
        border-right: solid 15px transparent;
        border-left: solid 15px transparent;
        border-top: solid 15px #a565f2;
        top: auto;
        bottom: -60px;
    }
    .grid-body .card:last-child:after {
        content: none;
    }
    .grid-body .card:before {
        width: 2px;
        left: 50%;
        z-index: -1;
    }
    .grid-body .card:nth-child(1):before {
        border-top: 2px dashed transparent;
        border-right: 2px dashed transparent;
        border-left: 2px dashed #78cdf8;
        border-bottom: 2px dashed transparent;
        top: auto;
        bottom: -80px;
    }
    .grid-body .card:nth-child(2):before {
        border-top: 2px dashed transparent;
        border-right: 2px dashed transparent;
        border-left: 2px dashed #eba307;
        border-bottom: 2px dashed transparent;
        top: auto;
        bottom: -80px;
    }
    .grid-body .card:nth-child(3):before {
        border-top: 2px dashed transparent;
        border-right: 2px dashed transparent;
        border-left: 2px dashed #a565f2;
        border-bottom: 2px dashed transparent;
        top: auto;
        bottom: -80px;
    }
    .grid-body .card:last-child:before {
        content: none;
    }
    .grid-body .card:nth-child(odd) {
        top: 0;
    }
    
    .pe-10{padding-right:30px !important;}
    .imgFlot1 {
    margin-left: 0px !important;}
    .nav-tabs2 .rounded-pill {margin-bottom:5px;}
    .card-enquery .card-body {padding:10px 15px !important;}
    .spec-round {
    width: 135px; height: 135px; font-size: 13px; margin: 13px;}
   
}