/* body {-webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;} */

p {

    line-height: 26px;

    text-align: justify;

}



a,
.view-more-yellow::before,
.home-book-hall-bg .home-book-hall-box a img,
.home-book-hall-bg .home-book-hall-box a,
.contact-us-form .contact-btn,
.development-team-box a span,
.development-team-box a h2 {

    outline: 0 !important;

    color: #565950;

    -webkit-transition: color .4s, background-color .4s;

    -moz-transition: color .4s, background-color .4s;

    -o-transition: color .4s, background-color .4s;

    transition: color .4s, background-color .4s;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease;

    -moz-transition: all .4s ease;

    -o-transition: all .4s ease;

    transition: all .4s ease;

}



a:hover {

    text-decoration: none;

    color: #3bb2b9;

}



.pad0 {

    padding: 0;

}



strong {

    font-weight: 600 !important;

}



.coming-soon {

    position: relative;

    font-size: 18px;

    z-index: 0;

    width: 100%;

}



.coming-soon::before {

    content: "coming soon . . .";

    left: 0px;

    position: absolute;

    top: 0px;

    font-size: 55px;

    font-weight: 900;

    color: #f0f0f0;

    z-index: -1;

}



/* Carousel Animation delays */

.carousel-inner>.carousel-item>img,
.carousel-inner>.carousel-item>a>img {

    min-width: 100%;

    max-width: 100%;

    height: auto;

}



.slider .carousel-inner {

    overflow: unset;

}



.slider {

    padding: 0;

    position: relative;

    width: 100%;

    z-index: 0;

    margin-top: -120px;

    background: #000;

}



#carousel-sub .carousel-item:before {

    display: none;

}



.slide1,
.slide2,
.slide3,
.slide4,
.slide5,
.slide6 {

    z-index: 1 !important;

}



.slide1 a:hover,
.slide2 a:hover,
.slide3 a:hover,
.slide4 a:hover,
.slide5 a:hover,
.slide6 a:hover {

    color: #fff;

}



.slide1 h3 {

    animation-delay: 1.5s;

    font-size: 72px;

    font-weight: 700;

    color: #fff;

    padding: 15px 15px 10px 15px;

    margin: 0;

    display: block;

    line-height: 78px;

    text-align: right;

    top: 95px;

    right: -102px;

    position: relative;

}



.slide1 h4 {

    animation-delay: 1.8s;

    font-size: 18px;

    font-weight: 400;

    color: #fff;

    padding: 10px 15px 25px 15px;

    margin: 0;

    display: block;

    line-height: 24px;

    text-align: right;

    position: relative;

    top: 100px;

    right: 110px;

}



.slide1 h4 span {

    display: block;

    font-size: 14px;

}



.slide2 h3 {

    animation-delay: 1.5s;

    font-size: 72px;

    font-weight: 700;

    color: #000;

    padding: 15px 15px 10px 15px;

    margin: 0;

    display: block;

    line-height: 78px;

    text-align: right;

    top: 95px;

    right: -102px;

    position: relative;

}



.slide2 h4 {

    animation-delay: 1.8s;

    font-size: 18px;

    font-weight: 400;

    color: #000;

    padding: 10px 15px 25px 15px;

    margin: 0;

    display: block;

    line-height: 24px;

    text-align: right;

    position: relative;

    top: 100px;

    right: 110px;

}



.slide2 h4 span {

    display: block;

    font-size: 14px;

}



.slide3 h3 {

    animation-delay: 1.5s;

    font-size: 72px;

    font-weight: 700;

    color: #fff;

    padding: 15px 15px 10px 15px;

    margin: 0;

    display: block;

    line-height: 78px;

    text-align: right;

    top: 95px;

    right: -102px;

    position: relative;

}



.slide3 h4 {

    animation-delay: 1.8s;

    font-size: 18px;

    font-weight: 400;

    color: #fff;

    padding: 10px 15px 25px 15px;

    margin: 0;

    display: block;

    line-height: 24px;

    text-align: right;

    position: relative;

    top: 100px;

    right: 110px;

}



.slide3 h4 span {

    display: block;

    font-size: 14px;

}



.slide4 h3 {

    animation-delay: 0.5s;

    font-size: 41px;

    font-weight: 400;

    color: #fff;

    padding: 15px 0px 10px 15px;

    margin: 0;

    display: block;

    line-height: 43px;

    text-transform: uppercase;

    text-align: right;

}



.slide4 h4 {

    animation-delay: 1.0s;

    font-size: 76px;

    font-weight: 400;

    color: #df5624;

    padding: 10px 0px 25px 15px;

    margin: 0;

    display: block;

    text-transform: uppercase;

    line-height: 26px;

    text-align: right;

}



.slide4 h5 {

    animation-delay: 1.5s;

    font-size: 30px;

    text-align: right;

}



.slide4 h5 small {

    display: block;

}



.slide4 a {

    animation-delay: 2.0s;

    text-align: right;

}



.slide5 h3 {

    animation-delay: 1.5s;

    font-size: 41px;

    font-weight: 400;

    color: #fff;

    padding: 15px 15px 10px 15px;

    margin: 0;

    display: block;

    line-height: 43px;

    text-transform: uppercase;

    text-align: right;

}



.slide5 h4 {

    animation-delay: 1.8s;

    font-size: 76px;

    font-weight: 400;

    color: #df5624;

    padding: 10px 15px 25px 15px;

    margin: 0;

    display: block;

    text-transform: uppercase;

    line-height: 26px;

    text-align: right;

}



.slide6 h3 {

    animation-delay: 1.5s;

    font-size: 41px;

    font-weight: 400;

    color: #fff;

    padding: 15px 15px 10px 15px;

    margin: 0;

    display: block;

    line-height: 43px;

    text-transform: uppercase;

    text-align: right;

}



.slide6 h4 {

    animation-delay: 1.8s;

    font-size: 76px;

    font-weight: 400;

    color: #df5624;

    padding: 10px 15px 25px 15px;

    margin: 0;

    display: block;

    text-transform: uppercase;

    line-height: 26px;

    text-align: right;

}



.slide1 .carousel-caption {

    left: 38%;

    right: 0;

    top: 20%;

    bottom: 5%;

    padding: 10px 0px 20px 20px !important;

    width: 65%;

    text-align: right !important;

    animation-delay: 1s;

}



.slide2 .carousel-caption {

    left: 38%;

    right: 0;

    top: 20%;

    bottom: 5%;

    padding: 10px 0px 20px 20px !important;

    width: 65%;

    text-align: right !important;

    animation-delay: 1s;

}



.slide3 .carousel-caption {

    left: 38%;

    right: 0;

    top: 20%;

    bottom: 5%;

    padding: 10px 0px 20px 20px !important;

    width: 65%;

    text-align: right !important;

    animation-delay: 1s;

}



.slide4 .carousel-caption {

    left: 45%;

    right: 0;

    top: 25%;

    bottom: 5%;

    padding: 10px 0px 20px 20px !important;

    width: 42%;

    text-align: right !important;

    background: rgba(0, 0, 0, 0);

    text-shadow: 0 1px 2px rgba(0, 0, 0, .1);

}



.slide5 .carousel-caption {

    left: 45%;

    right: 0;

    top: 25%;

    bottom: 5%;

    padding: 10px 0px 20px 20px !important;

    width: 42%;

    text-align: right !important;

    background: rgba(0, 0, 0, 0);

    text-shadow: 0 1px 2px rgba(0, 0, 0, .1);

}



