:root
{
    --main-color-one: #7D1645;
    --main-color-two: #e02b7d;
}
 
.banner-area .container
{
    max-width : 100%;
}

.banner-area-2 .youtube-image
{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 49%;
    width: 36%;
    margin-top: 8%;
    margin-right: 1%;
    border-radius: 33px;
    box-shadow: 2px 3px 2px 3px #d6d6d6;
}
.edublink-video-popup-content
{
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    position: absolute;
    top: 47%;
    left: 82%;
    cursor: pointer;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.edublink-video-popup-content .edublink-video-popup-icon
{
    text-align: center;
    transition: .3s;
    position: relative;
    

    height: 80px;
    width: 80px;
    line-height: 80px;
    font-size: 24px;
    color: #ffffff;
    fill: #ffffff;
    background-color: #EE4A62;

    border-radius: 100% 100% 100% 100%;
}
.edublink-video-popup-content .edublink-video-popup-icon:before,
.edublink-video-popup-content .edublink-video-popup-icon:after
{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    transition: 0.3s;
    border-radius: 50%;
    border: 1px solid #fff;
    border-color: #FFFFFF4D;
    -webkit-animation: video-ripple 2s linear infinite;
    animation: video-ripple 2s linear infinite;
     
}
.edublink-video-popup-content svg
{
    color : #fff
}
.btn-yellow
{
    background: #F8BC26;
    font-weight: 700;
    font-size: 18px;
}

@keyframes video-ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    75% {
        -webkit-transform: scale(1.75);
        transform: scale(1.75);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

#myModalvideo1 .modal-content
{
    background-color: transparent;
}
#myModalvideo1 .modal-content .modal-body
{   
    padding : 0;
}
#myModalvideo1 .modal-content .modal-body button.close
{
    position: absolute;
    text-align: right;
    right: 0;
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 40px;
    margin-top: -2%;
}
#myModalvideo1 .modal-content .modal-body iframe
{
    width : 100%;
    height : 400px;
}
.service-course-area .section-title .sub-title
{
    font-size: 30px;
}
.service-course-area .section-title .title
{
    font-size: 28px;
    line-height: 41px;
}
.service-course-area .about 
{
    margin-bottom:2%;
}
.service-course-area .Curiosity h4
{
    color: #7d1645;
    font-size: 30px;
}
.service-course-area .Curiosity ul.single-check-inner li .col-md-1
{
    padding: 0;
    text-align: center;
}
.service-course-area .Curiosity ul.single-check-inner li .col-md-1 .iconbg 
{
    background: #fff;
    width: 80%;
    border-radius: 50px;
    padding-top: 3px;
    padding-bottom: 2px;
}
.service-course-area .Curiosity ul.single-check-inner li .col-md-1 svg
{
    color: #7d1645;
}
.service-course-area .Curiosity ul.single-check-inner li .content 
{
    padding: 0;
    line-height: 23px;
}
.service-course-area .Curiosity ul.single-check-inner li .content.para
{
    padding-left: 3%;
    padding-bottom: 2%;
    font-size: 15px;
}
.service-course-area .bg-yellow
{
    padding-bottom: 0 !important;
}
.single-check-inner li
{
    margin-bottom: 15px;
}
.text-right
{
    text-align:right;
}

/* new section starts */
:root {
    --edublink-color-primary: #1AB69D;
    --edublink-color-primary-alt: #31B978;
    --edublink-color-secondary: #EE4A62;
    --edublink-color-textSecondary: #ff5b5c;
    --edublink-color-tertiary: #f8b81f;
    --edublink-color-dark: #231F40;
    --edublink-color-body: #808080;
    --edublink-color-heading: #181818;
    --edublink-color-white: #ffffff;
    --edublink-color-shade: #F5F5F5;
    --edublink-color-border: #e5e5e5;
    --edublink-color-black: #000000;
    --edublink-color-off-white: #bababa;
    --edublink-color-lighten01: #f0f4f5;
    --edublink-color-lighten02: #edf5f8;
    --edublink-color-lighten03: #f5f1eb;
    --edublink-color-lighten04: #f7f5f2;
    --edublink-color-extra01: #0ecd73;
    --edublink-color-extra02: #8e56ff;
    --edublink-color-extra03: #f92596;
    --edublink-color-extra04: #5866eb;
    --edublink-color-extra05: #f8941f;
    --edublink-color-extra06: #39c0fa;
    --edublink-color-extra07: #da04f8;
    --edublink-color-extra08: #4664e4;
    --edublink-color-extra09: #525151;
    --edublink-color-extra10: #404040;
    --edublink-color-extra11: #22272e;
    --edublink-gradient-primary: linear-gradient(-90deg, var(--edublink-color-primary-alt) 0%, var(--edublink-color-primary) 100%);
    --edublink-gradient-primary-alt: linear-gradient(-90deg, var(--edublink-color-primary) 0%, var(--edublink-color-primary-alt) 100%);
    --edublink-radius-small: 5px;
    --edublink-radius: 10px;
    --edublink-radius-big: 16px;
    --edublink-p-light: 300;
    --edublink-p-regular: 400;
    --edublink-p-medium: 500;
    --edublink-p-semi-bold: 600;
    --edublink-p-bold: 700;
    --edublink-p-extra-bold: 800;
    --edublink-p-black: 900;
    --edublink-shadow-darker: 0px 10px 50px 0px rgba(26,46,85,0.1);
    --edublink-shadow-darker2: 0px 20px 50px 0px rgba(26,46,85,0.1);
    --edublink-shadow-dark: 0px 10px 30px 0px rgba(20,36,66,0.15);
    --edublink-shadow-darkest: 0px 10px 30px 0px rgba(0,0,0,0.05);
    --edublink-shadow-darker3: 0px 4px 50px 0px rgba(0, 0, 0, 0.1);
    --edublink-shadow-darker4: 0px 20px 70px 0px rgba(15, 107, 92, 0.2);
    --edublink-transition: 0.3s;
    --edublink-transition-2: 0.5s;
    --edublink-transition-transform: transform .65s cubic-bezier(.23,1,.32,1);
    --edublink-font-primary: 'Poppins', sans-serif;
    --edublink-font-secondary: 'Spartan', sans-serif;
    --edublink-font-size-b1: 15px;
    --edublink-font-size-b2: 13px;
    --edublink-font-size-b3: 14px;
    --edublink-font-size-b4: 12px;
    --edublink-line-height-b1: 1.73;
    --edublink-line-height-b2: 1.85;
    --edublink-line-height-b3: 1.6;
    --edublink-line-height-b4: 1.3;
    --edublink-h1: 50px;
    --edublink-h2: 36px;
    --edublink-h3: 28px;
    --edublink-h4: 20px;
    --edublink-h5: 18px;
    --edublink-h6: 16px;
    --edublink-h1-lineHeight: 1.2;
    --edublink-h2-lineHeight: 1.39;
    --edublink-h3-lineHeight: 1.43;
    --edublink-h4-lineHeight: 1.4;
    --edublink-h5-lineHeight: 1.45;
    --edublink-h6-lineHeight: 1.62;
}
.elementor-1233 .elementor-element.elementor-element-ec98f4b {
    padding: 40px 0px 105px 0px;
    padding-bottom: 13%;
}
.elementor-1233 .elementor-element.elementor-element-ec98f4b > .elementor-container > .elementor-column > .elementor-widget-wrap {
    align-content: center;
    align-items: center;
    margin-left: 0;
    padding-left: 0;
    margin-right: 0;
    padding-right: 0;
}
.elementor-1233 .elementor-element.elementor-element-2d5af93 > .elementor-widget-container {
    padding: 65px 0px 10px 30px;
}
body:not(.rtl) .elementor-1233 .elementor-element.elementor-element-fa40940 {
    right: 25px;
}
.elementor-1233 .elementor-element.elementor-element-a6adaf3 {
    width: 43%;
}
.elementor-1233 .elementor-element.elementor-element-2ae1811 .elementor-icon-list-text
{
    font-size: 15px;
}
.elementor-1233 .elementor-element.elementor-element-2ae1811 .elementor-icon-list-icon {
    padding-right: 0px;
}
.elementor-1233 .elementor-element.elementor-element-0d1b25b {
    width: 58%;
}
.edublink-section-heading span.pre-heading
{
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    letter-spacing: 1px;
    position: relative;
    color: var(--main-color-one);
    font-size: 30px;
}
.edublink-section-heading h3.heading
{
    margin-bottom: 30px;
}
body:not(.rtl) .elementor-1233 .elementor-element.elementor-element-5a9ffbd
{
    left: -20px;
    bottom: -56px;
    width: 41%;
}
#left-area ul.elementor-icon-list-items, .elementor-edit-area .elementor-element ul.elementor-icon-list-items, .elementor .elementor-element ul.elementor-icon-list-items
{
    list-style:none;
}
.elementor-1233 .elementor-element.elementor-element-5a9ffbd > .elementor-widget-container
{
    padding: 22px 10px 18px 10px;
}
.elementor-1233 .elementor-element.elementor-element-5a9ffbd .edublink-icon-box-wrapper .iconcover
{
    width: 26%;
    float: left;
    margin-right: 10px;
    height:80px;
    margin-top: 10%;
}
.elementor-1233 .elementor-element.elementor-element-5a9ffbd .edublink-icon-box-wrapper .edublink-icon-box-icon.edublink-icon-box-enable
{
    padding-left: 21px;
}
.elementor-1233 .elementor-element.elementor-element-5a9ffbd .edublink-icon-box-wrapper .edublink-icon-box-content, .elementor-1233 .elementor-element.elementor-element-5a9ffbd .edublink-icon-box-wrapper .edublink-icon-box-content p
{
    line-height: 30px;
}
footer .footer-subscribe
{
    padding-top: 4%;
}
footer .footer-subscribe .footer-subscribe-inner
{
    text-align: center;
    padding-top: 2%;
    padding-bottom: 1%;
}
.footer-subscribe .footer-subscribe-inner h2
{
    font-size: 30px;
}
.banner-area-2 h6
{
    color: #fab610;
    font-weight: 600;
    font-size: 22px;
}
/* new section ends */
.future-generations .section-title
{
    margin-bottom: 20px;
}
.future-generations .section-title h6.sub-title
{
    font-size: 31px;
        margin-bottom: 0px;
}
.future-generations .future-generations-inner .details .headertexts .widget-title
{
    margin-bottom: 12px;
    position: relative;
    padding-bottom: 1px;
    color: var(--main-color-one);
    font-size: 19px;
}

.future-generations .future-generations-inner .details .headertexts .widget-title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    height: 3px;
    width: 60px;
    background: var(--main-color-one);
    z-index: 2;
}
.future-generations .future-generations-inner .details .headertexts .widget-title:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    height: 3px;
    width: 100%;
    background: #E1E1E1;
}
.future-generations .future-generations-inner .details .headertexts div.movepl
{
    font-size: 18px;
    padding-left: 5%;
}
.future-generations .future-generations-inner .details .headertexts 
{
    margin-bottom : 20px
}
.future-generations .future-generations-inner .details ul.gasper li
{
    margin-bottom: 25px;
}
.future-generations .future-generations-inner .details ul.gasper
{
    padding-bottom: 12%;
}
.future-generations .future-generations-inner .content .contactmails .mail
{
    margin-bottom: 15px;
}
.future-generations .future-generations-inner .content .contactmails .mail a
{
    font-size : 17px;
    color: #7d1645;
    font-weight: bold;
}
.future-generations .future-generations-inner .content .contactmails .mail a svg
{
    margin-right : 10px;
}
.future-generations .future-generations-inner .content div.titlehead
{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    text-decoration: underline;
    color: #7d1645;
}
.future-generations .future-generations-inner  .content .addbutons
{
    margin-top: 7%;
}
.pd-bottom-30
{
    padding-bottom:30px;
}
.footer-subscribe .footer-subscribe-inner .bottom-text
{
    padding-top: 10px;
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    line-height: 25px;
}
.footer-subscribe .footer-subscribe-inner.style-3
{
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.footer-subscribe .footer-subscribe-inner.style-3 .media
{
    padding-left: 4%;
    padding-right: 4%;
}
.footer-subscribe .footer-subscribe-inner.style-3 .media svg
{
    font-size: 53px;
    color: #8b8b8b;
    background: #fff;
    margin-top: 14%;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
}
.pd-top-65
{
    padding-top : 65px;
}
.teamarea .section-title .sub-title
{
    font-size: 32px;
    margin-bottom: 0px;
}
.teamarea .title-shape .icon-19,
.future-generations .title-shape .icon-19
{
    color: #7d1645;
}
.teamcontainer
{
    margin-top : 10%;
    margin-bottom : 10%;
}
/* team starts */
.teamcontainer section {
    padding: 60px 0;
}

.teamcontainer section .section-title {
    text-align: center;
    color: #007b5e;
    margin-bottom: 50px;
    text-transform: uppercase;
}

.teamcontainer #team .card {
    border: none;
    background: #ffffff;
}

