@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Oswald:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700;800;900&family=Bebas+Neue&display=swap");

html {
    scroll-behavior: smooth;
}

body {
    line-height: 1.8em;
    background: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    font-family: "Montserrat", sans-serif !important;
    animation: fadeInAnimation ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.body-black {
    background-color: black;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #ffffff;
}

a:hover,
a:focus,
a:visited {
    text-decoration: none;
    outline: none;
}

.no-padding {
    padding: 0px !important;
}

header {
    transition: all 0.3s ease-in-out;
    padding: 15px 0;
    background-color: transparent;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    border-bottom: 1px solid #ffffff1c;
}

.header-desktop a img {
    position: absolute;
    height: 100px;
    left: 11%;
}

header .header-inner-wrapper .header-desktop ul li .registration {
    background: linear-gradient(90deg, #832DA8, #D80F91);
    padding: 10px 20px;
    border-radius: 5px;
    color: white;
    font-weight: 500;
    text-decoration: none;
    margin-left: 100px;
    box-shadow: 0 0 3px #9b9797;
}

.hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .buttons {
    margin-top: -50px;
    position: relative;
    z-index: 2;
}

.hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .buttons a {
    padding: 10px 35px 12px;
    display: inline-block;
}

.hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .buttons .btn-first {
    background-color: #FFD700;
    color: #4B0082;
    font-size: 18px;
    margin: 0 10px;
    border-radius: 5px;
    font-family: "Montserrat", sans-serif;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
    border: 2px solid #FFD700;
}

.hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .buttons .btn-first:hover {
    background-color: transparent;
    color: #FFD700;
    border: 2px solid #FFD700;
}

.hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .buttons .btn-second:hover {
    background-color: #FFD700;
    color: #4B0082;
    border: 2px solid #FFD700;
}

.hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .buttons .btn-second {
    background-color: transparent;
    color: #FFD700;
    font-family: "Montserrat", sans-serif;
    border: 2px solid #FFD700;
    margin: 0 10px;
    font-size: 18px;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
}

.hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .image-logo {
    margin-left: 135px;
    margin-top: 0px;
    width: unset;
}

@media (max-width: 1199px) {
    header {
        padding: 15px 0;
    }
}

@media (max-width: 767px) {
    header .header-inner-wrapper {
        display: none;
    }
}

header .header-inner-wrapper .header-desktop ul {
    margin: 5px 5px 5px 90px;
    padding: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

header .header-inner-wrapper .header-desktop ul li {
    list-style: none;
}

header .header-inner-wrapper .header-desktop ul li:nth-child(4) {
    margin: 0 100px;
}

@media (max-width: 991px) {
    header .header-inner-wrapper .header-desktop ul li:nth-child(4) {
        margin: 0 20px;
    }
}

header .header-inner-wrapper .header-desktop ul li a {
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    color: white;
    font-size: 18px;
    transition: 0.3s ease-in-out;
    opacity: 0.8;
    padding-bottom: 5px;
    text-decoration: none;
    position: relative;
}

header .header-inner-wrapper .header-desktop ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background-color: #FFD700;
    transition: width 0.7s ease;
    text-decoration: none;
}

header .header-inner-wrapper .header-desktop ul li a:hover::after {
    width: 100%;
}

@media (max-width: 1024px) {
    header .header-inner-wrapper .header-desktop ul li a {
        font-size: 18px;
    }
}

header .header-inner-wrapper .header-desktop ul li a:hover {
    color: #ffd700;
    /*border-bottom: 2px solid #FFD700;*/
    text-decoration: none;
}

header .header-inner-wrapper .header-desktop ul li a img {
    max-width: 188px;
    transition: 0.3s ease-in-out;
}

@media (max-width: 991px) {
    header .header-inner-wrapper .header-desktop ul li a img {
        max-width: 130px;
    }
}

header .header-mobile-section {
    display: none;
}

@media (max-width: 767px) {
    header .header-mobile-section {
        display: block;
    }

}

header .header-mobile-section .mobile-header-inner-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-left a img {
    max-width: 150px;
}

header .header-mobile-section .mobile-header-inner-wrapper .home-mobile-section-left a {
    display: none;
}

header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .mobile-menu-btn {
    background-color: transparent;
    border: none;
    box-shadow: none;
    font-size: 24px;
}

header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas {
    background-color: black;
    min-height: 100vh;
}

header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas .offcanvas-header {
    padding: 25px;
    margin-bottom: 50px;
}

header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas .offcanvas-header h5 a img {
    max-width: 150px;
}

header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas .offcanvas-header .btn-close {
    background-image: unset;
    color: white;
    opacity: 1;
}

header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas .offcanvas-header .btn-close:focus {
    box-shadow: none;
    outline: none;
    border: none;
}

header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas .offcanvas-body {
    padding: 16px 25px 30px 25px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas .offcanvas-body ul {
    margin: 0;
    padding: 0;
}

header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas .offcanvas-body ul li {
    list-style: none;
}

header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas .offcanvas-body ul li a {
    font-size: 19px;
    text-transform: uppercase;
    transition: 0.3s ease-in-out;
    padding: 4px 0;
    display: block;
    color: white;
    opacity: 0.8;
    letter-spacing: 1px;
}

header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas .offcanvas-body ul li a:hover {
    color: #f5c31d;
}

header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas .offcanvas-body ul li a:focus {
    color: #f5c31d;
}

header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas .offcanvas-body ul li .active {
    color: #f5c31d;
}

header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas .offcanvas-body .footer-inner {
    text-align: left;
}

header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas .offcanvas-body .footer-inner h6 {

    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: white;
}

header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas .offcanvas-body .footer-inner .footer-social-wrapper {
    margin-bottom: 25px;
}

header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas .offcanvas-body .footer-inner .footer-social-wrapper a {
    color: white;
    padding: 0 5px;
    font-size: 17px;
    transition: 0.3s ease-in-out;
}

header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas .offcanvas-body .footer-inner .footer-social-wrapper a:first-child {
    padding-left: 0;
}

header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas .offcanvas-body .footer-inner .footer-social-wrapper a:hover {
    color: #ee690e;
}

header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas .offcanvas-body .footer-inner p {
    margin-bottom: 0;
    font-size: 14px;
    color: white;
    font-weight: 500;
}

.mobile-social-section {
    display: none;
}

.navbar-fixed {
    padding: 10px 0 10px 0;
    background-color: black;
    position: fixed;
    left: 0;
    top: 0;
    transition: all 0.3s ease-in-out;
    width: 100%;
    z-index: 999;
    box-shadow: 0px 2px 15px 5px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0px 2px 15px 5px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 2px 15px 5px rgba(0, 0, 0, 0.09);
}

.navbar-fixed .header-inner-wrapper .header-desktop ul li a img {
    max-width: 160px;
    transition: 0.3s ease-in-out;
}

.hero-slider-wrapper {
    position: relative;
}

.hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .carousel-caption {
    right: unset;
    bottom: unset;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-bottom: 0;
    padding-top: 130px;
}

@media (max-width: 991px) {
    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .carousel-caption {
        width: 95%;
    }
}

@media (max-width: 767px) {
    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .carousel-caption {
        padding-top: 0;
        padding-bottom: 200px;
    }
}

.hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .carousel-caption .mobile-banner-logo {
    display: none;
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .carousel-caption .mobile-banner-logo {
        display: block;
    }
}

.hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .carousel-caption .mobile-banner-logo img {
    width: 65%;
    filter: brightness(1) !important;
}

.hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .carousel-caption .first-banner-text br {
    display: none;
}

@media (max-width: 767px) {
    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .carousel-caption .first-banner-text br {
        display: block;
    }
}

.hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .carousel-caption h1 {
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;

    font-size: 100px;
    margin-bottom: 0;
    line-height: 90px;
}

@media (max-width: 1399px) {
    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .carousel-caption h1 {
        font-size: 70px;
        line-height: 60px;
    }
}

@media (max-width: 991px) {
    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .carousel-caption h1 {
        font-size: 50px;
        line-height: 45px;
    }
}

@media (max-width: 767px) {
    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .carousel-caption h1 {
        font-size: 40px;
        line-height: 35px;
    }
}

.hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .carousel-caption h1 span {
    color: #ee690e;
}

.hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .mobile-image {
    display: none !important;
}

@media (max-width: 800px) {
    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .desktop-image {
        display: none !important;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .mobile-image {
        display: block !important;
        width: 100%;
    }
}

.hero-slider-wrapper .hero-slider .carousel-inner .carousel-item img {
    filter: brightness(1);
    width: 100%;
}

.hero-slider-wrapper .hero-slider .carousel-indicators button {
    background-color: white;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    opacity: 1;
}

.hero-slider-wrapper .hero-slider .carousel-indicators {
    margin-bottom: 0px;
}

.hero-slider-wrapper .hero-slider .carousel-indicators .active {
    background-color: #ee690e;
}

.hero-slider-wrapper .material-icons {
    font-size: 40px;
    transition: 0.3s ease-in-out;
}

.hero-slider-wrapper .carousel-control-prev {
    opacity: 1;
    transition: 0.3s ease-in-out;
}

.hero-slider-wrapper .carousel-control-prev:hover .material-icons {
    color: #ee690e;
}

.hero-slider-wrapper .carousel-control-next {
    opacity: 1;
    transition: 0.3s ease-in-out;
}

.hero-slider-wrapper .carousel-control-next:hover .material-icons {
    color: #ee690e;
}

.home-about-paragraph {
    background-color: white;
    padding: 150px calc(40% - 300px);
    margin: 0px auto;
    display: flex;
    background-image: url(../assets/images/home/Welcome_PCR.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 100px;
}

.home-about-paragraph .home-about-image {
    margin: auto;
}

@media (max-width: 991px) {
    .home-about-paragraph {
        padding: 60px 0;
    }
}

.home-about-paragraph .home-about-inner .title-small {
    font-size: 24px;
    text-align: left;
    font-weight: 500;
}

.home-about-paragraph .home-about-inner .title-main {
    font-size: 40px;
    font-weight: 600;
    color: #823e89;
    text-align: left;
    margin: 20px auto;
}

.home-about-paragraph .home-about-inner p {
    margin-bottom: 0;
    text-align: justify;
    color: black;
    font-size: 18px;
    width: 85%;
    font-weight: lighter;
    margin-left: auto;
    margin-right: auto;
    line-height: 30px;
}

@media (max-width: 991px) {
    .home-about-paragraph .home-about-inner p {
        width: 100%;
        font-size: 18px;
        line-height: 28px;
    }
}

.banner-left-section {
    display: block;
    position: relative;
    z-index: 1;
    transition: 0.3s ease-in-out;
    background-color: white;
}

.banner-left-section::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(130, 62, 137, 0.6);
    z-index: -1;
    transition: 0.3s ease-in-out;
    opacity: 0.3;
}

@media (max-width: 991px) {
    .banner-left-section::after {
        opacity: 0.6;
    }
}

.banner-left-section:hover::after {
    opacity: 1;
}

.banner-left-section .left-banner-inner .banner-left-inner {
    position: relative;
    min-height: 720px;
}

@media (max-width: 991px) {
    .banner-left-section .left-banner-inner .banner-left-inner {
        min-height: 350px;
    }
}

.banner-left-section .left-banner-inner .container .about-cstm {
    display: flex !important;
    flex-direction: row !important;
    left: 150px;
}

.banner-left-section .left-banner-inner .container .about-cstm .images-about {
    margin: 50px 0px;
}

.banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper {
    position: absolute;
    left: 0;
    bottom: 130px;
}

.submit-group1 button {
    background: #FFC107;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    color: black;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
}

.submit-btn.btnraji1 {
    text-transform: uppercase;
    font-size: 20px;
    transition: 0.5s;
}

.submit-btn.btnraji1:hover {
    background-color: transparent;
    color: #FFD700;
    border: 2px solid #FFD700;
}

.banner-left-section .left-banner-inner .banner-left-inner .content-wrapper {
    position: absolute !important;
    right: unset !important;
    left: 42% !important;
    bottom: 130px !important;
}

.banner-left-section .left-banner-inner .banner-left-inner .content-about {
    position: absolute !important;
    right: 0 !important;
    left: 430px !important;
    bottom: 130px !important;
    top: 100px !important;
    width: 53%;
}

.banner-left-section .left-banner-inner .banner-left-inner .content-wrapper .btn-second:hover {
    background-color: #FFD700;
    color: #4B0082;
    border: 2px solid #FFD700;
}

.banner-left-section .left-banner-inner .banner-left-inner .content-wrapper .btn-second {
    background-color: transparent;
    color: #FFD700;
    font-family: "Montserrat", sans-serif;
    border: 2px solid #FFD700;
    padding: 10px 35px 12px;
    font-size: 18px;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
}


@media (max-width: 991px) {
    .banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper {
        top: 50%;
        bottom: unset;
        transform: translateY(-50%);
    }
}

.banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper h5 {
    color: white;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

@media (max-width: 991px) {
    .banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper h5 {
        font-size: 18px;
    }
}

.banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper h2 {
    color: white;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 40px;
}

@media (max-width: 991px) {
    .banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper h2 {
        font-size: 40px;
    }
}

.banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper content {}

.banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper .content {
    font-size: 1.2em;
    line-height: 1.5em;
}

.banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper .highlight {
    color: #FFD700;
}

.banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper .content p {
    color: white;
    margin: 20px 0px;
}

.banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper h6 {
    color: #ee690e;

    margin-bottom: 0;
    font-size: 19px;
    text-transform: uppercase;
    margin-top: 30px;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    border: 1px solid #ee690e;
    padding: 12px 0px;
    position: relative;
    overflow: hidden;
    max-width: 150px;
    text-align: center;
    z-index: 1;
}

@media (max-width: 991px) {
    .banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper h6 {
        font-size: 16px;
        padding: 10px 0;
        max-width: 120px;
    }
}

.banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper h6::before {
    transition: 0.3s ease-in-out;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0%;
    height: 0%;
    border-top-left-radius: 50%;
    content: "";
    background-color: #ee690e;
    z-index: -1;
}

.banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper h6:hover {
    border-color: #ffd700;
    color: white;
}

.banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper h6:hover::before {
    width: 100%;
    height: 100%;
    border-top-left-radius: 0;
}

.banner-right-section {
    display: block;
    position: relative;
    z-index: 1;
    transition: 0.3s ease-in-out;
}

.banner-right-section::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0, 0, 0, 0.4);
    z-index: -1;
    transition: 0.3s ease-in-out;
    opacity: 0.3;
}

@media (max-width: 991px) {
    .banner-right-section::after {
        opacity: 0.6;
    }
}

.banner-right-section:hover::after {
    opacity: 1;
}

.banner-right-section .right-banner-inner .banner-right-inner {
    position: relative;
    min-height: 1080px;
}

@media (max-width: 991px) {
    .banner-right-section .right-banner-inner .banner-right-inner {
        min-height: 350px;
    }
}

.banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper {
    position: sticky;
    top: 5%;
    background-color: rgba(130, 62, 137, 0.8);
    padding: 75px 35px 75px 90px;
    opacity: 1;
}

@media (max-width: 991px) {
    .banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper {
        top: 50%;
        bottom: unset;
        transform: translateY(-50%);
    }
}

.banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper h5 {
    color: white;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

@media (max-width: 991px) {
    .banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper h5 {
        font-size: 18px;
    }
}

.banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper h2 {
    color: #FFD700;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 15px;
}

@media (max-width: 991px) {
    .banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper h2 {
        font-size: 40px;
        line-height: 35px;
    }
}

.banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper h6 {
    color: #ee690e;

    margin-bottom: 0;
    font-size: 19px;
    text-transform: uppercase;
    margin-top: 30px;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    border: 1px solid #ee690e;
    padding: 12px 0px;
    position: relative;
    overflow: hidden;
    max-width: 150px;
    text-align: center;
    z-index: 1;
}

@media (max-width: 991px) {
    .banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper h6 {
        font-size: 16px;
        padding: 10px 0;
        max-width: 120px;
    }
}

.banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper h6::before {
    transition: 0.3s ease-in-out;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0%;
    height: 0%;
    border-top-left-radius: 50%;
    content: "";
    background-color: #ee690e;
    z-index: -1;
}

.banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper h6:hover {
    border-color: #ee690e;
    color: white;
}

.banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper h6:hover::before {
    width: 100%;
    height: 100%;
    border-top-left-radius: 0;
}

.banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper .info-flex {
    display: flex;
}

.banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper .info-flex .info-box {
    margin: 20px;
}

.banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper .info-flex .info-box span {
    font-size: 18px;
    color: white;
    background-color: #2c2c54;
    padding: 10px 20px;
    margin: 0px 15px 25px 0px;
    display: inline-block;
    border-left: 5px solid #ffcc00;
}


/* Add effects for address */

/* Simple hover effect for the address link */
.banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper .info-flex .info-box .details a {
    color: #FFD700;
    text-decoration: none;
    border-bottom: 2px dotted rgba(255, 215, 0, 0.5);
    padding-bottom: 2px;
    transition: all 0.3s ease;
    cursor: pointer;
    font-weight: 600;
    position: relative;
}

.banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper .info-flex .info-box .details a:hover {
    color: #ffffff;
    border-bottom: 2px solid #FFD700;
    text-shadow: 0 0 8px rgba(255, 215, 0, 0.5);
}

/* Add a subtle background glow on hover */
.banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper .info-flex .info-box .details a:hover {
    background: rgba(255, 215, 0, 0.1);
    padding: 2px 6px;
    border-radius: 4px;
    margin: -2px -6px;
    display: inline-block;
}


.banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper .details {
    font-size: 18px;
    line-height: 1.6;
    color: #FFFFFF;
}

.banner-right-section .right-banner-inner .banner-right-inner .title {
    font-size: 24px;
    margin-bottom: 10px;
    color: white;
    padding-top: 50px;
}

.banner-right-section .right-banner-inner .banner-right-inner .subtitle {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 50px;
    color: #FFD700;
}

.banner-right-section .right-banner-inner .banner-right-inner .team {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.banner-right-section .right-banner-inner .banner-right-inner .member {
    background-color: transparent;
    padding: 20px;
    width: 100%;
    text-align: center;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.banner-right-section .right-banner-inner .banner-right-inner .member img {
    width: 100%;
    height: 100%;
}

.team .member img.special-img {
    transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
}

.team .member img.special-img:hover {
    transform: scale(1.05);
    filter: brightness(80%) contrast(110%);
}


.banner-right-section .right-banner-inner .banner-right-inner .name {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
    color: white;
}

.banner-right-section .right-banner-inner .banner-right-inner .role {
    font-size: 14px;
    color: #FFD700;
    margin-bottom: 10px;
}

.banner-right-section .right-banner-inner .banner-right-inner .description {
    font-size: 13px;
    margin-bottom: 20px;
    color: white;
    flex-grow: 1;
    line-height: 1.3;
}

.banner-right-section .right-banner-inner .banner-right-inner .line {
    width: 200px;
    height: 1px;
    background-color: #FFD700;
    margin: 10px auto;
}

.banner-right-section .right-banner-inner .banner-right-inner .buttons {
    padding: 0px calc(50% - 300px) 60px;
    text-align: center;
}

.banner-right-section .right-banner-inner .banner-right-inner .buttons a {
    padding: 10px 35px 12px;
    display: inline-block;
}

.banner-right-section .right-banner-inner .banner-right-inner .buttons .btn-first {
    background-color: #FFD700;
    color: #4B0082;
    font-size: 18px;
    margin: 0 10px;
    border-radius: 5px;
    font-family: "Montserrat", sans-serif;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
    border: 2px solid #FFD700;
}

.banner-right-section .right-banner-inner .banner-right-inner .buttons .btn-first:hover {
    background-color: transparent;
    color: #FFD700;
    border: 2px solid #FFD700;
}

.banner-right-section .right-banner-inner .banner-right-inner .buttons .btn-second:hover {
    background-color: #FFD700;
    color: #4B0082;
    border: 2px solid #FFD700;
}

.banner-right-section .right-banner-inner .banner-right-inner .buttons .btn-second {
    background-color: transparent;
    color: #FFD700;
    font-family: "Montserrat", sans-serif;
    border: 2px solid #FFD700;
    margin: 0 10px;
    font-size: 18px;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
}

.banner-left-section .left-banner-inner {
    background-color: #f8f8f8;
}

.banner-left-section .left-banner-inner .container .banner-left-inner {
    text-align: left;
    background-color: #f8f8f8;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    height: 100%;
    width: auto;
    flex-direction: column;
}

.banner-left-section .left-banner-inner .banner-left-inner h1 {
    color: #6a1b9a;
    font-size: 40px;
    margin: 50px;
    padding: 60px;
    font-weight: 600;
}

.container-logos {
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo {
    margin: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo img {
    max-width: 100%;
    max-height: 100%;
}

.swarna-bg {
    background-image: url(../assets/images/home/photo_1.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.newsection {
    background-image: url(../assets/images/home/Leading_the_way.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.swarna-bg-about {
    background-image: url(../assets/images/about/Raymond-group-bg.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.content.newcontent ul li {
    color: #fff;
    border: 1px solid;
    width: 20%;
    text-align: center;
    margin: 0 10px;
    padding: 15px 0;
    transition: 0.5s;
    font-size: 20px;
}

.content.newcontent ul {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    margin: 40px 0;
}

.banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper h5 {
    color: white;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: bold;
}

.banner-left-section .left-banner-inner .banner-left-inner .container-cis1 h5 {
    color: white;
    font-size: 30px;
    text-transform: uppercase;
    /* margin-bottom: 15px; */
    margin-bottom: 15px;
    font-weight: bold;
}

.left-banner-inner1 {
    padding: 50px 0;
}

header .header-inner-wrapper .header-desktop ul li:last-child a:hover::after {
    display: none;
}

.on1 {
    background: #381f58;
    border: none !important;
    border-left: 5px solid !important;
    border-color: gold !important;
}

.on2 {
    background: #9e2f8d;
    border: none !important;
    border-left: 5px solid !important;
    border-color: gold !important;
}

.content.newcontent ul li:hover {
    border-color: #f5c518;
    color: #f5c518;
}

.content.newcontent ul li:first-child {
    margin-left: 0;
}

.content.newcontent ul li:last-child {
    margin-right: 0;
}

.band-bg {
    background-image: url(../assets/images/home/Visionaries_Leading.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.studios-bg {
    background-image: url(../assets/images/home/kailasa-studios-banner.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.home-services-slider {
    background-color: black;
    padding: 90px 0;
}

@media (max-width: 991px) {
    .home-services-slider {
        padding: 60px 0;
    }
}

.home-services-slider .title-wrapper {
    text-align: center;
    margin-bottom: 50px;
}

@media (max-width: 991px) {
    .home-services-slider .title-wrapper {
        margin-bottom: 30px;
    }
}

.home-services-slider .title-wrapper h4 {
    text-align: center;
    color: #ee690e;
    text-transform: uppercase;

    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0;
}

.home-services-slider .service-slider .item {
    padding: 0 30px 100px 30px;
}

@media (max-width: 991px) {
    .home-services-slider .service-slider .item {
        padding: 0 15px 40px 15px;
    }
}

.home-services-slider .service-slider .item a {
    display: block;
    position: relative;
    transition: 0.3s ease-in-out;
}

.home-services-slider .service-slider .item a::after {
    transition: 0.3s ease-in-out;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    width: 95%;
    height: 96%;
    border: 2px solid white;
    content: "";
}

@media (max-width: 991px) {
    .home-services-slider .service-slider .item a::after {
        display: none;
    }
}

.home-services-slider .service-slider .item a .service-title {
    position: absolute;
    left: 50px;
    bottom: -36px;
    transition: 0.3s ease-in-out;
}

@media (max-width: 991px) {
    .home-services-slider .service-slider .item a .service-title {
        bottom: -27px;
        position: unset;
        left: unset;
        bottom: unset;
        margin-top: 15px;
    }
}

.home-services-slider .service-slider .item a .service-title h3 {
    margin-bottom: 0;

    font-size: 50px;
    color: white;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 50px;
    transition: 0.3s ease-in-out;
}

@media (max-width: 991px) {
    .home-services-slider .service-slider .item a .service-title h3 {
        font-size: 22px;
        line-height: 24px;
        text-align: center;
    }
}

.home-services-slider .service-slider .item a .service-short-details {
    transition: 0.3s ease-in-out;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    opacity: 0;
}

.home-services-slider .service-slider .item a .service-short-details p {
    color: white;
    font-size: 20px;
    line-height: 24px;
    text-align: center;

}

@media (max-width: 991px) {
    .home-services-slider .service-slider .item a .service-short-details p {
        font-size: 16px;
    }
}

.home-services-slider .service-slider .item a:hover::after {
    opacity: 0;
}

.home-services-slider .service-slider .item a:hover img {
    filter: brightness(0.3);
}

.home-services-slider .service-slider .item a:hover .service-short-details {
    opacity: 1;
}

.home-services-slider .service-slider .owl-dots button span {
    margin: 5px 2px;
}

.home-services-slider .service-slider .owl-dots .active span {
    background: #ee690e;
}

.brands-section {
    background-color: black;
    padding-bottom: 90px;
}

@media (max-width: 991px) {
    .brands-section {
        padding-bottom: 60px;
    }
}

.brands-section .brands-title {
    text-align: center;
    margin-bottom: 70px;
}

@media (max-width: 991px) {
    .brands-section .brands-title {
        margin-bottom: 30px;
    }
}

.brands-section .brands-title p {
    color: white;
    font-size: 56px;

}

@media (max-width: 991px) {
    .brands-section .brands-title p {
        font-size: 30px;
        margin-bottom: 5px;
    }
}

@media (max-width: 480px) {
    .brands-section .brands-title p {
        font-size: 28px;
    }
}

.brands-section .brands-title h4 {
    color: #ee690e;

    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .brands-section .brands-title h4 {
        font-size: 30px;
    }
}

.brands-section .brands-inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 30px;
    grid-column-gap: 30px;
}

@media (max-width: 991px) {
    .brands-section .brands-inner {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 15px;
        grid-column-gap: 15px;
    }
}

.brands-section .brands-inner .brand-box {
    border: 1px solid #232323;
    overflow: hidden;
    transition: 0.5s ease-in-out;
}

.brands-section .brands-inner .brand-box img {
    width: 100%;
    transition: 0.5s ease-in-out;
}

.brands-section .brands-inner .brand-box:hover img {
    transform: scale(1.2);
}

.brands-section .view-all-wrapper {
    text-align: center;
    margin-top: 50px;
}

@media (max-width: 991px) {
    .brands-section .view-all-wrapper {
        margin-top: 30px;
    }
}

.brands-section .view-all-wrapper a {
    text-align: center;
    color: white;

    font-size: 22px;
    font-weight: 500;
    transition: 0.3s ease-in-out;
    text-transform: uppercase;
    text-decoration: underline;
}

@media (max-width: 991px) {
    .brands-section .view-all-wrapper a {
        font-size: 20px;
    }
}

.brands-section .view-all-wrapper a:hover {
    color: #ee690e;
}

.footer-cstm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 50px;
    background-color: #fdf6e3;
    position: relative;
}

.footer-cstm::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e0cfe3;
}

.footer-cstm .logo {
    display: flex;
    align-items: center;
}

.footer-cstm .logo img {
    height: 100px;
    display: flex;
}

.footer-cstm .write-us {
    text-align: left;
}


.footer-cstm .write-us h3 {
    color: #8e44ad;
    margin-bottom: 10px;
    font-size: 20px;
}


.footer-cstm .write-us ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-cstm .write-us ul li {
    margin-bottom: 5px;
}


.footer-cstm .write-us ul li a {
    text-decoration: none;
    color: #5a4b4b;
    font-size: 18px;
}

.footer-cstm .write-us {
    display: block;
    align-items: start;
}

.footer-cstm .quick-links {
    position: relative;
    left: -5%;
}

.footer-cstm .quick-links .quick-links-flex {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 70px;
}


.footer-cstm .quick-links h3,
.footer-cstm .write-us h3 {
    margin: 0 0 25px 0;
    color: #8a4b8f;
    font-size: 20px;
    font-weight: bold;
}

.footer-cstm .quick-links a,
.footer-cstm .write-us a {
    color: #5a3d55;
    text-decoration: none;
    margin: 5px 5px;
}

.footer-cstm .quick-links a {
    font-size: 18px;
}

.footer-cstm .write-us h3 {
    margin: -50px 0px 30px 10px;
}

.footer-cstm .quick-links .top-links,
.footer-cstm .quick-links .bottom-links {
    display: flex;
    flex-direction: column;
    gap: 5px;
}


.footer-cstm .write-us ul {
    display: flex;
    justify-content: center;
}

.footer-cstm .write-us ul li {
    margin: 0 5px;
}

.footer-cstm .write-us ul li a {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #d3d3d3;
    color: #fff;
    border-radius: 3px;
    transition: background-color 0.3s ease;
}

.footer-cstm .write-us ul li a:hover {
    background: linear-gradient(90deg, #832DA8, #D80F91);
}


.footer-inner-wrapper .copyright {
    text-align: center;
    padding: 15px 15px 0px;
    color: #5a4b4b;
    width: 100%;
}

footer {
    background-color: #fdf6e3;
    padding: 90px 0px 40px;
}

@media (max-width: 991px) {
    footer {
        padding: 60px 0;
    }
}

footer .footer-inner-wrapper .footer-inner {
    text-align: center;
}

footer .footer-inner-wrapper .footer-inner h6 {

    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    color: white;
}

@media (max-width: 991px) {
    footer .footer-inner-wrapper .footer-inner h6 {
        font-size: 16px;
    }
}

footer .footer-inner-wrapper .footer-inner .footer-social-wrapper {
    margin-bottom: 25px;
}

footer .footer-inner-wrapper .footer-inner .footer-social-wrapper a {
    color: white;
    padding: 0 10px;
    font-size: 18px;
    transition: 0.3s ease-in-out;
}

@media (max-width: 991px) {
    footer .footer-inner-wrapper .footer-inner .footer-social-wrapper a {
        font-size: 16px;
        padding: 0 5px;
    }
}

footer .footer-inner-wrapper .footer-inner .footer-social-wrapper a:hover {
    color: #ee690e;
}

footer .footer-inner-wrapper .footer-inner p {
    margin-bottom: 0;
    font-size: 14px;
    color: white;
    font-weight: 500;
}

@media (max-width: 480px) {
    footer .footer-inner-wrapper .footer-inner p {
        font-size: 12px;
    }
}

.three span {
    color: white;
    opacity: 0;
    transform: translate(-300px, 0) scale(0);
    animation: sideSlide 1s forwards;
}

@keyframes sideSlide {
    60% {
        transform: translate(20px, 0) scale(1);
        color: white;
    }

    80% {
        transform: translate(20px, 0) scale(1);
        color: white;
    }

    99% {
        transform: translate(0) scale(1.3);
        color: #ee690e;
    }

    100% {
        transform: translate(0) scale(1);
        opacity: 1;
        color: white;
    }
}

@keyframes revolveDrop {
    30% {
        transform: translate(0, -50px) rotate(180deg) scale(1);
    }

    60% {
        transform: translate(0, 20px) scale(0.8) rotate(0deg);
    }

    100% {
        transform: translate(0) scale(1) rotate(0deg);
        opacity: 1;
    }
}

.animateslider span {
    display: inline-block;
}

.animateslider span:nth-of-type(2) {
    animation-delay: 0.05s;
}

.animateslider span:nth-of-type(3) {
    animation-delay: 0.1s;
}

.animateslider span:nth-of-type(4) {
    animation-delay: 0.15s;
}

.animateslider span:nth-of-type(5) {
    animation-delay: 0.2s;
}

.animateslider span:nth-of-type(6) {
    animation-delay: 0.25s;
}

.animateslider span:nth-of-type(7) {
    animation-delay: 0.3s;
}

.animateslider span:nth-of-type(8) {
    animation-delay: 0.35s;
}

.animateslider span:nth-of-type(9) {
    animation-delay: 0.4s;
}

.animateslider span:nth-of-type(10) {
    animation-delay: 0.45s;
}

.animateslider span:nth-of-type(11) {
    animation-delay: 0.5s;
}

.animateslider span:nth-of-type(12) {
    animation-delay: 0.55s;
}

.animateslider span:nth-of-type(13) {
    animation-delay: 0.6s;
}

.animateslider span:nth-of-type(14) {
    animation-delay: 0.65s;
}

.animateslider span:nth-of-type(15) {
    animation-delay: 0.7s;
}

.animateslider span:nth-of-type(16) {
    animation-delay: 0.75s;
}

.animateslider span:nth-of-type(17) {
    animation-delay: 0.8s;
}

.animateslider span:nth-of-type(18) {
    animation-delay: 0.85s;
}

.animateslider span:nth-of-type(19) {
    animation-delay: 0.9s;
}

.animateslider span:nth-of-type(20) {
    animation-delay: 0.95s;
}

.animateslider span:nth-of-type(21) {
    animation-delay: 1s;
}

.animateslider span:nth-of-type(22) {
    animation-delay: 1.05s;
}

.animateslider span:nth-of-type(23) {
    animation-delay: 1.1s;
}

.animateslider span:nth-of-type(24) {
    animation-delay: 1.15s;
}

.animateslider span:nth-of-type(25) {
    animation-delay: 1.2s;
}

.animateslider span:nth-of-type(26) {
    animation-delay: 1.25s;
}

.animateslider span:nth-of-type(27) {
    animation-delay: 1.3s;
}

.animateslider span:nth-of-type(28) {
    animation-delay: 1.35s;
}

.animateslider span:nth-of-type(29) {
    animation-delay: 1.4s;
}

.animateslider span:nth-of-type(30) {
    animation-delay: 1.45s;
}

.animateslider span:nth-of-type(31) {
    animation-delay: 1.5s;
}

.animateslider span:nth-of-type(32) {
    animation-delay: 1.55s;
}

.animateslider span:nth-of-type(33) {
    animation-delay: 1.6s;
}

.animateslider span:nth-of-type(34) {
    animation-delay: 1.65s;
}

.animateslider span:nth-of-type(35) {
    animation-delay: 1.7s;
}

.animateslider span:nth-of-type(36) {
    animation-delay: 1.75s;
}

.animateslider span:nth-of-type(37) {
    animation-delay: 1.8s;
}

.animateslider span:nth-of-type(38) {
    animation-delay: 1.85s;
}

.animateslider span:nth-of-type(39) {
    animation-delay: 1.9s;
}

.animateslider span:nth-of-type(40) {
    animation-delay: 1.95s;
}

.animateslider span:nth-of-type(41) {
    animation-delay: 2s;
}

.animateslider span:nth-of-type(42) {
    animation-delay: 2.05s;
}

.animateslider span:nth-of-type(43) {
    animation-delay: 2.1s;
}

.animateslider span:nth-of-type(44) {
    animation-delay: 2.15s;
}

.animateslider span:nth-of-type(45) {
    animation-delay: 2.2s;
}

.animateslider span:nth-of-type(46) {
    animation-delay: 2.25s;
}

.animateslider span:nth-of-type(47) {
    animation-delay: 2.3s;
}

.animateslider span:nth-of-type(48) {
    animation-delay: 2.35s;
}

.animateslider span:nth-of-type(49) {
    animation-delay: 2.4s;
}

.animateslider span:nth-of-type(50) {
    animation-delay: 2.45s;
}

.animateslider span:nth-of-type(51) {
    animation-delay: 2.5s;
}

.animateslider span:nth-of-type(52) {
    animation-delay: 2.55s;
}

.animateslider span:nth-of-type(53) {
    animation-delay: 2.6s;
}

.animateslider span:nth-of-type(54) {
    animation-delay: 2.65s;
}

.animateslider span:nth-of-type(55) {
    animation-delay: 2.7s;
}

.animateslider span:nth-of-type(56) {
    animation-delay: 2.75s;
}

.animateslider span:nth-of-type(57) {
    animation-delay: 2.8s;
}

.animateslider span:nth-of-type(58) {
    animation-delay: 2.85s;
}

.animateslider span:nth-of-type(59) {
    animation-delay: 2.9s;
}

.animateslider span:nth-of-type(60) {
    animation-delay: 2.95s;
}

.animateslider span:nth-of-type(61) {
    animation-delay: 3s;
}

.animateslider span:nth-of-type(62) {
    animation-delay: 3.05s;
}

.animateslider span:nth-of-type(63) {
    animation-delay: 3.1s;
}

.hometopbg {
    background-color: #832DA8 !important;
    transition: 0.3s ease-in-out;
}

#navbar {
    z-index: 800;
}

@media (max-width: 767px) {
    #navbar {
        padding: 0 !important;
        background-color: transparent;
        border-bottom: 0px solid transparent;
    }
}

@media (min-width: 767px) {
    #navbar .top-section {
        height: 120px;
    }
}

@media (max-width: 767px) {
    #navbar .top-section {
        height: 102px;
    }
}

#navbar .bottom-section {
    height: 50px;
}

#navbar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

@media (min-width: 767px) {
    #navbar.is-minimized {
        transform: translateY(-120px);
    }
}

@media (max-width: 767px) {
    #navbar.is-minimized {
        transform: translateY(-102px);
        padding: 0;
    }
}

#navbar.is-maximized {
    transform: translateY(0);
}

@media (max-width: 767px) {
    #navbar.is-maximized {
        padding: 0;
    }
}

#navbar .top-section,
#navbar .bottom-section {
    display: flex;
    align-items: center;
}

.page-banner-wrapper {
    /*margin-top: 90px;*/
}

.register-page-banner-wrapper {
    margin-top: 0px;
}

.page-banner-wrapper .page-banner-title {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 820px;
}

@media (max-width: 991px) {
    .page-banner-wrapper .page-banner-title {
        min-height: 300px;
    }
}

.page-banner-wrapper .page-banner-title h2 {
    padding: 220px 0px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 70px;
    font-weight: 600;
    color: white;
    text-align: center;
    line-height: 170px;
}

.register-page-banner-wrapper .page-banner-title h2 {
    padding-top: 170px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 500;
    color: white;
    text-align: center;
    line-height: 170px;
}

@media (max-width: 1399px) {
    .page-banner-wrapper .page-banner-title h2 {
        font-size: 70px;
        line-height: 60px;
    }
}

@media (max-width: 991px) {
    .page-banner-wrapper .page-banner-title h2 {
        font-size: 50px;
        line-height: 45px;
        padding-top: 0;
    }
}

@media (max-width: 767px) {
    .page-banner-wrapper .page-banner-title h2 {
        font-size: 40px;
        line-height: 35px;
    }
}

.page-banner-wrapper .page-banner-title h2 span {
    color: #ee690e;
}

.services-banner {
    background-image: url(../assets/images/services/service_banner.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.services-detail-banner {
    background-image: url(../assets/images/service-detail/servicebanner01.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.event-banner {
    background-image: url(../assets/images/service-detail/events/event_show_banner.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.music-detail-banner {
    background-image: url(../assets/images/service-detail/music_production/musicproduction_banner.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.song-detail-banner {
    background-image: url(../assets/images/service-detail/songanthem/songanthem.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.television-detail-banner {
    background-image: url(../assets/images/service-detail/televison_show/tv_show_banner.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.celebrity-detail-banner {
    background-image: url(../assets/images/service-detail/celebrity_artist/celebrity_banner.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.content-song-detail-banner {
    background-image: url(../assets/images/service-detail/content_song_distritubtion/content_song_distri.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.band-detail-banner {
    background-image: url(../assets/images/work-detail/band/band_banner.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.kkaladham-detail-banner {
    background-image: url(../assets/images/work-detail/kkladham/kkaladham_banner.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

/*.about-banner {*/
/*    background-image: url(../assets/images/about/about.jpg);*/
/*    background-size: cover;*/
/*    background-position: bottom;*/
/*    background-repeat: no-repeat;*/
/*}*/
.about-banner {
    background-image: url(../assets/images/about/about_banner.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    /*width: 64vh;*/
}

.page-banner-wrapper.about-banner::before {
    content: url(../assets/images/contact/Contact_Banner.png);
    /* Your top-left image */
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    transform: scale(1.015);
    /* Stretches the image by 10% */
    transform-origin: top left;
}

.container-cis {
    display: flex;
    padding: 50px 50px 0px;
    margin: 0 auto;
    color: white;
    width: 110%;
}

.container-cis1 {
    display: block;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.banner-left-section .left-banner-inner .banner-left-inner .container-cis1 {
    position: unset !important;
}

.banner-left-section .left-banner-inner .newss {
    position: relative;
    min-height: auto;
}

.container-cis .text-content {
    flex: 1;
    padding-right: 20px;
    margin: auto 20px;
    padding: 60px 20px 60px 0px;
    text-align: justify;
}

.newp {
    text-align: justify;
    padding: 0 50px;
}

.container-cis .header {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 40px;
}

.container-cis .highlight {
    color: #f5c518;
}

.container-cis .content {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 40px;
}

.container-cis .images {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.container-cis .image-wrapper {
    position: relative;
    margin: 70px auto auto;
}

.container-cis .image-wrapper img {
    width: 60%;
    border-radius: 10px;
    margin: -10px 20px -20px 70px;
}

.container-cis .image-wrapper::before {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 10px;
    z-index: -1;
}

.brands-banner {
    background-image: url(../assets/images/brands/brand.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.digital-detail-banner {
    background-image: url(../assets/images/service-detail/social-media/social_digital_banner.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.studios-detail-banner {
    background-image: url(../assets/images/work-detail/studio/studio.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.records-detail-banner {
    background-image: url(../assets/images/work-detail/records/records.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.meher-rangat-detail-banner {
    background-image: url(../assets/images/work-detail/meher_rangat/meher_banner.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.swarna-details-wrapper {
    background-image: url(../assets/images/work-detail/swarna_swarbharat/swarna_banner.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.nayi-udaan-detail-banner {
    background-image: url(../assets/images/work-detail/nayi_udan/nayiudan_banner.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.page-detail-wrapper {
    background-color: black;
    padding: 85px 0;
    background: linear-gradient(90deg, #832DA8, #D80F91);
}

@media (max-width: 991px) {
    .page-detail-wrapper {
        padding: 60px 0;
    }
}

.page-detail-wrapper .page-detail-inner h5 {
    margin-bottom: 0;
    text-align: center;
    color: #ee690e;
    font-size: 20px;

    width: 63%;
    margin-left: auto;
    margin-right: auto;
    line-height: 28px;
    font-weight: 500;
}

@media (max-width: 991px) {
    .page-detail-wrapper .page-detail-inner h5 {
        width: 100%;
        font-size: 18px;
    }
}

.page-detail-wrapper .page-detail-inner p {
    margin-bottom: 30px;
    text-align: center;
    color: white;
    font-size: 20px;

    width: 71%;
    margin-left: auto;
    margin-right: auto;
    line-height: 28px;
    font-weight: 300;
}

@media (max-width: 991px) {
    .page-detail-wrapper .page-detail-inner p {
        width: 100%;
        font-size: 18px;
    }
}

.services-wrapper {
    padding-bottom: 90px;
    background-color: black;
}

@media (max-width: 991px) {
    .services-wrapper {
        padding-bottom: 60px;
    }
}

.services-wrapper .services-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 50px;
    grid-column-gap: 50px;
}

@media (max-width: 991px) {
    .services-wrapper .services-inner {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 15px;
        grid-column-gap: 0px;
    }
}

.services-wrapper .services-inner .services-box a {
    display: block;
    position: relative;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

.services-wrapper .services-inner .services-box a img {
    width: 100%;
    transition: 0.7s ease-in-out;
}

@media (max-width: 991px) {
    .services-wrapper .services-inner .services-box a img {
        filter: brightness(0.5);
    }
}

.services-wrapper .services-inner .services-box a .service-title {
    position: absolute;
    left: 50px;
    bottom: 40px;
}

@media (max-width: 991px) {
    .services-wrapper .services-inner .services-box a .service-title {
        left: 15px;
        top: 50%;
        bottom: unset;
        transform: translateY(-50%);
    }
}

.services-wrapper .services-inner .services-box a .service-title h2 {
    font-size: 50px;
    color: white;

    text-transform: uppercase;
    line-height: 50px;
    margin-bottom: 0;
    transition: 0.3s ease-in-out;
}

@media (max-width: 991px) {
    .services-wrapper .services-inner .services-box a .service-title h2 {
        font-size: 35px;
        line-height: 35px;
    }
}

.services-wrapper .services-inner .services-box a .service-title h6 {
    color: #ee690e;

    margin-bottom: 0;
    font-size: 19px;
    text-transform: uppercase;
    margin-top: 30px;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    border: 1px solid #ee690e;
    padding: 12px 0px;
    position: relative;
    overflow: hidden;
    max-width: 150px;
    text-align: center;
    z-index: 1;
}

@media (max-width: 991px) {
    .services-wrapper .services-inner .services-box a .service-title h6 {
        font-size: 16px;
        padding: 10px 0;
        max-width: 120px;
    }
}

.services-wrapper .services-inner .services-box a .service-title h6::before {
    transition: 0.3s ease-in-out;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0%;
    height: 0%;
    border-top-left-radius: 50%;
    content: "";
    background-color: #ee690e;
    z-index: -1;
}

.services-wrapper .services-inner .services-box a .service-title h6:hover {
    border-color: #ee690e;
    color: white;
}

.services-wrapper .services-inner .services-box a .service-title h6:hover::before {
    width: 100%;
    height: 100%;
    border-top-left-radius: 0;
}

.services-wrapper .services-inner .services-box a:hover img {
    filter: brightness(0.5);
    transform: scale(1.2);
}

.services-wrapper .services-inner .services-box a:hover .service-title h2 {
    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.2);
}

.service-detail-wrapper {
    padding-top: 50px;
    margin-bottom: 85px;
}

@media (max-width: 1399px) {
    .service-detail-wrapper {
        padding-top: 0;
    }
}

@media (max-width: 991px) {
    .service-detail-wrapper {
        margin-bottom: 60px;
    }
}

.service-detail-wrapper .service-detail-inner {
    padding-left: 50px;
    padding-right: 50px;
}

@media (max-width: 1399px) {
    .service-detail-wrapper .service-detail-inner {
        padding-left: 0;
        padding-right: 0;
    }
}

.service-detail-wrapper .service-detail-inner .top-section {
    position: relative;
    padding-bottom: 60px;
    margin-top: -285px;
    padding-top: 35px;
    z-index: 1;
}

@media (max-width: 1399px) {
    .service-detail-wrapper .service-detail-inner .top-section {
        margin-top: 90px;
        padding-top: 0;
    }
}

@media (max-width: 991px) {
    .service-detail-wrapper .service-detail-inner .top-section {
        margin-top: 60px;
    }
}

.service-detail-wrapper .service-detail-inner .top-section::before {
    position: absolute;
    left: -50px;
    top: 0;
    width: 60%;
    height: 100%;
    content: "";
    background-color: black;
    z-index: -1;
}

@media (max-width: 1399px) {
    .service-detail-wrapper .service-detail-inner .top-section::before {
        display: none;
    }
}

.service-detail-wrapper .service-detail-inner .top-section h6 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    color: #666666;

    margin-bottom: 15px;
}

.service-detail-wrapper .service-detail-inner .top-section h2 {

    font-size: 100px;
    color: white;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 90px;
}

@media (max-width: 991px) {
    .service-detail-wrapper .service-detail-inner .top-section h2 {
        font-size: 50px;
        line-height: 45px;
    }
}

.service-detail-wrapper .service-detail-inner .top-section h2 span {
    color: #ee690e;
}

.service-detail-wrapper .service-detail-inner .top-section .top-buttons-wrapper {
    margin-top: 25px;
}

@media (max-width: 480px) {
    .service-detail-wrapper .service-detail-inner .top-section .top-buttons-wrapper {
        display: flex;
        flex-direction: column;
    }
}

.service-detail-wrapper .service-detail-inner .top-section .top-buttons-wrapper .enquire-btn {
    margin-right: 15px;
    color: #ee690e;

    font-size: 19px;
    text-transform: uppercase;
    font-weight: 500;
    border: 1px solid white;
    padding: 15px 20px;
    transition: 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

@media (max-width: 991px) {
    .service-detail-wrapper .service-detail-inner .top-section .top-buttons-wrapper .enquire-btn {
        font-size: 16px;
        padding: 10px 15px;
    }
}

@media (max-width: 480px) {
    .service-detail-wrapper .service-detail-inner .top-section .top-buttons-wrapper .enquire-btn {
        display: block;
        width: 100%;
        text-align: center;
    }
}

.service-detail-wrapper .service-detail-inner .top-section .top-buttons-wrapper .enquire-btn::before {
    transition: 0.3s ease-in-out;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0%;
    height: 0%;
    border-top-left-radius: 50%;
    content: "";
    background-color: #ee690e;
    z-index: -1;
}

.service-detail-wrapper .service-detail-inner .top-section .top-buttons-wrapper .enquire-btn:hover {
    border-color: #ee690e;
    color: white;
}

.service-detail-wrapper .service-detail-inner .top-section .top-buttons-wrapper .enquire-btn:hover::before {
    width: 100%;
    height: 100%;
    border-top-left-radius: 0;
}

.service-detail-wrapper .service-detail-inner .top-section .top-buttons-wrapper .kkaladham-btn {
    color: white;

    font-size: 19px;
    text-transform: uppercase;
    font-weight: 500;
    border: 1px solid white;
    padding: 15px 20px;
    transition: 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

@media (max-width: 991px) {
    .service-detail-wrapper .service-detail-inner .top-section .top-buttons-wrapper .kkaladham-btn {
        font-size: 16px;
        padding: 10px 15px;
    }
}

@media (max-width: 480px) {
    .service-detail-wrapper .service-detail-inner .top-section .top-buttons-wrapper .kkaladham-btn {
        margin-top: 15px;
        text-align: center;
    }
}

.service-detail-wrapper .service-detail-inner .top-section .top-buttons-wrapper .kkaladham-btn::before {
    transition: 0.3s ease-in-out;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0%;
    height: 0%;
    border-top-left-radius: 50%;
    content: "";
    background-color: #ee690e;
    z-index: -1;
}

.service-detail-wrapper .service-detail-inner .top-section .top-buttons-wrapper .kkaladham-btn:hover {
    border-color: #ee690e;
    color: white;
}

.service-detail-wrapper .service-detail-inner .top-section .top-buttons-wrapper .kkaladham-btn:hover::before {
    width: 100%;
    height: 100%;
    border-top-left-radius: 0;
}

.service-detail-wrapper .service-detail-inner .top-section .top-title-social {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 44%;
}

@media (max-width: 991px) {
    .service-detail-wrapper .service-detail-inner .top-section .top-title-social {
        width: 39%;
    }
}

@media (max-width: 767px) {
    .service-detail-wrapper .service-detail-inner .top-section .top-title-social {
        width: 52%;
    }
}

@media (max-width: 480px) {
    .service-detail-wrapper .service-detail-inner .top-section .top-title-social {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .service-detail-wrapper .service-detail-inner .top-section .top-title-social .social-right {
        display: none;
    }
}

.service-detail-wrapper .service-detail-inner .top-section .for-mobile-social {
    display: none;
}

@media (max-width: 767px) {
    .service-detail-wrapper .service-detail-inner .top-section .for-mobile-social {
        display: block;
    }
}

.service-detail-wrapper .service-detail-inner .top-section .social-right {
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
}

.service-detail-wrapper .service-detail-inner .top-section .social-right a {
    text-decoration: none;
    padding: 5px;
    border-radius: 7px;
    color: white;
    transition: 0.3s ease-in-out;
    font-size: 14px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
}

.service-detail-wrapper .service-detail-inner .top-section .social-right a:first-child {
    margin-left: 0;
    padding-left: 0;
}

.service-detail-wrapper .service-detail-inner .top-section .social-right a:hover {
    color: #ee690e;
    border-color: #ee690e;
}

.service-detail-wrapper .service-detail-inner .para-details-section {
    margin-bottom: 60px;
}

.service-detail-wrapper .service-detail-inner .para-details-section p {
    font-size: 22px;
    color: white;

    font-weight: 300;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .service-detail-wrapper .service-detail-inner .para-details-section p {
        font-size: 18px;
    }
}

.service-detail-wrapper .service-detail-inner .para-details-section .colored {
    color: #ee690e;
    font-weight: 400;
    margin-bottom: 30px;
}

.service-detail-wrapper .service-detail-inner .image-full .image-wrapper a {
    display: block;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.service-detail-wrapper .service-detail-inner .image-full .image-wrapper a img {
    width: 100%;
    transition: 0.3s ease-in-out;
}

.service-detail-wrapper .service-detail-inner .image-full .image-wrapper a:hover img {
    filter: brightness(0.6);
}

.service-detail-wrapper .service-detail-inner .image-two {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 20px;
    grid-column-gap: 20px;
}

.service-detail-wrapper .service-detail-inner .image-two .image-wrapper a {
    display: block;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.service-detail-wrapper .service-detail-inner .image-two .image-wrapper a img {
    width: 100%;
    transition: 0.3s ease-in-out;
}

.service-detail-wrapper .service-detail-inner .image-two .image-wrapper a:hover img {
    filter: brightness(0.6);
}

.work-details-wrapper .top-section::before {
    width: 62% !important;
}

.long-title {
    text-align: center;
    position: relative;
    z-index: 1;
    min-height: 55px;
    margin-bottom: 85px;
}

@media (max-width: 991px) {
    .long-title {
        margin-bottom: 50px;
    }
}

.long-title h3 {

    font-size: 46px;
    color: white;
    text-transform: uppercase;
    margin-bottom: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: black;
    padding: 0 15px;
    transform: translate(-50%, -50%);
}

@media (max-width: 991px) {
    .long-title h3 {
        font-size: 28px;
        min-width: 320px;
    }
}

.long-title::after {
    position: absolute;
    left: 0;
    top: 45%;
    content: "";
    background-color: #4d4d4d;
    width: 100%;
    height: 1px;
    z-index: -1;
}

.long-title::before {
    position: absolute;
    left: 0;
    bottom: 45%;
    content: "";
    background-color: #4d4d4d;
    width: 100%;
    height: 1px;
    z-index: -1;
}

.gallery-box-outer {
    margin-bottom: 85px;
}

@media (max-width: 991px) {
    .gallery-box-outer {
        margin-bottom: 60px;
    }
}

.gallery-box-outer .gallery-box-inner {
    padding: 0 50px;
}

@media (max-width: 1399px) {
    .gallery-box-outer .gallery-box-inner {
        padding-left: 0;
        padding-right: 0;
    }
}

.gallery-box-outer .gallery-box-inner .image-full .image-wrapper a {
    display: block;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.gallery-box-outer .gallery-box-inner .image-full .image-wrapper a img {
    width: 100%;
    transition: 0.3s ease-in-out;
}

.gallery-box-outer .gallery-box-inner .image-full .image-wrapper a:hover img {
    filter: brightness(0.6);
}

.gallery-box-outer .gallery-box-inner .image-two {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    margin-bottom: 20px;
}

.gallery-box-outer .gallery-box-inner .image-two .image-wrapper a {
    display: block;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.gallery-box-outer .gallery-box-inner .image-two .image-wrapper a img {
    width: 100%;
    transition: 0.3s ease-in-out;
}

.gallery-box-outer .gallery-box-inner .image-two .image-wrapper a:hover img {
    filter: brightness(0.6);
}

.gallery-box-outer .gallery-box-inner .gallery-four-wrapper {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: 20px;
    grid-column-gap: 20px;
}

@media (max-width: 767px) {
    .gallery-box-outer .gallery-box-inner .gallery-four-wrapper {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 15px;
        grid-column-gap: 15px;
    }
}

.gallery-box-outer .gallery-box-inner .gallery-four-wrapper .gallery-img-box a {
    display: block;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.gallery-box-outer .gallery-box-inner .gallery-four-wrapper .gallery-img-box a img {
    width: 100%;
    transition: 0.3s ease-in-out;
}

.gallery-box-outer .gallery-box-inner .gallery-four-wrapper .gallery-img-box a:hover img {
    filter: brightness(0.6);
}

.fancybox-content {
    width: 95% !important;
    height: 95% !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) scale(1, 1) !important;
}

.fancybox-image {
    height: auto !important;
}

@media (max-width: 767px) {
    .fancybox-image {
        top: 50%;
        transform: translateY(-50%);
    }
}

@media (max-width: 767px) {
    .fancybox-button {
        width: 60px !important;
        height: 60px !important;
    }
}

.work-banner {
    background-image: url(../assets/images/ourwork/ourwork.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.vision-mission .vision {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 991px) {
    .vision-mission .vision {
        max-width: 720px;
        padding: 0 12px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .vision-mission .vision {
        max-width: 540px;
        flex-direction: column-reverse;
    }
}

.vision-mission .vision .vision-left {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 50px;
}

@media (max-width: 991px) {
    .vision-mission .vision .vision-left {
        padding-right: 25px;
    }
}

@media (max-width: 767px) {
    .vision-mission .vision .vision-left {
        width: 100%;
        padding-right: 0;
    }
}

.vision-mission .vision .vision-left .vision-left-inner {
    width: 57%;
}

@media (max-width: 991px) {
    .vision-mission .vision .vision-left .vision-left-inner {
        width: 100%;
    }
}

.vision-mission .vision .vision-left .vision-left-inner h2 {
    text-transform: uppercase;
    color: white;
    font-size: 100px;

    line-height: 85px;
}

@media (max-width: 1399px) {
    .vision-mission .vision .vision-left .vision-left-inner h2 {
        font-size: 70px;
        line-height: 60px;
    }
}

@media (max-width: 991px) {
    .vision-mission .vision .vision-left .vision-left-inner h2 {
        font-size: 50px;
        line-height: 45px;
    }
}

@media (max-width: 767px) {
    .vision-mission .vision .vision-left .vision-left-inner h2 {
        font-size: 40px;
        line-height: 35px;
    }
}

.vision-mission .vision .vision-left .vision-left-inner h2 span {
    color: #ee690e;
}

.vision-mission .vision .vision-left .vision-left-inner p {
    font-size: 20px;
    color: white;
    margin-bottom: 0;

    font-weight: 300;
}

@media (max-width: 991px) {
    .vision-mission .vision .vision-left .vision-left-inner p {
        font-size: 16px;
        line-height: 22px;
    }
}

.vision-mission .vision .vision-left .vision-left-inner .work-more-wrapper {
    margin-top: 40px;
    padding-right: 35px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 991px) {
    .vision-mission .vision .vision-left .vision-left-inner .work-more-wrapper {
        margin-top: 25px;
        padding-right: 0;
    }
}

.vision-mission .vision .vision-left .vision-left-inner .work-more-wrapper .more-btn {
    color: #ee690e;

    font-size: 19px;
    text-transform: uppercase;
    font-weight: 500;
    border: 1px solid #ee690e;
    padding: 12px 45px;
    transition: 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

@media (max-width: 991px) {
    .vision-mission .vision .vision-left .vision-left-inner .work-more-wrapper .more-btn {
        font-size: 16px;
        padding: 10px 15px;
    }
}

.vision-mission .vision .vision-left .vision-left-inner .work-more-wrapper .more-btn::before {
    transition: 0.3s ease-in-out;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0%;
    height: 0%;
    border-top-left-radius: 50%;
    content: "";
    background-color: #ee690e;
    z-index: -1;
}

.vision-mission .vision .vision-left .vision-left-inner .work-more-wrapper .more-btn:hover {
    border-color: #ee690e;
    color: white;
}

.vision-mission .vision .vision-left .vision-left-inner .work-more-wrapper .more-btn:hover::before {
    width: 100%;
    height: 100%;
    border-top-left-radius: 0;
}

.vision-mission .vision .vision-left .vision-left-inner .work-more-wrapper .social-right {
    display: flex;
    flex-direction: row;
}

.vision-mission .vision .vision-left .vision-left-inner .work-more-wrapper .social-right a {
    text-decoration: none;
    padding: 5px;
    border-radius: 7px;
    color: white;
    transition: 0.3s ease-in-out;
    font-size: 14px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
}

.vision-mission .vision .vision-left .vision-left-inner .work-more-wrapper .social-right a:hover {
    color: #ee690e;
    border-color: #ee690e;
}

.vision-mission .vision .vision-right {
    width: 50%;
}

@media (max-width: 767px) {
    .vision-mission .vision .vision-right {
        width: 100%;
        margin-bottom: 30px;
    }
}

.vision-mission .vision .vision-right img {
    width: 100%;
}

.vision-mission .mission {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 991px) {
    .vision-mission .mission {
        max-width: 720px;
        padding: 0 12px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .vision-mission .mission {
        max-width: 540px;
        flex-direction: column;
    }
}

.vision-mission .mission .mission-left {
    width: 50%;
}

@media (max-width: 767px) {
    .vision-mission .mission .mission-left {
        width: 100%;
        margin-bottom: 30px;
    }
}

.vision-mission .mission .mission-left img {
    width: 100%;
}

.vision-mission .mission .mission-right {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 50px;
}

@media (max-width: 991px) {
    .vision-mission .mission .mission-right {
        padding-left: 25px;
    }
}

@media (max-width: 767px) {
    .vision-mission .mission .mission-right {
        width: 100%;
        padding-left: 0;
    }
}

.vision-mission .mission .mission-right .mission-right-inner {
    max-width: 55%;
}

@media (max-width: 991px) {
    .vision-mission .mission .mission-right .mission-right-inner {
        width: 100%;
        max-width: 100%;
    }
}

.vision-mission .mission .mission-right .mission-right-inner h2 {
    text-transform: uppercase;
    color: white;
    font-size: 100px;

    line-height: 85px;
}

@media (max-width: 1399px) {
    .vision-mission .mission .mission-right .mission-right-inner h2 {
        font-size: 70px;
        line-height: 60px;
    }
}

@media (max-width: 991px) {
    .vision-mission .mission .mission-right .mission-right-inner h2 {
        font-size: 50px;
        line-height: 45px;
    }
}

@media (max-width: 767px) {
    .vision-mission .mission .mission-right .mission-right-inner h2 {
        font-size: 40px;
        line-height: 35px;
    }
}

.vision-mission .mission .mission-right .mission-right-inner h2 span {
    color: #ee690e;
}

.vision-mission .mission .mission-right .mission-right-inner p {
    font-size: 20px;
    color: white;
    margin-bottom: 0;

    font-weight: 300;
}

@media (max-width: 991px) {
    .vision-mission .mission .mission-right .mission-right-inner p {
        font-size: 16px;
        line-height: 22px;
    }
}

.vision-mission .mission .mission-right .mission-right-inner .work-more-wrapper {
    margin-top: 40px;
    padding-right: 35px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 991px) {
    .vision-mission .mission .mission-right .mission-right-inner .work-more-wrapper {
        margin-top: 25px;
        padding-right: 0;
    }
}

.vision-mission .mission .mission-right .mission-right-inner .work-more-wrapper .more-btn {
    color: #ee690e;

    font-size: 19px;
    text-transform: uppercase;
    font-weight: 500;
    border: 1px solid #ee690e;
    padding: 12px 45px;
    transition: 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

@media (max-width: 991px) {
    .vision-mission .mission .mission-right .mission-right-inner .work-more-wrapper .more-btn {
        font-size: 16px;
        padding: 10px 15px;
    }
}

.vision-mission .mission .mission-right .mission-right-inner .work-more-wrapper .more-btn::before {
    transition: 0.3s ease-in-out;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0%;
    height: 0%;
    border-top-left-radius: 50%;
    content: "";
    background-color: #ee690e;
    z-index: -1;
}

.vision-mission .mission .mission-right .mission-right-inner .work-more-wrapper .more-btn:hover {
    border-color: #ee690e;
    color: white;
}

.vision-mission .mission .mission-right .mission-right-inner .work-more-wrapper .more-btn:hover::before {
    width: 100%;
    height: 100%;
    border-top-left-radius: 0;
}

.vision-mission .mission .mission-right .mission-right-inner .work-more-wrapper .social-right {
    display: flex;
    flex-direction: row;
}

.vision-mission .mission .mission-right .mission-right-inner .work-more-wrapper .social-right a {
    text-decoration: none;
    padding: 5px;
    border-radius: 7px;
    color: white;
    transition: 0.3s ease-in-out;
    font-size: 14px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
}

.vision-mission .mission .mission-right .mission-right-inner .work-more-wrapper .social-right a:hover {
    color: #ee690e;
    border-color: #ee690e;
}

.kkaladham-courses-wrapper {
    margin-bottom: 85px;
}

@media (max-width: 991px) {
    .kkaladham-courses-wrapper {
        margin-bottom: 60px;
    }
}

.kkaladham-courses-wrapper .kkaladham-courses-inner {
    padding: 0 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 20px;
    grid-column-gap: 20px;
}

@media (max-width: 1399px) {
    .kkaladham-courses-wrapper .kkaladham-courses-inner {
        padding: 0;
        grid-row-gap: 15px;
        grid-column-gap: 15px;
    }
}

@media (max-width: 1199px) {
    .kkaladham-courses-wrapper .kkaladham-courses-inner {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991px) {
    .kkaladham-courses-wrapper .kkaladham-courses-inner {
        grid-template-columns: repeat(1, 1fr);
    }
}

.kkaladham-courses-wrapper .kkaladham-courses-inner .courses-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #080808;
}

.kkaladham-courses-wrapper .kkaladham-courses-inner .courses-box .courses-image {
    margin-right: 25px;
}

.kkaladham-courses-wrapper .kkaladham-courses-inner .courses-box .courses-text h5 {

    font-weight: 600;
    font-size: 24px;
    color: white;
}

.kkaladham-courses-wrapper .kkaladham-courses-inner .courses-box .courses-text p {
    font-size: 16px;

    font-weight: 300;
    color: white;
    line-height: 22px;
}

.kkaladham-courses-wrapper .kkaladham-courses-inner .courses-box .courses-text .know-more-wrapper .know-more-btn {
    color: #ee690e;

    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    border: 1px solid #666666;
    padding: 10px 15px;
    transition: 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.kkaladham-courses-wrapper .kkaladham-courses-inner .courses-box .courses-text .know-more-wrapper .know-more-btn::before {
    transition: 0.3s ease-in-out;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0%;
    height: 0%;
    border-top-left-radius: 50%;
    content: "";
    background-color: #ee690e;
    z-index: -1;
}

.kkaladham-courses-wrapper .kkaladham-courses-inner .courses-box .courses-text .know-more-wrapper .know-more-btn:hover {
    border-color: #ee690e;
    color: white;
}

.kkaladham-courses-wrapper .kkaladham-courses-inner .courses-box .courses-text .know-more-wrapper .know-more-btn:hover::before {
    width: 100%;
    height: 100%;
    border-top-left-radius: 0;
}

.mt-30 {
    margin-top: 30px;
}

.contact-banner {
    background-image: url(../assets/images/contact/Contact.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    /*width: 64vh;*/
}

.page-banner-wrapper.contact-banner::before {
    content: url(../assets/images/contact/Contact_Banner.png);
    /* Your top-left image */
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    transform: scale(1.015);
    /* Stretches the image by 10% */
    transform-origin: top left;
}

.contact-section-content {
    margin: 0;
    padding: 100px 200px 100px 300px;
    background-color: #ffffff;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 100%;
}

.contact-section-content .container-contact {
    text-align: left;
    width: 85%;
}

.contact-section-content .header {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;
}

.contact-section-content .section {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    margin: 0 1%;
    text-align: left;
}

.contact-section-content .section-title {
    color: #8e44ad;
    margin-bottom: 10px;
    font-size: 18px;
}

.contact-section-content .name {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 5px;
}

.contact-section-content .contact-info {
    font-size: 18px;
    margin-bottom: 5px;
}

.contact-section-content .contact-info a {
    color: #000;
    transition: 0.5s;
}

.contact-section-content .contact-info a:hover {
    color: #8e44ad;
}

.contact-section-content .contact-info i {
    color: #8e44ad;
    margin-right: 5px;
}

.register-banner {
    background-image: url(../assets/images/register/Register_image.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.page-banner-wrapper.register-banner::before {
    content: url(../assets/images/contact/Contact_Banner.png);
    /* Your top-left image */
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    transform: scale(1.02);
    /* Stretches the image by 10% */
    transform-origin: top left;
}

.contact-section-wrapper .form-container {
    padding: 30px;
    border-radius: 10px;
    width: 50%;
    position: relative;
    top: 70%;
}

.form-group {
    /*display: flex;*/
    justify-content: center;
    /*margin-bottom: 15px;*/
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 50%;
    padding: 10px;
    border: none;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.2);
    color: white;
    margin: 15px 30px;
}

input::placeholder {
    color: #b5a3c0;
    /* Replace with your desired color */
    opacity: 1;
    /* Ensure the color is fully opaque */
}

textarea::placeholder {
    color: #b5a3c0;
    opacity: 1;
}

.form-group.full-width input,
.form-group.full-width textarea {
    width: 100%;
}

.form-group.half-width input {
    width: 48%;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
}

.category-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0px;
    padding: 0px 30px;
}

.category-group label {
    margin-right: 10px;
}

.category-group input {
    margin-right: 5px;
}

.submit-group {
    display: flex;
    justify-content: space-between;
    padding: 20px 30px;
    align-items: center;
}

.submit-group .recaptcha {
    background: white;
    padding: 10px;
    border-radius: 5px;
}

.submit-group button {
    background: #FFC107;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    color: black;
    font-size: 16px;
    cursor: pointer;
    width: 46%;
}

.category-group label {
    display: flex;
    align-items: center;
    font-size: 18px;
}

.category-group input[type="checkbox"] {
    margin-right: 5px;
    width: 20px;
    height: 20px;
}

/* Hide the default checkbox */
.custom-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.custom-checkbox .checkmark {
    position: relative;
    height: 20px;
    width: 20px;
    background-color: transparent;
    /* Transparent background */
    border: 2px solid white;
    /* Border color */
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin: 0px 10px;
}

/* Style the checkmark when checked */
.custom-checkbox input[type="checkbox"]:checked+.checkmark {
    background-color: transparent;
    /* Keep the background transparent */
}

/* Add a tick mark */
.custom-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 5px;
    top: 1px;
    width: 6px;
    height: 10px;
    border: solid white;
    /* Tick color */
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Show the tick mark when checked */
.custom-checkbox input[type="checkbox"]:checked+.checkmark:after {
    display: block;
}


.contact-section-wrapper {
    padding: 50px 0px;
    background-image: url(../assets/images/contact/Contact_bg.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0;
}

.contact-section-cstm {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.contact-section-cstm .contact-container {
    display: flex;
    width: 80%;
    max-width: 1200px;
    border-radius: 10px;
    overflow: hidden;
    gap: 30px;
}

.contact-section-cstm .image-section,
.contact-section-cstm .form-section {
    width: 50%;
}

.contact-section-cstm .image-section img {
    width: 100%;
    object-fit: cover;
}

.contact-section-cstm .image-section {
    display: flex;
    justify-content: center;
    /* Centers the image horizontally */
    align-items: center;
    /* Centers the image vertically */
}

.contact-section-cstm .form-section {
    padding: 50px;
    color: #FFD700;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contact-section-cstm .form-section h2 {
    margin-top: 0;
}

.contact-section-cstm .form-section label {
    color: white;
    /*margin: 10px 0px 7px;*/
    font-size: 18px;
}

.contact-section-cstm .form-section input,
.contact-section-cstm .form-section textarea {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: none;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
}

.contact-section-cstm .form-section input[type="submit"] {
    background-color: #FFD700;
    color: #6A0DAD;
    cursor: pointer;
    font-size: 18px;
    transition: background-color 0.3s ease, color 0.3s ease;
    border: 2px solid #FFD700;
}

.contact-section-cstm .form-section input[type="submit"]:hover {
    background-color: transparent;
    color: #FFD700;
    border: 2px solid #FFD700;
}


.register-section-wrapper {
    padding: 105px 0;
    background-image: url(../assets/images/register/register_bg.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

@media (max-width: 991px) {
    .contact-section-wrapper {
        padding: 60px 0;
    }
}

.contact-section-wrapper .contact-section-inner {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 200px;
}

@media (max-width: 991px) {
    .contact-section-wrapper .contact-section-inner {
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 50px;
    }
}

.contact-section-wrapper .contact-section-inner .contact-section-left .contact-address-wrapper .address-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid #666666;
    padding: 15px 25px;
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .contact-section-wrapper .contact-section-inner .contact-section-left .contact-address-wrapper .address-box {
        padding: 15px;
    }
}

.contact-section-wrapper .contact-section-inner .contact-section-left .contact-address-wrapper .address-box .address-left {
    margin-right: 15px;
}

@media (max-width: 991px) {
    .contact-section-wrapper .contact-section-inner .contact-section-left .contact-address-wrapper .address-box .address-left {
        margin-right: 10px;
    }
}

@media (max-width: 991px) {
    .contact-section-wrapper .contact-section-inner .contact-section-left .contact-address-wrapper .address-box .address-left img {
        max-width: 40px;
    }
}

.contact-section-wrapper .contact-section-inner .contact-section-left .contact-address-wrapper .address-box .address-right p {
    color: white;
    line-height: 28px;
    font-size: 20px;
    margin-bottom: 0;

    font-weight: 300;
}

@media (max-width: 991px) {
    .contact-section-wrapper .contact-section-inner .contact-section-left .contact-address-wrapper .address-box .address-right p {
        font-size: 16px;
        line-height: 22px;
    }
}

.contact-section-wrapper .contact-section-inner .contact-section-left .contact-address-wrapper .address-box .address-right a {
    color: white;
    font-size: 20px;
    margin-bottom: 0;

    font-weight: 300;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

@media (max-width: 991px) {
    .contact-section-wrapper .contact-section-inner .contact-section-left .contact-address-wrapper .address-box .address-right a {
        font-size: 16px;
    }
}

.contact-section-wrapper .contact-section-inner .contact-section-left .contact-address-wrapper .address-box .address-right a:hover {
    color: #ee690e;
}

.contact-section-wrapper .contact-section-inner .contact-section-left .contact-social-wrapper {
    border: 1px solid #666666;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.contact-section-wrapper .contact-section-inner .contact-section-left .contact-social-wrapper a {
    text-decoration: none;
    text-decoration: none;
    font-size: 38px;
    color: white;
    transition: 0.3s ease-in-out;
    padding: 30px 0;
    text-align: center;
    border-right: 1px solid #666666;
}

@media (max-width: 991px) {
    .contact-section-wrapper .contact-section-inner .contact-section-left .contact-social-wrapper a {
        font-size: 20px;
        padding: 15px 0;
    }
}

.contact-section-wrapper .contact-section-inner .contact-section-left .contact-social-wrapper a:last-child {
    border-right: 0px solid transparent;
}

.contact-section-wrapper .contact-section-inner .contact-section-left .contact-social-wrapper a:hover {
    color: #ee690e;
}

.contact-section-wrapper .contact-section-inner .contact-section-right h4 {
    color: #ee690e;
    text-transform: uppercase;

    font-weight: 600;
    margin-bottom: 15px;
}

.contact-section-wrapper .contact-section-inner .contact-section-right form .form-group {
    margin-bottom: 20px;
}

.contact-section-wrapper .contact-section-inner .contact-section-right form .form-group input,
.contact-section-wrapper .contact-section-inner .contact-section-right form .form-group select {
    background-color: transparent;
    color: white;
    border: 0px solid transparent;
    border-radius: 0;
    border-bottom: 1px solid #666666;
    padding-left: 0;
}

.contact-section-wrapper .contact-section-inner .contact-section-right form .form-group input:focus,
.contact-section-wrapper .contact-section-inner .contact-section-right form .form-group select:focus {
    box-shadow: none;
    border-bottom-color: white;
}

.contact-section-wrapper .contact-section-inner .contact-section-right form .form-group textarea {
    background-color: transparent;
    color: white;
    border: 0px solid transparent;
    border-radius: 0;
    border-bottom: 1px solid #666666;
    resize: none;
    height: 74px;
    padding-left: 0;
}

.contact-section-wrapper .contact-section-inner .contact-section-right form .form-group textarea:focus {
    box-shadow: none;
    border-bottom-color: white;
}

.contact-section-wrapper .contact-section-inner .contact-section-right form .form-group ::placeholder {
    color: #666666;
    opacity: 0.5;
}

.contact-section-wrapper .contact-section-inner .contact-section-right form .form-group .force-opaque::placeholder {
    opacity: 1;
}

.contact-section-wrapper .contact-section-inner .contact-section-right form .submit-wrapper {
    margin-top: 40px;
}

.contact-section-wrapper .contact-section-inner .contact-section-right form .submit-wrapper .submit-btn {
    color: #ee690e;

    font-size: 19px;
    text-transform: uppercase;
    font-weight: 500;
    border: 1px solid #ee690e;
    padding: 12px 45px;
    transition: 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: transparent;
}

.contact-section-wrapper .contact-section-inner .contact-section-right form .submit-wrapper .submit-btn::before {
    transition: 0.3s ease-in-out;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0%;
    height: 0%;
    border-top-left-radius: 50%;
    content: "";
    background-color: #ee690e;
    z-index: -1;
}

.contact-section-wrapper .contact-section-inner .contact-section-right form .submit-wrapper .submit-btn:hover {
    border-color: #ee690e;
    color: white;
}

.contact-section-wrapper .contact-section-inner .contact-section-right form .submit-wrapper .submit-btn:hover::before {
    width: 100%;
    height: 100%;
    border-top-left-radius: 0;
}

.enquireform-modal .modal-header {
    border-bottom: 0px solid transparent;
}

.enquireform-modal .modal-header h4 {
    color: #ee690e;
    text-transform: uppercase;

    font-weight: 600;
    margin-bottom: 0px;
}

.enquireform-modal .modal-body .modal-enquire-form .contact-section-right h4 {
    color: #ee690e;
    text-transform: uppercase;

    font-weight: 600;
    margin-bottom: 15px;
}

.enquireform-modal .modal-body .modal-enquire-form .contact-section-right form .form-group {
    margin-bottom: 20px;
}

.enquireform-modal .modal-body .modal-enquire-form .contact-section-right form .form-group input,
.enquireform-modal .modal-body .modal-enquire-form .contact-section-right form .form-group select {
    background-color: transparent;
    color: #5a5a5a;
    border: 0px solid transparent;
    border-radius: 0;
    border-bottom: 1px solid #5a5a5a;
    padding-left: 0;
}

.enquireform-modal .modal-body .modal-enquire-form .contact-section-right form .form-group input:focus,
.enquireform-modal .modal-body .modal-enquire-form .contact-section-right form .form-group select:focus {
    box-shadow: none;
    border-bottom-color: #ee690e;
}

.enquireform-modal .modal-body .modal-enquire-form .contact-section-right form .form-group textarea {
    background-color: transparent;
    color: #5a5a5a;
    border: 0px solid transparent;
    border-radius: 0;
    border-bottom: 1px solid #5a5a5a;
    resize: none;
    height: 74px;
    padding-left: 0;
}

.enquireform-modal .modal-body .modal-enquire-form .contact-section-right form .form-group textarea:focus {
    box-shadow: none;
    border-bottom-color: #ee690e;
}

.enquireform-modal .modal-body .modal-enquire-form .contact-section-right form .form-group ::placeholder {
    color: #5a5a5a;
    opacity: 0.5;
}

.enquireform-modal .modal-body .modal-enquire-form .contact-section-right form .form-group .force-opaque::placeholder {
    opacity: 1;
}

.enquireform-modal .modal-body .modal-enquire-form .contact-section-right form .submit-wrapper {
    margin-top: 40px;
}

.enquireform-modal .modal-body .modal-enquire-form .contact-section-right form .submit-wrapper .submit-btn {
    color: #ee690e;

    font-size: 19px;
    text-transform: uppercase;
    font-weight: 500;
    border: 1px solid #ee690e;
    padding: 12px 45px;
    transition: 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: transparent;
}

.enquireform-modal .modal-body .modal-enquire-form .contact-section-right form .submit-wrapper .submit-btn::before {
    transition: 0.3s ease-in-out;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0%;
    height: 0%;
    border-top-left-radius: 50%;
    content: "";
    background-color: #ee690e;
    z-index: -1;
}

.enquireform-modal .modal-body .modal-enquire-form .contact-section-right form .submit-wrapper .submit-btn:hover {
    border-color: #ee690e;
    color: white;
    background-color: transparent;
}

.enquireform-modal .modal-body .modal-enquire-form .contact-section-right form .submit-wrapper .submit-btn:hover::before {
    width: 100%;
    height: 100%;
    border-top-left-radius: 0;
}

.brands {
    margin: 100px 0;
}

@media (max-width: 991px) {
    .brands {
        margin: 60px 0;
    }
}

.brands .brands-slider h1 {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 42px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 90px;
}

@media (max-width: 991px) {
    .brands .brands-slider h1 {
        font-size: 22px;
        margin-bottom: 50px;
    }
}

.brands .brands-slider h1::after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
    width: 70px;
    height: 6px;
    content: "";
    background-color: #f2652d;
}

@media (max-width: 991px) {
    .brands .brands-slider h1::after {
        width: 50px;
        bottom: -10px;
        height: 4px;
    }
}

.brands .brands-slider .brands-slider-carousel {
    z-index: 0;
}

.brands .brands-slider .brands-slider-carousel .item {
    padding: 5px;
}

.brands .brands-slider .brands-slider-carousel .item img {
    border-left: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #e1e1e1;
}

.brands .brands-slider .brands-slider-carousel .owl-dots {
    margin-top: 45px;
}

.brands .brands-slider .brands-slider-carousel .owl-dot span {
    border-radius: 0px;
    width: 35px;
    height: 6px;
}

.brands .brands-slider .brands-slider-carousel .owl-dot span:hover {
    background-color: #f2652d;
}

.brands .brands-slider .brands-slider-carousel .active span {
    background-color: #f2652d;
}

.brands .brands-slider .brands-work-inner .brands-work-box {
    margin-bottom: 60px;
}

.brands .brands-slider .brands-work-inner .brands-work-box .brands-work-left {
    text-align: center;
}

.brands .brands-slider .brands-work-inner .brands-work-box .brands-work-left h3 {
    color: #ee690e;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

@media (max-width: 991px) {
    .brands .brands-slider .brands-work-inner .brands-work-box .brands-work-left h3 {
        font-size: 19px;
    }
}

.brands .brands-slider .brands-work-inner .brands-work-box .brands-work-left .whitetitle {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 42px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 90px;
}

@media (max-width: 991px) {
    .brands .brands-slider .brands-work-inner .brands-work-box .brands-work-left .whitetitle {
        font-size: 22px;
        margin-bottom: 50px;
    }
}

.brands .brands-slider .brands-work-inner .brands-work-box .brands-work-left .whitetitle::after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
    width: 70px;
    height: 6px;
    content: "";
    background-color: #f2652d;
}

@media (max-width: 991px) {
    .brands .brands-slider .brands-work-inner .brands-work-box .brands-work-left .whitetitle::after {
        width: 50px;
        bottom: -10px;
        height: 4px;
    }
}

.brands .brands-slider .brands-work-inner .brands-work-box .brands-work-right {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}

@media (max-width: 991px) {
    .brands .brands-slider .brands-work-inner .brands-work-box .brands-work-right {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-row-gap: 10px;
        grid-column-gap: 10px;
    }
}

.brands .brands-slider .brands-work-inner .brands-work-box .brands-work-right .logo-box {
    width: 15%;
    text-align: center;
    border: 1px solid white;
    padding: 5px;
    margin: 10px;
    overflow: hidden;
    transition: 0.5s ease-in-out;
}

@media (max-width: 991px) {
    .brands .brands-slider .brands-work-inner .brands-work-box .brands-work-right .logo-box {
        width: 100%;
        margin: 0;
    }
}

.brands .brands-slider .brands-work-inner .brands-work-box .brands-work-right .logo-box img {
    width: 100%;
    transition: 0.5s ease-in-out;
}

.brands .brands-slider .brands-work-inner .brands-work-box .brands-work-right .logo-box:hover img {
    transform: scale(1.2);
}

.brands-home-slider .item {
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 5px;
}

.about-top-wrapper .about-top-section {
    padding-bottom: 70px;
}

@media (max-width: 991px) {
    .about-top-wrapper .about-top-section {
        padding-bottom: 30px;
    }
}

.about-top-wrapper .about-top-section:first-child {
    padding-top: 70px;
}

@media (max-width: 991px) {
    .about-top-wrapper .about-top-section:first-child {
        padding-top: 60px;
    }
}

@media (max-width: 991px) {
    .about-top-wrapper .about-top-section:nth-child(2) .about-top-inner {
        display: flex;
        flex-direction: column-reverse;
    }
}

@media (max-width: 991px) {
    .about-top-wrapper .about-top-section:nth-child(2) .about-top-inner .about-top-left {
        width: 100%;
    }
}

.about-top-wrapper .about-top-section .about-top-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 50px;
    align-items: center;
}

@media (max-width: 991px) {
    .about-top-wrapper .about-top-section .about-top-inner {
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 60px;
    }
}

.about-top-wrapper .about-top-section .about-top-inner p {

    color: white;
    font-size: 20px;
    font-weight: 300;
}

@media (max-width: 991px) {
    .about-top-wrapper .about-top-section .about-top-inner p {
        font-size: 16px;
    }
}

.about-top-wrapper .about-top-section .about-top-inner img {
    width: 100%;
}

.milestone-wrapper {
    padding-top: 30px;
}

.milestone-wrapper .milestone-title h2 {
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-size: 100px;
    font-weight: 500;

    margin-bottom: 50px;
}

@media (max-width: 991px) {
    .milestone-wrapper .milestone-title h2 {
        font-size: 60px;
        margin-bottom: 30px;
    }
}

.milestone-wrapper .milestone-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 15px;
    grid-column-gap: 15px;
}

@media (max-width: 991px) {
    .milestone-wrapper .milestone-inner {
        grid-template-columns: repeat(1, 1fr);
    }
}

.milestone-wrapper .milestone-inner .milestone-box {
    border: 1px solid #262626;
    padding: 15px 25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    transition: 0.3s ease-in-out;
}

@media (max-width: 991px) {
    .milestone-wrapper .milestone-inner .milestone-box {
        padding: 15px;
    }
}

.milestone-wrapper .milestone-inner .milestone-box:hover {
    background-color: rgba(102, 102, 102, 0.3);
}

.milestone-wrapper .milestone-inner .milestone-box .milestone-left {
    margin-right: 15px;
}

@media (max-width: 575px) {
    .milestone-wrapper .milestone-inner .milestone-box .milestone-left {
        display: none;
    }
}

.milestone-wrapper .milestone-inner .milestone-box .milestone-right p {
    margin-bottom: 0;

    font-weight: 300;
    font-size: 18px;
    color: white;
}

@media (max-width: 991px) {
    .milestone-wrapper .milestone-inner .milestone-box .milestone-right p {
        font-size: 16px;
    }
}

.about-mission-vision-wrapper {
    margin-bottom: 100px;
    margin-top: 70px;
}

@media (max-width: 991px) {
    .about-mission-vision-wrapper {
        margin-top: 60px;
        margin-bottom: 60px;
    }
}

.about-mission-vision-wrapper .about-mission-vision-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 30px;
    grid-column-gap: 30px;
}

@media (max-width: 991px) {
    .about-mission-vision-wrapper .about-mission-vision-inner {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 15px;
        grid-column-gap: 0px;
    }
}

.about-mission-vision-wrapper .about-mission-vision-inner .mission-vision-box {
    border: 1px solid #262626;
    padding: 40px 30px;
    transition: 0.3s ease-in-out;
}

@media (max-width: 991px) {
    .about-mission-vision-wrapper .about-mission-vision-inner .mission-vision-box {
        padding: 20px 15px;
    }
}

.about-mission-vision-wrapper .about-mission-vision-inner .mission-vision-box:hover {
    border-color: white;
}

.about-mission-vision-wrapper .about-mission-vision-inner .mission-vision-box .title-wrapper h2 {
    text-transform: uppercase;
    font-size: 120px;
    font-weight: 500;
    color: white;

    line-height: 100px;
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .about-mission-vision-wrapper .about-mission-vision-inner .mission-vision-box .title-wrapper h2 {
        font-size: 50px;
        line-height: 45px;
    }
}

.about-mission-vision-wrapper .about-mission-vision-inner .mission-vision-box .title-wrapper h2 span {
    color: #ee690e;
}

.about-mission-vision-wrapper .about-mission-vision-inner .mission-vision-box p {
    font-size: 20px;
    font-weight: 300;

    color: white;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .about-mission-vision-wrapper .about-mission-vision-inner .mission-vision-box p {
        font-size: 16px;
    }
}

.core-values-wrapper {
    padding-bottom: 100px;
}

@media (max-width: 991px) {
    .core-values-wrapper {
        padding-bottom: 60px;
    }
}

.core-values-wrapper .title-wrapper h2 {
    text-align: center;
    text-transform: uppercase;
    color: white;
    margin-bottom: 30px;

    font-size: 100px;
    font-weight: 500;
}

@media (max-width: 991px) {
    .core-values-wrapper .title-wrapper h2 {
        font-size: 50px;
    }
}

.core-values-wrapper .title-wrapper h2 span {
    color: #ee690e;
}

.core-values-wrapper .core-values-inner {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-row-gap: 15px;
    grid-column-gap: 15px;
}

@media (max-width: 1399px) {
    .core-values-wrapper .core-values-inner {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1199px) {
    .core-values-wrapper .core-values-inner {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991px) {
    .core-values-wrapper .core-values-inner {
        grid-template-columns: repeat(2, 1fr);
    }
}

.core-values-wrapper .core-values-inner .core-value-box {
    text-align: center;
    border: 1px solid #262626;
    padding: 30px;
    transition: 0.3s ease-in-out;
}

@media (max-width: 991px) {
    .core-values-wrapper .core-values-inner .core-value-box {
        padding: 15px;
    }
}

.core-values-wrapper .core-values-inner .core-value-box:hover {
    border-color: white;
}

.core-values-wrapper .core-values-inner .core-value-box .icon-box {
    min-height: 116px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 767px) {
    .core-values-wrapper .core-values-inner .core-value-box .icon-box img {
        max-width: 50px;
        min-height: unset;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .member {
        background-color: transparent;
        padding: 20px;
        width: 100%;
        text-align: center;
        overflow: hidden;
        display: inline-block;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        width: 49%;
        vertical-align: top;
        padding: 20px 5px;
    }

}

.core-values-wrapper .core-values-inner .core-value-box h6 {
    color: white;
    text-transform: uppercase;
    font-size: 36px;

    font-weight: 500;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .core-values-wrapper .core-values-inner .core-value-box h6 {
        font-size: 24px;
    }
}

/*# sourceMappingURL=style.css.map */

label.error {
    color: red !important;
    font-size: 14px !important;
}

/* Ensure that error messages are displayed below input fields */
.form-group label.error {
    display: block;
    margin-top: -20px;
    color: red;
    font-size: 12px;
}

/* Optional: Adjust the margin of the input fields to prevent overlap */
.form-group input.error,
.form-group select.error,
.form-group textarea.error {
    margin-bottom: 20px;
}

.page-banner-wrapper.page-detail-wrapper.thank_you_page {
    text-align: center;
    color: #fff;
    padding: 250px 0;
    margin-top: 0;
}

.thank_you_page h2 {
    font-size: 44px;
    margin-bottom: 20px;

}

.thank_you_page h5 {
    margin-bottom: 20px !important;
    color: #fff !important;
}

.getin {
    background: #ee690e;
    text-align: center;
    width: 12%;
    margin: 0 auto;
    margin-top: 60px;
    border-radius: 30px;
    color: #fff;
    padding: 0;
}

.getin a {
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
}

.contact-section-wrapper .contact-section-inner .contact-section-right form .form-group select {
    color: rgba(102, 102, 102, 0.5);
}

.contact-section-wrapper .contact-section-inner .contact-section-right form .form-group select.colorwhite {
    color: #fff;
}

.contact-section-wrapper .contact-section-inner .contact-section-right form .form-group select option {
    color: #666;
    opacity: 0.5;
}

header .header-inner-wrapper .header-desktop ul li:nth-child(5) {
    /*margin: 0 100px;*/
}

header .header-inner-wrapper .header-desktop ul li:nth-child(4) {
    margin: 0 00px;
}

.page-detail-inner.anthems h2 {
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-size: 100px;
    font-weight: 500;

    margin-bottom: 25px;
}

.anthems-musiq {
    padding-bottom: 100px;
    text-align: center;
}

.anthems-big {
    width: 100%;
    margin-bottom: 20px;
    transition: 0.5s;
}

.anthems-box h5 {
    font-size: 21px;
    font-weight: 600;
    margin: 0 0px;
    text-align: left;
    border-bottom: 1px solid #474646;
    padding-bottom: 7px;
    margin-bottom: 2px;
    transition: 0.5s;
}

.d-2 {
    display: flex;
    align-items: center;
}

.d-4 {
    margin-left: 15px;
    width: 74%;
    text-align: left;
}

.d-4 p {
    margin-bottom: 0;
    font-size: 14px;
}

.anthems-detail a {
    transition: 0.5s ease-in-out;
}

.anthems-detail a:hover {
    color: #be540b;
}

.anthems-detail a:hover .anthems-box h5 {
    border-color: #be540b;
}

.anthems-detail a:hover .anthems-big {
    box-shadow: 0px 0 30px #be540b;
}

.anthems-detail {
    margin: 10px;
    margin-bottom: 50px;
}

.anthems-detail,
.anthems-box {
    position: relative;
    transition: 0.5s ease-in-out;
}

.anthems-logo {
    width: 85px;

}

.pro-banner {
    background-image: url(../assets/images/our-projects/Banner1.jpg);
    position: relative;
}

.amrit-bg {
    position: relative;
    background-image: url(../assets/images/home/Tashkent.jpg);
    background-position: top;
}

.amrit-bg-cis {
    position: relative;
    background-image: url(../assets/images/about/cis-region.jpg);
    background-position: top;
}

.pro-banner::before,
.amrit-banner::before {
    background-color: rgba(17, 13, 13, 0.20);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    display: block;
    content: '';
}

.amrit-banner {
    background-image: url(../assets/images/bharat-ka-amrit/Banner1.jpg);
    position: relative;
}


.service-detail-wrapper .service-detail-inner .amrit-top::before {
    position: absolute;
    left: -50px;
    top: 0;
    width: 74%;
    height: 100%;
    content: "";
    background-color: black;
    z-index: -1;
}

.anthems-box svg {
    position: absolute;
    top: 35%;
    width: 50px;
    fill: #fff;
    border-radius: 50%;
    left: 43%;
    transition: 0.5s;
}

.anthems-detail a:hover .anthems-box svg {
    fill: #be540b;
}


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

    .page-detail-inner.anthems h2 {
        font-size: 50px;
    }

}

@media (min-width: 575px) and (max-width: 767px) {
    .d-2 {
        display: unset;
        align-items: center;
    }

    .anthems-box svg {
        position: absolute;
        top: 22%;
        width: 40px;
        border-radius: 50%;
        left: 38%;
        transition: 0.5s;
    }

    .anthems-box h5 {
        font-size: 18px;
        font-weight: 600;
        margin: 0 0px;
        margin-left: 0;
        text-align: center;
        margin-top: 20px;
    }

    .d-4 {
        margin-left: 0;
        width: auto;
        text-align: center;
    }
}

@media (min-width: 1400px) and (max-width: 1700px) {

    .vision-mission .mission .mission-right .mission-right-inner p,
    .vision-mission .vision .vision-left .vision-left-inner p {
        font-size: 18px;
    }

    .vision-mission .mission .mission-right .mission-right-inner h2,
    .vision-mission .vision .vision-left .vision-left-inner h2 {
        font-size: 80px;
        line-height: 70px;
    }

}

@media (min-width: 220px) and (max-width: 766px) {

    header .header-mobile-section .mobile-header-inner-wrapper .home-mobile-section-left a {
        display: block;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .carousel-caption .mobile-banner-logo img {
        display: none;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .carousel-caption {
        width: 100%;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .buttons {
        margin-top: -50px;
        position: relative;
        z-index: 2;
        display: flex;
        justify-content: center;
        width: 100%;
    }

}

.footer-cstm .quick-links {
    position: relative;
    left: 1%;
}

textarea {
    resize: vertical;
    margin-bottom: 15px !important;
}

.submit-btn {
    margin-top: 0 !important;
    text-transform: uppercase;
    font-size: 20px;
}

header .header-inner-wrapper .header-desktop ul li .active {
    color: #ffd700;
    border-bottom: 2px solid #FFD700;
    text-decoration: none;
}

.submit-btn.btnraji {
    margin-top: -47px !important;
    text-transform: uppercase;
    font-size: 20px;
    transition: 0.5s;
}

.submit-btn.btnraji:hover {
    background-color: transparent;
    color: #FFD700;
    border: 2px solid #FFD700;
}

select {
    -webkit-appearance: none;
    appearance: none;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%23666d81" d="M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z"/></svg>') right 1rem center/40px 15px no-repeat !important;
    background-color: rgba(0, 0, 0, 0);
    background-position-x: right 1rem;
    background-position-y: center;
    background-repeat: no-repeat;
    background-repeat: no-repeat !important;
    background-position: right !important;
    background-color: #561e71 !important;
    color: #b5a3c0 !important;
}

.form-group input,
.form-group select,
.form-group textarea,
.form-group1 select {
    color: #b5a3c0;
}

input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 0;
}

.form-group1 select {
    width: 100%;
    padding: 10px;
    border: medium;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.2);
    color: white;
    margin: 10px 0;
    background-color: #521b6c !important;
}

.form-group {
    margin-bottom: 20px;
}

.carousel-indicators {
    bottom: -59px;
}

.full {
    margin-bottom: 0;
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.2);
    color: white;
    margin: 0px 0px;
}

.category-group {
    padding: 0;
}

.submit-group {
    padding: 20px 0;
}

.quick-links h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #8e44ad;
}

.footer-cstm .write-us h3 {
    font-size: 20px;
    font-weight: bold;
    color: #8e44ad;
    margin-top: -70px;
}

.category-group {
    position: relative;
}

.home-about-paragraph .home-about-inner p {
    margin-bottom: 0;
    text-align: justify;
    color: black;
    font-size: 18px;
    width: 85%;
    font-weight: 400;
    margin-left: auto;
    margin-right: auto;
    line-height: 30px;
}

.contact-section-content {
    padding: 100px !important;
}

.container-cis .mm {
    display: none;
}

@media (min-width: 220px) and (max-width: 480px) {
    .newp {
        text-align: justify;
        padding: 0 0px;
    }

    #navbar .top-section,
    #navbar .bottom-section {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .container-cis .dd {
        display: none;
    }

    .container-cis .mm {
        display: block;
    }

    #navbar .top-section {
        height: auto;
        margin-top: 10px;
    }

    header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas {
        background-color: black;
        min-height: 100vh;
        width: 100%;
    }

    .page-banner-wrapper.about-banner::before {
        display: none;
    }

    .carousel-indicators {
        bottom: -59px;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .image-logo {
        margin-left: 10%;
        margin-top: 45%;
        width: 100%;
        margin-bottom: 5%;
        margin-right: auto;
        text-align: center;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .buttons {
        margin-top: -50px;
        position: relative;
        z-index: 2;
        display: flex;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .buttons a {
        padding: 10px 25px 10px;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .carousel-caption {
        right: unset;
        bottom: unset;
        top: 0;
        left: 0;
        transform: none;
        padding-bottom: 0;
        padding-top: 0px;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .buttons .btn-first {
        font-size: 16px;
    }

    .one {
        background-image: url(../assets/images/home/banner_mobile.jpg);
        background-size: 100%;
        background-position: top;
        background-repeat: no-repeat;
        height: 450px;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .mobile-image {
        display: none !important;
    }

    .home-about-paragraph {
        background-color: white;
        margin: 0px auto;
        display: block;
    }

    .home-about-paragraph .home-about-image {
        margin: auto;
        text-align: center;
        margin-bottom: 25px;
        margin-top: 30px;
    }

    .home-about-paragraph .home-about-inner .title-main {
        font-size: 30px;
        line-height: normal;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper {
        position: relative;
        top: 15%;
        background-color: rgba(130, 62, 137, 0.8);
        padding: 20px;
        opacity: 6.5;

    }

    .banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper {
        top: -25px;
        bottom: unset;
        transform: unset;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper .info-flex {
        display: block;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper h2 {
        font-size: 30px;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper h2 br,
    .banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper h2 br {
        display: none;
    }

    .banner-left-section .left-banner-inner .container .banner-left-inner {
        display: block;
    }

    .banner-left-section .left-banner-inner .banner-left-inner .content-wrapper {
        position: unset !important;
        padding: 50px 0;
    }

    .banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper {
        transform: none;
    }

    .banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper h2 {
        font-size: 30px;
    }

    .banner-left-section .left-banner-inner .banner-left-inner {
        min-height: 500px;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .subtitle {
        line-height: normal;
        font-size: 30px;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .team {
        display: block;
    }

    .buttons {
        display: flex;
        justify-content: center;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .buttons .btn-first {
        font-size: 16px;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .buttons a {
        padding: 5px 20px 5px;
    }

    .carousel-indicators img {
        display: none;
    }

    .container-logos {
        display: block;
    }

    .banner-left-section .left-banner-inner .banner-left-inner h1 {
        color: #6a1b9a;
        font-size: 30px;
        margin: 0;
        padding: 40px 0;
        font-weight: 600;
        text-align: center;
    }

    .footer-cstm {
        display: block;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        background-color: #fdf6e3;
        position: relative;
    }

    .footer-cstm .write-us h3 {
        font-size: 20px;
        font-weight: bold;
        color: #8e44ad;
        margin-top: 35px;
    }

    .footer-cstm .quick-links .quick-links-flex {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 30px;
    }

    .footer-cstm .logo {
        display: flex;
        align-items: center;
        margin-bottom: 50px;
    }

    .footer-cstm .write-us ul li:first-child a,
    .footer-cstm .write-us ul li:first-child {
        margin-left: 0;
    }

    .footer-cstm .write-us {
        padding-bottom: 30px;
    }

    .about-banner {
        height: 300px;
    }

    .page-banner-wrapper .page-banner-title h2 {
        padding: 0;
        line-height: normal;
        margin-top: 40%;
    }

    .container-cis {
        display: block;
        padding: 0;
        margin: 0 auto;
        color: white;
        width: 100%;
    }

    .container-cis .header {
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 20px;
        line-height: normal;
    }

    .container-cis .header br {
        display: none;
    }

    .container-cis .text-content {
        flex: 1;
        padding-right: 20px;
        margin: 0;
        padding: 0 15px;
        text-align: justify;
    }

    .container-cis .image-wrapper {
        position: relative;
        margin: 0;
        margin-bottom: 0px;
        margin-bottom: 45px;
    }

    .banner-left-section .left-banner-inner .container .about-cstm {
        display: block !important;
        flex-direction: row !important;
        left: 0;
    }

    .banner-left-section .left-banner-inner .container .about-cstm .images-about {
        margin-top: 0;
        padding-top: 50px;
    }

    .images-about img {
        width: 100%;
    }

    .right-banner-inner {
        padding-top: 50px;
    }

    .page-banner-wrapper.contact-banner::before {
        display: none;
    }

    .contact-banner {
        height: 300px;
    }

    .contact-section-content {
        padding: 0 !important;
        padding-bottom: 50px !important;
    }

    .contact-section-content .header {
        margin-bottom: 0;
    }

    .contact-section-content .header {
        padding: 50px 0 !important;
        font-size: 50px !important;
        line-height: normal;
    }

    .banner-left-section .left-banner-inner {
        padding-bottom: 50px;
    }

    header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas .offcanvas-body ul li .active {
        color: #f5c31d;
    }

    .contact-section-content .hed1 {
        font-size: 25px !important;
    }

    .contact-section-content .section {
        display: block;
        width: 100%;
        vertical-align: top;
        margin: 0;
        text-align: left;
        margin-bottom: 30px;
    }

    .contact-section-content .name br,
    .section br {
        display: none;
    }

    .contact-section-wrapper .contact-section-inner {
        display: block;
    }

    .contact-section-cstm .contact-container {
        display: block;
        width: 100%;
        max-width: 100%;
        border-radius: 10px;
        overflow: hidden;
        gap: 30px;
    }

    .contact-section-cstm {
        margin: 0;
        display: block;
        justify-content: center;
        align-items: center;
        height: auto;
    }

    .contact-section-wrapper .form-container {
        padding: 0;
        border-radius: 10px;
        width: 90%;
        position: relative;
        top: 0;
    }

    .form-group input,
    .form-group select,
    .form-group textarea {
        margin-bottom: 20px;
    }

    .form-group {
        margin-bottom: 0;
    }

    .contact-section-cstm .image-section,
    .contact-section-cstm .form-section {
        width: 100%;
    }

    .contact-section-cstm .form-section {
        padding: 15px;
        display: block;
    }

    .category-group {
        display: inline-block;
    }

    .category-group label {
        display: inline-block;
        align-items: center;
        font-size: 18px;
        width: 45%;
    }

    .category-group .selct {
        display: block;
        margin: 0 0;
        margin-bottom: 10px;
    }

    .submit-group {
        display: block;
    }

    .submit-group button {
        width: 100%;
    }

    header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas .offcanvas-header {
        padding: 25px;
        margin-bottom: 5px;
    }

    header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas .offcanvas-body {
        line-height: 40px;
    }

    .container-cis .content {
        margin-bottom: 0;
        padding-bottom: 50px;
    }

    .container-cis1 .content {
        margin-bottom: 0;
        padding-bottom: 0px;
    }

    .banner-left-section .left-banner-inner .banner-left-inner .container-cis1 {
        padding: 0px 0;
    }

    .content.newcontent ul {
        display: block;
    }

    .content.newcontent ul li {
        display: inline-block;
        width: 42%;
        margin: 10px;
    }

    .content.newcontent ul li:first-child {
        margin-left: 10px;
    }

    .content.newcontent ul li:last-child {
        margin-right: 10px;
    }

}

@media (min-width: 481px) and (max-width: 768px) {

    #navbar .top-section,
    #navbar .bottom-section {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .newp {
        text-align: justify;
        padding: 0 0px;
    }

    .banner-left-section .left-banner-inner {
        padding-bottom: 50px;
    }

    #navbar .top-section {
        height: auto;
        margin-top: 10px;
    }

    header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas {
        background-color: black;
        min-height: 100vh;
        width: 100%;
    }

    .page-banner-wrapper.about-banner::before {
        display: none;
    }

    .carousel-indicators {
        bottom: -59px;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .image-logo {
        margin-left: 10%;
        margin-top: 8%;
        width: 60%;
        margin-bottom: 5%;
        margin-right: auto;
        text-align: center;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .buttons {
        margin-top: -50px;
        position: relative;
        z-index: 2;
        display: flex;
        justify-content: center;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .buttons a {
        padding: 10px 25px 10px;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .carousel-caption {
        right: unset;
        bottom: unset;
        top: 0;
        left: 0;
        transform: none;
        padding-bottom: 0;
        padding-top: 0px;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .buttons .btn-first {
        font-size: 16px;
    }

    .one {
        background-image: url(../assets/images/home/banner.jpg);
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
        height: 390px;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .mobile-image {
        display: none !important;
    }

    .home-about-paragraph {
        background-color: white;
        margin: 0px auto;
        display: block;
    }

    .home-about-paragraph .home-about-image {
        margin: auto;
        text-align: center;
        margin-bottom: 25px;
        margin-top: 30px;
    }

    .home-about-paragraph .home-about-inner .title-main {
        font-size: 30px;
        line-height: normal;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper {
        position: relative;
        top: 15%;
        background-color: rgba(130, 62, 137, 0.8);
        padding: 20px;
        opacity: 6.5;

    }

    .banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper {
        top: 50%;
        bottom: unset;
        transform: unset;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper .info-flex {
        display: block;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper h2 {
        font-size: 30px;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper h2 br,
    .banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper h2 br {
        display: none;
    }

    .banner-left-section .left-banner-inner .container .banner-left-inner {
        display: block;
    }

    .banner-left-section .left-banner-inner .banner-left-inner .content-wrapper {
        position: unset !important;
        padding: 50px 0;
    }

    .banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper {
        transform: none;
    }

    .banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper h2 {
        font-size: 30px;
    }

    .banner-left-section .left-banner-inner .banner-left-inner {
        min-height: 500px;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .subtitle {
        line-height: normal;
        font-size: 30px;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .team {
        display: block;
    }

    .buttons {
        display: flex;
        justify-content: center;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .buttons .btn-first {
        font-size: 16px;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .buttons a {
        padding: 5px 20px 5px;
    }

    .carousel-indicators img {
        display: none;
    }

    .container-logos {
        display: block;
    }

    .banner-left-section .left-banner-inner .banner-left-inner h1 {
        color: #6a1b9a;
        font-size: 30px;
        margin: 0;
        padding: 40px 0;
        font-weight: 600;
        text-align: center;
    }

    .footer-cstm {
        display: block;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        background-color: #fdf6e3;
        position: relative;
    }

    .footer-cstm .write-us h3 {
        font-size: 20px;
        font-weight: bold;
        color: #8e44ad;
        margin-top: 35px;
    }

    .footer-cstm .quick-links .quick-links-flex {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 30px;
    }

    .footer-cstm .logo {
        display: flex;
        align-items: center;
        margin-bottom: 50px;
    }

    .footer-cstm .write-us ul li:first-child a,
    .footer-cstm .write-us ul li:first-child {
        margin-left: 0;
    }

    .footer-cstm .write-us {
        padding-bottom: 30px;
    }

    .about-banner {
        height: 300px;
    }

    .page-banner-wrapper .page-banner-title h2 {
        padding: 0;
        line-height: normal;
        margin-top: 25%;
    }

    .container-cis {
        display: block;
        padding: 0;
        margin: 0 auto;
        color: white;
        width: 100%;
    }

    .container-cis .header {
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 20px;
        line-height: normal;
    }

    .container-cis .header br {
        display: none;
    }

    .container-cis .text-content {
        flex: 1;
        padding-right: 20px;
        margin: 0;
        padding: 0 15px;
        text-align: justify;
    }

    .container-cis .image-wrapper {
        position: relative;
        margin: 0;
        margin-bottom: 0px;
        margin-bottom: 45px;
    }

    .banner-left-section .left-banner-inner .container .about-cstm {
        display: block !important;
        flex-direction: row !important;
        left: 0;
    }

    .banner-left-section .left-banner-inner .container .about-cstm .images-about {
        margin-top: 0;
        padding-top: 50px;
    }

    .images-about img {
        width: 100%;
    }

    .right-banner-inner {
        padding-top: 50px;
    }

    .page-banner-wrapper.contact-banner::before {
        display: none;
    }

    .contact-banner {
        height: 300px;
    }

    .contact-section-content {
        padding: 0 !important;
    }

    .contact-section-content .header {
        padding: 50px 0 !important;
        font-size: 50px !important;
        line-height: normal;
    }

    header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas .offcanvas-body ul li .active {
        color: #ee690e;
    }

    .contact-section-content .hed1 {
        font-size: 25px !important;
    }

    .contact-section-content .section {
        display: block;
        width: 100%;
        vertical-align: top;
        margin: 0;
        text-align: left;
        margin-bottom: 30px;
    }

    .contact-section-content .name br,
    .section br {
        display: none;
    }

    .contact-section-wrapper .contact-section-inner {
        display: block;
    }

    .contact-section-cstm .contact-container {
        display: block;
        width: 100%;
        max-width: 100%;
        border-radius: 10px;
        overflow: hidden;
        gap: 30px;
    }

    .contact-section-cstm {
        margin: 0;
        display: block;
        justify-content: center;
        align-items: center;
        height: auto;
    }

    .contact-section-wrapper .form-container {
        padding: 0;
        border-radius: 10px;
        width: 90%;
        position: relative;
        top: 0;
    }

    .form-group input,
    .form-group select,
    .form-group textarea {
        margin-bottom: 20px;
    }

    .form-group {
        margin-bottom: 0;
    }

    .contact-section-cstm .image-section,
    .contact-section-cstm .form-section {
        width: 100%;
    }

    .contact-section-cstm .form-section {
        padding: 15px;
        display: block;
    }

    .category-group {
        display: flex;
    }

    .submit-group {
        display: flex;
    }

    .container-cis .content {
        margin-bottom: 0;
        padding-bottom: 50px;
    }

    .container-cis1 .content {
        margin-bottom: 0;
        padding-bottom: 0px;
    }

}

@media (min-width: 769px) and (max-width: 991px) {

    #navbar .top-section,
    #navbar .bottom-section {
        display: flex;
        align-items: center;
        width: 100%;
    }

    #navbar .top-section {
        height: auto;
        margin-top: 10px;
    }

    header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas {
        background-color: black;
        min-height: 100vh;
        width: 100%;
    }

    .page-banner-wrapper.about-banner::before {
        display: none;
    }

    .carousel-indicators {
        bottom: -59px;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .image-logo {
        margin-left: 10%;
        margin-top: 18%;
        width: 50%;
        margin-bottom: 5%;
        margin-right: auto;
        text-align: center;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .buttons {
        margin-top: -50px;
        position: relative;
        z-index: 2;
        display: flex;
        justify-content: center;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .buttons a {
        padding: 10px 25px 10px;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .carousel-caption {
        right: unset;
        bottom: unset;
        top: 0;
        left: 0;
        transform: none;
        padding-bottom: 0;
        padding-top: 0px;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .buttons .btn-first {
        font-size: 16px;
    }

    .one {
        background-image: url(../assets/images/home/banner.jpg);
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
        height: 500px;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .mobile-image {
        display: none !important;
    }

    .home-about-paragraph {
        background-color: white;
        margin: 0px auto;
        display: block;
    }

    .home-about-paragraph .home-about-image {
        margin: auto;
        text-align: center;
        margin-bottom: 25px;
        margin-top: 30px;
    }

    .home-about-paragraph .home-about-inner .title-main {
        font-size: 30px;
        line-height: normal;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper {
        position: relative;
        top: 15%;
        background-color: rgba(130, 62, 137, 0.8);
        padding: 20px;
        opacity: 6.5;

    }

    .banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper {
        top: -20px;
        bottom: unset;
        transform: unset;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper .info-flex {
        display: block;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper h2 {
        font-size: 30px;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper h2 br,
    .banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper h2 br {
        display: none;
    }

    .banner-left-section .left-banner-inner .container .banner-left-inner {
        display: block;
    }

    .banner-left-section .left-banner-inner .banner-left-inner .content-wrapper {
        position: unset !important;
        padding: 50px 0;
    }

    .banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper {
        transform: none;
    }

    .banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper h2 {
        font-size: 30px;
    }

    .banner-left-section .left-banner-inner .banner-left-inner {
        min-height: auto;
        padding-bottom: 50px !important;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .subtitle {
        line-height: normal;
        font-size: 30px;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .team {
        display: inline-block;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .member {
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }

    .buttons {
        display: flex;
        justify-content: center;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .buttons .btn-first {
        font-size: 16px;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .buttons a {
        padding: 5px 20px 5px;
    }

    .carousel-indicators img {
        display: none;
    }

    .container-logos {
        display: flex;
    }

    .banner-left-section .left-banner-inner .banner-left-inner h1 {
        color: #6a1b9a;
        font-size: 30px;
        margin: 0;
        padding: 40px 0;
        font-weight: 600;
        text-align: center;
    }

    .footer-cstm .logo img {
        height: auto;
        display: block;
    }

    .footer-cstm .quick-links {
        position: relative;
        left: -10px;
    }

    .footer-cstm {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        background-color: #fdf6e3;
        position: relative;
    }

    .footer-cstm .write-us h3 {
        font-size: 20px;
        font-weight: bold;
        color: #8e44ad;
        margin-top: 35px;
    }

    .footer-cstm .quick-links .quick-links-flex {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 30px;
    }

    .footer-cstm .logo {
        display: flex;
        align-items: center;
        margin-bottom: 50px;
    }

    .footer-cstm .write-us ul li:first-child a,
    .footer-cstm .write-us ul li:first-child {
        margin-left: 0;
    }

    .footer-cstm .write-us {
        padding-bottom: 30px;
    }

    .about-banner {
        height: 300px;
    }

    .page-banner-wrapper .page-banner-title h2 {
        padding: 0;
        line-height: normal;
        margin-top: 25%;
    }

    .container-cis {
        display: block;
        padding: 0;
        margin: 0 auto;
        color: white;
        width: 100%;
    }

    .container-cis .header {
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 20px;
        line-height: normal;
    }

    .container-cis .header br {
        display: none;
    }

    .container-cis .text-content {
        flex: 1;
        padding-right: 20px;
        margin: 0;
        padding: 0 15px;
        text-align: justify;
    }

    .container-cis .image-wrapper {
        position: relative;
        margin: 0;
        margin-bottom: 0px;
        margin-bottom: 45px;
    }

    .banner-left-section .left-banner-inner .container .about-cstm {
        display: flex !important;
        flex-direction: row !important;
        left: 0;
    }

    .banner-left-section .left-banner-inner .container .about-cstm .images-about {
        margin-top: 0;
        padding-top: 50px;
        margin-right: 24px;
    }

    .images-about img {
        width: 100%;
    }

    .right-banner-inner {
        padding-top: 50px;
    }

    .page-banner-wrapper.contact-banner::before {
        display: none;
    }

    .contact-banner {
        height: 300px;
    }

    .contact-section-content {
        padding: 0 !important;
    }

    .contact-section-content .header {
        padding: 50px 0 !important;
        font-size: 50px !important;
        line-height: normal;
    }

    header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas .offcanvas-body ul li .active {
        color: #ee690e;
    }

    .contact-section-content .hed1 {
        font-size: 25px !important;
    }

    .contact-section-content .section {
        display: block;
        width: 100%;
        vertical-align: top;
        margin: 0;
        text-align: left;
        margin-bottom: 30px;
    }

    .contact-section-content .name br,
    .section br {
        display: none;
    }

    .contact-section-wrapper .contact-section-inner {
        display: block;
    }

    .contact-section-cstm .contact-container {
        display: block;
        width: 100%;
        max-width: 100%;
        border-radius: 10px;
        overflow: hidden;
        gap: 30px;
    }

    .contact-section-cstm {
        margin: 0;
        display: block;
        justify-content: center;
        align-items: center;
        height: auto;
    }

    .contact-section-wrapper .form-container {
        padding: 0;
        border-radius: 10px;
        width: 90%;
        position: relative;
        top: 0;
    }

    .form-group input,
    .form-group select,
    .form-group textarea {
        margin-bottom: 20px;
    }

    .form-group {
        margin-bottom: 0;
    }

    .contact-section-cstm .image-section,
    .contact-section-cstm .form-section {
        width: 100%;
    }

    .contact-section-cstm .form-section {
        padding: 15px;
        display: block;
    }

    .category-group {
        display: flex;
    }

    .submit-group {
        display: flex;
    }

    header .header-inner-wrapper .header-desktop ul {
        margin: 5px 5px 5px 0;
    }

    header .header-inner-wrapper .header-desktop ul li .registration {
        padding: 10px 10px;
        margin-left: 0;
    }

    header .header-inner-wrapper .header-desktop ul li a {
        font-size: 13px;
    }

    header {
        padding: 0 0;
    }


}

@media (min-width: 991px) and (max-width: 1200px) {

    #navbar .top-section,
    #navbar .bottom-section {
        display: flex;
        align-items: center;
        width: 100%;
    }

    #navbar .top-section {
        height: auto;
        margin-top: 10px;
    }

    header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas {
        background-color: black;
        min-height: 100vh;
        width: 100%;
    }

    .page-banner-wrapper.about-banner::before {
        display: none;
    }

    .carousel-indicators {
        bottom: -59px;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .image-logo {
        margin-left: 10%;
        margin-top: 18%;
        width: 50%;
        margin-bottom: 5%;
        margin-right: auto;
        text-align: center;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .buttons {
        margin-top: -50px;
        position: relative;
        z-index: 2;
        display: flex;
        justify-content: center;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .buttons a {
        padding: 10px 25px 10px;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .carousel-caption {
        right: unset;
        bottom: unset;
        top: 0;
        left: 0;
        transform: none;
        padding-bottom: 0;
        padding-top: 0px;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .buttons .btn-first {
        font-size: 16px;
    }

    .one {
        background-image: url(../assets/images/home/banner.jpg);
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
        height: 500px;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .mobile-image {
        display: none !important;
    }

    .home-about-paragraph .home-about-image {
        margin: auto;
        text-align: center;
        margin-bottom: 25px;
        margin-top: 30px;
    }

    .home-about-paragraph .home-about-inner .title-main {
        font-size: 30px;
        line-height: normal;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper {
        position: relative;
        top: 15%;
        background-color: rgba(130, 62, 137, 0.8);
        padding: 20px;
        opacity: 6.5;

    }

    .banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper {
        bottom: unset;
        transform: unset;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper .info-flex {
        display: block;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper h2 {
        font-size: 30px;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .banner-title-wrapper h2 br,
    .banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper h2 br {
        display: none;
    }

    .banner-left-section .left-banner-inner .container .banner-left-inner {
        display: block;
    }

    .banner-left-section .left-banner-inner .banner-left-inner .content-wrapper {
        position: unset !important;
        padding: 50px 0;
    }

    .banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper {
        transform: none;
    }

    .banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper h2 {
        font-size: 30px;
    }

    .banner-left-section .left-banner-inner .banner-left-inner {
        min-height: auto;
        padding-bottom: 50px !important;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .subtitle {
        line-height: normal;
        font-size: 30px;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .buttons .btn-first {
        font-size: 16px;
    }

    .banner-right-section .right-banner-inner .banner-right-inner .buttons a {
        padding: 5px 20px 5px;
    }

    .carousel-indicators img {
        display: none;
    }

    .container-logos {
        display: flex;
    }

    .banner-left-section .left-banner-inner .banner-left-inner h1 {
        color: #6a1b9a;
        font-size: 30px;
        margin: 0;
        padding: 40px 0;
        font-weight: 600;
        text-align: center;
    }

    .footer-cstm .logo img {
        height: auto;
        display: block;
    }

    .footer-cstm .quick-links {
        position: relative;
        left: -10px;
    }

    .footer-cstm {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        background-color: #fdf6e3;
        position: relative;
    }

    .footer-cstm .write-us h3 {
        font-size: 20px;
        font-weight: bold;
        color: #8e44ad;
        margin-top: 35px;
    }

    .footer-cstm .quick-links .quick-links-flex {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 30px;
    }

    .footer-cstm .logo {
        display: flex;
        align-items: center;
        margin-bottom: 50px;
    }

    .footer-cstm .write-us ul li:first-child a,
    .footer-cstm .write-us ul li:first-child {
        margin-left: 0;
    }

    .footer-cstm .write-us {
        padding-bottom: 30px;
    }

    .about-banner {
        height: 330px;
    }

    .page-banner-wrapper .page-banner-title h2 {
        padding: 0;
        line-height: normal;
        margin-top: 16%;
    }

    .container-cis .header {
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 20px;
        line-height: normal;
    }

    .container-cis .header br {
        display: none;
    }

    .container-cis .text-content {
        flex: 1;
        padding-right: 20px;
        margin: 0;
        padding: 0 15px;
        text-align: justify;
    }

    .container-cis .image-wrapper {
        position: relative;
        margin: 0;
        margin-bottom: 0px;
        margin-bottom: 45px;
    }

    .banner-left-section .left-banner-inner .container .about-cstm {
        display: flex !important;
        flex-direction: row !important;
        left: 0;
    }

    .banner-left-section .left-banner-inner .container .about-cstm .images-about {
        margin-top: 0;
        padding-top: 50px;
        margin-right: 24px;
    }

    .images-about img {
        width: 100%;
    }

    .right-banner-inner {
        padding-top: 50px;
    }

    .page-banner-wrapper.contact-banner::before {
        display: none;
    }

    .contact-banner {
        height: 300px;
    }

    .contact-section-content {
        padding: 0 !important;
    }

    .contact-section-content .header {
        padding: 50px 0 !important;
        font-size: 50px !important;
        line-height: normal;
    }

    header .header-mobile-section .mobile-header-inner-wrapper .mobile-section-right .offcanvas .offcanvas-body ul li .active {
        color: #ee690e;
    }

    .contact-section-content .hed1 {
        font-size: 25px !important;
    }

    .contact-section-content .name br,
    .section br {
        display: none;
    }

    .contact-section-wrapper .contact-section-inner {
        display: block;
    }

    .contact-section-cstm {
        margin: 0;
        display: block;
        justify-content: center;
        align-items: center;
        height: auto;
    }

    .contact-section-wrapper .form-container {
        padding: 0;
        border-radius: 10px;
        width: 90%;
        position: relative;
        top: 0;
    }

    .form-group input,
    .form-group select,
    .form-group textarea {
        margin-bottom: 20px;
    }

    .form-group {
        margin-bottom: 0;
    }

    .contact-section-cstm .image-section,
    .contact-section-cstm .form-section {
        width: 100%;
    }

    .contact-section-cstm .form-section {
        padding: 15px;
        display: block;
    }

    header .header-inner-wrapper .header-desktop ul li .registration {
        padding: 10px 10px;
        margin-left: 0;
    }

    header .header-inner-wrapper .header-desktop ul li a {
        font-size: 13px;
    }

    header {
        padding: 0 0;
    }
}

@media (min-width: 1201px) and (max-width: 1650px) {

    header .header-inner-wrapper .header-desktop ul {
        margin: 5px 5px 5px 250px;
    }

    header .header-inner-wrapper .header-desktop ul li .registration {
        margin-left: 0;
    }

}

@media (min-width: 220px) and (max-width: 1200px) {
    .banner-left-section .left-banner-inner .banner-left-inner .content-about {
        width: 100%;
    }
}

.hometopbg .header-desktop .top {
    display: block;
}

/*.header-desktop .top {
	display: none;
}
.hometopbg  .header-desktop .top{
    display: block;
  }
  
  .header-mobile-section .top {
	display: none;
}
.hometopbg  .header-mobile-section .top{
    display: block;
  }*/



.coming-soon-note {
    text-align: center;
    margin-top: 30px;
    padding: 15px;
}
.coming-soon-note p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 30px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.coming-soon-note .dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #4CAF50;
    border-radius: 50%;
    animation: blink 1.5s infinite;
}
@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}



/* Register Form  */
.agree-check-wrapper .form-check {
    margin-bottom: 0;
    display: flex;
    /* align-items: center; */
    gap: 10px;
}

.agree-check-wrapper .form-check .form-check-input {
    width: 20px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    margin-top: 3px;
}
.accommodation-wrapper {
    position: relative;
}
.accommodation-wrapper #flexRadioDefault-error{
    position: absolute;
    bottom: -9px;
    margin-bottom: 0;
    left: 12px;
}

.accommodation-wrapper .accommodation-label {
    user-select: none;
    /* margin-bottom: 0; */
    color: rgba(255, 255, 255, 0.9);
    user-select: none;
}

.accommodation-wrapper .form-check {
    display: flex;
    flex-direction: row;
    /* align-items: center; */
    gap: 10px;
    cursor: pointer;
}

.accommodation-wrapper .form-check input {
    /* width: unset; */
    width: 20px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: none;
    margin-top: 3px;
    cursor: pointer;
}
.accommodation-wrapper .form-check  .form-check-input[type=radio]{
    border-radius: none;
    cursor: pointer;
}
.accommodation-wrapper .form-check .form-check-input:checked{
    background-color: #FFD700;
    border-color: #FFD700;
    box-shadow: none;
}
.accommodation-wrapper .form-check label{
    user-select: none !important;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 0;
}
.accommodation-inner{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
}

.agree-check-wrapper .form-check .form-check-input:focus {
    box-shadow: none;
}

.agree-check-wrapper .form-check-input:checked {
    background-color: #FFD700;
    border-color: #FFD700;
}

.agree-check-wrapper .form-check .form-check-label {
    user-select: none;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.9);
}

.agree-check-wrapper {
    position: relative;
    z-index: 1;
}

.agree-check-wrapper .form-check #agree-error {
    position: absolute;
    left: 12px;
    bottom: -9px;
    margin-bottom: 0;
}

.agree-check-wrapper {}

#specify-position-wrapper {
    display: none;
}

#others-country-wrapper {
    display: none;
}

#uzbekistan-country-wrapper {
    display: none;
}

@media(max-width: 1200px) {
    .agree-check-wrapper .form-check {
        align-items: unset;
    }

    .agree-check-wrapper .form-check .form-check-input {
        margin-top: 2px;
    }
}

/* Register Form  */


/* Correction 14 January 2025  */
.carousel-item-one {
    position: relative;
    z-index: 1;
}

.carousel-item-one::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #6a1b9a;
}

.hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .carousel-caption {
    z-index: 1;
}

.banner-left-section .left-banner-inner .banner-left-inner .banner-title-wrapper .content p {
    text-transform: uppercase;
}

.amrit-bg {
    background-image: url(../assets/images/home/hotel.png);
}

.banner-left-section .left-banner-inner .banner-left-inner h1 {
    margin-bottom: 0;
}

.banner-left-section .left-banner-inner .banner-left-inner .organizing-content-wrapper {
    padding-bottom: 52px;
}

.banner-left-section .left-banner-inner .banner-left-inner .organizing-content-wrapper p {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 8px;
    /* width: 85%; */
    text-align: justify;
}

.banner-left-section .left-banner-inner .banner-left-inner .organizing-content-wrapper p a {
    color: #6a1b9a;
    text-decoration: underline;
}

.banner-left-section .left-banner-inner .banner-left-inner .organizing-content-wrapper ul {}

.banner-left-section .left-banner-inner .banner-left-inner .organizing-content-wrapper ul li {}

.banner-left-section .left-banner-inner .banner-left-inner .organizing-content-wrapper ul li p {}

.banner-left-section .left-banner-inner .banner-left-inner .organizing-content-wrapper ul li p a {
    color: #6a1b9a;
    text-decoration: underline;
}

.organizing-committee-outer-wrappers {
    padding-bottom: 80px;
}

.banner-right-section .right-banner-inner .banner-right-inner .name {
    text-transform: uppercase;
}

.banner-right-section .right-banner-inner .banner-right-inner .role {
    margin-bottom: 0;
    min-height: 28.8px;
}

@media(max-width: 991px) {
    .banner-right-section .right-banner-inner .banner-right-inner .role {
        min-height: unset;
    }
}

.container-logos {
    /* display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px; */
}

.logo {
    margin: 0;
}

.bottom-container-logos {
    margin-top: 80px;
}

.container-logos .logo img {
    width: 100%;
}

.sponsors-logo-second-slider-wrapper {
    margin-top: 80px;
}

.owl-theme .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
    margin: 1px 2px;
}

.hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .buttons {
    margin-top: 15px;
}

.hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .image-logo {
    margin-left: 0;
    width: 85%;
}

.banner-bottom-img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
}

.footer-cstm .logo img {
    height: 70px;
}

.team-section-bg {
    background-image: unset;
    background-color: #6a1b9a;
}

.header-desktop a img {
    height: 70px;
}

.title-sponsors {}

.title-sponsors h1 {
    color: #6a1b9a;
    font-size: 40px;
    margin: 50px;
    padding: 60px;
    font-weight: 600;
    text-align: center;
}

.sponsors-logo-wrapper {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
}

.second-level-sponsors-logo-wrapper {
    margin-top: 100px;
    /*display: grid;*/
    /*grid-template-columns: repeat(6, 1fr);*/
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
}
.second-level-sponsors-logo-wrapper .logo{
    max-width: 205px;
}

@media(max-width: 1308px){
   .second-level-sponsors-logo-wrapper .logo{
    max-width: 180px;
    } 
}

@media(max-width: 1199px) {
    .accommodation-wrapper{
        margin-bottom: 10px;
    }
    .sponsors-logo-wrapper {
        padding: 50px 0;
        grid-template-columns: repeat(4, 1fr);
    }

    .second-level-sponsors-logo-wrapper {
        grid-template-columns: repeat(5, 1fr);
        padding-bottom: 50px;
        margin-top: 0;
    }

    .second-level-sponsors-logo-wrapper br {
        display: none;
    }

    /* .container-logos{
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    } */
    .banner-bottom-img {
        display: none;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .image-logo {
        width: 50%;
    }

}

@media(max-width: 991px) {
    .sponsors-logo-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }

    .second-level-sponsors-logo-wrapper {
        grid-template-columns: repeat(4, 1fr);

    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .image-logo {
        width: 35%;
        margin-bottom: 2%;
    }
}

@media(max-width: 767px) {
    /* .container-logos{
        grid-template-columns: repeat(2, 1fr);
    } */
    .second-level-sponsors-logo-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .second-level-sponsors-logo-wrapper .logo{
        max-width: 100%;
    }
}

@media(max-width: 480px) {
    .sponsors-logo-wrapper {
        grid-template-columns: repeat(2, 1fr);
        padding-bottom: 0;
    }
     

    .second-level-sponsors-logo-wrapper {
        padding-bottom: 0;
        margin-top: 50px;
    }

    .title-sponsors h1 {
        font-size: 30px;
        margin: 0;
        padding: 40px 0;
        font-weight: 600;
        text-align: center;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .image-logo {
        width: 60%;
    }

    .sponsors-logo-second-slider-wrapper {
        margin-top: 50px;
    }

    .hero-slider-wrapper .hero-slider .carousel-inner .carousel-item .image-logo {
        margin-top: 30%;
    }
}

/* Correction 14 January 2025  */

/* Correction 27 January 2025  */
@media(max-width: 767px){
    ::placeholder {
        font-size: 14px;
      }
}
/* Correction 27 January 2025  */


/* Program Page Style  */

.program-schedule-section{
    background-color: #fff;
}
.program-schedule-section .program-schedule-top-events{
    background-color: #570064;
    padding: 25px 0;
}
.program-schedule-section .program-schedule-top-events-inner{
    display: flex;
    flex-direction: row;
    gap: 50px;
}
.program-schedule-section .program-schedule-top-events-inner .events-date-wrapper{
    padding-right: 60px;
}
.program-schedule-section .program-schedule-top-events-inner .events-date-wrapper h5{
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 2px;
}
.program-schedule-section .program-schedule-top-events-inner .events-date-wrapper h6{
    color: #ffd700;
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 0;
}
.program-schedule-section .program-schedule-top-events-inner .events-place-wrapper{
    padding-left: 50px;
    border-left: 1px solid #ffd700;
}
.program-schedule-section .program-schedule-top-events-inner .events-place-wrapper h5{
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 2px;
}
.program-schedule-section .program-schedule-top-events-inner .events-place-wrapper h6{
    color: #ffd700;
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 0;
}
.program-schedule-section .fullday-events-wrapper{
    padding-bottom: 30px;
}

.program-schedule-section .fullday-events-wrapper .fullday-events-inner{
    border-bottom: 3px solid #570064;
    padding-bottom: 60px;
}
.program-schedule-section .last-fullday-events-wrapper .fullday-events-inner{
    border-bottom: 0px solid transparent;
    padding-bottom: 30px;
    
}
.program-schedule-section .fullday-events-wrapper .fullday-events-inner .day-date-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 30px 0;
}
.program-schedule-section .fullday-events-wrapper .fullday-events-inner .day-date-wrapper .day-wrapper{
    display: flex;
    flex-direction: row;
    gap: 5px;
}
.program-schedule-section .fullday-events-wrapper .fullday-events-inner .day-date-wrapper .day-wrapper h3{
    color: #b70091;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 0;
    min-width: 75px;
    line-height: 1.6;
}
.program-schedule-section .fullday-events-wrapper .fullday-events-inner .day-date-wrapper .day-wrapper h4{
    color: #570064;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1.6;
}
.program-schedule-section .fullday-events-wrapper .fullday-events-inner .day-date-wrapper .date-wrapepr{
    display: flex;
    flex-direction: row;
    gap: 5px;
}
.program-schedule-section .fullday-events-wrapper .fullday-events-inner .day-date-wrapper .date-wrapepr h3{
    color: #b70091;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 0;
}
.program-schedule-section .fullday-events-wrapper .fullday-events-inner .day-date-wrapper .date-wrapepr h4{
    color: #570064;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
}
.program-schedule-section .fullday-events-wrapper .fullday-events-inner .time-events-wrapper{
    display: flex;
    flex-direction: row;
    gap: 15px;
    /* align-items: center; */
    padding-left: 15px;
    margin: 5px 0;
}
.program-schedule-section .fullday-events-wrapper .fullday-events-inner .time-events-wrapper .time-wrapper{
    width: 150px;
}
.program-schedule-section .fullday-events-wrapper .fullday-events-inner .time-events-wrapper .time-wrapper h5{
    margin-bottom: 0;
    font-size: 16px;
    color: #b70091;
    line-height: 1.8;
    font-weight: 600;
}
.program-schedule-section .fullday-events-wrapper .fullday-events-inner .time-events-wrapper .events-wrapper{
    width: calc(100% - 180px);
}
.program-schedule-section .fullday-events-wrapper .fullday-events-inner .time-events-wrapper .events-wrapper ul{
    margin: 0;
    padding: 0;
}
.program-schedule-section .fullday-events-wrapper .fullday-events-inner .time-events-wrapper .events-wrapper ol{
    margin: 0;
    padding-left: 20px;
}
.program-schedule-section .fullday-events-wrapper .fullday-events-inner .time-events-wrapper .events-wrapper ul li{
    list-style: none;
    padding-left: 10px;
    position: relative;
    z-index: 1;
}
.program-schedule-section .fullday-events-wrapper .fullday-events-inner .time-events-wrapper .events-wrapper ul li::before{
    position: absolute;
    left: 0;
    top: 13px;
    content: "";
    width: 5px;
    height: 1px;
    background-color: #570064;
}
.program-schedule-section .fullday-events-wrapper .fullday-events-inner .time-events-wrapper .events-wrapper p{
    margin-bottom: 0;
    color: #570064;
}
.program-schedule-section .fullday-events-wrapper .fullday-events-inner .time-events-wrapper .events-wrapper p span{
    color: #570064;
    font-weight: 600;
}
.program-schedule-section .fullday-events-wrapper .fullday-events-inner .session-wrapper{
    border: 2px solid #ffd700;
    border-radius: 9px;
    margin: 15px 0;
    display: flex;
    flex-direction: row;
    gap: 30px;
    overflow: hidden;
    align-items: center;
    position: relative;
    z-index: 1;
}
.program-schedule-section .fullday-events-wrapper .fullday-events-inner .session-wrapper::before{
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    height: 100%;
    content: "";
    background-color: #ffd700;
    z-index: -1;
}
.program-schedule-section .fullday-events-wrapper .fullday-events-inner .session-wrapper .session-left{
    background-color: #ffd700;
    padding: 10px 25px 10px 15px;
    width: 150px;
}
.program-schedule-section .fullday-events-wrapper .fullday-events-inner .session-wrapper .session-left h5{
    margin-bottom: 0;
    font-size: 24px;
    color: #b70091;
}
.program-schedule-section .fullday-events-wrapper .fullday-events-inner .session-wrapper .session-title{
    width: calc(100% - 180px);
    padding: 5px 0;
}
.program-schedule-section .fullday-events-wrapper .fullday-events-inner .session-wrapper .session-title h4{
    margin-bottom: 0;
    color: #570064;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.6;
    /* text-transform: uppercase; */
}
.program-schedule-section .undrline{
    text-decoration: underline;
}
.program-schedule-section .yellow-undrline{
    border: 2px solid #ffd700;
    padding: 5px;
    border-radius: 12px;
    background-color: #ffd700;
}


@media(max-width: 767px){
    .program-schedule-section .program-schedule-top-events-inner{
        flex-direction: column;
        gap: 20px;
    }
    .program-schedule-section .program-schedule-top-events-inner .events-place-wrapper{
        padding-left: 0;
        border-left: 0px solid transparent;
    }
    .program-schedule-section .fullday-events-wrapper .fullday-events-inner .day-date-wrapper{
        flex-direction: column;
        gap: 15px;
    }
    .program-schedule-section .fullday-events-wrapper .fullday-events-inner .day-date-wrapper .day-wrapper h3{
        font-size: 19px;
        min-width: 62px;
    }
    .program-schedule-section .fullday-events-wrapper .fullday-events-inner .day-date-wrapper .day-wrapper h4{
        font-size: 19px;
    }
    .program-schedule-section .fullday-events-wrapper .fullday-events-inner .day-date-wrapper .date-wrapepr h3{
        font-size: 19px;
    }
    .program-schedule-section .fullday-events-wrapper .fullday-events-inner .day-date-wrapper .date-wrapepr h4{
        font-size: 19px;
    }
    .program-schedule-section .fullday-events-wrapper .fullday-events-inner .time-events-wrapper{
        padding-left: 0;
        gap: 5px;
    }
    .program-schedule-section .fullday-events-wrapper .fullday-events-inner .time-events-wrapper .time-wrapper{
        width: 100px;
    }
    .program-schedule-section .fullday-events-wrapper .fullday-events-inner .time-events-wrapper .events-wrapper {
        width: calc(100% - 105px);
    }
    .program-schedule-section .fullday-events-wrapper .fullday-events-inner .session-wrapper .session-left h5{
        font-size: 18px;
    }
    .program-schedule-section .fullday-events-wrapper .fullday-events-inner .session-wrapper .session-title h4{
        font-size: 18px;
    }
    .program-schedule-section .fullday-events-wrapper .fullday-events-inner .session-wrapper .session-left{
        padding: 5px;
        width: 100%;
        text-align: center;
    }
    .program-schedule-section .fullday-events-wrapper .fullday-events-inner .session-wrapper::before{
        width: 100px;
        display: none;
    }
    .program-schedule-section .fullday-events-wrapper .fullday-events-inner .session-wrapper{
        gap: 10px;
        flex-direction: column;
        align-items: unset;
    }
    .program-schedule-section .fullday-events-wrapper .fullday-events-inner .session-wrapper .session-title {
        width: 100%;
        padding: 0 10px 10px 10px;
        text-align: center;
    }
}
/* Program Page Style  */



.banner-right-inner.new-spekar {
  min-height: auto !important;
  padding: 100px 0;
}
.team.spekar-team {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  grid-row-gap: 20px !important;
  grid-column-gap: 20px !important;
}

.team.spekar-team .member img{
height: auto !important;
}


@media (min-width: 220px) and (max-width: 480px) {
	.banner-right-inner.new-spekar {
  min-height: auto !important;
  padding: 50px 0;
}
.team.spekar-team {
  display: grid !important;
  grid-template-columns: repeat(1, 1fr) !important;
  grid-row-gap: 20px !important;
  grid-column-gap: 20px !important;
}
.team.spekar-team .member {
	width: 100% !important;
}
}
@media (min-width: 481px) and (max-width: 800px) {
	.banner-right-inner.new-spekar {
  min-height: auto !important;
  padding: 50px 0;
}
.team.spekar-team {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  grid-row-gap: 20px !important;
  grid-column-gap: 20px !important;
}
.team.spekar-team .member {
	width: 100% !important;
}
}

@media (min-width: 801px) and (max-width: 1000px) {
	.banner-right-inner.new-spekar {
  min-height: auto !important;
  padding: 50px 0;
}
.team.spekar-team {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  grid-row-gap: 20px !important;
  grid-column-gap: 20px !important;
}
.team.spekar-team .member {
	width: 100% !important;
}
}


/*  Kazakhstan Seminar Highlights */
.pcr-seminar-highlights {
    margin: 40px 0 50px 0;
    padding: 30px;
    background: rgba(130, 62, 137, 0.1); /* Purple tint matching your theme */
    border-radius: 12px;
    border-left: 4px solid #FFD700; /* Changed from green to gold */
    border: 1px solid rgba(130, 62, 137, 0.3);
}

.pcr-seminar-highlights h3 {
    font-size: 28px;
    color: #FFD700; /* Gold color */
    margin-bottom: 25px;
    font-weight: 700;
    position: relative;
    padding-bottom: 15px;
    text-transform: uppercase; /* Matching your other headings */
}

.pcr-seminar-highlights h3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 3px;
    background: #FFD700; /* Gold color */
    border-radius: 2px;
}

/* Image Gallery Styles - Updated colors */
.seminar-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(130, 62, 137, 0.3); /* Purple shadow */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 215, 0, 0.2); /* Gold border */
}

.gallery-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(255, 215, 0, 0.3); /* Gold glow on hover */
    border-color: #FFD700;
}

/* Image container maintains aspect ratio */
.image-container {
    position: relative;
    width: 100%;
    padding-top: 66.67%; /* 3:2 Aspect Ratio */
    overflow: hidden;
}

.image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.gallery-item:hover img {
    transform: scale(1.05);
}

.gallery-caption {
    padding: 12px 15px;
    background: linear-gradient(90deg, rgba(131, 45, 168, 0.9), rgba(216, 15, 145, 0.9)); /* Your gradient */
    color: #FFD700; /* Gold text */
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(100%);
    transition: transform 0.3s ease;
    text-transform: uppercase; /* Matching your style */
}

.gallery-item:hover .gallery-caption {
    transform: translateY(0);
}

.pcr-seminar-highlights .content p {
    font-size: 18px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 20px;
}

.pcr-seminar-highlights .content p:last-child {
    margin-bottom: 0;
}

/* Highlighted text within content */
.pcr-seminar-highlights .content strong {
    color: #FFD700; /* Gold for emphasis */
    font-weight: 600;
}

/* Optional: Add a statistic box if you want to show numbers */
.seminar-stats {
    display: flex;
    justify-content: space-around;
    margin: 25px 0;
    padding: 20px;
    background: rgba(106, 27, 154, 0.2); /* Purple background */
    border-radius: 8px;
    border: 1px solid rgba(255, 215, 0, 0.3);
}

.stat-item {
    text-align: center;
}

.stat-number {
    font-size: 32px;
    font-weight: 700;
    color: #FFD700;
    display: block;
}

.stat-label {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .seminar-gallery {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    
    .gallery-item:nth-child(3) {
        grid-column: span 2;
    }
    
    .seminar-stats {
        flex-wrap: wrap;
        gap: 15px;
    }
    
    .stat-item {
        flex: 0 0 calc(50% - 15px);
    }
}

@media (max-width: 768px) {
    .pcr-seminar-highlights {
        margin: 30px 0 40px 0;
        padding: 20px;
    }
    
    .pcr-seminar-highlights h3 {
        font-size: 24px;
    }
    
    .seminar-gallery {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .gallery-item:nth-child(3) {
        grid-column: span 1;
    }
    
    .image-container {
        padding-top: 75%; /* 4:3 Aspect Ratio for mobile */
    }
    
    .pcr-seminar-highlights .content p {
        font-size: 20px;
    }
    
    .stat-number {
        font-size: 28px;
    }
}

@media (max-width: 480px) {
    .image-container {
        padding-top: 100%; /* Square on very small screens */
    }
    
    .seminar-stats {
        flex-direction: column;
    }
    
    .stat-item {
        flex: 0 0 100%;
        margin-bottom: 15px;
    }
}


/* Kazakhstan home page slider */

/* PCR Seminar Gallery - CLEAN SLIDER VERSION */
.pcr-seminar-gallery-section {
    background: linear-gradient(135deg, rgba(106, 27, 154, 0.1) 0%, rgba(255, 215, 0, 0.1) 100%);
    padding: 100px 0;
    position: relative;
    overflow: hidden;
    background-color: white;
}

.pcr-seminar-gallery-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #FFD700, #832DA8, #D80F91);
}

.section-header {
    text-align: center;
    margin-bottom: 60px;
}

.section-title {
    font-size: 42px;
    font-weight: 700;
    color: #4B0082;
    margin-bottom: 15px;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: #FFD700;
    border-radius: 2px;
}

.section-subtitle {
    /*font-size: 18px;
    color: #666;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;*/
    text-align: center;
    color: black;
    font-size: 18px;
    width: 85%;
    font-weight: 400;
    margin-left: auto;
    margin-right: auto;
    line-height: 30px;
    
}

/* Gallery Container */
.seminar-gallery-container {
    position: relative;
    max-width: 1200px;
    margin: 0 auto 40px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 15px 40px rgba(106, 27, 154, 0.15);
}

/* Main Slider */
.gallery-main-slider {
    width: 100%;
    height: 600px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    margin-bottom: 20px;
    background: #000;
}

/* Slides - matches your JavaScript structure */
.gallery-main-slider .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
    z-index: 1;
}

.gallery-main-slider .slide.active {
    opacity: 1;
    z-index: 2;
}

.gallery-main-slider .slide img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}

.gallery-main-slider .slide .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
    color: #FFD700;
    padding: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 3;
}

.gallery-main-slider .slide:hover .caption {
    opacity: 1;
}

/* Thumbnails */
.gallery-thumbnails {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
    padding: 10px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    margin-bottom: 20px;
}

.thumbnail {
    width: 120px;
    height: 80px;
    cursor: pointer;
    border-radius: 6px;
    overflow: hidden;
    opacity: 0.6;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.thumbnail:hover {
    opacity: 0.8;
    transform: translateY(-2px);
}

.thumbnail.active {
    opacity: 1;
    border-color: #FFD700;
    box-shadow: 0 5px 15px rgba(255, 215, 0, 0.3);
}

.thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Navigation Buttons */
.gallery-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background: rgba(106, 27, 154, 0.9);
    border: none;
    border-radius: 50%;
    color: #FFD700;
    font-size: 24px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.gallery-nav:hover {
    background: #FFD700;
    color: #4B0082;
    transform: translateY(-50%) scale(1.1);
}

.gallery-nav.prev {
    left: -80px;
}

.gallery-nav.next {
    right: -80px;
}

/* Gallery Counter */
.gallery-counter {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: rgba(0, 0, 0, 0.7);
    color: #FFD700;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 600;
    z-index: 10;
}

/* Gallery Description */
.gallery-description {
    text-align: center;
    max-width: 1000px;
    margin: 40px auto 0;
    padding: 25px;
    background: linear-gradient(90deg, rgba(131, 45, 168, 0.1), rgba(216, 15, 145, 0.1));
    border-radius: 12px;
    border-left: 4px solid #FFD700;
}

.gallery-description p {
    text-align: center;
    color: black;
    font-size: 18px;
    width: 85%;
    font-weight: 400;
    margin-left: auto;
    margin-right: auto;
    line-height: 30px;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .gallery-main-slider {
        height: 500px;
    }
    
    .gallery-nav.prev {
        left: 10px;
    }
    
    .gallery-nav.next {
        right: 10px;
    }
}

@media (max-width: 992px) {
    .section-title {
        font-size: 36px;
    }
    
    .gallery-main-slider {
        height: 400px;
    }
    
    .thumbnail {
        width: 100px;
        height: 70px;
    }
    
    .gallery-main-slider .slide .caption {
        font-size: 16px;
        padding: 15px;
    }
}

@media (max-width: 768px) {
    .pcr-seminar-gallery-section {
        padding: 60px 0;
        background-color: white;
    }
    
    .section-title {
        font-size: 28px;
    }
    
    .gallery-main-slider {
        height: 300px;
    }
    
    .gallery-thumbnails {
        gap: 10px;
    }
    
    .thumbnail {
        width: 80px;
        height: 60px;
    }
    
    .gallery-nav {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    
    .gallery-description p {
        font-size: 16px;
    }
    
    /* Always show caption on mobile */
    .gallery-main-slider .slide .caption {
        opacity: 1;
        background: rgba(0,0,0,0.7);
        font-size: 14px;
        padding: 10px;
    }
}

@media (max-width: 576px) {
    .gallery-main-slider {
        height: 250px;
    }
    
    .thumbnail {
        width: 70px;
        height: 50px;
    }
    
    .gallery-counter {
        bottom: 10px;
        right: 10px;
        font-size: 14px;
        padding: 5px 10px;
    }
    
    .section-title {
        font-size: 24px;
    }
    
    .section-subtitle {
        font-size: 16px;
    }
}


.gallery-main-slider .slide img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
    /* Add these for better performance */
    opacity: 0;
    transition: opacity 0.3s ease;
    will-change: opacity;
}

.gallery-main-slider .slide.active img {
    opacity: 1;
}


/* Loading state */
.loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFD700;
    font-size: 18px;
    font-weight: 600;
}

.loading-spinner::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    border: 3px solid #FFD700;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

.gallery-main-slider .slide img {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.gallery-main-slider .slide.active img {
    opacity: 1;
}