.slide6 .carousel-caption {

    left: 45%;

    right: 0;

    top: 25%;

    bottom: 5%;

    padding: 10px 0px 20px 20px !important;

    width: 42%;

    text-align: center !important;

    background: rgba(0, 0, 0, 0);

    text-shadow: 0 1px 2px rgba(0, 0, 0, .1);

}



.slider .carousel-control-prev {

    top: unset;

    bottom: 100px;

    left: 150px;

    border-radius: 50px;

    border: 2px solid #25868c;

    width: auto;

}



.slider .carousel-control-prev .carousel-control-prev-icon {

    background: url("../img/banner-arrow-left.png") no-repeat;

    background-position: center;

    width: 45px;

    height: 45px;

}



.slider .carousel-control-next {

    top: unset;

    bottom: 100px;

    left: 210px;

    right: unset;

    border-radius: 50px;

    border: 2px solid #25868c;

    width: auto;

}



.slider .carousel-control-next .carousel-control-next-icon {

    background: url("../img/banner-arrow-right.png") no-repeat;

    background-position: center;

    width: 45px;

    height: 45px;

}



/* @media all and (max-width : 768px) {  */

@media(min-width: 320px) and (max-width:1080px) {

    .slide1 .carousel-caption,
    .slide2 .carousel-caption,
    .slide3 .carousel-caption,
    .slide4 .carousel-caption,
    .slide5 .carousel-caption,
    .slide6 .carousel-caption {

        width: 100% !important;

        left: 0;

        right: 0;

        bottom: 0;

        background: none;

        display: none;

    }



    .slide1 h3,
    .slide2 h3,
    .slide3 h3,
    .slide4 h3,
    .slide5 h3,
    .slide6 h3 {

        font-size: 22px;

        margin-bottom: 0;

    }



    .slide1 h4,
    .slide2 h4,
    .slide3 h4,
    .slide4 h4,
    .slide5 h4,
    .slide6 h4 {

        font-size: 16px;

        margin-top: 5px;

    }

}



.slider .carousel-indicators li {

    display: inline-block !important;

    border-radius: 0;

    border: 0px solid #117078;

    width: 40px;

    height: 4px;

    background-color: #df5624 !important;

    opacity: 1;

}



.slider .carousel-indicators {

    right: 0;

    left: unset;

    bottom: 1%;

    display: inline-block !important;

    margin-left: 0;

}



.slider .carousel-indicators .active {

    background: #fff !important;

    border: 0px solid #2e3192;

}



.btn-one,
.btn-two,
.btn-three {

    position: relative;

    z-index: 0;

    margin-top: 20px;

    padding: 10px 35px 10px 35px;

    line-height: 1;

    font-size: 16px;

    font-weight: 500;

    display: inline-block;

    border-radius: 0px;

}



.btn-one::before,
.btn-two::before,
.btn-three::before {

    content: "\e8e4";

    font-family: 'Material Icons';

    font-size: 26px;

    line-height: 36px;

    left: 0px;

    position: absolute;

    top: 0;

    font-weight: 900;

    transition: all .4s ease-in;

}



.btn-one {

    color: #25868c;

}



.btn-one::before {

    color: #25868c;

}



.btn-one:hover {

    color: #000;

}



.btn-one:hover:before {

    left: unset;

    right: 80px;

    transform: translate(80px, 0);

}



.btn-two {

    color: #fff;

}



.btn-two::before {

    color: #fff;

}



.btn-two:hover {

    color: #000;

}



.btn-two:hover:before {

    left: unset;

    right: 80px;

    transform: translate(80px, 0);

}



.btn-three {

    color: #df5624;

}



.btn-three::before {

    color: #df5624;

}



.btn-three:hover {

    color: #000;

}



.btn-three:hover:before {

    left: unset;

    right: 80px;

    transform: translate(80px, 0);

}



.view-more-yellow {

    position: relative;

    color: #df5624;

    padding-left: 45px;

    font-size: 18px;

    font-weight: 300;

    margin-top: 10px;

    display: inline-block;

}



.view-more-yellow::before {

    content: "\f30b";

    font-family: 'Font Awesome 5 Free';

    font-size: 34px;

    line-height: 24px;

    left: 0px;

    position: absolute;

    top: 0;

    font-weight: 900;

    color: #df5624;

}



.view-more-yellow:hover {

    color: #fff;

}



.view-more-yellow:hover::before {

    left: 10px;

}



/* Divider Line */

hr {

    background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);

    background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent);

    border: 0;

    height: 1px;

    margin: 22px 0 22px 0;

}



hr.short {

    margin: 11px 0 11px 0;

}



hr.tall {

    margin: 44px 0 44px 0;

}



hr.taller {

    margin: 66px 0 66px 0;

}



hr.light {

    background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent);

    background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), transparent);

}



hr.invisible {

    background: none;

}



/* Divider Line */

.text-casenone {

    text-transform: none !important;

}



ul.list {

    margin: 0;

    padding: 0 0 0 20px;

    list-style: none;

    text-align: left;

}



ul.list li {

    position: relative;

    padding-left: 15px;

    padding-bottom: 10px;

}



ul.list li a {

    color: #565950;

}



ul.list li a:hover {

    color: #df5624;

}



ul.list li::before {

    content: "\f101";

    font-family: 'Font Awesome 5 Free';

    left: -7px;

    position: absolute;

    top: 0;

    font-weight: 900;

    color: #df5624;

}



ul.list li.head {

    font-weight: 700;

    padding-left: 0;

}



ul.list li.head::before {

    display: none;

}



ol.ol-list {

    margin: 0;

    padding: 0 0 0 20px;

    text-align: left;

}



ol.ol-list li {

    position: relative;

    text-align: justify;

    padding-bottom: 10px;

}



ol.ol-list li a {

    color: #565950;

}



ol.ol-list li a:hover {

    color: #df5624;

}



.head-main {

    font-size: 30px;

    font-weight: 600;

    border-bottom: dashed 2px #df5624;

    display: block;

    width: 100%;

    padding: 0 50px 10px 0;

    margin-bottom: 15px;

}



.head-one {

    font-weight: 600;

    font-size: 18px;

    padding: 10px;

    margin-bottom: 10px;

    background: #565950;

    color: #fff;

    width: 100%;

}



.head-two {

    font-weight: 700;

    font-size: 18px;

    padding-bottom: 5px;

    margin-bottom: 15px;

    border-bottom: 1px solid #565950;

    width: 100%;

    line-height: 25px;

}



.head-three {

    font-weight: 600;

    font-size: 18px;

    padding: 10px;

    margin-bottom: 10px;

    background: #df5624;

    color: #fff;

    width: 100%;

}



.head-four {

    font-weight: 600;

    font-size: 18px;

    padding-bottom: 5px;

    margin-bottom: 15px;

    border-bottom: 1px solid #df5624;

    color: #565950;

    width: 100%;

}



.bg-color-one {

    background: #f4f4f4;

    padding: 30px 30px 30px 30px;

}



.color-1 {

    color: #df5624;

}



.ModalloadPopup .modal-header {

    border-bottom: 0;

}



.ModalloadPopup .modal-body {

    padding: 0;

}



.ModalloadPopup .modal-body img {

    display: block;

    margin: 0 auto;

}



.ModalloadPopup .modal-content {

    background: none;

    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0);

    box-shadow: 0 3px 9px rgba(0, 0, 0, 0);

    border: none;

}



.ModalloadPopup .modal-header .close {

    color: #fff;

    opacity: 1 !important;

}