.teamcontainer .image-flip:hover .backside,
.teamcontainer .image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: .25rem;
}

.teamcontainer .image-flip:hover .frontside,
.teamcontainer .image-flip.hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.teamcontainer .mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

.teamcontainer .frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
}

.teamcontainer .backside {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}

.teamcontainer .frontside,
.teamcontainer .backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
}

.teamcontainer .frontside .card,
.teamcontainer .backside .card {
    min-height: 312px;
}

.teamcontainer .backside .card a {
    font-size: 18px;
    color: #007b5e !important;
}

.teamcontainer .frontside .card .card-title,
.teamcontainer .backside .card .card-title {
    color: #7d1645 !important;
    margin-top: 10%;
}
.teamcontainer .frontside .card .foundation
{

}

.teamcontainer .backside .card .card-title
{
    margin-bottom : 25px;
}
.teamcontainer .backside .card .foundation
{
    margin-bottom : 25px;
}
.teamcontainer .frontside .card
{
    min-height : 483px;
}
.teamcontainer .frontside .card .card-body img {
    /*width: 120px;
    height: 120px;
    border-radius: 50%;*/
    border-radius: 10px;
    position: relative;
    display: block;
    width: 100%;
    margin-top: -25%;
    max-height: 383px;
}
.teamcontainer .mainflip .card
{
    box-shadow: 0px 10px 50px 0px rgba(26,46,85,0.1);
}
.teamcontainer .teamss
{
    margin-bottom: 8%;
    
    width: 25%; 
}
/* team ends */