.back-to-top {

    position: fixed;

    z-index: 1000;

    bottom: 8em;

    right: 15px;

    text-decoration: none;

    color: rgba(0, 0, 0, 0.5);

    border-radius: 100px;

    background: rgba(255, 255, 255, 0.3);

    font-size: 22px;

    padding: 8px 10px;

    display: none;

    width: 50px;

    height: 50px;

    text-align: center;

    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.46);

    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.46);

    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.46);

}



.back-to-top:hover {

    background: rgba(0, 0, 0, 1);

    color: #fff !important;

    text-decoration: none !important;

    -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.46);

    -moz-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.46);

    box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.46);

}



.home-welcome-bg {

    position: relative;

    z-index: 0;

}



.home-welcome-bg::before {

    content: "";

    position: absolute;

    right: 27%;

    bottom: 200px;

    z-index: 1;

    background: url("../img/ellipse-1.png") no-repeat;

    width: 164px;

    height: 87px;

}



.home-welcome-bg .home-welcome-text-box {

    padding: 50px 100px 100px 150px;

}



.home-welcome-bg .home-welcome-text-box h1 {

    color: #df5624;

    font-size: 38px;

    margin-bottom: 25px;

}



.home-welcome-bg .home-welcome-text-box h1 small {

    display: block;

    position: relative;

    z-index: 0;

    font-family: 'Ubuntu', sans-serif;

    font-weight: 500;

}



.home-welcome-bg .home-welcome-text-box h1 small::before {

    content: "";

    position: absolute;

    left: 175px;

    bottom: 8px;

    z-index: 1;

    background: #2c6c6b;

    width: 100px;

    height: 2px;

}



.home-welcome-bg .home-welcome-text-box h1 small::after {

    content: "";

    position: absolute;

    left: 280px;

    bottom: 8px;

    z-index: 1;

    background: #df5624;

    width: 50px;

    height: 2px;

}



.home-case-studies-bg {

    padding: 40px 0 0;

    position: relative;

    z-index: 0;

}



.home-case-studies-bg::before {

    content: "";

    position: absolute;

    left: 0px;

    bottom: 0px;

    z-index: 1;

    background: #2c6c6b;

    width: 50%;

    height: 300px;

}



.home-case-studies-bg .home-case-studies-head {

    position: absolute;

    bottom: 100px;

    right: 90px;

    color: #c6c6c6;

    font-weight: 700;

    font-size: 60px;

}



.home-case-studies-bg .home-case-studies-head span {

    display: block;

    position: relative;

    z-index: 0;

}



.home-case-studies-bg .home-case-studies-head span::before {

    content: "";

    position: absolute;

    right: -20px;

    bottom: 15px;

    z-index: 1;

    background: #2c6c6b;

    width: 100px;

    height: 2px;

}



.home-case-studies-bg .home-case-studies-head span::after {

    content: "";

    position: absolute;

    right: -65px;

    bottom: 15px;

    z-index: 1;

    background: #df5624;

    width: 40px;

    height: 2px;

}



.home-case-studies {

    margin-top: -15%;

}



.home-case-studies-box {

    position: relative;

    z-index: 0;

}



.home-case-studies-box .home-case-studies-content-box {

    position: absolute;

    bottom: 0;

    right: 0;

    width: 50%;

    min-height: 50%;

    background: #df5624;

    color: #fff;

    padding: 30px;

    z-index: 1;

    text-align: right;

}



.home-case-studies-box .home-case-studies-content-box h3 {

    text-align: left;

    font-family: 'Ubuntu', sans-serif;

    font-weight: 300;

    font-size: 22px;

}



.home-case-studies-box .home-case-studies-content-box h2 {

    text-align: left;

    font-family: 'Ubuntu', sans-serif;

    font-size: 28px;

    margin-bottom: 30px;

}



.home-why-cgmp-bg .home-why-cgmp-image {

    padding-top: 50px;

}



.home-why-cgmp-bg .home-why-cgmp-content {

    position: relative;

    padding: 100px 150px 60px 10px;

}



.home-why-cgmp-bg .home-why-cgmp-content::before {

    content: "";

    position: absolute;

    right: 100px;

    top: 50px;

    z-index: 1;

    background: url("../img/ellipse-2.png") no-repeat;

    width: 87px;

    height: 87px;

}



.home-why-cgmp-bg .home-why-cgmp-content .home-why-cgmp-head {

    position: relative;

    bottom: 0px;

    left: 0px;

    color: #1f4746;

    font-weight: 500;

    font-size: 36px;

    margin-bottom: 30px;

}



.home-why-cgmp-bg .home-why-cgmp-content .home-why-cgmp-head span {

    display: block;

    position: relative;

    z-index: 0;

    font-weight: 700;

}



.home-why-cgmp-bg .home-why-cgmp-content .home-why-cgmp-head span::before {

    content: "";

    position: absolute;

    left: 90px;

    bottom: 8px;

    z-index: 1;

    background: #2c6c6b;

    width: 100px;

    height: 2px;

}



.home-why-cgmp-bg .home-why-cgmp-content .home-why-cgmp-head span::after {

    content: "";

    position: absolute;

    left: 195px;

    bottom: 8px;

    z-index: 1;

    background: #df5624;

    width: 50px;

    height: 2px;

}



.home-why-cgmp-bg .home-why-cgmp-content ul {

    margin-top: 40px;

}



.home-why-cgmp-bg .home-why-cgmp-content ul li {

    padding-bottom: 10px;

}



.home-testimony-bg {

    padding: 40px 0 0;

    position: relative;

    z-index: 0;

}



.home-testimony-bg::before {

    content: "";

    position: absolute;

    left: 0px;

    bottom: 0px;

    z-index: -1;

    background: #2c6c6b;

    width: 100%;

    height: 150px;

}



.home-testimony-bg .home-testimony-box {

    background: #3bb2b9;

    color: #fff;

    padding: 100px 180px;

    position: relative;

    z-index: 0;

}



.home-testimony-bg .home-testimony-box::before {

    content: "";

    position: absolute;

    left: 100px;

    top: -55px;

    z-index: -1;

    background: url("../img/quote-1.png") no-repeat;

    width: 166px;

    height: 137px;

}



.home-testimony-bg .home-testimony-box::after {

    content: "";

    position: absolute;

    right: 100px;

    bottom: -55px;

    z-index: -1;

    background: url("../img/quote-2.png") no-repeat;

    width: 166px;

    height: 137px;

}



.home-testimony-box-in {

    position: relative;

}



.home-testimony-box-in h3 {

    text-align: right;

    margin: 0;

    font-size: 20px;

}



.home-testimony-box-in h3 small {

    display: block;

}



.home-support-bg {

    padding: 40px 0 0;

    background: #2c6c6b;

    color: #fff;

}



.home-support-bg .home-support-content {

    padding: 80px 0 40px;

}



.home-support-bg .home-support-content .home-support-content-head {

    position: relative;

    bottom: 0px;

    left: 0px;

    color: #fff;

    font-weight: 500;

    font-size: 36px;

    margin-bottom: 30px;

    line-height: 48px;

}



.home-support-bg .home-support-content .home-support-content-head span {

    display: block;

    position: relative;

    z-index: 0;

    font-weight: 700;

}



.home-support-bg .home-support-content .home-support-content-head span::before {

    content: "";

    position: absolute;

    left: 150px;

    bottom: 8px;

    z-index: 1;

    background: #3bb2b9;

    width: 100px;

    height: 2px;

}



.home-support-bg .home-support-content .home-support-content-head span::after {

    content: "";

    position: absolute;

    left: 256px;

    bottom: 8px;

    z-index: 1;

    background: #df5624;

    width: 50px;

    height: 2px;

}



.image-name {

    position: absolute;

    /* bottom: 10px; */

    left: 0;

    width: 100%;

    color: #fff;

    text-align: center;

    z-index: 1;

    font-size: 60px;

    font-weight: 600;

    top: 200px;

}



.home-counter {

    position: absolute;

    /* bottom: 10px; */

    left: 0;

    width: 100%;

    color: #fff;

    text-align: center;

    z-index: 1;

    font-size: 60px;

    font-weight: 600;

    top: 127px;

}



.footer {

    background-color: #1f4746;

    color: #fff;

    z-index: 0;

    padding: 60px 0 0px;

}



.footer a {

    color: #fff;

}



.footer a:hover {

    color: #3bb2b9
}



.footer .copy {

    position: relative;

    padding: 60px 0 40px 0;

}



.footer .copy .copy-left {

    text-align: left;

    display: inline-block;

}



.footer .copy .copy-right {

    text-align: right;

    display: inline-block;

}



.footer .copy .copy-right a {

    color: #fff;

}



.footer .copy .copy-right a:hover {

    color: #3bb2b9;

}



.footer .copy a:hover {

    color: #3bb2b9;

}



.footer-text {

    position: relative;

    z-index: 0;

}



ul.footer-list {

    margin: 0;

    padding: 0 0 0 20px;

    list-style: none;

    text-align: left;

}



ul.footer-list li {

    position: relative;

    padding-bottom: 10px;

}



ul.footer-list li a {

    color: #fff;

    padding-left: 3px;

}



ul.footer-list li a:hover {

    color: #3bb2b9;

    padding-left: 6px;

}



ul.footer-list li::before {

    content: "\f101";

    font-family: 'Font Awesome 5 Free';

    left: -7px;

    position: absolute;

    top: 0;

    font-weight: 900;

    color: #f4f4f4;

}



ul.footer-list li {

    padding-left: 10px;

}



.footer-logo-sec {

    text-align: center;

}



.footer-logo-sec img {

    margin: -50px auto 0 auto;

    width: 12%;

}



.footer-logo-sec h2 {

    margin: 0 auto;

    color: #686868;

    font-size: 46px;

    margin: 10px 0 60px 0;

    font-weight: 600;

}



/* menu social icons */

ul.menu-social-network {

    list-style: none;

    margin-left: 0 !important;

    padding: 0;

    position: relative;

    top: 20px;

    z-index: 0;

}



ul.menu-social-network:after {

    background: #000;

    content: "";

    right: 0;

    top: -90px;

    position: absolute;

    width: 2px;

    height: 80%;

    z-index: -1;

}



ul.menu-social-network li {

    display: inline-block;

    margin: 5px 5px;

}



.menu-social-network a.icoRss:hover {

    background-color: #F56505;

}



.menu-social-network a.icoFacebook:hover {

    background-color: #3B5998;

}



.menu-social-network a.icoTwitter:hover {

    background-color: #33ccff;

}



.menu-social-network a.icoGoogle:hover {

    background-color: #BD3518;

}



.menu-social-network a.icoVimeo:hover {

    background-color: #0590B8;

}



.menu-social-network a.icoLinkedin:hover {

    background-color: #007bb7;

}



.menu-social-network a.icoYoutube:hover {

    background-color: #cc0000;

}



.menu-social-network a.icoInstagram:hover {

    background-color: #c8008b;

}



.menu-social-network a.icoRss:hover i,
.menu-social-network a.icoFacebook:hover i,
.menu-social-network a.icoTwitter:hover i,
.menu-social-network a.icoGoogle:hover i,
.menu-social-network a.icoVimeo:hover i,
.menu-social-network a.icoLinkedin:hover i,
.menu-social-network a.icoYoutube:hover i,
.menu-social-network a.icoInstagram:hover i {

    color: #fff;

}



a.socialIcon:hover,
.socialHoverClass {

    color: #44BCDD;

}



.menu-social-circle li a {

    display: inline-block;

    position: relative;

    margin: 0 auto 0 auto;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    text-align: center;

    width: 40px;

    height: 40px;

    font-size: 16px;

    color: #fff;

}



.menu-social-circle li i {

    margin: 0;

    line-height: 40px;

    text-align: center;

}



.menu-social-circle li a:hover i,
.triggeredHover {

    -moz-transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    -ms--transform: rotate(360deg);

    transform: rotate(360deg);

    -webkit-transition: all 0.2s;

    -moz-transition: all 0.2s;

    -o-transition: all 0.2s;

    -ms-transition: all 0.2s;

    transition: all 0.2s;

}



.menu-social-circle i {

    color: #fff;

    -webkit-transition: all 0.8s;

    -moz-transition: all 0.8s;

    -o-transition: all 0.8s;

    -ms-transition: all 0.8s;

    transition: all 0.8s;

}



.sign-up-bg {

    position: relative;

    z-index: 0;

    padding: 120px 0;

}



.sign-up-bg::before {

    content: "";

    position: absolute;

    left: 0px;

    top: 0px;

    z-index: -1;

    background: #f0f0f0;

    width: 100%;

    height: 70%;

}



.sign-up-box {

    padding: 100px;

    background: #fff;

}



.sign-up-form-box h1 {

    color: #25868c;

    font-size: 48px;

    margin-bottom: 30px;

}



.sign-up-form-box label {

    color: #000;

    font-weight: 400;

}



.sign-up-form-box select {

    padding-left: 2px !important;

}



.sign-up-form-box .leftP {

    padding-left: 2px;

}



.sign-up-form-box input,
.sign-up-form-box textarea,
.sign-up-form-box select {

    padding-left: 35px;

    border-color: transparent;

    background-color: #fff;

    border-radius: 0px;

    border-bottom: 1px solid #d5d5d5;

    font-size: 14px;

    margin-bottom: 25px;

}



.sign-up-form-box input[type="file"] {

    padding-left: 0;

}



.sign-up-form-box .btn-default {

    margin-top: 10px;

    margin-bottom: 30px;

    padding: 8px 30px;

    background-color: #25868c;

    border-radius: 0px;

    border: 0px;

    color: #fff;

}



.sign-up-form-box .btn-default:hover,
.sign-up-form-box .btn-default:focus {

    background-color: #000;

    color: #F1F1F1;

    border-color: transparent;

    outline: 0px auto -webkit-focus-ring-color;

}



.sign-up-form-box .icon {

    position: relative;

    float: left;

    margin-left: 8px;

    margin-top: -50px;

    font-size: 14px;

    z-index: 2;

    color: #25868c;

}



.sign-up-form-box .icon-textarea {

    float: left;

    margin-left: 8px;

    margin-top: -104px;

    position: relative;

    z-index: 2;

    color: #222222;

}



.sign-up-form-box input:focus,
.sign-up-form-box textarea:focus,
.sign-up-form-box select:focus {

    border-left: none !important;

    border-top: none !important;

    border-right: none !important;

    border-bottom: 1px solid #a5a5a5 !important;

    box-shadow: none;

}



.sign-up-image-box {

    text-align: right;

    padding-top: 60px;

    position: relative;

    z-index: 0;

}



.sign-up-image-box::before {

    content: "";

    position: absolute;

    right: 300px;

    top: -150px;

    z-index: 1;

    background: url("../img/ellipse-3.png") no-repeat;

    width: 100px;

    height: 122px;

}