@font-face {
    font-family: 'icomoon';
    src: url(webfonts/icomoon.eot?wkki4d);
    src: url('webfonts/icomoon.eot1?wkki4d#iefix') format('embedded-opentype'),
    url(webfonts/icomoon.ttf?wkki4d) format('truetype'),
    url(webfonts/icomoon.woff?wkki4d) format('woff'),
    url('webfonts/icomoon.svg?wkki4d#icomoon') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon'!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-add:before {
    content: "\e95c"
}

.icon-remove:before {
    content: "\e95d"
}

.icon-east:before {
    content: "\e95a"
}

.icon-west:before {
    content: "\e95b"
}

.icon-envelope:before {
    content: "\f0e0"
}

.icon-angle-left:before {
    content: "\f104"
}

.icon-angle-right:before {
    content: "\f105"
}

.icon-share-alt:before {
    content: "\f1e0"
}

.icon-1:before {
    content: "\e900"
}

.icon-2:before {
    content: "\e901"
}

.icon-3:before {
    content: "\e902"
}

.icon-4:before {
    content: "\e903"
}

.icon-5:before {
    content: "\e904"
}

.icon-6:before {
    content: "\e905"
}

.icon-7:before {
    content: "\e906"
}

.icon-8:before {
    content: "\e907"
}