.sign-up-image-box img {

    margin: 0 auto;

    display: block;

}



.sign-up-image-box a {

    color: #df5624;

    width: 100%;

    text-align: right;

}



.login-image-box {

    text-align: right;

    padding-top: 60px;

    position: relative;

    z-index: 0;

}



.login-image-box::before {

    content: "";

    position: absolute;

    right: 300px;

    top: -150px;

    z-index: 1;

    background: url("../img/ellipse-4.png") no-repeat;

    width: 106px;

    height: 119px;

}



.login-image-box img {

    margin: 0 auto;

    display: block;

}



.login-image-box a {

    color: #df5624;

    width: 100%;

    text-align: right;

}



.login-form-box form {

    padding-top: 100px;

}



.products-bg {

    position: relative;

    z-index: 0;

    padding: 120px 0 80px;

    background: #2c6c6b;

}



.products-bg::before {

    content: "";

    position: absolute;

    left: 0px;

    top: 0px;

    z-index: -1;

    background: #f0f0f0;

    width: 100%;

    height: 80%;

}



.products-bg-box {

    padding: 40px;

    background: #fff;

    position: relative;

    z-index: 0;

}



.products-bg-box::before {

    content: "";

    position: absolute;

    left: 0px;

    top: 0px;

    z-index: -1;

    background: url("../img/product-page-bg.jpg") repeat;

    background-size: cover;

    width: 400px;

    height: 100%;

}



.products-bg .products-bg-box h1 {

    color: #df5624;

    font-size: 32px;

    margin-bottom: 25px;

    text-align: right;

    position: relative;

    z-index: 0;

}



.products-bg .products-bg-box h1 small {

    display: block;

    position: relative;

    font-family: 'Ubuntu', sans-serif;

    font-weight: 500;

}



.products-bg .products-bg-box h1 small::before {

    content: "";

    position: absolute;

    right: 150px;

    bottom: 5px;

    z-index: 1;

    background: #2c6c6b;

    width: 100px;

    height: 2px;

}



.products-bg .products-bg-box h1 small::after {

    content: "";

    position: absolute;

    right: 255px;

    bottom: 5px;

    z-index: 1;

    background: #df5624;

    width: 30px;

    height: 2px;

}



.product-box {

    margin: 15px 0;

}



.product-box a {

    display: block;

    background: #fff;

    color: #2c6c6b;

    padding: 20px;

    text-align: center;

}



.product-box a img {

    margin: 0 auto;

    display: block;

    width: 60%;

}



.product-box a h2 {

    text-transform: uppercase;

    font-size: 18px;

    font-family: 'Ubuntu', sans-serif;

    margin-bottom: 0;

    margin-top: 20px;

}



.product-box a:hover {

    color: #df5624;

}



.products-details-bg {

    position: relative;

    z-index: 0;

    padding: 120px 100px 80px 100px;

    background: #fff;

}



.products-details-bg::before {

    content: "";

    position: absolute;

    left: 0px;

    top: 0px;

    z-index: -1;

    background: #f0f0f0;

    width: 100%;

    height: 100%;

}



.products-details-bg h1 {

    color: #df5624;

    margin-bottom: 30px;

    font-size: 36px;

    position: relative;

    z-index: 0;

}



.products-details-bg h1::before {

    content: "";

    position: absolute;

    right: -115px;

    bottom: 10px;

    z-index: 1;

    background: #2c6c6b;

    width: 100px;

    height: 2px;

}



.products-details-bg h1::after {

    content: "";

    position: absolute;

    right: -160px;

    bottom: 10px;

    z-index: 1;

    background: #df5624;

    width: 40px;

    height: 2px;

}



.products-details-bg-box {

    background: #fff;

    position: relative;

    z-index: 0;

    width: 100%;

    padding: 0 !important;

    margin: 0;

    border: 0px !important;

}



.products-details-bg-box .products-details-box-image {

    position: relative;

    z-index: 0;

}



.products-details-bg-box .products-details-box-image::before {

    content: "";

    position: absolute;

    right: 0px;

    top: 0px;

    z-index: 1;

    background: #2c6c6b;

    width: 1px;

    height: 100%;

}



.products-details-bg-box .products-details-box-image h4 {

    font-size: 14px;

    text-align: center;

    font-family: 'Ubuntu', sans-serif;

    margin: 10px 0 20px;

    padding: 0 10px;

    color: #df5624;

}



.products-details-bg-box .products-details-box-content {

    padding: 40px;

    color: #2c6c6b;

}



.products-details-bg-box .products-details-box-content h2 {

    color: #df5624;

    font-size: 30px;

    margin-bottom: 20px;

}



.products-details-bg-box .products-details-box-content h2 small {

    display: block;

    font-size: 22px;

}



.products-tab {

    width: 15%;

    display: block;

    border: 0 !important;

    float: right;

    position: relative;

    top: 0px;

    right: 0px;

}



.products-tab-scroll {

    overflow-y: scroll;

    height: 635px;

}



.products-tab-scroll::-webkit-scrollbar-track {

    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

    background-color: #fff;

}



.products-tab-scroll::-webkit-scrollbar {

    width: 6px;

    background-color: #b7b7b7;

}



.products-tab-scroll::-webkit-scrollbar-thumb {

    background-color: #b7b7b7;

}



.products-tab li {

    display: block !important;

    width: 100%;

    margin-bottom: 10px !important;

}



.products-tab li a {

    background: transparent !important;

    color: #565950;

    width: 100%;

    text-align: center;

    padding: 0px 0px !important;

    font-size: 18px;

    font-weight: 500;

    vertical-align: middle;

    margin: 0 !important;

}



.products-tab li a img {

    border-radius: 10px;

}



.products-tab .r-tabs-state-active .r-tabs-anchor {

    border: 0 !important;

}



.products-tab .r-tabs-state-active:hover .r-tabs-anchor:hover {

    color: #fff !important;

}



.products-tab .r-tabs-state-active {

    border: 0 !important;

    background: transparent !important;

}



.products-tab li:hover .r-tabs-anchor {

    color: #2c6c6b !important;

}



.products-tab li:before,
.products-tab li:after {

    opacity: 0;

    transition: 0.3s ease;

}



.products-tab li.r-tabs-state-active:before,
.products-tab li.r-tabs-state-active:after {

    opacity: 1;

}



.products-tab li:hover:before,
.products-tab li:focus:before,
.products-tab li:hover:after,
.products-tab li:focus:after {

    opacity: 1;

}



.products-tab li:before,
.products-tab li.r-tabs-state-active:hover:before,
.products-tab li.r-tabs-state-active:focus:before {

    content: "\f0d9";

    font-family: 'Font Awesome 5 Free';

    font-size: 62px;

    position: absolute;

    top: 15px;

    left: 2px;

    font-weight: 900;

    color: #b7b7b7;

    z-index: 0;

}



#products-tab-accordion.accordion {

    width: 100%;

}



#products-tab-accordion.accordion .card-header:after {

    content: "\f068";

    font-family: 'Font Awesome 5 Free';

    font-weight: 900;

    position: absolute;

    left: 1%;

    top: 25%;

    color: #1f4746;

    border: 2px solid #1f4746;

    width: 30px;

    height: 30px;

    border-radius: 100%;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

}



#products-tab-accordion.accordion .card-header.collapsed:after {

    content: "\f067";

}



#products-tab-accordion.accordion>.card {

    border-radius: 0;

    border: 0;

    background: transparent;

}



#products-tab-accordion.accordion>.card .card-header {

    padding: 0;

    margin: 0 0 20px 0;

    line-height: 0;

    position: relative;

    border: 0;

}



#products-tab-accordion.accordion>.card .card-header .card-title {

    display: block;

    padding: 15px 10px 15px 50px;

    margin: 0;

    cursor: pointer;

    background: #fff;

    color: #1f4746;

    font-size: 17px;

    font-weight: 500;

    border-bottom: 0px solid #f4f4f4;

    line-height: 28px;

}



#products-tab-accordion.accordion>.card .card-header .card-title:hover {

    color: #1f4746;

}



#products-tab-accordion.accordion>.card .card-body {

    border-top: 0px solid #d5d5d5;

    border-bottom: 0px solid #d5d5d5;

    margin-bottom: 20px;

    margin-top: -15px;

    background: #fff;

    padding: 0;

}



.quotes-box {

    display: block;

    position: relative;

    background: #f5f5f5;

    padding: 0px 30px 30px 30px;

    margin: 70px 30px 30px 30px;

    border-radius: 20px;

    border: 2px solid #df5624;

}



.quotes-box .quotes-box-pai-image {

    position: relative;

    z-index: 0;

}



.quotes-box .quotes-box-pai-image .pai {

    margin: -40px auto 0 auto;

    display: block;

    width: 13%;

    border-radius: 100px;

    border: 5px solid #fff;

    box-shadow: 0 0rem 2rem rgba(0, 0, 0, .275) !important;

}



.quotes-box .quotes-box-pai-image .mahe-quote-logo {

    position: absolute;

    top: 70px;

    left: 0;

}



.quotes-box .quotes-box-pai-image .mahe-quote-logo img {

    width: 75%;

}



.quotes-box .quotes-box-content {

    padding: 30px 140px 0 140px;

}



.quotes-box .quotes-box-content p {

    text-align: center;

    font-size: 20px;

    margin: 0;

    line-height: 34px;

    font-style: italic;

}



.quotes-box .quotes-box-content p .spanBefore {

    position: relative;

    left: -5px;

    top: -4px;

    color: #1f4746;

    font-size: 14px;

}



.quotes-box .quotes-box-content p .spanAfter {

    position: relative;

    right: -5px;

    top: -4px;

    color: #1f4746;

    font-size: 14px;

}



.quotes-box .quotes-box-content h3 {

    text-align: right;

    font-size: 22px;

    font-weight: 700;

    text-transform: uppercase;

    margin: 10px 0 0 0;

}



.about-bg {

    position: relative;

    z-index: 0;

    padding: 120px 0;

}



.about-bg::before {

    content: "";

    position: absolute;

    left: 0px;

    top: 0px;

    z-index: -1;

    background: #f0f0f0;

    width: 100%;

    height: 100%;

    /* height: 70%; */

}



.about-box {

    padding: 80px 100px;

    background: #fff;

}



.about-form-box h1 {

    color: #25868c;

    font-size: 48px;

    margin-bottom: 30px;

}



.development-team-box {

    margin: 15px 0;

}



.development-team-box a {

    display: block;

    text-align: center;

    background: #f5f5f5;

    padding: 25px 5px 0px 5px;

}



.development-team-box a img {

    margin: 0 auto 14px auto;

    display: block;

    padding: 5px;

    background: #fff;

    border: solid 1px #df5624;

}



.development-team-box a h2 {

    font-size: 14px;

    margin-bottom: 14px;

    font-family: 'Ubuntu', sans-serif;

}



.development-team-box a span {

    font-size: 12px;

    font-weight: 500;

    background: #df5624;

    padding: 4px;

    text-transform: uppercase;

    color: #fff;

    display: block;

    margin: 0 -5px 20px -5px;

}



.development-team-box a:hover h2 {

    color: #df5624;

}



.development-team-box a:hover span {

    background: #1f4746;

    color: #fff;

}



.development-team-box a:hover img {

    border: solid 1px #1f4746;

}



.development-modal .modal-lg .modal-content {

    position: relative;

    z-index: 0;

}



.development-modal .modal-lg .modal-content::before {

    content: "";

    position: absolute;

    left: 0px;

    top: 10px;

    z-index: 1;

    background: #2c6c6b;

    width: 200px;

    height: 6px;

}



.development-modal .modal-lg .modal-content::after {

    content: "";

    position: absolute;

    right: 0px;

    bottom: 10px;

    z-index: 1;

    background: #df5624;

    width: 200px;

    height: 6px;

}



.development-modal .modal-lg {

    max-width: 900px !important;

}



.development-modal .modal-lg .modal-content .modal-body {

    padding: 2rem;

}



.development-modal .modal-lg .modal-content .modal-body .modal-title {

    text-align: center;

    font-size: 15px;

    color: #df5624;

    font-weight: 500;

    font-family: 'Ubuntu', sans-serif;

    margin-bottom: 15px;

}



.development-modal .modal-lg .modal-content .modal-body img {

    margin: 0px auto 10px auto;

    display: block;

    padding: 5px;

    background: #fff;

    border: solid 1px #df5624;

}



.development-modal button {

    float: right;

}



.development-modal button.btn-three {

    border: 0;

    background: #fff;

}



.development-modal button.close {

    font-size: 36px;

    position: absolute;

    right: 15px;

    top: 5px;

}



.chancellor-name {

    font-size: 20px;

    font-weight: 600;

    text-align: right;

}



.chancellor-name small {

    display: block;

}



.sponsor-logo-bg {

    background: #f5f5f5;

}



.sponsor-logo {

    padding: 15px;

    background: #ededed;

}



.sponsor-logo img {

    height: auto;

}



.sponsor-image {

    padding: 15px;

}



.sponsor-image img {

    width: 75%;

    height: 139px;

    min-width: 100%;

}



.contact-us-address {

    background: #fff;

    padding: 30px;

    margin-top: 0px;

    min-height: 100%;

}



.contact-us-content {

    padding: 50px 15px 30px 15px;

}



.contact-us-address .C-address,
.contact-us-address .C-tel,
.contact-us-address .C-fax,
.contact-us-address .C-mail,
.contact-us-address .C-web {

    position: relative;

    z-index: 0;

    padding-left: 30px;

    padding-bottom: 20px;

    color: #565950;

    font-size: 16px;

}



.contact-us-address .C-address a,
.contact-us-address .C-tel a,
.contact-us-address .C-fax a,
.contact-us-address .C-mail a,
.contact-us-address .C-web a {

    color: #565950;

}



.contact-us-address .C-address::before {

    content: "\f3c5";

    font-family: 'Font Awesome 5 Free';

    left: 0px;

    position: absolute;

    top: 0;

    font-weight: 900;

    color: #2c6c6b;

    font-size: 18px;

}



.contact-us-address .C-tel::before {

    content: "\f879";

    font-family: 'Font Awesome 5 Free';

    left: 0px;

    position: absolute;

    top: 0;

    font-weight: 900;

    color: #2c6c6b;

    font-size: 18px;

}



.contact-us-address .C-fax::before {

    content: "\f1ac";

    font-family: 'Font Awesome 5 Free';

    left: 0px;

    position: absolute;

    top: 0;

    font-weight: 900;

    color: #2c6c6b;

    font-size: 18px;

}