.icon-9:before {
    content: "\e908"
}

.icon-10:before {
    content: "\e909"
}

.icon-11:before {
    content: "\e90a"
}

.icon-12:before {
    content: "\e90b"
}

.icon-13:before {
    content: "\e90c"
}

.icon-14:before {
    content: "\e90d"
}

.icon-15:before {
    content: "\e90e"
}

.icon-16:before {
    content: "\e90f"
}

.icon-17:before {
    content: "\e910"
}

.icon-18:before {
    content: "\e911"
}

.icon-19:before {
    content: "\e912"
}

.icon-20:before {
    content: "\e913"
}

.icon-21:before {
    content: "\e914"
}

.icon-22:before {
    content: "\e915"
}

.icon-23:before {
    content: "\e916"
}

.icon-24:before {
    content: "\e917"
}

.icon-25:before {
    content: "\e918"
}

.icon-26:before {
    content: "\e919"
}

.icon-27:before {
    content: "\e91a"
}

.icon-28:before {
    content: "\e91b"
}

.icon-29:before {
    content: "\e91c"
}

.icon-30:before {
    content: "\e91d"
}

.icon-31:before {
    content: "\e91e"
}

.icon-32:before {
    content: "\e91f"
}

.icon-33:before {
    content: "\e920"
}

.icon-34:before {
    content: "\e921"
}

.icon-35:before {
    content: "\e922"
}

.icon-36:before {
    content: "\e923"
}

.icon-37:before {
    content: "\e924"
}

.icon-38:before {
    content: "\e925"
}

.icon-39:before {
    content: "\e926"
}

.icon-40:before {
    content: "\e927"
}

.icon-41:before {
    content: "\e928"
}

.icon-42:before {
    content: "\e929"
}

.icon-43:before {
    content: "\e92a"
}

.icon-44:before {
    content: "\e92b"
}

.icon-45:before {
    content: "\e92c"
}

.icon-46:before {
    content: "\e92d"
}

.icon-47:before {
    content: "\e92e"
}

.icon-48:before {
    content: "\e92f"
}

.icon-49:before {
    content: "\e930"
}

.icon-50:before {
    content: "\e931"
}

.icon-51:before {
    content: "\e932"
}

.icon-52:before {
    content: "\e933"
}

.icon-53:before {
    content: "\e934"
}

.icon-54:before {
    content: "\e935"
}

.icon-55:before {
    content: "\e936"
}

.icon-56:before {
    content: "\e937"
}

.icon-57:before {
    content: "\e938"
}

.icon-58:before {
    content: "\e939"
}

.icon-59:before {
    content: "\e93a"
}

.icon-60:before {
    content: "\e93b"
}

.icon-61:before {
    content: "\e93c"
}

.icon-62:before {
    content: "\e93d"
}

.icon-63:before {
    content: "\e93e"
}

.icon-64:before {
    content: "\e93f"
}

.icon-65:before {
    content: "\e940"
}

.icon-66:before {
    content: "\e941"
}

.icon-67:before {
    content: "\e942"
}

.icon-68:before {
    content: "\e943"
}

.icon-69:before {
    content: "\e944"
}

.icon-70:before {
    content: "\e945"
}

.icon-71:before {
    content: "\e946"
}

.icon-72:before {
    content: "\e947"
}

.icon-73:before {
    content: "\e948"
}

.icon-74:before {
    content: "\e949"
}

.icon-75:before {
    content: "\e94a"
}

.icon-76:before {
    content: "\e94b"
}

.icon-77:before {
    content: "\e94c"
}

.icon-78:before {
    content: "\e94d"
}

.icon-79:before {
    content: "\e94e"
}

.icon-80:before {
    content: "\e94f"
}

.icon-81:before {
    content: "\e950"
}

.icon-82:before {
    content: "\e951"
}

.icon-83:before {
    content: "\e952"
}

.icon-84:before {
    content: "\e953"
}

.icon-85:before {
    content: "\e954"
}

.icon-86:before {
    content: "\e955"
}

.icon-87:before {
    content: "\e956"
}

.icon-88:before {
    content: "\e957"
}

.icon-89:before {
    content: "\e958"
}

.icon-phone:before {
    content: "\e959"
}

.icon-star-empty:before {
    content: "\e9d7"
}

.icon-star-half:before {
    content: "\e9d8"
}

.icon-star-full:before {
    content: "\e9d9"
}

.icon-minus:before {
    content: "\ea0b"
}

.icon-share2:before {
    content: "\ea82"
}

.icon-facebook:before {
    content: "\ea90"
}

.icon-instagram:before {
    content: "\ea92"
}

.icon-twitter:before {
    content: "\ea96"
}

.icon-youtube:before {
    content: "\ea9d"
}

.icon-linkedin2:before {
    content: "\eaca"
}

.icon-pinterest:before {
    content: "\ead1"
}


.service-course-area .about .section-title
{
    margin-bottom: 10px !important;
    padding-bottom : 0px !important;
}



/* slider starts */