.contact-us-address .C-mail::before {

    content: "\f658";

    font-family: 'Font Awesome 5 Free';

    left: 0px;

    position: absolute;

    top: 0;

    font-weight: 900;

    color: #2c6c6b;

    font-size: 18px;

}



.contact-us-address .C-web::before {

    content: "\f0ac";

    font-family: 'Font Awesome 5 Free';

    left: 0px;

    position: absolute;

    top: 0;

    font-weight: 900;

    color: #2c6c6b;

    font-size: 18px;

}



.contact-us-address h2,
.contact-mail-box h2 {

    font-size: 22px;

    margin-bottom: 20px;

    position: relative;

    z-index: 0;

}



.contact-us-address h2::before,
.contact-mail-box h2::before {

    content: "";

    position: absolute;

    left: 0px;

    bottom: -4px;

    z-index: 1;

    background: #2c6c6b;

    width: 80px;

    height: 2px;

}



.contact-us-address h2::after,
.contact-mail-box h2::after {

    content: "";

    position: absolute;

    left: 85px;

    bottom: -4px;

    z-index: 1;

    background: #df5624;

    width: 40px;

    height: 2px;

}



.contact-mail-box {

    background: #fff;

    padding: 30px 30px;

}



.contact-form2 {

    margin: 0 auto;

    max-width: 740px;

    overflow: hidden;

}



.contact-form2 form {

    clear: both;

    display: table;

    width: 100%;

}



.contact-form2 .col-lg-12 {

    padding: 0 0px;

    position: relative
}



.contact-form2 .col-lg-6 {

    padding: 0 20px;

    position: relative
}



.contact-form2 .parsley-errors-list {

    bottom: 3px;

    left: 22px;

    position: absolute
}



.contact-form2 select {

    width: 737px !important
}



.contact-form2 .form-control-1 {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    background-color: rgba(0, 0, 0, 0);

    background-image: none;

    border-color: -moz-use-text-color -moz-use-text-color #433b35;

    border-image: none;

    border-radius: 0;

    border-style: none none solid;

    border-width: medium medium 2px;

    box-shadow: none;

    color: #000;

    display: block;

    font-size: 16px;

    height: 44px;

    line-height: 1.42857;

    margin-bottom: 25px;

    padding: 6px 0;

    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

    width: 100%;

}



.contact-form2 .form-control-1:focus {

    border-color: #d71e1f;

    box-shadow: none;

    outline: none;

}



.contact-form2 .form-control-1::-moz-placeholder {

    color: #929292
}



.contact-form2 .form-control-1::-webkit-input-placeholder {

    color: #929292
}



.contact-form2 .btn-default {

    background-color: #2c6c6b;

    border-color: #2c6c6b;

    border-radius: 0;

    color: #ffffff;

    font-size: 20px;

    padding: 13px;

    width: 100%;

    margin-top: 10px;

    transition: all 0.3s linear 0s
}



.contact-form2 .btn-default:focus,
.contact-form2 .btn-default:hover {

    background-color: #000;

    border-color: #27201b;

    transition: all 0.3s linear 0s;

    color: #ffffff;

    outline: none
}



.login-step-bg {

    padding: 80px 0;

    background: #2c6c6b;

    color: #fff;

}



.login-step-bg .login-step-head {

    position: relative;

    bottom: 0px;

    left: 0px;

    color: #fff;

    font-weight: 500;

    font-size: 36px;

    margin-bottom: 40px;

    line-height: 48px;

}



.login-step-bg .login-step-head::before {

    content: "";

    position: absolute;

    left: 51%;

    bottom: 8px;

    z-index: 1;

    background: #3bb2b9;

    width: 100px;

    height: 2px;

}



.login-step-bg .login-step-head::after {

    content: "";

    position: absolute;

    left: 60%;

    bottom: 8px;

    z-index: 1;

    background: #df5624;

    width: 50px;

    height: 2px;

}



ul.login-step {

    margin: 0;

    padding: 0;

    list-style: none;

    width: 100%;

    display: inline-block;

}



ul.login-step li {

    float: left;

    width: 31%;

    margin-right: 2%;

}



ul.login-step li a {

    display: block;

    background: rgb(31 71 70 / 35%);

    border: 0px solid #1f4746;

    color: #fff;

    padding: 40px 20px;

    text-align: center;

}



ul.login-step li a h3 {

    font-size: 18px;

    text-transform: uppercase;

    margin-bottom: 20px;

}



ul.login-step li a i {

    font-size: 48px;

    margin-bottom: 20px;

    color: #3bb2b9;

}



ul.login-step li a h4 {

    font-size: 16px;

    margin: 0;

    font-family: 'Ubuntu', sans-serif;

}



ul.login-step li a:hover {

    background: rgb(31 71 70 / 100%);

}



.footer-link-bg {

    background: #df5624;

    position: relative;

    padding: 20px;

    width: 50%;

    margin: 0 auto;

    /* bottom: 10px; */

    top: 42px;

    border-radius: 20px;

}



.footer-link-bg h2 {

    padding: 20px;

    color: white;

}



.footer-link-bg .br {

    border-right: 1px solid rgb(255, 255, 255);

}



.home-study-box h3 {

    font-weight: 700;

    font-size: 40px;

    display: inline-block;

    color: white;

}



.home-study-box i {

    font-size: 30px;

    color: white;

}



.home-study-box h4 {

    font-weight: 400;

    font-size: 20px;

    color: white;

}



.home-study-bg h2 {

    font-weight: 300;

    font-size: 60px;

    text-transform: uppercase;

    margin: 0 20px 0 0;

    border-right: 1px solid #D9D9D9;

}



.case-audio {

    padding: 15px 0;

}



.error {

    color: #e72734;

    font-weight: bold;

}



.info-msg {

    color: GREEN;

    font-weight: bold;

}



.term-service {

    font-size: 13px;

    color: #222;

}



.agree-term {

    display: inline-block;

    width: auto;

}



.label-agree-term {

    position: relative;

    top: 0%;

    transform: translateY(0);

    -moz-transform: translateY(0);

    -webkit-transform: translateY(0);

    -o-transform: translateY(0);

    -ms-transform: translateY(0);

}



.text-dark-blue {

    color: #25868c;

}



.bg-dark-blue {

    background-color: #25868c;

    color: white;

    /* Change the text color to white */

}



.thankyou a {

    color: #df5624;

    font-weight: 600;

    font-size: 22px;

}



.thankyou1 {

    font-weight: 600;

    font-size: 22px;

}



.text-orange {

    color: white !important;
    transition: color 0.3s ease;

}

.text-orange:hover {
    color: #eec80a !important;
    /* darker shade for hover effect */
}

.text-black {

    color: black !important;
    transition: color 0.3s ease;

}

.text-black:hover {
    color: #25868c !important;
    /* darker shade for hover effect */
}

.about-box h1:nth-of-type(2) {

    padding-top: 50px;

}

.heading-phase h2 {
    color: white !important;
}

/* @media all and (max-width : 768px) { */