.slider {
    margin: 0 auto;
    /*max-width: 940px;*/
    max-width: 100%;
  }
  
  .slide_viewer {
    height: 563px;
    overflow: hidden;
    position: relative;
  }
  
  .slide_group {
    height: 100%;
    position: relative;
    width: 100%;
  }
  
  .slide {
    display: none;
    height: 100%;
    position: absolute;
    width: 100%;
  }
  
  .slide:first-child {
    display: block;
  }
  /*
  .slide:nth-of-type(1) {
    background: #D7A151;
  }
  
  .slide:nth-of-type(2) {
    background: #F4E4CD;
  }
  
  .slide:nth-of-type(3) {
    background: #C75534;
  }
  
  .slide:nth-of-type(4) {
    background: #D1D1D4;
  }
  */
  
  .slide_buttons {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
  }
  
  a.slide_btn {
    color: #474544;
    font-size: 42px;
    margin: 0 0.175em;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  
  .slide_btn.active, .slide_btn:hover {
    color: #428CC6;
    cursor: pointer;
  }
  
  .directional_nav {
    height: 340px;
    margin: 0 auto;
    max-width: 940px;
    position: relative;
    top: -340px;
  }
  
  .previous_btn {
    bottom: 0;
    left: 9px;
    margin: auto;
    position: absolute;
    top: 0;
  }
  
  .next_btn {
    bottom: 0;
    margin: auto;
    position: absolute;
    right: 9px;
    top: 0;
  }
  
  .previous_btn, .next_btn {
    cursor: pointer;
    height: 70%;
    opacity: 1.5;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
    width: 65px;
  }
  
  .previous_btn:hover, .next_btn:hover {
    opacity: 1;
  }
  
  .bg-relative.service-course-thumb
  { 
        max-height: 540px; 
  }
  

/* slider ends */











@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');

.campusslider{
  max-width: 97%;
  margin-left: 0%;
  display: flex;
}
.campusslider .card{
  flex: 1;
  margin: 0 10px;
  background: #fff;
}
.campusslider .card .img{
  height: 200px;
  width: 100%;
}
.campusslider .card .img img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.campusslider .card .content{
  padding: 10px 20px;
}
.card .content .title{
  font-size: 25px;
  font-weight: 600;
}
.card .content .sub-title{
  font-size: 20px;
  font-weight: 600;
  color: #e74c3c;
  line-height: 20px;
}
.card .content p{
  text-align: justify;
  margin: 10px 0;
}
.card .content .btn{
  display: block;
  text-align: left;
  margin: 10px 0;
}
.card .content .btn button{
  background: #e74c3c;
  color: #fff;
  border: none;
  outline: none;
  font-size: 17px;
  padding: 5px 8px;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.2s;
}
.card .content .btn button:hover{
  transform: scale(0.9);
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled
{
    display : block;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot.owl-nav
{
    position: absolute;
    left: 20px;
    top: 50%;
   /* background-color: var(--base-color) !important;*/
    display: block;
    padding: 0 .3em !important;
    font-size: 3em;
    margin: 0;
    cursor: pointer;
    color: #fff;
    transform: translate(-50%, -50%);
    background: #000;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot.owl-nav {
    position: absolute;
    right: -23px;
    top: 50%;
    /*background-color: var(--base-color) !important;*/
    display: block ;
    padding: 0 .3em !important;
    font-size: 3em ;
    margin: 0;
    cursor: pointer;
    color: #fff;
    transform: translate(-50%, -50%);
    background: #000;
}


.footer-area
{
    margin-top: -10%;
}



/*Form Popup starts*/


#exampleModalCenter .modal-content .modal-body
{
    padding : 0;
    background: #ffdf86;
}

#exampleModalCenter .modal-content .modal-body .slideimg img
{
    height : 100%;
}
#exampleModalCenter .modal-content .modal-body .formtxtxs,
#exampleModalCenter .modal-content .modal-body .slideimg
{
    padding:0;
}
#exampleModalCenter .modal-content .modal-body .formtxtxs
{
    padding : 15px;
}
#exampleModalCenter .modal-content .modal-body .formtxtxs h4
{
    text-align : center;
}

#exampleModalCenter .modal-content .modal-body .formtxtxs button.close
{
    background: transparent;
    border: 0;
    right: 5px;
    position: absolute;
    margin-top: -5%;
    font-size: 44px;
}

.cool-b4-form .btn {
    border-radius: 0;
}
.cool-b4-form .form-group {
    position: relative;
    padding-top: 20px;
    margin-bottom: 0;
    width: 90%;
    margin-left: 5%;
   /* If there's only 1 input make it full height */
}
.cool-b4-form .form-group:first-child:last-child {
    height: 100%;
}
.cool-b4-form .form-group:first-child:last-child .form-control {
    height: auto;
}
.cool-b4-form .form-group textarea {
    resize: none;
}
.cool-b4-form .form-group .input-highlight {
    content: "";
    width: 0;
    height: 2px;
    background: #e03443;
    position: absolute;
    display: block;
    bottom: 0;
    transition: width 0.4s ease;
}
.cool-b4-form .form-group label {
    position: absolute;
    left: 10px;
    top: 23px;
    transition: all 0.4s ease;
}
.cool-b4-form .form-group .form-control {
    border-radius: 0;
    border-width: 0 0 2px 0;
    cursor: pointer;
}
.cool-b4-form .form-group .form-control:focus, .cool-b4-form .form-group .form-control.hasValue {
    box-shadow: none;
    border-color: #ced4da;
}
.cool-b4-form .form-group .form-control:focus ~ .input-highlight, .cool-b4-form .form-group .form-control.hasValue ~ .input-highlight {
    width: 100%;
}
.cool-b4-form .form-group .form-control:focus ~ label, .cool-b4-form .form-group .form-control.hasValue ~ label {
    transform: scale(0.7);
    top: 0;
    left: 0px;
    position: absolute;
}


.cool-b4-form .cityalign .form-group .input-highlight
{
    bottom : 7px;
}








 
.main {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.card1 { 

}
.card1 .title {
    font-size: 15px;
    margin: 20px;
    margin-top: 10px;
    margin-bottom: -1px;
}
.card1 .form1 {
    display: flex;
    align-items: center;
    justify-content: center;

}
.form1 label {
    cursor: pointer;
}
.card1 .form1 .input-radio {
    box-shadow: 0px 0px 0px 1px #6d6d6d;
    font-size: 15px;
    width: 20px;
    height: 20px;
    margin-right: 7px;
    border: 4px solid #fff;
    background-clip: border-box;
    border-radius: 50%;
    appearance: none;
    transition: background-color 0.3s, box-shadow 0.3s;

}
.card1 .form1 label {
    display: flex;
    margin: 10px 15px;
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 14px;
}

.input-radio.on:checked {
    box-shadow: 0px 0px 0px 4px #00eb27;
    background-color: #51ff6e;
}
.input-radio.off:checked {
    box-shadow: 0px 0px 0px 4px #eb0000;
    background-color: #ff5151;
}

#exampleModalCenter .modal-content .modal-body .formtxtxs .cool-b4-form.row .row .col-md-6
{
    padding : 0;
}


.cool-b4-form .cityalign .form-group
{
    padding-top: 25px;
}

.cool-b4-form .cityalign .form-group label
{
    top: 29px;
}


.visitcals
{
    display: none;
}

.popbutton .btn-base 
{
    margin-top: 5%;
    padding-top: 8px;
    padding-bottom: 8px;
    height: 40px;
    line-height: normal;
    border-radius: 10px;
    
    
    margin-top: 12%;
    margin-bottom: 8%;
    padding-top: 8px;
    padding-bottom: 8px;
    height: 45px;
    line-height: normal;
    border-radius: 10px;
    width: auto;
    padding-left: 15%;
    padding-right: 15%;
    font-size: 20px;
}

.popbutton .btn-base:focus,
.popbutton .btn-base:hover,
.popbutton .btn-base:active
{
    background-color:#000;
    color: #fff;
}
/*Form Popup Ends*/

#myModalvideo2 .modal-body
{
    padding:0;
}
#myModalvideo2 .modal-body #playvideos
{
    width : 100%;
}

#myModalvideo2 .modal-body button.close
{
    padding: 0;
    position: absolute;
    right: 0;
    background: transparent;
    border: 0;
    font-size: 50px;
    color: #fff;
    margin-top: -7%;
}
.videoconatiner video
{
    width : 100%;
}
.popup-youtube.video-btn p.videohead
{
    text-align: center;
    position: absolute;
    right: 10%;
    top: 0;
    bottom: 0;
    /* height: 49%; */
    /* width: 36%; */
    margin-top: 5%;
    margin-right: 1%;
    border-radius: 33px;
    /* box-shadow: 2px 3px 2px 3px #d6d6d6; */
    color: #fff;
    font-weight: 600;
    font-size: 21px;
} 
.footer-subscribe .footer-subscribe-inner.style-3.newalign
{
    background: #7457a1;
}
.service-course-area .about.rmvspace
{
    margin-bottom:0;
}   

/*
.service-course-area .Curiosity.newone ul.single-check-inner li .col-md-1
{
    width: 4%;
    margin-right: 1%;
}
*/
.service-course-area .Curiosity.newone ul.single-check-inner li .col-md-1 {
    width: 7%;
    margin-right: 1%;
}
.service-course-area .Curiosity.newone ul.single-check-inner li .col-md-1 .iconbg
{
    width: 88%;
}
.single-check-inner.addtional li
{
    margin-bottom : 6%;
}
.service-course-area .Curiosity.newone video#vidone
{
    width:100%;
}
.botomlinetext .col-md-9 
{
    padding : 0;
}
.btn-yellow.primarycolor
{
    background: #7d1645;
    margin-top: 12%;
    height: 44px;
    line-height: inherit;
    padding-top: 2%;
    font-size: 17px;
    margin-bottom: 3%;
    font-weight: 600;
    border-radius: 50px;
    color: #fff;
    margin-bottom: 10%;
}
.botomlinetext p.higlightstext
{
    font-size: 17px;
    color: #000;
    font-weight: 600;
    line-height: 25px;
    text-align: center;
}
.botomlinetext .col-md-3
{
    margin-left: 26%;
    margin-bottom: 2%;
    width: 100%;
    margin-top: -6%;
}
.row.extrarow .col-md-3 p.facilitytitle
{
    text-align: center;
    color: #ad0000;
    font-weight: 600;
    font-size: 27px;
    margin-bottom: 0px;
    margin-top: -4%;
    text-decoration: underline;
}
.row.extrarow .col-md-9 .row
{
    margin-bottom : 30px;
}
.single-check-inner.addtional li.videoli
{
    margin-bottom: 1%;
}


.teamcontainer .frontside .card-body
{
    padding: 0;
}
.teamcontainer .frontside .card .card-body img
{
    padding: 15px;
   min-height: 321px;
}
.teamcontainer .frontside .card .card-title 
{
        font-size: 20px;
        min-height: 30px;
}
.teamcontainer .frontside .card .foundation
{
    min-height: 50px;
}
.footer-area
{
    margin-top: 5%;
}
.addpaddingtop60
{
        padding-top: 17%;
}
.addpaddingtop60 p.facilitytitle
{
    text-align: center;
    font-size: 20px;
    text-decoration: underline;
    font-weight: 600;
    color: #7d1645;
}



/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


@media (max-width: 1599px)
    {
        .navbar-area .nav-container .navbar-collapse .navbar-nav li a
        {
            font-size: 17px;
        }
        .banner-area-1 h2 {
            font-size: 55px;
            margin-top: 1%;
            line-height: 61px;
            margin-bottom: 12px !important;
        }
        .banner-area-2 .banner-shape
        {
            width: 50%;
            margin-right: -8%;
        }
        .banner-area-1 .bannerpara
        {
            padding-bottom: 0px !important;
            margin-bottom: 20px !important;
        }
    }

 
@media (min-width: 940px)    
{
        .future-generations-inner .left-content
        {
                min-height: 640px;
        }
        .dtlms-instructor-item.type1 img
         {
             min-height: 500px;
         }
}
 
#exampleModalCenter .modal-content .modal-body .row 
{
    margin:0;
}
  
#exampleModalCenter .modal-content .modal-body h4 
{
    font-size: 24px;
    font-weight: 700;
}

  
#exampleModalCenter .modal-content .modal-body .form-control
{
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 14px;
    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;
        min-height: 40px;
}
.cool-b4-form .form-group label
{
    top: 47%;
}

#exampleModalCenter .modal-content .modal-body .row.toprow 
{
    display: flex;
}


#exampleModalCenter .card1 .title
{
    font-size: 15px;
    margin: 20px;
    margin-top: 10%;
    margin-bottom: 2px;
    font-weight: 600;
}
#exampleModalCenter .modal-dialog
{
    margin-top: 12%;
}
.input-container input {
    border: none;
    box-sizing: border-box;
    outline: 0;
    padding: .75rem;
    position: relative;
    width: 100%;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
.visitcals .cals .form-group
{
    margin-top: 20px;
}
.visitcals .cals .form-group label
{
    margin-top: -3%;
    left: -10px;
    top: 0;
}



#exampleModalCenter .modal-content .modal-body .row 
{
    margin:0;
}
  
#exampleModalCenter .modal-content .modal-body h4 
{
    font-size: 24px;
    font-weight: 700;
}

  
#exampleModalCenter .modal-content .modal-body .form-control
{
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 14px;
    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;
        min-height: 40px;
}
.cool-b4-form .form-group label
{
    top: 47%;
}

#exampleModalCenter .modal-content .modal-body .row.toprow 
{
    display: flex;
}

.ml-40p
{
    margin-left: 40px;
}

.ml-l30p
{
    margin-left: -30px;
}



@media (max-width: 850px)
    {
        .bg-gray
        {
            background : transparent;
        }
        .navbar-area .nav-container .logo
        {
            width: 100%;
            text-align: center;
        }
        .navbar-area .nav-container .logo a img
        {
            max-width: 53%;
            margin-top: 1%;
        }
        .banner-area-2
        {
            padding: 30px 0 90px;
            margin-bottom: 16%;
        }
        .banner-area-1 h2 {
            font-size: 22px;
            margin-top: 0%;
            line-height: 32px;
            text-align: center;
        }
        .banner-area-2 .youtube-image
        {
            width: 86%;
            margin-right: 6%;
            top: 76%;
        }
        .edublink-video-popup-content
        {
            top: 120%;
            left: 52%;
        }
        .container .bannerpara
        {
            padding-bottom: 0px !important;
            text-align: center;
            line-height: 19px;
            margin-top: 20px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
        }
        .container .bannerbutton
        {
            text-align: center;
        }
        .service-course-area
        {
            padding-top: 30%;
        }
        .service-course-area .Curiosity ul.single-check-inner li .col-md-1
        {
            width : 11%
        }
        .service-course-area .Curiosity ul.single-check-inner li .content.col-md-11
        {
            width : 88%
        }
        .elementor-1233 .elementor-element.elementor-element-0d1b25b
        {
            width : 100%;
        }
        .elementor img
        {
            width: 90%;
        }
        .elementor-1233 .elementor-element.elementor-element-a6adaf3
        {
            width: 100%;
            padding-left: 20px;
            padding-right: 20px;
        }
        .edublink-section-heading h3.heading
        {
            font-size: 24px;
        }
        .footer-subscribe .footer-subscribe-inner h2
        {
            font-size: 17px;
            padding-left: 5%;
            padding-right: 5%;
            line-height: 32px;
        }
        .footer-subscribe .footer-subscribe-inner.style-3 .textsubscribe
        {
            margin: 0 !important;
            padding: 0 !important;
        }
        footer .footer-subscribe {
            padding-top: 13%;
        }
        .parse-option-area
        {
            margin-top: -10%;
        }
        .previous_btn {
        left: 10px;
        }
        .next_btn {
        right: 10px;
        }
        .previous_btn, .next_btn
        {
            height: 142%;
        }
        .slide_buttons
        {
            margin-top: -45%;
        }
        .bg-relative.service-course-thumb
        {
            max-height: 400px;
        }
        .footer-area
        {
            margin-top: -2%;
        }
        .toggle-btn
        {
            margin-top: 3%;
        }
        .banner-area-2 h6
        {
            font-size: 18px;
            text-align: center;
        }
        .service-course-area .section-title .title {
            font-size: 15px;
            line-height: 20px;
        }
        .mt-5.Curiosity
        {
            margin-top: 3% !important;
        }
        .teamcontainer .frontside
        {
            margin-bottom: 14%;
        }
        #exampleModalCenter .modal-content .modal-body .slideimg img 
        {
            display: none;
        }
        #exampleModalCenter .modal-content .modal-body .formtxtxs button.close
        {
            margin-top: -13%;
            font-size: 56px;
        }
        .cool-b4-form .form-group
        {
            margin-left: 8%;
        }
        .popup-youtube.video-btn p.videohead
        {
            right: 26%;
            top: 78%;
            font-size: 16px;
        }
        .banner-area-2 .youtube-image
        {
            top: 84%;
        }
        .service-course-area.additialparaadd
        {
            padding-top: 1%;
        }
        .service-course-area .section-title .sub-title
        {
            font-size: 24px;
        }
        .service-course-area .Curiosity.newone ul.single-check-inner li .col-md-1
        {
            width: 9%;
            margin-right: 1%;
            margin-left: -2%;
        }
        .row.extrarow .col-md-3 p.facilitytitle
        {
            font-size: 20px;
            margin-bottom: 11px;
        }
        .service-course-area .Curiosity.newone video#vidone
        {
            margin-bottom: 20px;
        }
        .botomlinetext .col-md-12
        {
            padding : 0;
        }
        .botomlinetext p.higlightstext
        {
            font-size: 16px;
            line-height: 20px;
        }
        .btn-yellow.primarycolor
        {
            margin-left: 15%;
        }
        .botomlinetext .col-md-3
        {
            margin-left : 0%;
        }
        .edublink-section-heading span.pre-heading
        {
            width: 100%;
            text-align: center;
        }
        .teamarea .section-title .sub-title
        {
            font-size: 32px;
            margin-bottom: 0px;
            text-align: center;
            line-height: 26px;
        }
        .teamarea .section-title .sub-title span.sub    
        {
            font-size: 20px;
            display: block;
            margin-top: 10px;
        }
        .course-area.teamarea
        {
            padding-top: 20px;
        }
        .course-area.teamarea.intromax
        {
             padding-top: 60px;
        }
        .course-area.teamarea.amberteams
        {
             padding-top: 60px; 
        }
        .teamcontainer
        {
            margin-top: 28%;
        }
        .teamcontainer .teamss
        {
           width: 100%;
            margin-bottom: 100px;
        }
        .footer-area .widget
        {
            margin-top: -16%;
        }
        .footer-area .widget_about .thumb
        {
                text-align: center;
        }
        .footer-area .widget_about .details p
        {
            text-align: justify;
            line-height: 23px;
        }
        .footer-area .widget_about .details .social-media
        {
            text-align: center;
        }
        .footer-area .container .row .col-lg-2.col-md-6
        {
            width: 50%;
            float: left;
        }
        .footer-area .widget_nav_menu ul li {
            margin-bottom: 8px;
        }
        .footer-area .widget.widget-recent-post .widget.widget_contact p.amberhead
        {
            margin-top: 21%;
        }
        .footer-area .container .row .col-lg-3.col-md-6
        {
            width: 75%;
            margin-left: 15%;
        }
        .widget_contact .details li
        {
                font-size: 13px;
        }
        .footer-bottom p,
        .footer-bottom .text-lg-end
        {
                font-size: 11px;
                text-align: center;
                width : 95%;
        }
        .footer-bottom .text-lg-end
        {
            width : 67%;
        }
        .service-course-area
        {
            padding-bottom: 0%;
        }
        .service-course-area .section-title .sub-title
        {
            font-size: 24px;
            text-align: center;
            width: 100%;
            margin-bottom: 0px;
        }
        
         #exampleModalCenter .modal-content .modal-body .formtxtxs .cool-b4-form.row .row .col-md-6
        {
             width: 45%;
            float: left;
                    margin-left: 3%;
        }
        .row.bannerbutton
        {
            display: flex;
            padding: 0;
            margin-left: -5%;
        }
        .row.bannerbutton .col-md-4
        {
            padding:0;
            width: 33.3%;
            padding-right: 2px;
        }
        .row.bannerbutton .col-md-4 .btn
        {
            font-size: 10px;
            width: 100%;
            padding-left: 10px;
            padding-right: 10px;
            height: 35px;
            line-height: 35px;
        }
        .row.bannerbutton .col-md-4.ml-40p,
        .row.bannerbutton .col-md-4.ml-l30p
        {
            margin:0;
        }
    }
 
@media (min-width: 940px)    
{
        .future-generations-inner .left-content
        {
                min-height: 640px;
        }
        .dtlms-instructor-item.type1 img
         {
             min-height: 500px;
         }
}
 