@media(min-width: 320px) and (max-width:1080px) {
    .heading-phase h2 {
        color: black !important;
    }

    .text-orange {

        color: black !important;
        transition: color 0.3s ease;

    }

    .text-orange:hover {
        color: #25868c !important;
        /* darker shade for hover effect */
    }


    p {

        font-size: 14px;

        line-height: 23px;

    }



    .hidden-xs {

        display: none;

    }



    footer {

        text-align: center;

    }



    .wow {

        visibility: visible !important;

        -webkit-animation: none !important;

        -moz-animation: none !important;

        -o-animation: none !important;

        -ms-animation: none !important;

        animation: none !important;

    }



    .back-to-top {

        bottom: 10px;

        right: 0;

        left: 0;

        margin: 0 auto;

    }



    .M-order-1 {

        order: 1;

        -webkit-order: 1;

    }



    .M-order-2 {

        order: 2;

        -webkit-order: 2;

    }



    .M-order-3 {

        order: 3;

        -webkit-order: 3;

    }



    .M-order-4 {

        order: 4;

        -webkit-order: 4;

    }



    .footer .copy {

        left: 0;

        bottom: 0;

    }



    .footer {

        padding-bottom: 0px;

        padding-top: 20px;

        text-align: center;

    }



    .footer p {

        text-align: center;

    }



    .footer .copy .copy-left,
    .footer .copy .copy-right {

        text-align: center;

    }



    .slider {

        margin-top: 0;

    }



    .head-main {

        font-size: 22px;

    }



    .home-welcome-bg .home-welcome-text-box {

        padding: 20px;

    }



    .home-welcome-bg .home-welcome-text-box h1 {

        font-size: 28px;

    }



    .home-case-studies-bg::before {

        display: none;

    }



    .home-case-studies {

        margin-top: 0;

    }



    .home-case-studies-box .home-case-studies-content-box {

        padding: 5px;

        width: 60%;

    }



    .home-case-studies-box .home-case-studies-content-box h2 {

        margin-bottom: 5px;

        font-size: 16px;

    }



    .home-case-studies-box .home-case-studies-content-box .btn-two {

        margin-top: 5px;

    }



    .home-case-studies-box .home-case-studies-content-box h3 {

        font-size: 18px;

    }



    .home-case-studies-bg {

        padding: 80px 0 0 0;

    }



    .home-case-studies-bg .home-case-studies-head {

        font-size: 34px;

        bottom: unset;

        top: 20px;

    }



    .home-case-studies-bg .home-case-studies-head span {

        display: inline-block;

    }



    .home-case-studies-bg .home-case-studies-head span::before,
    .home-case-studies-bg .home-case-studies-head span::after {

        bottom: 0;

    }



    .home-why-cgmp-bg .home-why-cgmp-content {

        padding: 15px;

    }



    .home-why-cgmp-bg .home-why-cgmp-content::before {

        top: 0;

        right: 10px;

    }



    .home-testimony-bg .home-testimony-box {

        padding: 100px 20px;

    }



    .home-support-bg .home-support-content {

        padding: 40px 20px;

    }



    .carousel-control-next,
    .carousel-control-prev,
    .products-bg-box::before {

        display: none;

    }



    .sign-up-bg,
    .about-bg {

        padding: 40px 0;

    }



    .sign-up-box,
    .about-box {

        padding: 25px;

    }



    .sign-up-image-box::before,
    .login-image-box::before,
    .products-details-bg h1::before,
    .products-details-bg h1::after,
    .home-welcome-bg .home-welcome-text-box h1 small::before,
    .home-welcome-bg .home-welcome-text-box h1 small::after,
    .products-details-bg-box .products-details-box-image::before,
    .login-step-bg .login-step-head::before,
    .login-step-bg .login-step-head::after {

        display: none;

    }



    .login-form-box form {

        padding-top: 40px;

    }



    .products-bg {

        padding: 40px 0;

    }



    .products-bg-box {

        padding: 20px;

    }



    .product-box a h2 {

        font-size: 15px;

    }



    .products-details-bg {

        padding: 20px 15px;

    }



    .products-details-bg-box {

        width: 100%;

    }



    .products-details-bg-box .products-details-box-image {

        padding: 0 15px;

    }



    .products-details-bg-box .products-details-box-content {

        padding: 20px 40px 15px 40px;

    }



    #products-tab-accordion.accordion>.card .card-header {

        line-height: 20px;

    }



    #products-tab-accordion.accordion>.card .card-header .card-title {

        padding: 15px 10px 15px 35px;

        font-size: 16px;

    }



    #products-tab-accordion.accordion .card-header:after {

        width: 20px;

        height: 20px;

        font-size: 12px;

        left: 2%;

        top: 30%;

    }



    .products-details-bg h1 {

        font-size: 26px;

    }



    .development-team-box a {

        padding: 10px 10px 0px 10px;

    }



    .development-team-box a span {

        margin: 0 -10px 20px -10px;

    }



    .quotes-box .quotes-box-content {

        padding: 25px 0px 0px 0px;

    }



    .quotes-box .quotes-box-content h3 {

        text-align: center;

        font-size: 20px;

    }



    .quotes-box .quotes-box-content p {

        font-size: 18px;

    }



    .quotes-box .quotes-box-pai-image .pai {

        width: 60%;

        margin-top: -50px;

    }



    .quotes-box .quotes-box-pai-image .mahe-quote-logo {

        position: relative;

        top: 15px;

        text-align: center;

    }



    .sponsor-image.pt-0 {

        padding-top: 15px !important;

    }



    .sponsor-image.pl-0 {

        padding-left: 15px !important;

    }



    .contact-mail-box {

        margin-top: 30px;

    }



    ul.login-step li {

        width: 48%;

        margin-bottom: 8px;

    }



    ul.login-step li a h4 {

        min-height: 40px;

    }



    .login-step-bg .login-step-head {

        text-align: center;

        font-size: 28px;

        line-height: 36px;

        margin-bottom: 20px;

    }



    .login-step-bg {

        padding: 40px 0;

    }

    .about-box h1:nth-of-type(2) {

        padding-top: 30px;

    }

}

ul.list2 li::before {

    content: "\f101";

    font-family: 'Font Awesome 5 Free';

    left: -7px;

    position: absolute;

    top: 0;

    font-weight: 900;

    color: white;

}

.text-black:hover:not(.no-hover) {
    color: #25868c !important;
    /* your hover color */
}

.no-hover:hover {
    color: #000 !important;
    /* force default color */
    cursor: default;
}

.custom-youtube-modal {
    display: none;
    position: fixed;
    z-index: 1050;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.85);
}

.custom-youtube-modal-content {
    background-color: #000;
    margin: 5% auto;
    padding: 0;
    width: 80%;
    max-width: 800px;
    border-radius: 10px;
    position: relative;
}

.watch-recorded-btn a {
    font-family: Inter, sans-serif;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 18px;
    font-size: 16px;
    font-weight: 400;
    color: white;
    border: 1px solid white;
    border-radius: 6px;
    background-color: transparent;
    line-height: 1;
    transition: .3s;
    max-width: 100%;
    box-sizing: border-box;
}



@media(min-width: 320px) and (max-width:1080px) {
    .watch-recorded-btn a {
        height: 32px;
        font-size: 14px;
        color: black;
        border: 1px solid black;
        padding: 0 10px
    }
}

/* .custom-video-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.custom-video-modal-content video {
    max-width: 100%;
    max-height: 90%;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
} */
.custom-video-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.custom-video-modal-content {
    background: #fff;
    /* changed from #000 to white */
    padding: 20px;
    border-radius: 10px;
    max-width: 90%;
    max-height: 90%;
    box-sizing: border-box;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
    text-align: center;
}

.custom-video-modal-content h2.video-title {
    color: #000;
    margin-bottom: 15px;
    font-size: 20px;
}

.custom-video-modal-content video {
    max-width: 100%;
    max-height: 70vh;
    border-radius: 8px;
    outline: none;
}


/* iframe {
    width: 100%;
    height: 450px;
    border: none;
    border-radius: 10px;
} */