/* 

    Theme Name:     Fregistax - Worldwide Shipping and Professional Solutions
    Author:         Evonicmedia
    Version:        1.0
    URL:            https://themeforest.net/user/evonicmedia/portfolio
    Created:        08/19/2024



    [Table of Content]

	    01. Index Page Style
            1.1. Header section
            1.2. Hero section
            1.3. About-us section
            1.4. We-Do section
            1.5. Logistics section
            1.6. Choose-us section
            1.7. Achievements section
            1.8. Quote section
            1.9. Case-studies section
            1.10. Testimonials section
            1.11. Team section
            1.12. Guide section
            1.13. Questions section
            1.14. News section
            1.15. Subscribe section
            1.16. Footer section

        02. About Page Style
            2.1. SubPage-Hero section
            2.2. Company-Info section
            2.3. Values section

        03. Contact Page Style
            3.1. Contact-Us section
            3.2. Map section

        04. Testimonial Page Style
            4.1. Feedback section

        05. Blog Page Style

        06. BlogDetails Page Style
            6.1. Details section
            6.2. Reply section

        07. Services Page Style

        08. Team Page Style

        09. FAQ Page Style

        10. CaseStudies Page Style
            10.1. Past-studies section

        11. CaseStudiesDetail Page Style

        12. ComingSoon Page Style

        13. 404 Page Style
            13.1. Page-not-found section

 */



@import url('https://fonts.googleapis.com/css2?family=Beiruti:wght@200..900&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Maven+Pro:wght@400..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&family=Zain&display=swap');
*{
    font-family: "Red Hat Display", sans-serif;
}
body {
    font-family: "Red Hat Display", sans-serif;
}

/*h1, h2, h3, h4, h5, h6 {*/
/*    font-family: "Red Hat Display", sans-serif;*/
/*}*/

p{
    font-family: "Red Hat Display", sans-serif;
}
div{
    font-family: "Red Hat Display", sans-serif;
}
/*span {*/
/*    font-family: "Red Hat Display", sans-serif;*/
/*}*/
p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600!important;
    letter-spacing: 1px;
}

.red-hat-display-<uniquifier> {
  font-family: "Red Hat Display", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
/* 1.1. Header section */

/* main navBar */
::selection {
  background: #312682; /* Pink Background */
  color: #fff; /* Black Text */
  text-shadow: none;
}

::-moz-selection { /* Firefox ke liye */
  background: #312682;
  color: #fff;
  text-shadow: none;
}


header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

header.bg-color{
    background-color: #fff!important;
    box-shadow: none;
    /*border-bottom: 1px solid;*/
    color: #000;
}

header.transparent {
    background-color: transparent;
    box-shadow: none;
    /*border-bottom: 1px solid;*/
    color: #000;
}

header.scrolled {
    background-color: #1567e1ad;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}


.navbar-nav .nav-link {
    color: black;
    transition: color 0.3s ease;
}

header.transparent .navbar-nav .nav-link {
    color: #fff!important;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    font-family: "Red Hat Display", sans-serif;
}
.flag-dropdown span:hover{
    color: #000;
}
header.transparent .navbar-nav .nav-link:hover{
    color: #312682!important;
    font-weight: 700;
}
header.bg-color .navbar-nav .nav-link {
    color: #312682!important;
    font-weight: 700;
    font-family: "Red Hat Display", sans-serif;
}
header.bg-color .flag-dropdown{
    background:#000;
}
header.bg-color .flag-dropdown span{
    color:#fff;
}
header.scrolled .navbar-nav .nav-link {
    color: #fff;
    font-size: 16px;
}

header.bg-color .scrolled .navbar-nav .nav-link{
    color: #000!important;
}
.navbar {
    padding: 12px 0px;
}

.navbar .container-fluid {
    align-items: center;
    gap: 30px;
}

.nav-logo img {
    width: 160px;
}

.navbar-collapse {
    justify-content: flex-end;
}

.navbar-collapse ul:nth-child(1) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.navbar-collapse ul:nth-child(1) li a {
    /*padding: 7px 7px !important;*/
    font-weight: 400;
    color: #00263B;
    line-height: 2;
}

header a.active,
header a:hover {
    color: #312682 !important;
}
.logo a.active, .logo a:hover{
    background-color: transparent !important;
}
.navbar .container-fluid button {
    display: none;
    padding: 9px 14px;
    background-color: #312682;
    border: none;
    border-radius: 10px;
    font-size: 25px;
    color: #FFF;
}

.dropdown .fa-sort-down {
    position: relative;
    top: -2px;
}



.dropdown-menu {
    display: block;
    overflow: hidden;
    padding: 0px;
    transition: all 0.3s ease-in;
    visibility: hidden;
}

.navbar-collapse .dropdown .dropdown-menu li a {
    /*padding: 14px 10px !important;*/
    font-size: 15px;
    text-align: start;
}

.dropdown ul li a:hover,
.dropdown ul li a.active {
    color: #312682!important;
}
.subcategory-list li a{
    line-height: 10px!important;
    padding: 0!important;
}
/* Side Navbar */
aside #sideNav {
    width: 280px;
    position: fixed;
    height: 100vh;
    top: 0px;
    left: -355px;
    overflow-x: hidden;
    transition: 0.5s;
    padding: 20px;
    z-index: 99;
    background-color: #F1F1F1;
}

aside #sideNav .d-flex {
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
}

aside .fa-xmark {
    padding: 8px 13px;
    background-color: #312682;
    color: #FFF;
    border: none;
    border-radius: 10px;
    font-size: 22px;
    position: relative;
    top: 4px;
}

aside ul {
    padding: 0px;
}

aside ul ul {
    padding: 0px;
    padding-top: 12px;
}

aside a,
aside button {
    color: #3E3F41;
    border: none;
}

aside a:hover {
    color: #312682;
}

aside li {
    padding: 12px 3px;
}

#slid-btn button {
    background-color: transparent;
    padding: 0px;
}

#slid-btn .fa-caret-down {
    color: #000;
}

#slid-drop {
    display: none;
}

#slid-drop li {
    padding: 12px 0px;
}

.aside-dropdwon {
    display: block !important;
}

@media (max-width: 1199px) {
    .navbar-collapse ul:nth-child(1) {
        gap: 12px;
    }

    #sideNav #slid-btn button {
        font-size: 16px;
    }

    .navbar .container-fluid .hover1:nth-of-type(1) {
        display: none;
    }

    .navbar .nav-logo {
        flex-grow: 1;
    }
}

@media (max-width: 991px) {
    #sideNav #slid-btn button {
        font-size: 18px;
    }

    .navbar {
        padding: 12px 0px;
        margin: auto;
        width: 99%;
    }

    .navbar .container-fluid .navbar-collapse {
        display: none !important;
    }

    .navbar .container-fluid button {
        display: block;
    }

    .nav-logo img {
        width: 120px;
    }

    aside .d-flex {
        padding-bottom: 20px;
    }

    .navbar .hover1 {
        padding: 9px 30px;
    }
}

@media (max-width: 768px) {
    .navbar {
        padding: 18px 0px;
    }

    #sideNav #slid-btn button,
    #slid-btn .fa-caret-down {
        font-size: 16px;
    }

    .nav-logo img {
        width: 150px;
    }

    .navbar .container-fluid button {
        padding: 8px 12px;
        font-size: 22px;
    }
}

@media (max-width: 480px) {
    .navbar {
        padding: 8px 0px;
    }

    .nav-logo img {
        width: 140px;
    }

    aside .fa-xmark {
        font-size: 16px;
    }

    .navbar .container-fluid button {
        padding: 6px 10px;
        font-size: 20px;
    }

    #sideNav a {
        font-size: 16px;
    }

    .navbar .hover1 {
        padding: 6px 16px;
    }

    .navbar .container-fluid {
        align-items: center;
        gap: 12px;
    }
}

@media (max-width: 360px) {
    .nav-logo {
        width: 90px;
    }
}

/* End of 1.1. Header section */
/* 1.2. Hero section */
.Hero {
    
    padding: 0px ;
    position: relative;
	overflow: hidden;
}

.Hero .container a {
    margin: 40px 0px;
}

.Hero h4 {
    color: #fff;
    margin-bottom: 16px;
}
.slider-bottom-section h1,
.slider-bottom-section p{
    color: #000!important;;
    width: 435px!important;
    margin-bottom: 20px;
}
.Hero h1,
.Hero p {
    color: #FFF;
    width: 735px;
    margin-bottom: 20px;
}

.Hero h1 span {
    font-weight: 500;
}

.Hero .row {
      margin: 70px 0px 70px;
    margin-top: 50px;
}

.Hero .row .col-md-4 {
    background-color: #FFF;
    padding: 30px 60px;
    box-shadow: 0px 25px 40px 0px #0000001A;
    overflow: hidden;
}

.Hero .row .flex-column {
    padding: 30px 0px;
    gap: 15px;
}

.Hero .flex-column h3 {
    color: #312682;
}

.Hero .flex-column h6 {
    color: #000;
    width: 340px;
}

.Hero .row .col-md-4 img {
    width: 50px;
}

.Hero .row .flex-column div {
    padding: 15px 0px;
}

.Hero .row .flex-column a {
    padding: 4px 16px;
    border-radius: 20px;
    background-color: #312682;
    color: #fff;
}

.Hero .col-md-4:nth-child(2) {
    margin: 0px -2px;
}

.Hero .row .col-md-4 {
    background: #FFF;
    position: relative;
    z-index: 3;
}

.Hero .row .col-md-4::after,
.Hero .row .col-md-4::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0 !important;
    z-index: -1;
}

/* .Hero .col-md-4:nth-child(1)::before {
    background-image: url('../images/index-hero-hover1.png');
}

.Hero .col-md-4:nth-child(2)::before {
    background-image: url('../images/index-hero-hover2.png');
}

.Hero .col-md-4:nth-child(3)::before {
    background-image: url('../images/index-hero-hover3.png');
} */

.Hero .col-md-4::before {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.Hero .row .col-md-4::after {
    background: #f1f1f1;
}

.Hero .row .col-md-4:hover::after {
    opacity: 1 !important;
}

.Hero .row .col-md-4:hover::before {
    opacity: 1 !important;
    animation: incScale 0.5s forwards;
    animation-iteration-count: 1;
    animation-delay: 0.1s;
}

.Hero .row .col-md-4:hover a {
    background-color: #ffffff;
    color: #312682;
}

.Hero .row .col-md-4 i {
    transition: all 0.3s ease;
}

.Hero a:hover i {
    transform: translateX(4px);
}

@keyframes incScale {
    From {
        transform: scale(1);
    }

    TO {
        transform: scale(1.1);
    }
}

@media (max-width: 1200px) {
    .Hero .flex-column h6 {
        width: 100%;
    }
}

@media (max-width: 991px) {

    .Hero {
        background-size: auto 52%;
        padding: 100px 0px;
    }

    .Hero::before {
        height: 52%;
    }

    .Hero h1,
    .Hero p {
        width: 100%;
        margin: 10px auto;
    }

    .Hero .row {
        margin: 40px 0px 0px;
    }

    .Hero .row .col-md-4 {
        padding: 20px;
    }
}

@media (max-width: 768px) {
    .Hero {
        padding: 97px 0px;
        text-align: center;
    }
    header.transparent {
        background-color: #1567e1ad;
    }
    .kdat {
        position: absolute;
        top: 0%!important;
        left: 0%!important;
    }
    .Hero h1 {
        width: 100%;
        margin: 10px auto;
        font-size: 15px;!important
    }
    .Hero p {
        width: 75%;
    }

    .Hero .container a {
        margin: 10px 0px;
    }

    .Hero .row .col-md-4 {
        text-align: start;
    }

    .Hero .row .flex-column {
        padding: 0px;
    }
}

@media (max-width: 767px) {

    .Hero {
        background-size: auto 35%;
    }

    .Hero::before {
        height: 35%;
    }

    .Hero .row .col-md-4 {
        margin: 12px 0px;
        text-align: start;
    }

    .Hero .container a {
        margin: 20px 0px;
    }

    .Hero .row .col-md-4 img {
        width: 40px;
    }
}

@media (max
h: 40px) {

    .Hero {
        background-size: auto 33%;
        padding-bottom: 50px;
    }

    .Hero::before {
        height: 33%;
    }

    .Hero .row .col-md-4 {
        padding: 40px 24px;
    }

    .Hero .col-md-4 div {
        align-items: center;
        text-align: center;
        width: 100%;
        margin: auto;
    }

    .Hero p {
        width: 100%;
    }
}

@media (max-width: 360px) {

    .Hero {
        background-size: auto 35%;
    }

    .Hero::before {
        height: 35%;
    }

    .Hero .row .col-md-4 {
        padding: 20px 12px;
    }
}

/* End of 1.2. Hero section */


/* 1.3. About-us section */
.About-us {
    background-color: #F7F8FF;
    padding-bottom: 80px;
	    padding-top: 80px;
}

.About-us .container {
   
    background-repeat: no-repeat;
    background-position: right 90%;
    background-size: cover;
}

.About-us .experience {
    position: absolute;
    top: 25%;
    left: 25%;
    background-color: #312682;
    border-radius: 20px;
    z-index: 9;
    width: 150px;
    padding: 24px 0px;
    border: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.About-us .col-lg-6 figure img {
    border-radius: 40px;
    width: 100%;
}

.About-us h4 {
    color: #312682;
    margin-bottom: 25px;
}

.About-us .row h2 {
    margin-bottom: 20px;
    width: 520px;
    color: #312682;
}
.About-us .row p {
    margin-bottom: 20px;
    width: 520px;
    color: #3E3F41;
}
.About-us .experience p,
.About-us .experience h2 {
    text-align: center;
    width: 100%;
}

.About-us .col-lg-6:nth-child(2) span {
    font-weight: 500;
    color: #3c3099;
}

.About-us a {
    margin: 25px 0px 35px;
}

.About-us .m-lg-0 {
    background-color: #FFF;
    border: 1px solid #F1F1F1;
    box-shadow: 0px 25px 40px 0px #0000001A;
    border-radius: 20px;
    padding: 26px;
    flex-wrap: nowrap;
    width: 570px;
}

.About-us h5 {
    color: #312682;
}

.About-us .d-flex hr {
    margin: 0px;
    color: #F1F1F1;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: 1;
    width: 2px;
    background: #F1F1F1;
}

.About-us .align-items-stretch img {
    width: 50px;
}

.About-us .align-items-start {
    width: 50%;
}

.About-us .pt-2 {
    padding-top: 12px !important;
}

.About-us h2.text-center {
    margin: 60px 0px 0px;
    color: #3E3F41;
}

.About-us .CompaniesSlider {
    width: 90%;
    max-width: 1120px;
    margin: auto;
}

.About-us .CompaniesSlider img {
    width: 160px;
    opacity: 0.5;
    margin: 0px auto;
}

@media (max-width: 1400px) {
    .About-us a {
        margin: 50px 0px;
    }
}

@media (max-width: 1200px) {
    .About-us .container {
        background-position: right 150%;
    }

    .About-us .row p,
    .About-us .row h2 {
        margin: 15px 0px;
        width: 100%;
    }

    .About-us .m-lg-0 {
        padding: 18px;
        width: 100%;
    }
}

@media (max-width: 991px) {
    .About-us .row h4 {
        margin-bottom: 15px;
    }

    .About-us .row {
        background-position: right -100%;
        flex-direction: column-reverse !important;
    }

    .About-us .container {
        background-position: right 70%;
        text-align: center;
    }

    .About-us .col-lg-6 {
        width: 100%;
    }

    .About-us .row p,
    .About-us .row h2 {
        text-align: center;
    }

    .About-us .experience {
        top: 27%;
        left: 32%;
    }

    .About-us a {
        margin: 0px;
    }

    .About-us .m-lg-0 {
        width: 570px;
    }
}

@media (max-width: 768px) {
    .About-us {
        text-align: center;
        padding-bottom: 70px;
    }

    .About-us .row {
        background-position: right center;
    }

    .About-us h2.text-center {
        margin: 70px 0px 50px;
    }

    .About-us .row h2,
    .About-us .row p {
        width: 80%;
        text-align: center;
        margin: 15px auto;
    }

    .About-us .experience {
        top: 28%;
        left: 29%;
        width: 120px;
    }

    .About-us .experience p,
    .About-us .experience h2 {
        margin: unset;
        width: 100%;
    }

    .About-us .col-lg-6 figure img {
        border-radius: 20px;
    }

    .About-us .CompaniesSlider img {
        width: 160px;
    }
}

@media (max-width: 767px) {
    .About-us .m-lg-0 {
        width: 100%;
    }
}

@media (max-width: 540px) {
    .About-us .m-lg-0 {
        flex-direction: column;
    }

    .About-us .d-flex hr {
        width: 100%;
        height: 2px;
    }

    .About-us .align-items-start {
        width: 100%;
    }

    .About-us .pt-2 {
        font-size: 16px;
        padding-top: 8px !important;
        text-align: start;
    }

    .About-us .align-items-stretch img {
        width: 40px;
    }
}

@media (max-width: 480px) {
    .About-us {
        padding-bottom: 50px;
    }

    .About-us .row h2,
    .About-us .row p {
        width: 100%;
    }

    .About-us .col-lg-6:nth-of-type(1) {
        width: 100%;
    }

    .About-us .experience {
        top: 25%;
        left: 22%;
        width: 120px;
        padding: 24px 12px;
        min-height: 100px;
        place-items: center;
    }

    .About-us .CompaniesSlider img {
        width: 140px;
    }
}

@media (max-width: 360px) {
    .About-us .experience {
        width: 100%;
        padding: 4px;
        position: static;
    }

    .About-us .experience h2 {
        font-size: 24px;
    }

    .About-us .position-relative {
        flex-direction: column;
    }

    .About-us .row h2,
    .About-us .row p {
        width: 100%;
    }
}

/* End of 1.3. About-us section */


/* 1.4. We-Do section */
.We-Do {
    position: relative;
    top: 80px;
    padding-top: 0px;
    text-align: center;
    z-index: 1;
}

.We-Do h4 {
    color: #312682;
}

.We-Do h2 {
    color: #312682;
    margin: 15px 0px;
}
.We-Do h3{
    color: #312682;
}
.We-Do p {
    color: #3E3F41;
}

.We-Do .Content p {
    margin: 0px auto;
    padding: 0px 130px;
}

.child .subchild .d-flex {
    box-shadow: 0px 25px 40px 0px #0000001A;
    border: 1px solid #F1F1F1;
    padding: 40px 44px;
    border-radius: 40px;
    background-color: #FFF;
    gap: 15px;
}
.child .subchild .d-flex:hover {
    background-color: #F1F1F1;
}
.child .subchild .d-flex figure {
    display: inline-block;
    padding: 24px;
    border-radius: 50%;
    box-shadow: 0px 25px 40px 0px #0000001A;
}
.child .subchild .d-flex h3{
    color: #312682;
} 
.child .subchild .d-flex a {
    color: #312682;
    font-weight: 600;
    transition: all 0.3s ease;
}
.child .subchild .d-flex a:hover {
    color: #3E3F41;
}
.child .subchild  .d-flex:hover figure {
    background: linear-gradient(90deg, rgba(21, 103, 225, 0.68) 0%, rgba(21, 103, 225, 0.8) 100%);
}
.child .subchild .d-flex a:hover i {
    transform: translateX(50%);
}
.child .subchild  a i {
    transition: transform 0.3s ease;
    padding-left: 4px;
}
.hoverheading h3 a{
    color:#fff;
}
.hoverheading p{
    color:#fff;
}
.We-Do .d-flex {
    box-shadow: 0px 25px 40px 0px #0000001A;
    border: 1px solid #F1F1F1;
    padding: 40px 44px;
    border-radius: 40px;
    background-color: #FFF;
    gap: 15px;
}

.We-Do .d-flex:hover {
    background-color: #F1F1F1;
}

.We-Do .d-flex figure {
    display: inline-block;
    background-color: #312682;
    padding: 24px;
    border-radius: 50%;
    box-shadow: 0px 25px 40px 0px #0000001A;
}

.We-Do .d-flex figure img {
    width: 60px;
}

.We-Do .d-flex a {
    color: #312682;
    font-weight: 600;
    transition: all 0.3s ease;
}

.We-Do .d-flex a i {
    transition: transform 0.3s ease;
    padding-left: 4px;
}

.We-Do .d-flex a:hover i {
    transform: translateX(50%);
}

.We-Do .d-flex a:hover {
    color: #3E3F41;
}

.Services_We-Do {
    position: static;
    padding: 100px 0px;
}

.Services_We-Do .d-flex figure {
    background-color: #FFF;
}

.Services_We-Do .d-flex:hover figure {
    background-color: #312682;
}

@media (max-width: 991px) {
    .We-Do .Content p {
        width: 100%;
    }

    .We-Do .d-flex figure img {
        width: 30px;
    }

    .We-Do .d-flex figure {
        padding: 18px;
    }

    .We-Do .d-flex {
        gap: 10px;
    }
}

@media (max-width: 768px) {
    .We-Do {
        top: 70px;
        padding-top: 0px;
    }

    .Services_We-Do {
        padding: 70px 0px;
    }

    .We-Do .Content p {
        width: 75%;
    }

    .We-Do p {
        margin: 0px auto;
    }
}

@media (max-width: 480px) {
    .We-Do {
        top: 50px;
    }

    .Services_We-Do {
        padding: 50px 0px;
    }

    .We-Do p {
        width: 100% !important;
    }
}

@media (max-width: 360px) {
    .We-Do .d-flex {
        padding: 24px 12px;
    }
}

/*End of 1.4. We-Do section */


/* 1.5. Logistics section */
.Logistics {
    background-image: url("../images/bg-bg-what.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 130px 0px 60px;
    position: relative;
}
.Logistics .logistic-img img{
    display:block;
    margin: 0 auto;
}
.Logistics .col-lg-6 h4 {
    color: #fff;
}

.Logistics .col-lg-6 h2,
.Logistics .col-lg-6 p {
    color: #FFF;
    width: 422px;
    margin: 18px 0px;
}

.Logistics form {
    width: 90%;
    max-width: 550px;
    margin-top: 20px;
    display: flex;
}

.Logistics input,
.Logistics button {
    padding: 19px;
    flex-basis: 75%;
    border-radius: 8px 0px 0px 8px;
    border: none;
}

.Logistics button {
    flex-basis: 25%;
    border-radius: 0px 8px 8px 0px;
}

@media (max-width: 991px) {

    .Logistics .col-lg-6 h4,
    .Logistics .col-lg-6 h2,
    .Logistics .col-lg-6 p,
    .Logistics .col-lg-6 form {
        width: 100%;
        text-align: center;
        opacity: 0.99;
    }

    .Logistics .col-lg-6 form {
        margin: auto;
    }

    .Logistics .row .col-lg-6::before {
        position: absolute;
        content: "";
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
    }
}

@media (max-width: 768px) {
    .Logistics {
        padding: 170px 0px 100px;
    }
}

@media (max-width: 767px) {
    .Logistics form {
        flex-direction: column;
    }

    .Logistics form button,
    .Logistics form input {
        margin: 8px 0px;
        position: static;
        display: block;
        width: 100%;
        border-radius: 8px;
    }
}

@media (max-width: 480px) {
    .Logistics {
        padding: 100px 0px 50px;
    }

    .Logistics .col-lg-6 p {
        margin: 15px auto;
    }
}

/*End of 1.5. Logistics section */


/* 1.6. Choose-us section */
.Choose-us {
    background-color: #FFFBED;
    padding: 100px 0px;
}

.Choose-us h4 {
    color: #312682;
}

.Choose-us h2 {
    margin: 15px 0px;
    color: #3E3F41;
    width: 430px;
}

.Choose-us h2 span {
    font-weight: 500;
}

.Choose-us p {
    color: #3E3F41;
    width: 520px;
}

.Choose-us h3 {
    color: #3E3F41;
}

.Choose-us a {
    margin: 50px 0px 90px;
}

.Choose-us .d-flex {
    gap: 24px;
}

.Choose-us .d-flex p {
    width: 100%;
}

.Choose-us .d-flex div {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: start;
    padding: 60px 32px;
    border-radius: 40px;
    box-shadow: 0px 25px 40px 0px #0000001A;
    background-color: #FFF;
    border: 1px solid #FFF;
    width: 50%;
}

.Choose-us .d-flex div:hover {
    border: 1px solid #3E3F41;
    background-color: #FFFBED;
}

.Choose-us .d-flex figure {
    background-color: #312682;
    padding: 16px;
    border-radius: 50%;
    display: inline-block;
    width: max-content;
}

.Choose-us .d-flex img {
    width: 40px;
}

.Choose-us .col-lg-6:nth-child(2) figure img {
    border-radius: 40px;
    width: 100%;
}

@media (max-width: 1400px) {
    .Choose-us a {
        margin: 24px 0px 40px;
    }
}

@media (max-width: 1200px) {
    .Choose-us a {
        margin: 12px 0px;
    }

    .Choose-us h2 {
        margin: 16px 0px;
        width: 100%;
    }

    .Choose-us p {
        width: 100%;
        margin: 0px;
    }

    .Choose-us .d-flex div {
        gap: 15px;
        padding: 24px 30px;
    }

    .Choose-us .d-flex figure img {
        width: 30px;
    }
}

@media (max-width: 991px) {
    .Choose-us .col-lg-6:nth-child(2) figure img {
        width: 65%;
    }

    .Choose-us {
        text-align: center;
    }

    .Choose-us .d-flex div {
        align-items: center;
    }

    .Choose-us .d-flex {
        margin: 24px auto;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .Choose-us {
        text-align: center;
        padding: 70px 0px;
    }

    .Choose-us p {
        width: 75%;
        margin: 0px auto;
    }
}

@media (max-width: 480px) {
    .Choose-us {
        text-align: center;
        padding: 50px 0px;
    }

    .Choose-us p {
        width: 100%;
    }

    .Choose-us .d-flex {
        flex-direction: column;
    }

    .Choose-us .d-flex div {
        width: 100%;
    }

    .Choose-us .col-lg-6:nth-child(2) figure img {
        width: 100%;
    }
}

/* End of 1.6. Choose-us section */


/* 1.7. Achievements section */
.Achievements {
    padding: 100px 0px;
    /*background: url("../images/bg-bg-who-we-are.jpg");*/
    background-position: bottom;
    background-repeat: no-repeat;
    position: relative;
}

.Achievements::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #312682D9;
    top: 0px;
    left: 0px;
    z-index: -1;
}

.Achievements .text-center {
    opacity: 0.99;
    margin: 0px auto;
}

.Achievements h4 {
    color: #fff;
    text-align: center;
}

.Achievements h2 {
    padding: 10px 0px;
}

.Achievements h2,
.Achievements p {
    color: #FFF;
    margin: 0px auto;
    width: 710px;
    text-align: center;
}

.Achievements .d-flex {
    padding: 40px 32px;
    background-color: #FFF;
    border-radius: 40px;
    box-shadow: 0px 25px 40px 0px #0000004D;
    gap: 15px;
    text-align: center;
}

.Achievements .d-flex h1 {
    color: #312682;
    font-family: 'Poppins', sans-serif;
}
.Achievements .d-flex h1 span{
    font-family: 'Poppins', sans-serif;
}

.Achievements .d-flex h3,
.Achievements .d-flex p {
    color: #3E3F41;
    width: 100%;
}

@media (max-width: 991px) {
    .Achievements .d-flex div {
        flex-basis: 40%;
    }
}

@media (max-width: 768px) {
    .Achievements {
        padding: 70px 0px;
    }

    .Achievements .d-flex div {
        flex-basis: 48%;
    }

    .Achievements h2,
    .Achievements p {
        width: 75%;
    }
}

@media (max-width: 480px) {
    .Achievements {
        padding: 50px 0px;
    }

    .Achievements h2,
    .Achievements p {
        width: 100%;
    }

    .Achievements .d-flex div {
        flex-basis: 70%;
        padding: 16px 32px;
        border-radius: 20px;
    }
}

/*End of 1.7. Achievements section */


/* 1.8. Quote section */
.Quote {
    padding: 100px 0px 0px;
    background: linear-gradient(to bottom, #312682 75%, #FFF 25%);
}

.Quote .col-lg-7 figure {
    display: flex;
    align-items: end;
    justify-content: end;
    width: 100%;
}

.Quote .flex-column {
    width: 400px;
}

.Quote h2 {
    color: #3E3F41;
}

.Quote .row {
    --bs-gutter-x: 0px;
}

.Quote .col-lg-7 figure img {
    width: 100%;
    height: 100%;
    border-top-left-radius: 40px;
    object-fit: cover;
    object-position: 65% 0%;
}

.Quote .col-lg-5 {
    padding: 0px 32px 0px 16px;
    display: flex;
    align-items: end;
    justify-content: end;
}

.Quote p {
    color: #3E3F41;
    margin: 24px 0px;
}

.Quote form {
    background-color: #FFF;
    border-radius: 40px;
    box-shadow: 0px 25px 40px 0px #0000001A;
    padding: 24px 20px;
    width: 100%;
}

.Quote label {
    margin-top: 16px;
    color: #3E3F41;
    font-family: 'Poppins', sans-serif;
    width: 100%;
    text-align: start;
}

.Quote input,
.Quote select,
.Quote textarea {
    display: block;
    width: 100%;
    border: 1px solid #F1F1F1;
    border-radius: 8px;
    padding: 12px;
    margin: 9px 0px;
}

.Quote input::placeholder,
.Quote textarea::placeholder {
    color: #919191;
}

.Quote select {
    color: #919191 !important;
    padding: 16px 9px;
}

.Quote form div:nth-of-type(3) {
    position: relative;
}

.Quote form div:nth-of-type(3)::after {
    content: "\f0dd";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #312682;
    font-size: 16px;
    position: absolute;
    right: 6px;
    top: 60%;
    transform: translateX(-100%);
    pointer-events: none;
}

.Quote select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
}

.Quote .flex-column button {
    padding: 18px 30px;
    border: none;
    width: 100%;
    margin: 20px 0px 15px;
}

.Quote textarea {
    resize: none;
    height: 100px;
}

@media (max-width: 1400px) {
    .Quote .col-lg-7 figure {
        align-items: center;
    }
}

@media (max-width: 1200px) {
    .Quote .flex-column {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .Quote .flex-column {
        flex-direction: row !important;
        justify-content: space-between;
    }

    .Quote .flex-column div {
        width: 45%;
    }

    .Quote form div {
        width: 100% !important;
    }

    .Quote form {
        width: 50%;
        border-radius: 18px;
    }

    .Quote .col-lg-5 {
        padding: 0px 16px;
    }
}

@media (max-width: 768px) {
    .Quote {
        padding: 70px 0px 0px;
    }
}

@media (max-width: 767px) {
    .Quote .flex-column {
        flex-direction: column !important;
    }

    .Quote .flex-column div {
        text-align: center;
        width: 100%;
    }

    .Quote form {
        width: 100%;
    }

    .Quote form div {
        text-align: start !important;
    }
}

@media (max-width: 480px) {
    .Quote {
        background: linear-gradient(to bottom, #312682 90%, #FFF 10%);
        padding: 50px 0px 0px;
    }

    .Quote h2,
    .Quote p {
        width: 100%;
    }

    .Quote p {
        margin: 10px 0px 30px;
    }

    .Quote .modal-content div {
        width: 100%;
        padding: 12px 0px;
    }

    .Quote .modal-content h6 {
        width: 280px;
    }

    .Quote .modal-content {
        padding: 24px;
    }

    .Quote .modal-content img {
        width: 100px;
    }
}

/* End of 1.8. Quote section */


/* 1.9. Case-studies section */
.Case-studies {
    padding-top: 100px;
}

.Case-studies h4 {
    color: #312682;
}

.Case-studies h2 {
    margin: 15px 0px;
    color: #3E3F41;
}

.Case-studies p {
    color: #3E3F41;
    max-width: 330px;
    margin: 0px 0px 24px;
}

.Case-studies a {
    margin: 22px 0px 40px;
}

.Case-studies .d-flex {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: center;
}

.Case-studies .d-flex .d-flex {
    flex-grow: 2;
    justify-content: space-between;
}

.Case-studies .d-flex .d-flex div {
    flex-grow: 3;
}

.Case-studies .d-flex .d-flex div div {
    padding: 0px;
}

.Case-studies .d-flex .d-flex:nth-of-type(1) {
    flex-direction: column;
    flex-basis: 33%;
}

.Case-studies .d-flex .d-flex:nth-of-type(2) {
    flex-basis: 66%;
}

.Case-studies .d-flex .d-flex .d-flex {
    flex-direction: column !important;
    flex-basis: 50%;
    padding: 0px;
}

.Case-studies .d-flex .d-flex figure {
    flex-basis: 50%;
}

.Case-studies figure {
    overflow: hidden;
    position: relative;
}

.Case-studies figure div {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0px;
    left: 0px;
    background: #FFCD1BE5;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    opacity: 0;
    transition: all 0.7s ease;
    padding: 0px 30px 20px !important;
    z-index: 2;
}

.Case-studies figure:hover div {
    opacity: 1;
}

.Case-studies figure img {
    transition: all 0.7s ease;
}

.Case-studies figure:hover img {
    transform: scale(1.1);
}

.Case-studies figure div p {
    max-width: 234px;
    margin: 0px 0px 12px;
}

.Case-studies h3 {
    color: #3E3F41;
}

.Case-studies img {
    width: 100%;
    height: 100%;
}

.Case-studies .text-center p {
    max-width: 500px;
    margin: 15px auto 30px;
}

@media (max-width: 991px) {
    .Case-studies p {
        padding-right: 8px;
    }
}

@media (max-width: 768px) {
    .Case-studies {
        padding-top: 70px;
    }

    .Case-studies .d-flex {
        flex-direction: column;
        gap: 0px;
    }

    .Case-studies .d-flex .d-flex:nth-of-type(1) figure {
        flex-basis: 50%;
    }

    .Case-studies .d-flex .d-flex:nth-of-type(1) div {
        flex-basis: 50%;
    }

    .Case-studies .d-flex .d-flex:nth-of-type(1) {
        flex-direction: row;
    }

    .Case-studies .d-flex .d-flex:nth-of-type(2) {
        flex-direction: row;
    }

    .Case-studies p {
        width: 100%;
        margin: 0px;
    }

    .Case-studies a {
        margin: 12px 0px;
    }

    .Case-studies .text-center p {
        width: 80%;
    }

    .Case-studies .flex-column {
        flex-direction: row !important;
    }
}

@media (max-width: 480px) {
    .Case-studies {
        padding-top: 50px;
    }

    .Case-studies .d-flex .d-flex:nth-of-type(1) div {
        text-align: center;
        padding: 0px 0px 10px;
    }

    .Case-studies a {
        margin: 10px 0px 0px;
    }

    .Case-studies p {
        max-width: unset;
        margin: auto;
    }

    .Case-studies .text-center p {
        width: 100%;
        margin: 15px 0px;
    }

    .Case-studies .d-flex .d-flex:nth-of-type(1) {
        flex-direction: column;
    }

    .Case-studies figure div {
        padding: 6px 20px !important;
    }

    .Case-studies figure div h3 {
        font-size: 14px;
        text-align: start;
        padding: 0px;
    }

    .Case-studies figure div p {
        font-size: 12px;
        text-align: start;
    }
}

/* End of 1.9. Case-studies section */


/* 1.10. Testimonials section */
.Testimonials {
    padding: 100px 0px;
    background: url("../images/bg-arrow-right.png");
    background-position: center 100%;
    background-repeat: no-repeat;
    text-align: center;
}

.Testimonials h4 {
    color: #312682;
}

.Testimonials h2 {
    color: #3E3F41;
    padding: 15px 0px;
}

.Testimonials p {
    color: #3E3F41;
}

.Testimonials p:nth-child(3) {
    width: 510px;
    margin: 0px auto;
}

.Testimonials figure {
    margin: 40px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 700px;
    overflow: hidden;
}

.Testimonials figure img {
    border-radius: 50%;
    width: 85px;
    margin: 0px 24px;
    transition: visibility 1s ease;
    cursor: pointer;
}

.Testimonials figure img.active {
    width: 125px;
    animation: nextImage 3s ease-in;
}

.Testimonials div p {
    padding: 15px 30px;
}

.Testimonials div .slideshow-container,
.Testimonials div .dot-container {
    background-color: #F1F1F1;
    max-width: 750px;
    margin: 0px auto;
    overflow: hidden;
}

.Testimonials .slideshow-container {
    position: relative;
    border-radius: 40px 40px 0px 0px;
}

.Testimonials .mySlides {
    display: none;
    padding: 32px 100px 0px;
    text-align: center;
    animation: nextSlide 1.5s ease-in;
}

.Testimonials .mySlides i {
    color: #312682;
    font-size: 20px;
    margin: 0px 6px;
}

.Testimonials .mySlides:nth-of-type(1) i:nth-of-type(5) {
    color: #909090;
}

.Testimonials .mySlides:nth-of-type(4) i:nth-of-type(4),
.Testimonials .mySlides:nth-of-type(4) i:nth-of-type(5) {
    color: #909090;
}

.Testimonials .mySlides h3 {
    color: #312682;
}

.Testimonials .dot-container {
    text-align: center;
    padding: 0px 0px 24px;
    border-radius: 0px 0px 40px 40px;
}

.Testimonials .dot {
    cursor: pointer;
    height: 10px;
    width: 10px;
    margin: 0px 2px;
    background-color: #909090;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.Testimonials .dot.active,
.Testimonials .dot:hover {
    background-color: #312682;
}

.Testimonials {
    background: url("../images/bg-arrow-left.png");
    background-position: center 100%;
    background-repeat: no-repeat;
}

@keyframes nextImage {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes nextSlide {
    from {
        opacity: 0;
        transform: scale(0);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@media (max-width: 1280px) {
    .Testimonials {
        background-position: right 120%;
    }
}

@media (max-width: 991px) {
    .Testimonials .mySlides i {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .Testimonials {
        padding: 70px 0px;
    }

    .Testimonials p:nth-child(3) {
        margin: 0px auto;
        width: 75%;
    }

    .Testimonials div .slideshow-container,
    .Testimonials div .dot-container {
        margin: 0px 24px;
    }

    .Testimonials h2 {
        width: 80%;
        margin: auto;
    }

    .Testimonials .mySlides {
        padding: 32px 60px 0px;
    }

    .Testimonials figure {
        width: 470px;
    }

    .Testimonials figure img {
        width: 63px;
        margin: 0px 12px;
    }

    .Testimonials figure img.active {
        width: 90px;
    }
}

@media (max-width: 480px) {
    .Testimonials {
        padding: 50px 0px;
    }

    .Testimonials div .slideshow-container,
    .Testimonials div .dot-container {
        margin: 0px 8px;
    }

    .Testimonials .mySlides i {
        font-size: 18px;
        margin: 0px 3px;
    }

    .Testimonials .dot {
        height: 12px;
        width: 12px;
    }

    .Testimonials .mySlides {
        padding: 16px 10px 0px;
    }

    .Testimonials .mySlides p {
        padding: 15px 0px;
    }

    .Testimonials figure {
        width: 100%;
    }

    .Testimonials figure img {
        width: 50px;
        margin: 0px 6px;
    }

    .Testimonials figure img.active {
        width: 80px;
    }

    .Testimonials p:nth-child(3) {
        width: 100%;
        padding: 0px;
    }

    .Testimonials h2 {
        width: 100%;
    }
}

@media (max-width: 360px) {
    .Testimonials figure {
        width: 100%;
    }

    .Testimonials figure img {
        width: 40px;
        margin: 0px 6px;
    }

    .Testimonials figure img.active {
        width: 70px;
    }
}

/* End of 1.10. Testimonials section */


/* 1.11. Team section */
.Team {
    text-align: center;
    padding-bottom: 100px;
}

.Team h4 {
    color: #312682;
}

.Team h2 {
    color: #3E3F41;
    margin: 15px 0px 0px;
}

.Team h3 {
    color: #3E3F41;
}

.Team p {
    color: #3E3F41;
    width: 500px;
    margin: 0px auto;
    padding: 15px 0px 30px;
}

.Team .col-md-4 div {
    position: relative;
    overflow: hidden;
}

.Team .col-md-4 div img {
    width: 100%;
    border-radius: 40px;
}

.Team .col-md-4 .position-absolute {
    bottom: 4%;
    right: 5%;
    width: 90%;
    background-color: #FFF;
    padding: 12px;
    box-shadow: 0px 25px 40px 0px #0000001A;
    border-radius: 20px;
    opacity: 0;
    transition: all 0.7s ease;
    overflow: visible;
}

.Team .col-md-4 div:hover .position-absolute {
    opacity: 1;
}

.Team .position-absolute .d-flex {
    position: absolute;
    height: 100%;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    justify-content: center;
    display: none !important;
}

.Team a {
    display: block;
    color: #3E3F41;
    font-size: 18px;
    border-radius: 50%;
    background-color: #FFF;
    width: 40px;
    height: 40px;
    place-content: center;
    transition: all 0.3s ease;
    box-shadow: 0px 25px 40px 0px #0000001A
}

.Team .position-absolute:hover .d-flex {
    display: flex !important;
}

.Team a:hover {
    background-color: #3E3F41;
    color: #FFF;
}

.Team .col-md-4 div p {
    width: 100%;
    padding: 0px;
}

.OurTeam_Team {
    padding: 100px 0px;
}

@media (max-width: 991px) {
    .Team .col-sm-4 div img {
        border-radius: 20px;
    }

    .Team .col-sm-4 div div {
        padding: 0px;
        border-radius: 12px;
    }
}

@media (max-width: 768px) {
    .Team .col-sm-4 div div {
        padding: 4px;
    }

    .Team .col-sm-4 div div p {
        margin: auto;
    }

    .Team {
        padding-bottom: 70px;
    }

    .Team p {
        width: 75%;
    }

    .OurTeam_Team {
        padding: 70px 0px;
    }
}

@media (max-width: 480px) {
    .Team {
        padding-bottom: 50px;
    }

    .Team p {
        width: 100%;
        padding: 15px 0px 10px;
    }

    .Team .col-md-4 {
        width: 100%;
        margin: auto;
    }

    .OurTeam_Team {
        padding: 50px 0px;
    }
}

/* End of 1.11. Team section */


/* 1.12. Guide section */
.Guide {
    background: url("../images/bg-bg-Guide.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 100px 0px;
    position: relative;
}

.Guide::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #000000B2;
    top: 0px;
    left: 0px;
}

.Guide .row {
    opacity: 0.99;
    margin: auto;
}

.Guide .row .col-md-6 {
    padding: 40px 0px;
}

.Guide .row .col-md-6:nth-of-type(1) {
    display: grid;
    place-items: center;
}

.Guide .col-md-6 h4 {
    color: #312682;
}

.Guide .col-md-6 h2 {
    color: #FFF;
    max-width: 400px;
    margin: 20px 0px 40px;
}

.Guide-video {
    position: relative;
    width: 120px;
}

.video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) scale(1.3);
    box-sizing: content-box;
    display: block;
    width: 16px;
    height: 27px;
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
    background-color: #FFF;
    cursor: pointer;
}

.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    background: linear-gradient(60deg, rgb(241, 241, 241) 0%, rgba(255, 205, 6, 0.6) 100%);
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    transition: all 200ms;
}

.video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0px;
    height: 0px;
    font-size: 30px;
    left: -4px;
    top: -3px;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

.Guide .modal-dialog {
    max-width: unset;
    width: 80%;
}

.Guide .modal-content {
    background-color: transparent;
}

.Guide .modal-content button {
    opacity: 1;
    visibility: hidden;
    position: absolute;
    right: 20px;
    top: -20px;
    z-index: 1;
}

.Guide .modal-content i {
    color: #FFF;
    visibility: visible;
    font-size: 28px;
    transition: color 0.3s ease;
}

.Guide .modal-content button:hover i {
    color: #777777;
}

.Guide .modal-body {
    width: 700px;
}

.Guide iframe {
    border: none;
    width: 100%;
    border-radius: 18px;
    width: 100%;
    height: 400px;
}

@media (max-width: 991px) {
    .Guide .modal-dialog {
        width: 100%;
    }

    .Guide .modal-body {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .Guide {
        padding: 70px 0px;
    }

    .Guide .col-md-6 {
        padding: 30px;
    }

    .Guide .col-md-6:nth-of-type(2) {
        padding-bottom: 0px;
    }

    .Guide .col-md-6 h2,
    .Guide .col-md-6:nth-of-type(2) a {
        margin: 12px auto;
    }
}

@media (max-width: 767px) {
    .Guide {
        text-align: center;
    }
}

@media (max-width: 480px) {
    .Guide {
        padding: 50px 0px;
    }

    .Guide .video-play-button {
        transform: translateX(-50%) translateY(-50%) scale(1);
    }

    .Guide iframe {
        height: 300px;
    }

    .Guide .modal-content i {
        font-size: 18px;
    }
}

/* End of 1.12. Guide section */


/* 1.13. Questions section */
.Questions {
    background: url("../images/bg-arrow-left.png");
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
    margin: auto;
    padding: 30px 0px;
}

.Questions h4 {
    color: #312682;
    margin: 0px 0px 15px;
}

.Questions h2 {
    color: #3E3F41;
}

.Questions p {
    color: #3E3F41;
    margin: 15px auto 0px;
}

.Questions .row {
    margin-top: 40px;
}

.Questions .col-md-6 {
    align-self: center;
}

.Questions .col-md-6 figure img {
    border-radius: 40px;
}

.Questions .accordion-header:focus {
    background-color: transparent;
}

.Questions .accordion {
    padding: 0px 0px;
}

.Questions .accordion,
.Questions .accordion-item,
.Questions .accordion-header {
    background-color: transparent;
    border: transparent;
}

.Questions .accordion-body {
    margin: 0px 0px 24px;
}

.Questions .accordion-button {
    justify-content: space-between;
    background-color: #31268217;
    border: 1px solid transparent;
    color: #312682;
    font-weight: 500;
    font-size: 24px;
    font-family: 'Akshar', sans-serif;
}

.Questions .accordion-button:active,
.Questions .accordion-button:focus {
    border: 1px solid transparent;
    box-shadow: none;
    outline: none;
}

.Questions .accordion-button::after {
    display: none;
}

.Questions .accordion-button:not(.collapsed) {
    border: 1px solid #312682;
    border-radius: 15px;
    box-shadow: none;
}

.Questions .accordion-button:not(.collapsed) i:nth-of-type(2) {
    display: block;
}

.Questions .accordion-button:not(.collapsed) i:nth-of-type(1) {
    display: none;
}

.Questions .accordion-button i {
    display: block;
    float: right;
    font-size: 24px;
    color: #312682;
    padding-left: 12px;
}

.Questions .accordion-button.collapsed i:nth-of-type(2) {
    display: none;
}

.Questions .accordion-button.collapsed i:nth-of-type(1) {
    display: block;
}

.Questions h5 {
    font-weight: 300;
    font-size: 14px;
    padding-inline-end: 90px;
}

@media (max-width: 1200px) {
    .Questions .accordion {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .Questions p {
        margin: 16px auto;
    }

    .Questions .col-md-6 figure img {
        width: 100%;
    }

    .Questions .accordion {
        padding: 0px 0px 40px;
    }
}

@media (max-width: 768px) {
    .Questions {
        padding: 70px 0px;
    }

    .Questions .col-md-5 {
        flex-basis: 100%;
    }

    .Questions .col-md-6 {
        flex-basis: 100%;
        padding: 0px 24px;
    }

    .Questions p {
        width: 75%;
    }

    .Questions .accordion-button {
        font-size: 22px;
    }

    .Questions .col-md-5 figure {
        width: 50%;
        margin: auto;
    }

    .Questions .row {
        margin-top: 0px;
    }

    .Questions .accordion {
        padding: 20px 0px 40px;
    }
}

@media (max-width: 480px) {
    .Questions {
        padding: 50px 0px;
    }

    .Questions p {
        width: 100%;
    }

    .Questions h5 {
        padding-inline-end: 0px;
    }

    .Questions .col-md-5 figure {
        width: 100%;
    }

    .Questions .accordion-button {
        font-size: 18px;
    }

    .Questions .accordion {
        padding: 0px 0px 20px;
    }

    .Questions .col-md-6 {
        flex-basis: 100%;
        padding: 0px 12px;
    }
}

/* End of 1.13. Questions section */


/* 1.14. News section */
.About-News,
.Blog-News {
    padding-top: 100px;
}

.News {
    padding-bottom: 100px;
    text-align: center;
}
.News h5 a{
    color: #312682!important;
}
.News h4 {
    color: #312682;
}

.News p {
    max-width: 520px;
    margin: 0px auto;
    color: #3E3F41;
}

.News h2 {
    max-width: 520px;
    margin: 0px auto;
    color: #312682;
}

.News .row {
    row-gap: 30px;
    margin-top: 40px;
}

.News .row figure img {
    width: 100%;
}

.News figure {
    border-radius: 40px;
    position: relative;
    overflow: hidden;
}

.News .d-flex figure {
    border-radius: 0px;
}

.News figure .d-flex {
   background: #FFF;
    position: absolute;
    width: 100%;
    height: max-content;
    bottom: 0px;
    flex-direction: column;
    padding: 54px 40px;
    text-align: start;
    gap: 22px;
    opacity: 0;
}

.News figure:hover {
    box-shadow: 0px 25px 40px 0px #0000001A;
}

.News .d-flex figure:hover {
    box-shadow: none;
}

.News .col-md-4 :first-child:hover .d-flex {
    opacity: 1;
    transition: all 0.3s ease-in;
}

.News h5 {
    color: #3E3F41;
}

.News figure .d-flex div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.News .d-flex figure img {
    width: 40px;
    border-radius: 50%;
}

.News .d-flex figure i,
.News .d-flex figure p {
    font-size: 14px;
    font-weight: 300;
    color: #312682;
    display: inline-block;
    padding: 0px 4px;
}

.News .d-flex figure:nth-child(2) p {
    color: #3E3F41;
}

.News .d-flex div a {
    transition: color 0.3s ease;
    color: #312682;
}

.News .d-flex div a:hover {
    color: #312682;
}

.News .d-flex div a i {
    background-color: #312682;
    color: #FFF;
    padding: 6px 12px;
    border-radius: 14px;
    margin-right: 8px;
    transition: background-color 0.3s ease;
}

.News .d-flex div a:hover i {
    background-color: #312682;
}

@media (max-width: 991px) {
    .News figure .d-flex div {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .News figure .d-flex h5 {
        line-height: 18px;
    }

    .News figure .d-flex p {
        font-size: 12px;
        line-height: 12px;
    }

    .News figure .d-flex a {
        font-size: 12px;
    }
}

@media (max-width: 768px) {

    .About-News,
    .Blog-News {
        padding-top: 70px;
    }

    .News {
        padding-bottom: 70px;
    }

    .News .row figure {
        border-radius: 25px;
    }

    .News figure .d-flex {
        padding: 12px;
        gap: 12px;
    }

    .News figure .d-flex h5 {
        font-size: 14px !important;
    }

    .News figure .d-flex div p {
        display: inline-block;
    }

    .News figure .d-flex div a {
        font-size: 14px;
    }

    .News .row {
        row-gap: 10px;
    }
}

@media (max-width: 480px) {

    .About-News,
    .Blog-News {
        padding-top: 50px;
    }

    .News {
        padding-bottom: 50px;
    }

    .News .col-md-4 {
        width: 90%;
        margin: auto;
    }

    .News .row {
        margin-top: 10px;
    }
}

/* End of 1.14. News section */


/* 1.15. Subscribe section */
.Subscribe {
    padding-top: 150px;
    background: linear-gradient(to bottom, transparent 80%, #312682 80%);
    position: relative;
    top: 3px;
}

.Subscribe .position-relative {
    background: #312682;
    border-radius: 40px;
    padding: 30px;
}

.Subscribe .row img {
    width: 36%;
    position: absolute;
    bottom: 0px;
    left: 2%;
}

.Subscribe .content {
    padding: 50px 0px;
    padding-inline-start: 70px;
}

.Subscribe h2 {
    padding: 30px 0px 35px;
}

.Subscribe form div {
    width: 95%;
    display: flex;
    gap: 0px;
}

.Subscribe form input {
    border-radius: 8px 0px 0px 8px;
    border: none;
    width: 75%;
    padding: 15px 20px;
}

.Subscribe form button {
    border-radius: 0px 8px 8px 0px;
    border: none;
    background-color: #312682;
    color: #FFF;
    width: 25%;
    padding: 18px 10px !important;
    transition: all 0.3s ease-in;
}

.Subscribe form button:hover {
    color: #312682;
}

@media (max-width: 1400px) {
    .Subscribe {
        padding-top: 0px;
    }
}

@media (max-width: 991px) {
    .Subscribe .content {
        padding: 35px 0px;
    }

    .Subscribe form input {
        width: 65%;
    }

    .Subscribe form button {
        width: 35%;
    }

    .Subscribe img {
        width: 44%;
    }

    .Subscribe .position-relative {
        padding: 30px 20px;
    }
}

@media (max-width: 767px) {
    .Subscribe .row {
        flex-direction: column-reverse;
    }

    .Subscribe .row img {
        position: static;
        width: 80%;
    }

    .Subscribe figure {
        display: flex;
        justify-content: center;
    }

    .Subscribe h2 {
        padding: 15px 0px;
    }

    .Subscribe .col-lg-8 {
        order: 1;
    }

    .Subscribe .position-relative {
        padding: 0px 30px;
    }

    .Subscribe form div {
        width: 100%;
    }
}

@media (max-width: 480px) {

    .Subscribe form div {
        width: 100%;
    }

    .Subscribe form div {
        width: 100%;
        flex-direction: column;
        gap: 15px;
    }

    .Subscribe img {
        width: 90%;
    }

    .Subscribe form button,
    .Subscribe form input {
        width: 100%;
        border-radius: 8px;
    }

}

/* End of 1.15. Subscribe section */


/* 1.16. Footer section */
footer {
    background: #f3f3f3;
}

footer figure img {
    width: 400px;
}

footer .social {
    gap: 50px;
}

footer h4 {
    padding-bottom: 5px;
    color: #312682;
    transition: all 0.3s ease;
}

footer p {
    color: #312682;
    transition: all 0.3s ease;
    font-size: 15px;
}

footer a {
    font-size: 16px;
    transition: all 0.3s ease;
    color: #312682;
}

footer a:hover h4,
footer a:hover p,
footer a:hover i,
footer a:hover {
    color: #000000;
    border-color: #000000;
}

footer .container i {
    height: 45px;
    width: 45px;
    font-size: 22px;
    border-radius: 50%;
    border: 1px solid #312682;
    color: #312682;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

footer .content {
    padding: 60px 70px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin: 0px 0px 15px;
}

footer hr {
    background: #312682D9;
    height: 0.9px;
    width: 100%;
    opacity: 1;
    border: none;
    margin: 0px;
}

footer .flex-wrap hr {
    width: 0.8px;
    height: 80px;
}

footer ul li {
    padding: 0px 50px;
}

footer ul li {
    padding: 0px 35px;
}

footer .copyright {
    background: #f3f3f3;
    padding-bottom: 15px;
}
    footer .gap-lg-5 {
        gap: 2rem!important;
    }
@media (min-width: 1400px) {
    .copyright-container{
        max-width: 1270px;
        display: block;
        margin: 0 auto;
    }
}
@media (max-width: 767px) {
    .copyright-container img {
        display: block;
        margin: 0 auto;
    }
    .copyright-container{
        text-align: center;
    }
}
footer .copyright p {
    color: #000;
    /*text-align: center;*/
    padding: 5px 0px 10px 0px;
}

@media (max-width: 1280px) {
    footer .flex-wrap {
        gap: 40px !important;
    }

    footer ul li {
        padding: 0px 35px;
    }

    footer .align-items-center h4 {
        font-size: 20px;
    }

    footer .content {
        padding: 60px 12px 0px;
    }
}

@media (max-width: 991px) {
    footer .flex-wrap hr {
        width: 100%;
        height: 0.1px;
    }

    footer .m-0 {
        flex-wrap: wrap;
        gap: 40px;
    }

    footer ul li {
        padding: 0px;
    }

    footer .social {
        gap: 20px;
    }

    footer .flex-wrap {
        gap: 20px !important;
    }

    footer .justify-content-between {
        flex-direction: row !important;
        align-items: center;
    }

    footer .gap-lg-5 {
        width: 55%;
    }
}

@media (max-width: 768px) {
    footer .flex-wrap {
        gap: 30px !important;
    }

    footer .content {
        margin: 0px 0px 40px;
    }
}

@media (max-width: 540px) {
    footer .justify-content-between {
        flex-direction: column !important;
        gap: 35px !important;
    }

    footer .gap-5 {
        gap: 35px !important;
    }

    footer .gap-lg-5 {
        width: 100%;
        justify-content: center;
    }

    footer .gap-lg-5 hr {
        width: 80%;
    }

    footer .gap-md-3 {
        width: 260px;
    }

    footer figure img {
        width: 150px;
    }

    footer .container i {
        height: 40px;
        width: 40px;
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    footer .m-0 {
        gap: 12px;
    }

    footer .content {
        gap: 20px;
        margin: 0px 0px 20px;
    }

    footer a {
        font-size: 14px;
    }
}

@media (max-width: 360px) {
    footer .gap-lg-5 hr {
        width: 100%;
    }

    footer .flex-wrap {
        gap: 20px !important;
    }

    footer .align-items-center h4 {
        font-size: 16px;
    }
}

/* End of 1.16. Footer section */


/* 2.1. SubPage-Hero section */
.SubPage-Hero {
    background: url("../images/bg-bg-hero2.jpg");
    background-position: 80% 100%;
    position: relative;
    padding: 210px 0px 70px 0px;
    background-repeat: no-repeat;
    background-size: cover;
}

.breadcrumb li a{
    color: #fff;
}
.breadcrumb li span{
    color: #fff;
    padding: 0px 5px;
}
.SubPage-Hero::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0.6) 39.58%, rgba(0, 0, 0, 0.35) 100%);
}

.SubPage-Hero h2 {
    color: #FFF;
    opacity: 0.99;
    text-align: center;
}
.blog-content h2{
        margin-top: 20px;
}
.SubPage-Hero p {
    color: #FFF;
    margin-top: 15px;
    max-width: 730px;
    opacity: 0.99;
}

@media (max-width: 768px) {
    .SubPage-Hero {
        padding: 70px 0px;
        text-align: center;
    }

    .SubPage-Hero h1,
    .SubPage-Hero p {
        width: 80%;
        margin-inline: auto;
    }
}

@media (max-width: 480px) {
    .SubPage-Hero {
        padding: 150px 0px 40px 0px;
    }

    .SubPage-Hero h1,
    .SubPage-Hero p {
        width: 100%;
    }
}

/* End of 2.1. SubPage-Hero section */


/* 2.2. Company-Info section */
.Company-Info {
    padding: 100px 0px;
    background: url("../images/bg-arrow-right.png"), #F6F8FF;
    background-repeat: no-repeat;
    background-position: -50% 200%;

}

.Company-Info .container {
    background: url("../images/bg-arrow-right.png");
    background-repeat: no-repeat;
    background-position: right 40%;
}

.Company-Info .col-lg-6:nth-child(1) figure {
    width: 100%;
}

.Company-Info .col-lg-6:nth-child(1) img {
    border-radius: 40px;
    width: 100%;
}

.Company-Info .col-lg-6:nth-child(1) .d-flex div {
    border: 1px solid #F1F1F1;
    background-color: #FFF;
    padding: 50px 50px;
    border-radius: 20px;
    display: flex;
    justify-content: start;
    flex-direction: column;
    box-shadow: 0px 25px 40px 0px #0000001A;
    width: 50%;
    gap: 20px;
}

.Company-Info .col-lg-6:nth-child(1) h1 {
    color: #312682;
}

.Company-Info .col-lg-6:nth-child(1) h3 {
    color: #3E3F41;
}

.Company-Info .col-lg-6:nth-child(2) div {
    max-width: 524px;
    gap: 0px 25px;
}

.Company-Info .flex-column {
    display: flex;
    padding-inline-start: 15px;
}

.Company-Info .flex-column h2 {
    margin: 15px 0px;
    color: #312682;
}

.Company-Info .col-lg-6:nth-child(2) h4 {
    color: #312682;
}

.Company-Info .col-lg-6:nth-child(2) h2,
.Company-Info .col-lg-6:nth-child(2) p {
    color: #3E3F41;
}

.Company-Info .col-lg-6:nth-child(2) span {
    font-weight: 400;
}
.child .icon figure{
    box-shadow: 0px 25px 40px 0px #0000001A;
    padding: 20px;
    border-radius: 50%;
    z-index: 2;
    position: relative;
    background-color: #FFF;
}
.ptl{
    padding-top: 2rem !important;
    padding-left: 14px;
}
.child .icon figure img{
    width: 40px;
}
.Company-Info .col-lg-6:nth-child(2) figure {
    box-shadow: 0px 25px 40px 0px #0000001A;
    padding: 29px;
    border-radius: 50%;
    z-index: 2;
    position: relative;
    background-color: #FFF;
}

.Company-Info .col-lg-6:nth-child(2) img {
    width: 40px;
}

.Company-Info hr {
    color: #909090;
    border: 0;
    opacity: 1;
    width: 2px;
    position: absolute;
    height: 80%;
    top: 10%;
    left: 63px;
    z-index: 1;
    background: linear-gradient(to bottom, #909090 50%, transparent 50%);
    background-size: 100% 12px;
    margin: 0px;
}

.Company-Info .pt-5 h3 {
    color: #312682;
}

.Company-Info .pt-5 p {
    color: #3E3F41;
    font-size: 14px;
}

@media (max-width: 1400px) {
    .Company-Info .col-lg-6:nth-child(1) .d-flex div {
        padding: 50px 30px;
    }

    .Company-Info .col-lg-6:nth-child(2) figure {
        padding: 25px;
    }

    .Company-Info .flex-column h2 {
        margin: 10px 0px;
    }
}

@media (max-width: 1200px) {
    .Company-Info .col-lg-6:nth-child(2) figure {
        padding: 20px;
    }

    .Company-Info hr {
        left: 55px;
        background-size: 100% 8px;
    }

    .Company-Info .pt-5 p {
        font-size: 12px;
    }

    .Company-Info .col-lg-6:nth-child(1) .d-flex div {
        padding: 60px 10px;
    }
}

@media (max-width: 991px) {
    .Company-Info .justify-content-between {
        justify-content: center !important;
        gap: 20px;
    }

    /*.Company-Info .row {*/
    /*    flex-direction: column-reverse;*/
    /*}*/

    .Company-Info .col-lg-6:nth-child(2) .flex-column {
        padding-left: 0px;
    }

    .Company-Info .col-lg-6:nth-child(1) figure {
        width: 70%;
        margin: 24px auto;
    }

    .Company-Info .col-lg-6:nth-child(1) .d-flex div {
        padding: 40px 80px;
    }

    .Company-Info .col-lg-6:nth-child(2) div {
        max-width: unset;
        gap: 10px 25px;
    }

    .Company-Info hr {
        left: 40px;
    }
}

@media (max-width: 768px) {
    .Company-Info {
        padding: 70px 0px;
        text-align: center;
    }

    .Company-Info .col-lg-6:nth-child(1) .d-flex div {
        align-items: center;
    }

    .Company-Info .flex-column .pt-5 {
        padding-top: 12px !important;
    }

    .Company-Info .col-lg-6:nth-child(2) .d-flex {
        justify-content: center;
        text-align: start;
    }

    .Company-Info .flex-column h2,
    .Company-Info p {
        width: 80%;
        margin-inline: auto;
    }

    .Company-Info hr {
        left: 18%;
    }
}

@media (max-width: 767px) {
    .Company-Info .col-lg-6:nth-child(1) .d-flex div {
        padding: 40px 35px;
    }

    .Company-Info hr {
        display: none;
    }
}

@media (max-width: 540px) {
    .Company-Info hr {
        display: block;
        left: 40px;
    }

    .Company-Info .position-relative {
        gap: 0px !important;
    }

    .Company-Info .pt-5 {
        padding-top: 30px !important;
    }
}

@media (max-width: 480px) {
    .Company-Info {
        padding: 50px 0px;
    }

    .Company-Info .col-lg-6:nth-child(1) figure {
        width: 90%;
    }

    .Company-Info .col-lg-6:nth-child(2) figure {
        padding: 15px;
    }

    .Company-Info .col-lg-6:nth-child(2) img {
        width: 30px;
    }

    .Company-Info h2,
    .Company-Info p {
        width: 100%;
    }

    .Company-Info hr {
        left: 30px;
    }
}

@media (max-width: 360px) {
    .Company-Info .col-lg-6:nth-child(1) .d-flex {
        flex-direction: column;
    }

    .Company-Info .col-lg-6:nth-child(1) .d-flex div {
        width: 100%;
    }

    .Company-Info .col-lg-6:nth-child(1) figure {
        width: 100%;
    }
}

/* End of 2.2. Company-Info section */


/* 2.3. Values section */
.Values {
    position: relative;
    top: 80px;
    padding-top: 20px;
    z-index: 1;
}

.Values h4 {
    color: #312682;
}

.Values h2 {
    color: #312682;
    padding: 15px 0px;
    font-size: 35px;
}

.Values h2 span {
    color: #3E3F41;
    font-weight: 500;
}

.Values p {
    color: #3E3F41;
    max-width: 670px;
    font-size: 14px;
}

.Values h3 a{
    color: #312682;
}

.Values figure,
.Values img {
    border-radius: 40px;
    width: 100%;
}

.Values .gap-4 img {
    width: 60%;
    border-radius: 0px;
}

.Values .flex-column {
    background: #FFF;
    box-shadow: 0px 25px 40px 0px #0000004D;
    border-radius: 40px;
    padding: 50px;
    text-align: center;
}

@media (max-width: 991px) {

    .Values .row:nth-of-type(1) figure,
    .Values .row:nth-of-type(1) figure img {
        border-radius: 20px;
    }
}

@media (max-width: 768px) {
    .Values {
        top: 70px;
        padding-top: 0px;
    }
}

@media (max-width: 767px) {
    .Values {
        text-align: center;
    }

    .Values p {
        max-width: unset;
        width: 80%;
        margin: 0px auto 15px;
    }
}

@media (max-width: 480px) {
    .Values {
        top: 50px;
    }

    .Values .gap-4 {
        gap: 12px !important;
    }

    .Values .gap-4 img {
        width: 60%;
    }

    .Values p {
        width: 100%;
    }
}

/* End of 2.3. Values section */


/* 3.1. Contact-Us section */
.Contact-Us {
    padding: 100px 0px 0px;
}

.Contact-Us .container {
    box-shadow: 0px 25px 40px 0px #0000001A;
    border-radius: 40px;
}

.Contact-Us .col-lg-6 {
    padding: 40px;
}

.Contact-Us .col-lg-6 h2 {
    color: #3E3F41;
}

.Contact-Us .col-lg-6 p {
    color: #3E3F41;
    max-width: 450px;
}

.Contact-Us .flex-column {
    background: #312682;
    gap: 24px;
    align-items: flex-start;
    padding: 40px 50px;
    border-radius: 40px;
}

.Contact-Us a.align-items-center {
    color: #3E3F41;
    font-size: 24px;
    background-color: #FFF;
    border-radius: 50%;
    box-shadow: 0px 15px 30px 0px #00000033;
    transition: all 0.3s ease-in;
    width: 56px;
    height: 56px;
    border: 1px solid #FFF;
}

.Contact-Us a.align-items-center:hover {
    color: #312682;
    border-color: #312682;
    background-color: transparent;
}

.Contact-Us .m-0 {
    flex-direction: column;
}

.Contact-Us .flex-column p {
    color: #FFF;
    max-width: 170px;
}

.Contact-Us .justify-content-between {
    padding: 20px 0px 0px;
    gap: 35px;
}

.Contact-Us .justify-content-between a {
    color: #FFF;
    font-size: 22px;
    border: 1px solid;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    transition: all 0.3s ease-in;
    align-items: center;
}

.Contact-Us .justify-content-between a:hover {
    color: #1567e1ad;
    border-color: #1567e1ad;
}

.Contact-Us input::placeholder,
.Contact-Us textarea::placeholder {
    color: #919191;
}

.Contact-Us input,
.Contact-Us textarea {
    padding: 20px;
    border: 1px solid #F1F1F1;
    border-radius: 8px;
    width: 48%;
    margin: 9px 0px;
}

.Contact-Us textarea {
    width: 100%;
    height: 270px;
}

.Contact-Us button {
    width: 120px;
    border: none;
}

@media (max-width: 1200px) {
    .Contact-Us textarea {
        height: 110px;
    }

    .Contact-Us .gap-0 {
        flex-direction: column;
    }

    .Contact-Us input {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .Contact-Us .col-lg-6 p {
        max-width: 100%;
    }

    .Contact-Us .col-lg-6:nth-child(1) {
        padding-bottom: 0px;
    }

    .Contact-Us .m-0 {
        flex-direction: row;
        justify-content: space-between;
        gap: 30px;
    }

    .Contact-Us .m-0 .h-100 {
        width: 40%;
    }

    .Contact-Us .m-0 .flex-column {
        width: 60%;
    }
}

@media (max-width: 768px) {
    .Contact-Us {
        padding-top: 70px;
    }
}

@media (max-width: 767px) {
    .Contact-Us .m-0 {
        flex-direction: column;
        text-align: center;
        align-items: center;
        gap: 10px;
    }

    .Contact-Us .m-0 .h-100,
    .Contact-Us .m-0 .flex-column {
        width: 85%;
    }

    .Contact-Us .flex-column p {
        text-align: start;
    }
}

@media (max-width: 540px) {

    .Contact-Us .m-0 .h-100,
    .Contact-Us .m-0 .flex-column {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .Contact-Us {
        padding-top: 50px;
    }

    .Contact-Us .col-lg-6 {
        padding: 24px 12px;
    }

    .Contact-Us .m-0 .h-100,
    .Contact-Us .m-0 .flex-column {
        width: 100%;
    }

    .Contact-Us .d-flex .d-flex {
        gap: 12px;
    }

    .Contact-Us .d-flex .d-flex a {
        font-size: 20px;
        padding: 10px;
    }

    .Contact-Us .flex-column {
        padding: 40px 20px;
        border-radius: 20px;
    }

    .Contact-Us .justify-content-between {
        gap: 5px;
        width: 100%;
        justify-content: start !important;
    }

    .Contact-Us .justify-content-between a {
        font-size: 16px;
    }
}

/* End of 3.1. Contact-Us section */


/* 3.2. Map section */
.Map {
    padding: 100px 0px;
}

.Map iframe {
    border-radius: 40px;
    height: 600px;
}

@media (max-width: 768px) {
    .Map {
        padding: 70px 0px;
    }

    .Map iframe {
        border-radius: 40px;
        height: 300px;
    }
}

@media (max-width: 480px) {
    .Map {
        padding: 50px 0px;
    }
}

/* End of 3.2. Map section */


/* 4.1. Feedback section */
.Feedback {
    padding: 100px 0px;
    text-align: center;
}

.Feedback .row {
    margin-top: 15px;
}

.Feedback .d-flex {
    box-shadow: 0px 25px 40px 0px #0000001A;
    border-radius: 40px;
    padding: 24px;
    gap: 15px;
}

.Feedback .d-flex:hover {
    background-color: #F1F1F1;
}

.Feedback .d-flex:hover img {
    background-color: #F1F1F1;
    border: none;
}

.Feedback img {
    width: 90px;
    border-radius: 50%;
    box-shadow: 0px 20px 30px 0px #00000033;
    border: 1px solid;
    transition: all 0.3s ease;
}

.Feedback h5 {
    color: #312682;
}

.Feedback i {
    color: #312682;
    font-size: 14px;
}

.Feedback p {
    color: #3E3F41;
}

@media (max-width: 768px) {
    .Feedback {
        padding: 70px 0px;
    }

    .Feedback .container p {
        margin-inline: auto;
        width: 80%;
    }
}

@media (max-width: 480px) {
    .Feedback {
        padding: 50px 0px;
    }

    .Feedback .container p {
        width: 100%;
    }
}

@media (max-width: 360px) {
    .Feedback .d-flex {
        padding: 24px 12px;
    }
}

/* End of 4.1. Feedback section */


/* 6.1. Details section */
.Details {
    padding: 100px 0px;
}

.Details figure {
    border-radius: 40px;
    overflow: hidden;
}

.Details img {
    width: 100%;
}

.Details p {
    color: #3E3F41;
    /*padding-inline-start: 30px;*/
    /*padding-inline-end: 70px;*/
}

.Details .position-relative::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to right, #FFFFFF00 50%, #FFFFFF80 70%, #FFF 80%);
}

@media (max-width: 768px) {
    .Details {
        padding: 70px 0px;
    }

    .Details p {
        padding: 0px;
    }
}

@media (max-width: 480px) {
    .Details {
        padding: 50px 0px;
    }
}

/* End of 6.1. Details section */


/* 6.2. Reply section */
.Reply {
    padding-top: 50px;
    padding-bottom: 100px;
}

.Reply p,
.Reply h2 {
    color: #3E3F41;
}

.Reply form {
    padding: 40px 0px 0px;
}

.Reply textarea {
    height: 180px;
}

.Reply textarea,
.Reply input {
    margin-bottom: 14px;
    width: 600px;
    border: 1px solid #F1F1F1;
    border-radius: 8px;
    padding: 12px;
}

.Reply input[type="checkbox"] {
    margin-bottom: 0px;
    width: 15px;
    height: 15px;
    border-radius: 0px;
    padding: 0px;
    appearance: none;
    background-color: #F1F1F1;
}

.Reply input[type="checkbox"]:checked {
    appearance: auto;
}

.Reply button {
    width: 120px;
    border: none;
    margin-top: 14px;
}

.Reply label {
    color: #3E3F41;
    display: block;
    margin: 7px 0px;
}

@media (max-width: 768px) {
    .Reply {
        padding-bottom: 70px;
    }

    .Reply textarea,
    .Reply input {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .Reply {
        padding-top: 30px;
        padding-bottom: 50px;
    }
}

/* End of 6.2. Reply section */


/* 10.1. Past-studies section */
.Past-studies {
    padding: 100px 0px;
    text-align: center;
}

.Past-studies p {
    width: 500px;
    margin: 15px auto;
    color: #3E3F41;
}

.Past-studies .col-md-4 {
    padding: 12px;
}

.Past-studies .col-md-4 img {
    width: 100%;
}

.Past-studies .col-md-4 figure {
    position: relative;
    overflow: hidden;
    border-radius: 40px;
}

.Past-studies figure div {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0px;
    left: 0px;
    background: linear-gradient(90deg, rgba(21, 103, 225, 0.68) 0%, rgba(21, 103, 225, 0.8) 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    opacity: 0;
    transition: all 0.7s ease;
    padding: 0px 30px 20px !important;
    text-align: start;
}

.Past-studies figure:hover div {
    opacity: 1;
}

.Past-studies figure img {
    transition: all 0.7s ease;
}

.Past-studies figure:hover img {
    transform: scale(1.1);
}

.Past-studies figure div p {
    max-width: 234px;
    margin: 0px 0px 12px;
}

@media (max-width: 768px) {
    .Past-studies {
        padding: 70px 0px;
    }

    .Past-studies p {
        width: 80%;
    }
}

@media (max-width: 480px) {
    .Past-studies {
        padding: 50px 0px;
    }

    .Past-studies p {
        width: 100%;
    }
}

/* End of 10.1. Past-studies section */


/* 13.1. Page-not-found section */
.Page-not-found {
    min-height: 100svh;
    background-image: url("../images/bg-Page-Not-Found.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    position: relative;
    color: #FFF;
    padding: 150px 0px 100px;
}

.Coming-Soon {
    background-image: url("../images/bg-Comming-Soon.jpg");
}

.Page-not-found::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: linear-gradient(90.03deg, #000000 0.02%, rgba(0, 0, 0, 0.65) 46.88%, rgba(0, 0, 0, 0.35) 99.98%);
}

.Page-not-found .container span,
.Page-not-found .container h1,
.Page-not-found .container p,
.Page-not-found .container div {
    opacity: 0.99;
}

.Page-not-found .container span {
    font-family: 'Akshar', sans-serif;
    display: inline-block;
    font-size: 200px;
    opacity: 0;
}

.Coming-Soon .container span {
    font-size: 120px;
    opacity: 0.99;
}

.Coming-Soon .container h1 {
    font-weight: 500;
}

.Page-not-found .container p {
    margin: 20px 0px 50px;
    width: 700px;
}

.Page-not-found .footer {
    margin-top: 150px;
}

.Page-not-found .footer p {
    margin: 12px 0px 0px;
}

.Page-not-found .footer a {
    font-size: 18px;
    color: #FFF;
    padding: 8px;
}

.Page-not-found .footer a:hover {
    color: #312682;
}

@media (max-width: 768px) {
    .Page-not-found {
        padding: 70px 0px;
    }

    .Page-not-found .container {
        text-align: center;
    }

    .Page-not-found .container span {
        font-size: 150px;
    }

    .Coming-Soon .container span {
        font-size: 90px;
    }

    .Page-not-found .footer {
        margin-top: 70px;
    }

    .Page-not-found .container p {
        width: 100%;
        margin-inline: auto;
    }
}

@media (max-width: 480px) {
    .Page-not-found .container span {
        font-size: 100px;
    }

    .Coming-Soon .container span {
        font-size: 60px;
    }

    .Page-not-found .footer {
        margin-top: 50px;
    }
}

/* End of 13.1. Page-not-found section */






















.kdat {
    position: absolute;
    top: 40%;
    left: 10%;
}




.kslider{  }
.slide2{ position:relative;}
.kslider > ul{
    bottom: 15px;
}

#stars {
	position:absolute;
	 z-index: 9;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 820px 677px #FFF , 296px 1832px #FFF , 199px 336px #FFF , 1692px 53px #FFF , 1249px 443px #FFF , 1280px 1898px #FFF , 337px 250px #FFF , 839px 173px #FFF , 437px 469px #FFF , 1571px 986px #FFF , 1206px 1479px #FFF , 1827px 438px #FFF , 228px 1419px #FFF , 845px 1867px #FFF , 935px 1887px #FFF , 642px 1474px #FFF , 1444px 1227px #FFF , 1039px 324px #FFF , 1006px 1740px #FFF , 1016px 1160px #FFF , 1861px 1258px #FFF , 591px 325px #FFF , 1458px 197px #FFF , 1988px 1373px #FFF , 1920px 268px #FFF , 1838px 1438px #FFF , 1077px 748px #FFF , 1194px 1213px #FFF , 1113px 401px #FFF , 578px 1165px #FFF , 1678px 1401px #FFF , 1953px 1834px #FFF , 1379px 523px #FFF , 498px 1527px #FFF , 1012px 935px #FFF , 1165px 380px #FFF , 1345px 785px #FFF , 1252px 1871px #FFF , 1242px 721px #FFF , 1350px 1998px #FFF , 712px 1025px #FFF , 212px 1174px #FFF , 1051px 367px #FFF , 387px 1809px #FFF , 1939px 1736px #FFF , 1822px 801px #FFF , 764px 1290px #FFF , 833px 1868px #FFF , 567px 519px #FFF , 538px 1182px #FFF , 1660px 43px #FFF , 494px 734px #FFF , 1075px 255px #FFF , 1905px 1228px #FFF , 884px 1156px #FFF , 1912px 134px #FFF , 1954px 1552px #FFF , 1889px 1097px #FFF , 978px 876px #FFF , 759px 791px #FFF , 708px 1110px #FFF , 1597px 257px #FFF , 1420px 1215px #FFF , 937px 1098px #FFF , 1906px 135px #FFF , 1689px 1305px #FFF , 638px 1351px #FFF , 352px 68px #FFF , 937px 584px #FFF , 104px 422px #FFF , 1301px 444px #FFF , 1820px 1157px #FFF , 9px 748px #FFF , 682px 1112px #FFF , 1697px 789px #FFF , 139px 1062px #FFF , 849px 472px #FFF , 111px 1448px #FFF , 984px 1737px #FFF , 199px 1192px #FFF , 820px 1660px #FFF , 977px 588px #FFF , 1463px 286px #FFF , 1504px 1218px #FFF , 620px 146px #FFF , 1330px 566px #FFF , 1821px 242px #FFF , 1151px 1286px #FFF , 1554px 1656px #FFF , 502px 1474px #FFF , 964px 352px #FFF , 1209px 188px #FFF , 842px 1250px #FFF , 1281px 881px #FFF , 1546px 1106px #FFF , 272px 1348px #FFF , 1347px 768px #FFF , 1777px 1625px #FFF , 932px 1536px #FFF , 1732px 1716px #FFF , 1960px 1344px #FFF , 1367px 337px #FFF , 121px 575px #FFF , 34px 634px #FFF , 405px 1625px #FFF , 794px 1821px #FFF , 589px 1256px #FFF , 1462px 999px #FFF , 706px 1749px #FFF , 7px 935px #FFF , 223px 1953px #FFF , 528px 685px #FFF , 254px 414px #FFF , 1092px 1871px #FFF , 333px 1888px #FFF , 1257px 484px #FFF , 836px 1817px #FFF , 975px 1722px #FFF , 590px 69px #FFF , 233px 124px #FFF , 1127px 1434px #FFF , 70px 179px #FFF , 149px 1971px #FFF , 1798px 390px #FFF , 1279px 1706px #FFF , 1721px 1147px #FFF , 1714px 869px #FFF , 1480px 1308px #FFF , 714px 1740px #FFF , 1317px 827px #FFF , 802px 496px #FFF , 1376px 478px #FFF , 1747px 1527px #FFF , 1612px 406px #FFF , 1478px 1389px #FFF , 904px 1738px #FFF , 361px 1693px #FFF , 1214px 1076px #FFF , 477px 1787px #FFF , 369px 1144px #FFF , 688px 923px #FFF , 1066px 1678px #FFF , 1788px 758px #FFF , 82px 1948px #FFF , 1263px 801px #FFF , 339px 566px #FFF , 829px 1770px #FFF , 1935px 241px #FFF , 1629px 51px #FFF , 491px 425px #FFF , 328px 1868px #FFF , 1104px 1788px #FFF , 1181px 1271px #FFF , 89px 1644px #FFF , 1358px 249px #FFF , 1706px 711px #FFF , 1883px 120px #FFF , 1703px 167px #FFF , 1670px 940px #FFF , 1635px 673px #FFF , 1906px 1435px #FFF , 665px 1633px #FFF , 834px 1376px #FFF , 169px 1685px #FFF , 1084px 459px #FFF , 731px 239px #FFF , 1812px 878px #FFF , 342px 517px #FFF , 1589px 332px #FFF , 850px 25px #FFF , 1476px 1412px #FFF , 1821px 1120px #FFF , 218px 1508px #FFF , 1900px 1300px #FFF , 1819px 79px #FFF , 327px 1063px #FFF , 459px 1491px #FFF , 339px 184px #FFF , 674px 1519px #FFF , 584px 525px #FFF , 623px 401px #FFF , 1383px 629px #FFF , 39px 1072px #FFF , 445px 1013px #FFF , 426px 1792px #FFF , 1762px 982px #FFF , 438px 1776px #FFF , 409px 1439px #FFF , 1948px 1623px #FFF , 586px 180px #FFF , 852px 1823px #FFF , 1110px 1833px #FFF , 515px 151px #FFF , 1235px 709px #FFF , 490px 1024px #FFF , 371px 376px #FFF , 368px 482px #FFF , 357px 168px #FFF , 259px 644px #FFF , 439px 1908px #FFF , 1916px 1811px #FFF , 1471px 484px #FFF , 437px 1901px #FFF , 1258px 1375px #FFF , 1543px 1499px #FFF , 1215px 1249px #FFF , 1142px 1265px #FFF , 1437px 586px #FFF , 1890px 315px #FFF , 265px 1742px #FFF , 1583px 1107px #FFF , 209px 1297px #FFF , 200px 1957px #FFF , 1946px 119px #FFF , 181px 851px #FFF , 715px 1836px #FFF , 1033px 267px #FFF , 886px 1267px #FFF , 1801px 1620px #FFF , 992px 258px #FFF , 464px 1439px #FFF , 1068px 495px #FFF , 1812px 1296px #FFF , 1996px 465px #FFF , 1534px 780px #FFF , 206px 835px #FFF , 942px 1824px #FFF , 1460px 226px #FFF , 739px 451px #FFF , 1025px 1348px #FFF , 1807px 916px #FFF , 205px 1711px #FFF , 887px 874px #FFF , 603px 1200px #FFF , 1774px 504px #FFF , 1166px 1564px #FFF , 724px 1801px #FFF , 1655px 573px #FFF , 337px 355px #FFF , 1593px 1784px #FFF , 1961px 1238px #FFF , 1313px 1847px #FFF , 489px 968px #FFF , 1103px 601px #FFF , 690px 799px #FFF , 24px 1540px #FFF , 320px 1493px #FFF , 1676px 1054px #FFF , 726px 800px #FFF , 367px 1919px #FFF , 1470px 57px #FFF , 498px 125px #FFF , 149px 752px #FFF , 1959px 279px #FFF , 1168px 1261px #FFF , 332px 1895px #FFF , 201px 1706px #FFF , 1272px 32px #FFF , 896px 748px #FFF , 475px 878px #FFF , 408px 11px #FFF , 986px 307px #FFF , 391px 1181px #FFF , 957px 764px #FFF , 211px 1739px #FFF , 1726px 1554px #FFF , 525px 671px #FFF , 104px 908px #FFF , 1144px 1885px #FFF , 1067px 1639px #FFF , 1864px 444px #FFF , 117px 882px #FFF , 344px 331px #FFF , 1485px 954px #FFF , 656px 1231px #FFF , 534px 518px #FFF , 635px 112px #FFF , 1335px 134px #FFF , 561px 1107px #FFF , 1505px 663px #FFF , 1610px 1745px #FFF , 57px 1110px #FFF , 796px 646px #FFF , 331px 921px #FFF , 1951px 433px #FFF , 18px 698px #FFF , 1146px 1004px #FFF , 432px 1464px #FFF , 1957px 1832px #FFF , 1491px 1462px #FFF , 1743px 825px #FFF , 191px 479px #FFF , 1044px 454px #FFF , 672px 967px #FFF , 785px 1776px #FFF , 1520px 1931px #FFF , 1522px 487px #FFF , 1490px 587px #FFF , 1842px 1667px #FFF , 1161px 367px #FFF , 1428px 1806px #FFF , 347px 1241px #FFF , 61px 1197px #FFF , 813px 1744px #FFF , 447px 901px #FFF , 673px 377px #FFF , 1799px 941px #FFF , 282px 1192px #FFF , 1949px 1458px #FFF , 1837px 1557px #FFF , 664px 94px #FFF , 625px 607px #FFF , 1840px 597px #FFF , 6px 1317px #FFF , 1720px 1925px #FFF , 54px 1818px #FFF , 380px 1582px #FFF , 1421px 12px #FFF , 1858px 965px #FFF , 552px 1382px #FFF , 950px 1706px #FFF , 97px 775px #FFF , 442px 645px #FFF , 411px 1619px #FFF , 1211px 1107px #FFF , 1945px 811px #FFF , 1828px 185px #FFF , 113px 1550px #FFF , 1181px 931px #FFF , 621px 491px #FFF , 604px 275px #FFF , 954px 472px #FFF , 1126px 1246px #FFF , 614px 776px #FFF , 972px 913px #FFF , 1749px 956px #FFF , 588px 1268px #FFF , 1315px 175px #FFF , 311px 664px #FFF , 596px 1041px #FFF , 854px 241px #FFF , 1112px 1861px #FFF , 455px 1639px #FFF , 537px 1764px #FFF , 379px 1123px #FFF , 351px 989px #FFF , 1266px 626px #FFF , 95px 1982px #FFF , 721px 1861px #FFF , 1716px 303px #FFF , 79px 419px #FFF , 1054px 1249px #FFF , 816px 44px #FFF , 1306px 1516px #FFF , 1751px 514px #FFF , 1646px 1963px #FFF , 1135px 1254px #FFF , 1450px 911px #FFF , 567px 1058px #FFF , 1448px 1366px #FFF , 1071px 391px #FFF , 520px 1042px #FFF , 1px 124px #FFF , 1595px 129px #FFF , 1368px 704px #FFF , 986px 601px #FFF , 808px 518px #FFF , 961px 647px #FFF , 1017px 652px #FFF , 964px 626px #FFF , 384px 1439px #FFF , 395px 173px #FFF , 1792px 1100px #FFF , 84px 401px #FFF , 17px 1407px #FFF , 158px 882px #FFF , 1645px 1855px #FFF , 1943px 1933px #FFF , 1341px 1654px #FFF , 1122px 1110px #FFF , 1427px 124px #FFF , 1033px 1971px #FFF , 568px 116px #FFF , 1044px 34px #FFF , 1767px 770px #FFF , 331px 1616px #FFF , 507px 1359px #FFF , 785px 15px #FFF , 500px 1155px #FFF , 502px 827px #FFF , 1566px 236px #FFF , 1216px 570px #FFF , 855px 1820px #FFF , 1191px 1578px #FFF , 224px 1060px #FFF , 1294px 552px #FFF , 1070px 1458px #FFF , 39px 1603px #FFF , 847px 1841px #FFF , 1978px 158px #FFF , 1062px 378px #FFF , 1872px 277px #FFF , 731px 1289px #FFF , 1930px 111px #FFF , 1449px 1044px #FFF , 1930px 1454px #FFF , 1696px 1621px #FFF , 1988px 989px #FFF , 196px 1191px #FFF , 1863px 964px #FFF , 1870px 1278px #FFF , 257px 1479px #FFF , 327px 1541px #FFF , 1637px 1140px #FFF , 386px 1530px #FFF , 1303px 536px #FFF , 736px 1825px #FFF , 22px 1525px #FFF , 217px 271px #FFF , 1082px 71px #FFF , 1222px 617px #FFF , 154px 1758px #FFF , 1512px 1950px #FFF , 975px 301px #FFF , 1178px 1854px #FFF , 960px 708px #FFF , 500px 1943px #FFF , 1499px 55px #FFF , 777px 1057px #FFF , 1127px 915px #FFF , 744px 1285px #FFF , 1422px 1084px #FFF , 1632px 81px #FFF , 1511px 1158px #FFF , 364px 1079px #FFF , 204px 1228px #FFF , 124px 1138px #FFF , 1454px 260px #FFF , 174px 1495px #FFF , 1957px 1241px #FFF , 1290px 1440px #FFF , 1951px 1463px #FFF , 1981px 554px #FFF , 405px 161px #FFF , 1620px 816px #FFF , 1166px 911px #FFF , 645px 673px #FFF , 836px 1375px #FFF , 196px 1731px #FFF , 817px 1558px #FFF , 174px 38px #FFF , 693px 1677px #FFF , 1245px 469px #FFF , 1686px 998px #FFF , 328px 1586px #FFF , 291px 1634px #FFF , 1066px 750px #FFF , 1730px 739px #FFF , 466px 416px #FFF , 876px 512px #FFF , 943px 805px #FFF , 1058px 1563px #FFF , 175px 1511px #FFF , 1838px 1635px #FFF , 1592px 1696px #FFF , 394px 1782px #FFF , 1210px 537px #FFF , 774px 940px #FFF , 389px 606px #FFF , 228px 1910px #FFF , 1697px 1370px #FFF , 1563px 983px #FFF , 1337px 192px #FFF , 511px 748px #FFF , 246px 1444px #FFF , 851px 312px #FFF , 422px 727px #FFF , 712px 1020px #FFF , 264px 388px #FFF , 1740px 888px #FFF , 1326px 1497px #FFF , 16px 869px #FFF , 774px 1623px #FFF , 1435px 1361px #FFF , 249px 1152px #FFF , 1483px 1594px #FFF , 1064px 1339px #FFF , 1203px 954px #FFF , 178px 1704px #FFF , 833px 1938px #FFF , 1573px 1085px #FFF , 345px 805px #FFF , 459px 544px #FFF , 1046px 1561px #FFF , 188px 265px #FFF , 1091px 616px #FFF , 633px 1179px #FFF , 1707px 759px #FFF , 1733px 658px #FFF , 546px 639px #FFF , 1985px 1923px #FFF , 63px 1454px #FFF , 1765px 1950px #FFF , 1596px 1182px #FFF , 746px 1893px #FFF , 422px 1520px #FFF , 80px 433px #FFF , 517px 1700px #FFF , 15px 1908px #FFF , 1478px 643px #FFF , 743px 502px #FFF , 1560px 835px #FFF , 1299px 1594px #FFF , 1916px 45px #FFF , 776px 1696px #FFF , 1213px 982px #FFF , 1730px 15px #FFF , 1431px 1774px #FFF , 199px 1835px #FFF , 752px 639px #FFF , 1165px 1216px #FFF , 1090px 642px #FFF , 821px 1693px #FFF , 766px 236px #FFF , 1297px 1545px #FFF , 1618px 1364px #FFF , 1396px 272px #FFF , 447px 907px #FFF , 1560px 686px #FFF , 1494px 1345px #FFF , 1197px 1935px #FFF , 1867px 1050px #FFF , 1007px 9px #FFF , 837px 340px #FFF , 193px 743px #FFF , 1377px 1625px #FFF , 375px 1812px #FFF , 1886px 945px #FFF , 1377px 882px #FFF , 37px 1579px #FFF , 545px 1971px #FFF , 952px 908px #FFF , 4px 1218px #FFF , 841px 1232px #FFF , 901px 1543px #FFF , 1614px 1656px #FFF , 1094px 183px #FFF , 1245px 1547px #FFF , 1974px 1002px #FFF , 434px 252px #FFF , 129px 1443px #FFF , 215px 202px #FFF , 108px 1060px #FFF , 1622px 1894px #FFF , 1773px 1357px #FFF , 666px 1255px #FFF , 942px 295px #FFF , 1644px 1176px #FFF , 1853px 1444px #FFF , 1622px 1924px #FFF , 51px 1778px #FFF , 956px 1844px #FFF , 212px 425px #FFF , 541px 1390px #FFF , 1213px 447px #FFF , 34px 317px #FFF , 298px 699px #FFF , 234px 1084px #FFF , 1719px 601px #FFF , 1755px 981px #FFF , 412px 257px #FFF , 1461px 1043px #FFF , 1976px 536px #FFF , 1432px 1316px #FFF , 481px 77px #FFF , 1191px 1221px #FFF , 1645px 287px #FFF , 873px 1919px #FFF , 130px 1168px #FFF , 1631px 1859px #FFF , 554px 1694px #FFF , 1058px 1363px #FFF , 430px 1814px #FFF , 591px 1291px #FFF , 1115px 177px #FFF , 632px 967px #FFF , 1771px 1213px #FFF , 1459px 499px #FFF , 565px 1041px #FFF , 1737px 750px #FFF , 447px 1250px #FFF , 1015px 3px #FFF , 917px 1382px #FFF , 1109px 620px #FFF , 1459px 1612px #FFF , 1631px 1210px #FFF , 71px 1087px #FFF , 1741px 1950px #FFF , 298px 1166px #FFF , 963px 1131px #FFF , 885px 1797px #FFF , 132px 1325px #FFF , 244px 270px #FFF , 1699px 907px #FFF , 1244px 1644px #FFF , 1698px 256px #FFF , 853px 324px #FFF , 398px 783px #FFF , 1767px 1379px #FFF , 1669px 1857px #FFF , 1605px 229px #FFF , 1394px 1238px #FFF , 1361px 684px #FFF , 1148px 469px #FFF , 181px 1210px #FFF , 1298px 107px #FFF , 242px 1693px #FFF , 341px 1418px #FFF , 604px 477px #FFF , 1848px 1564px #FFF , 1151px 677px #FFF , 1003px 88px #FFF , 1813px 1629px #FFF , 1442px 435px #FFF , 600px 541px #FFF , 902px 1623px #FFF , 585px 1769px #FFF , 24px 1442px #FFF , 1037px 1485px #FFF , 453px 1575px #FFF , 1303px 1673px #FFF , 1130px 596px #FFF , 372px 1061px #FFF , 629px 1199px #FFF , 862px 1272px #FFF , 946px 660px #FFF , 1880px 568px #FFF , 1592px 1277px #FFF , 805px 1835px #FFF , 1355px 396px #FFF , 544px 1377px #FFF , 595px 1566px #FFF , 137px 1709px #FFF , 1051px 896px #FFF , 1735px 307px #FFF , 724px 648px #FFF , 1770px 1211px #FFF , 1221px 310px #FFF , 1059px 180px #FFF , 465px 1083px #FFF , 578px 1020px #FFF , 1500px 916px #FFF , 1089px 748px #FFF , 143px 1903px #FFF , 326px 1850px #FFF , 1211px 971px #FFF , 385px 353px #FFF , 1115px 7px #FFF , 1643px 935px #FFF , 1633px 1600px #FFF , 788px 1742px #FFF , 551px 1659px #FFF , 1984px 1311px #FFF , 369px 406px #FFF , 555px 1222px #FFF , 160px 1960px #FFF , 529px 119px #FFF , 712px 540px #FFF , 352px 432px #FFF , 630px 997px #FFF , 1980px 1284px #FFF , 1554px 1631px #FFF , 1145px 1811px #FFF , 571px 663px #FFF , 1789px 1230px #FFF , 1632px 5px #FFF , 1928px 934px #FFF , 639px 1949px #FFF , 331px 1671px #FFF , 1153px 1357px #FFF , 1459px 1232px #FFF , 1917px 650px #FFF , 620px 1109px #FFF , 182px 1786px #FFF , 1699px 195px #FFF , 515px 1450px #FFF , 1054px 1500px #FFF , 316px 351px #FFF , 308px 1046px #FFF , 952px 1076px #FFF , 1711px 1321px #FFF , 1677px 1541px #FFF , 353px 599px #FFF , 1033px 766px #FFF , 1502px 609px #FFF , 534px 284px #FFF , 1479px 784px #FFF , 1005px 1975px #FFF , 1085px 1642px #FFF , 1308px 330px #FFF;
  animation: animStar 50s linear infinite;
}
#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 820px 677px #FFF , 296px 1832px #FFF , 199px 336px #FFF , 1692px 53px #FFF , 1249px 443px #FFF , 1280px 1898px #FFF , 337px 250px #FFF , 839px 173px #FFF , 437px 469px #FFF , 1571px 986px #FFF , 1206px 1479px #FFF , 1827px 438px #FFF , 228px 1419px #FFF , 845px 1867px #FFF , 935px 1887px #FFF , 642px 1474px #FFF , 1444px 1227px #FFF , 1039px 324px #FFF , 1006px 1740px #FFF , 1016px 1160px #FFF , 1861px 1258px #FFF , 591px 325px #FFF , 1458px 197px #FFF , 1988px 1373px #FFF , 1920px 268px #FFF , 1838px 1438px #FFF , 1077px 748px #FFF , 1194px 1213px #FFF , 1113px 401px #FFF , 578px 1165px #FFF , 1678px 1401px #FFF , 1953px 1834px #FFF , 1379px 523px #FFF , 498px 1527px #FFF , 1012px 935px #FFF , 1165px 380px #FFF , 1345px 785px #FFF , 1252px 1871px #FFF , 1242px 721px #FFF , 1350px 1998px #FFF , 712px 1025px #FFF , 212px 1174px #FFF , 1051px 367px #FFF , 387px 1809px #FFF , 1939px 1736px #FFF , 1822px 801px #FFF , 764px 1290px #FFF , 833px 1868px #FFF , 567px 519px #FFF , 538px 1182px #FFF , 1660px 43px #FFF , 494px 734px #FFF , 1075px 255px #FFF , 1905px 1228px #FFF , 884px 1156px #FFF , 1912px 134px #FFF , 1954px 1552px #FFF , 1889px 1097px #FFF , 978px 876px #FFF , 759px 791px #FFF , 708px 1110px #FFF , 1597px 257px #FFF , 1420px 1215px #FFF , 937px 1098px #FFF , 1906px 135px #FFF , 1689px 1305px #FFF , 638px 1351px #FFF , 352px 68px #FFF , 937px 584px #FFF , 104px 422px #FFF , 1301px 444px #FFF , 1820px 1157px #FFF , 9px 748px #FFF , 682px 1112px #FFF , 1697px 789px #FFF , 139px 1062px #FFF , 849px 472px #FFF , 111px 1448px #FFF , 984px 1737px #FFF , 199px 1192px #FFF , 820px 1660px #FFF , 977px 588px #FFF , 1463px 286px #FFF , 1504px 1218px #FFF , 620px 146px #FFF , 1330px 566px #FFF , 1821px 242px #FFF , 1151px 1286px #FFF , 1554px 1656px #FFF , 502px 1474px #FFF , 964px 352px #FFF , 1209px 188px #FFF , 842px 1250px #FFF , 1281px 881px #FFF , 1546px 1106px #FFF , 272px 1348px #FFF , 1347px 768px #FFF , 1777px 1625px #FFF , 932px 1536px #FFF , 1732px 1716px #FFF , 1960px 1344px #FFF , 1367px 337px #FFF , 121px 575px #FFF , 34px 634px #FFF , 405px 1625px #FFF , 794px 1821px #FFF , 589px 1256px #FFF , 1462px 999px #FFF , 706px 1749px #FFF , 7px 935px #FFF , 223px 1953px #FFF , 528px 685px #FFF , 254px 414px #FFF , 1092px 1871px #FFF , 333px 1888px #FFF , 1257px 484px #FFF , 836px 1817px #FFF , 975px 1722px #FFF , 590px 69px #FFF , 233px 124px #FFF , 1127px 1434px #FFF , 70px 179px #FFF , 149px 1971px #FFF , 1798px 390px #FFF , 1279px 1706px #FFF , 1721px 1147px #FFF , 1714px 869px #FFF , 1480px 1308px #FFF , 714px 1740px #FFF , 1317px 827px #FFF , 802px 496px #FFF , 1376px 478px #FFF , 1747px 1527px #FFF , 1612px 406px #FFF , 1478px 1389px #FFF , 904px 1738px #FFF , 361px 1693px #FFF , 1214px 1076px #FFF , 477px 1787px #FFF , 369px 1144px #FFF , 688px 923px #FFF , 1066px 1678px #FFF , 1788px 758px #FFF , 82px 1948px #FFF , 1263px 801px #FFF , 339px 566px #FFF , 829px 1770px #FFF , 1935px 241px #FFF , 1629px 51px #FFF , 491px 425px #FFF , 328px 1868px #FFF , 1104px 1788px #FFF , 1181px 1271px #FFF , 89px 1644px #FFF , 1358px 249px #FFF , 1706px 711px #FFF , 1883px 120px #FFF , 1703px 167px #FFF , 1670px 940px #FFF , 1635px 673px #FFF , 1906px 1435px #FFF , 665px 1633px #FFF , 834px 1376px #FFF , 169px 1685px #FFF , 1084px 459px #FFF , 731px 239px #FFF , 1812px 878px #FFF , 342px 517px #FFF , 1589px 332px #FFF , 850px 25px #FFF , 1476px 1412px #FFF , 1821px 1120px #FFF , 218px 1508px #FFF , 1900px 1300px #FFF , 1819px 79px #FFF , 327px 1063px #FFF , 459px 1491px #FFF , 339px 184px #FFF , 674px 1519px #FFF , 584px 525px #FFF , 623px 401px #FFF , 1383px 629px #FFF , 39px 1072px #FFF , 445px 1013px #FFF , 426px 1792px #FFF , 1762px 982px #FFF , 438px 1776px #FFF , 409px 1439px #FFF , 1948px 1623px #FFF , 586px 180px #FFF , 852px 1823px #FFF , 1110px 1833px #FFF , 515px 151px #FFF , 1235px 709px #FFF , 490px 1024px #FFF , 371px 376px #FFF , 368px 482px #FFF , 357px 168px #FFF , 259px 644px #FFF , 439px 1908px #FFF , 1916px 1811px #FFF , 1471px 484px #FFF , 437px 1901px #FFF , 1258px 1375px #FFF , 1543px 1499px #FFF , 1215px 1249px #FFF , 1142px 1265px #FFF , 1437px 586px #FFF , 1890px 315px #FFF , 265px 1742px #FFF , 1583px 1107px #FFF , 209px 1297px #FFF , 200px 1957px #FFF , 1946px 119px #FFF , 181px 851px #FFF , 715px 1836px #FFF , 1033px 267px #FFF , 886px 1267px #FFF , 1801px 1620px #FFF , 992px 258px #FFF , 464px 1439px #FFF , 1068px 495px #FFF , 1812px 1296px #FFF , 1996px 465px #FFF , 1534px 780px #FFF , 206px 835px #FFF , 942px 1824px #FFF , 1460px 226px #FFF , 739px 451px #FFF , 1025px 1348px #FFF , 1807px 916px #FFF , 205px 1711px #FFF , 887px 874px #FFF , 603px 1200px #FFF , 1774px 504px #FFF , 1166px 1564px #FFF , 724px 1801px #FFF , 1655px 573px #FFF , 337px 355px #FFF , 1593px 1784px #FFF , 1961px 1238px #FFF , 1313px 1847px #FFF , 489px 968px #FFF , 1103px 601px #FFF , 690px 799px #FFF , 24px 1540px #FFF , 320px 1493px #FFF , 1676px 1054px #FFF , 726px 800px #FFF , 367px 1919px #FFF , 1470px 57px #FFF , 498px 125px #FFF , 149px 752px #FFF , 1959px 279px #FFF , 1168px 1261px #FFF , 332px 1895px #FFF , 201px 1706px #FFF , 1272px 32px #FFF , 896px 748px #FFF , 475px 878px #FFF , 408px 11px #FFF , 986px 307px #FFF , 391px 1181px #FFF , 957px 764px #FFF , 211px 1739px #FFF , 1726px 1554px #FFF , 525px 671px #FFF , 104px 908px #FFF , 1144px 1885px #FFF , 1067px 1639px #FFF , 1864px 444px #FFF , 117px 882px #FFF , 344px 331px #FFF , 1485px 954px #FFF , 656px 1231px #FFF , 534px 518px #FFF , 635px 112px #FFF , 1335px 134px #FFF , 561px 1107px #FFF , 1505px 663px #FFF , 1610px 1745px #FFF , 57px 1110px #FFF , 796px 646px #FFF , 331px 921px #FFF , 1951px 433px #FFF , 18px 698px #FFF , 1146px 1004px #FFF , 432px 1464px #FFF , 1957px 1832px #FFF , 1491px 1462px #FFF , 1743px 825px #FFF , 191px 479px #FFF , 1044px 454px #FFF , 672px 967px #FFF , 785px 1776px #FFF , 1520px 1931px #FFF , 1522px 487px #FFF , 1490px 587px #FFF , 1842px 1667px #FFF , 1161px 367px #FFF , 1428px 1806px #FFF , 347px 1241px #FFF , 61px 1197px #FFF , 813px 1744px #FFF , 447px 901px #FFF , 673px 377px #FFF , 1799px 941px #FFF , 282px 1192px #FFF , 1949px 1458px #FFF , 1837px 1557px #FFF , 664px 94px #FFF , 625px 607px #FFF , 1840px 597px #FFF , 6px 1317px #FFF , 1720px 1925px #FFF , 54px 1818px #FFF , 380px 1582px #FFF , 1421px 12px #FFF , 1858px 965px #FFF , 552px 1382px #FFF , 950px 1706px #FFF , 97px 775px #FFF , 442px 645px #FFF , 411px 1619px #FFF , 1211px 1107px #FFF , 1945px 811px #FFF , 1828px 185px #FFF , 113px 1550px #FFF , 1181px 931px #FFF , 621px 491px #FFF , 604px 275px #FFF , 954px 472px #FFF , 1126px 1246px #FFF , 614px 776px #FFF , 972px 913px #FFF , 1749px 956px #FFF , 588px 1268px #FFF , 1315px 175px #FFF , 311px 664px #FFF , 596px 1041px #FFF , 854px 241px #FFF , 1112px 1861px #FFF , 455px 1639px #FFF , 537px 1764px #FFF , 379px 1123px #FFF , 351px 989px #FFF , 1266px 626px #FFF , 95px 1982px #FFF , 721px 1861px #FFF , 1716px 303px #FFF , 79px 419px #FFF , 1054px 1249px #FFF , 816px 44px #FFF , 1306px 1516px #FFF , 1751px 514px #FFF , 1646px 1963px #FFF , 1135px 1254px #FFF , 1450px 911px #FFF , 567px 1058px #FFF , 1448px 1366px #FFF , 1071px 391px #FFF , 520px 1042px #FFF , 1px 124px #FFF , 1595px 129px #FFF , 1368px 704px #FFF , 986px 601px #FFF , 808px 518px #FFF , 961px 647px #FFF , 1017px 652px #FFF , 964px 626px #FFF , 384px 1439px #FFF , 395px 173px #FFF , 1792px 1100px #FFF , 84px 401px #FFF , 17px 1407px #FFF , 158px 882px #FFF , 1645px 1855px #FFF , 1943px 1933px #FFF , 1341px 1654px #FFF , 1122px 1110px #FFF , 1427px 124px #FFF , 1033px 1971px #FFF , 568px 116px #FFF , 1044px 34px #FFF , 1767px 770px #FFF , 331px 1616px #FFF , 507px 1359px #FFF , 785px 15px #FFF , 500px 1155px #FFF , 502px 827px #FFF , 1566px 236px #FFF , 1216px 570px #FFF , 855px 1820px #FFF , 1191px 1578px #FFF , 224px 1060px #FFF , 1294px 552px #FFF , 1070px 1458px #FFF , 39px 1603px #FFF , 847px 1841px #FFF , 1978px 158px #FFF , 1062px 378px #FFF , 1872px 277px #FFF , 731px 1289px #FFF , 1930px 111px #FFF , 1449px 1044px #FFF , 1930px 1454px #FFF , 1696px 1621px #FFF , 1988px 989px #FFF , 196px 1191px #FFF , 1863px 964px #FFF , 1870px 1278px #FFF , 257px 1479px #FFF , 327px 1541px #FFF , 1637px 1140px #FFF , 386px 1530px #FFF , 1303px 536px #FFF , 736px 1825px #FFF , 22px 1525px #FFF , 217px 271px #FFF , 1082px 71px #FFF , 1222px 617px #FFF , 154px 1758px #FFF , 1512px 1950px #FFF , 975px 301px #FFF , 1178px 1854px #FFF , 960px 708px #FFF , 500px 1943px #FFF , 1499px 55px #FFF , 777px 1057px #FFF , 1127px 915px #FFF , 744px 1285px #FFF , 1422px 1084px #FFF , 1632px 81px #FFF , 1511px 1158px #FFF , 364px 1079px #FFF , 204px 1228px #FFF , 124px 1138px #FFF , 1454px 260px #FFF , 174px 1495px #FFF , 1957px 1241px #FFF , 1290px 1440px #FFF , 1951px 1463px #FFF , 1981px 554px #FFF , 405px 161px #FFF , 1620px 816px #FFF , 1166px 911px #FFF , 645px 673px #FFF , 836px 1375px #FFF , 196px 1731px #FFF , 817px 1558px #FFF , 174px 38px #FFF , 693px 1677px #FFF , 1245px 469px #FFF , 1686px 998px #FFF , 328px 1586px #FFF , 291px 1634px #FFF , 1066px 750px #FFF , 1730px 739px #FFF , 466px 416px #FFF , 876px 512px #FFF , 943px 805px #FFF , 1058px 1563px #FFF , 175px 1511px #FFF , 1838px 1635px #FFF , 1592px 1696px #FFF , 394px 1782px #FFF , 1210px 537px #FFF , 774px 940px #FFF , 389px 606px #FFF , 228px 1910px #FFF , 1697px 1370px #FFF , 1563px 983px #FFF , 1337px 192px #FFF , 511px 748px #FFF , 246px 1444px #FFF , 851px 312px #FFF , 422px 727px #FFF , 712px 1020px #FFF , 264px 388px #FFF , 1740px 888px #FFF , 1326px 1497px #FFF , 16px 869px #FFF , 774px 1623px #FFF , 1435px 1361px #FFF , 249px 1152px #FFF , 1483px 1594px #FFF , 1064px 1339px #FFF , 1203px 954px #FFF , 178px 1704px #FFF , 833px 1938px #FFF , 1573px 1085px #FFF , 345px 805px #FFF , 459px 544px #FFF , 1046px 1561px #FFF , 188px 265px #FFF , 1091px 616px #FFF , 633px 1179px #FFF , 1707px 759px #FFF , 1733px 658px #FFF , 546px 639px #FFF , 1985px 1923px #FFF , 63px 1454px #FFF , 1765px 1950px #FFF , 1596px 1182px #FFF , 746px 1893px #FFF , 422px 1520px #FFF , 80px 433px #FFF , 517px 1700px #FFF , 15px 1908px #FFF , 1478px 643px #FFF , 743px 502px #FFF , 1560px 835px #FFF , 1299px 1594px #FFF , 1916px 45px #FFF , 776px 1696px #FFF , 1213px 982px #FFF , 1730px 15px #FFF , 1431px 1774px #FFF , 199px 1835px #FFF , 752px 639px #FFF , 1165px 1216px #FFF , 1090px 642px #FFF , 821px 1693px #FFF , 766px 236px #FFF , 1297px 1545px #FFF , 1618px 1364px #FFF , 1396px 272px #FFF , 447px 907px #FFF , 1560px 686px #FFF , 1494px 1345px #FFF , 1197px 1935px #FFF , 1867px 1050px #FFF , 1007px 9px #FFF , 837px 340px #FFF , 193px 743px #FFF , 1377px 1625px #FFF , 375px 1812px #FFF , 1886px 945px #FFF , 1377px 882px #FFF , 37px 1579px #FFF , 545px 1971px #FFF , 952px 908px #FFF , 4px 1218px #FFF , 841px 1232px #FFF , 901px 1543px #FFF , 1614px 1656px #FFF , 1094px 183px #FFF , 1245px 1547px #FFF , 1974px 1002px #FFF , 434px 252px #FFF , 129px 1443px #FFF , 215px 202px #FFF , 108px 1060px #FFF , 1622px 1894px #FFF , 1773px 1357px #FFF , 666px 1255px #FFF , 942px 295px #FFF , 1644px 1176px #FFF , 1853px 1444px #FFF , 1622px 1924px #FFF , 51px 1778px #FFF , 956px 1844px #FFF , 212px 425px #FFF , 541px 1390px #FFF , 1213px 447px #FFF , 34px 317px #FFF , 298px 699px #FFF , 234px 1084px #FFF , 1719px 601px #FFF , 1755px 981px #FFF , 412px 257px #FFF , 1461px 1043px #FFF , 1976px 536px #FFF , 1432px 1316px #FFF , 481px 77px #FFF , 1191px 1221px #FFF , 1645px 287px #FFF , 873px 1919px #FFF , 130px 1168px #FFF , 1631px 1859px #FFF , 554px 1694px #FFF , 1058px 1363px #FFF , 430px 1814px #FFF , 591px 1291px #FFF , 1115px 177px #FFF , 632px 967px #FFF , 1771px 1213px #FFF , 1459px 499px #FFF , 565px 1041px #FFF , 1737px 750px #FFF , 447px 1250px #FFF , 1015px 3px #FFF , 917px 1382px #FFF , 1109px 620px #FFF , 1459px 1612px #FFF , 1631px 1210px #FFF , 71px 1087px #FFF , 1741px 1950px #FFF , 298px 1166px #FFF , 963px 1131px #FFF , 885px 1797px #FFF , 132px 1325px #FFF , 244px 270px #FFF , 1699px 907px #FFF , 1244px 1644px #FFF , 1698px 256px #FFF , 853px 324px #FFF , 398px 783px #FFF , 1767px 1379px #FFF , 1669px 1857px #FFF , 1605px 229px #FFF , 1394px 1238px #FFF , 1361px 684px #FFF , 1148px 469px #FFF , 181px 1210px #FFF , 1298px 107px #FFF , 242px 1693px #FFF , 341px 1418px #FFF , 604px 477px #FFF , 1848px 1564px #FFF , 1151px 677px #FFF , 1003px 88px #FFF , 1813px 1629px #FFF , 1442px 435px #FFF , 600px 541px #FFF , 902px 1623px #FFF , 585px 1769px #FFF , 24px 1442px #FFF , 1037px 1485px #FFF , 453px 1575px #FFF , 1303px 1673px #FFF , 1130px 596px #FFF , 372px 1061px #FFF , 629px 1199px #FFF , 862px 1272px #FFF , 946px 660px #FFF , 1880px 568px #FFF , 1592px 1277px #FFF , 805px 1835px #FFF , 1355px 396px #FFF , 544px 1377px #FFF , 595px 1566px #FFF , 137px 1709px #FFF , 1051px 896px #FFF , 1735px 307px #FFF , 724px 648px #FFF , 1770px 1211px #FFF , 1221px 310px #FFF , 1059px 180px #FFF , 465px 1083px #FFF , 578px 1020px #FFF , 1500px 916px #FFF , 1089px 748px #FFF , 143px 1903px #FFF , 326px 1850px #FFF , 1211px 971px #FFF , 385px 353px #FFF , 1115px 7px #FFF , 1643px 935px #FFF , 1633px 1600px #FFF , 788px 1742px #FFF , 551px 1659px #FFF , 1984px 1311px #FFF , 369px 406px #FFF , 555px 1222px #FFF , 160px 1960px #FFF , 529px 119px #FFF , 712px 540px #FFF , 352px 432px #FFF , 630px 997px #FFF , 1980px 1284px #FFF , 1554px 1631px #FFF , 1145px 1811px #FFF , 571px 663px #FFF , 1789px 1230px #FFF , 1632px 5px #FFF , 1928px 934px #FFF , 639px 1949px #FFF , 331px 1671px #FFF , 1153px 1357px #FFF , 1459px 1232px #FFF , 1917px 650px #FFF , 620px 1109px #FFF , 182px 1786px #FFF , 1699px 195px #FFF , 515px 1450px #FFF , 1054px 1500px #FFF , 316px 351px #FFF , 308px 1046px #FFF , 952px 1076px #FFF , 1711px 1321px #FFF , 1677px 1541px #FFF , 353px 599px #FFF , 1033px 766px #FFF , 1502px 609px #FFF , 534px 284px #FFF , 1479px 784px #FFF , 1005px 1975px #FFF , 1085px 1642px #FFF , 1308px 330px #FFF;
}

#stars2 {
	 z-index: 9;position:absolute;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 701px 1769px #FFF , 1981px 1501px #FFF , 382px 45px #FFF , 1354px 763px #FFF , 1217px 1459px #FFF , 1013px 1793px #FFF , 746px 1650px #FFF , 982px 502px #FFF , 1998px 854px #FFF , 1564px 1576px #FFF , 1137px 1043px #FFF , 7px 803px #FFF , 1379px 357px #FFF , 1942px 813px #FFF , 1574px 800px #FFF , 1607px 432px #FFF , 1412px 306px #FFF , 1328px 1376px #FFF , 563px 1559px #FFF , 1347px 397px #FFF , 1695px 235px #FFF , 1372px 977px #FFF , 193px 24px #FFF , 3px 1754px #FFF , 641px 438px #FFF , 399px 768px #FFF , 1462px 1101px #FFF , 1561px 1292px #FFF , 919px 441px #FFF , 810px 1653px #FFF , 1033px 1114px #FFF , 1194px 1559px #FFF , 1719px 1676px #FFF , 1153px 195px #FFF , 124px 646px #FFF , 372px 1569px #FFF , 1133px 432px #FFF , 1875px 1438px #FFF , 396px 442px #FFF , 125px 1626px #FFF , 389px 232px #FFF , 76px 1664px #FFF , 1125px 1070px #FFF , 1821px 450px #FFF , 460px 1403px #FFF , 1587px 854px #FFF , 1352px 877px #FFF , 559px 323px #FFF , 51px 1424px #FFF , 1173px 1891px #FFF , 641px 783px #FFF , 1939px 661px #FFF , 1279px 1608px #FFF , 306px 1459px #FFF , 1502px 1893px #FFF , 1784px 1787px #FFF , 672px 419px #FFF , 1389px 1626px #FFF , 86px 606px #FFF , 624px 661px #FFF , 1974px 822px #FFF , 384px 1025px #FFF , 704px 1309px #FFF , 1106px 1939px #FFF , 1663px 1529px #FFF , 96px 1250px #FFF , 552px 118px #FFF , 737px 1106px #FFF , 932px 294px #FFF , 1242px 1645px #FFF , 1470px 155px #FFF , 158px 841px #FFF , 1487px 1992px #FFF , 376px 747px #FFF , 995px 297px #FFF , 315px 1269px #FFF , 305px 1411px #FFF , 824px 19px #FFF , 1262px 1902px #FFF , 1425px 1180px #FFF , 441px 1143px #FFF , 1461px 93px #FFF , 1274px 897px #FFF , 439px 1887px #FFF , 457px 1928px #FFF , 1244px 79px #FFF , 765px 13px #FFF , 1319px 1754px #FFF , 107px 1278px #FFF , 1308px 446px #FFF , 131px 1279px #FFF , 241px 1232px #FFF , 1478px 16px #FFF , 1948px 1617px #FFF , 112px 469px #FFF , 218px 1541px #FFF , 1014px 1451px #FFF , 1448px 1482px #FFF , 1950px 513px #FFF , 1037px 1246px #FFF , 1684px 210px #FFF , 1175px 727px #FFF , 1566px 1213px #FFF , 1423px 1899px #FFF , 1677px 448px #FFF , 1509px 1194px #FFF , 1854px 1629px #FFF , 283px 1470px #FFF , 1050px 1488px #FFF , 754px 697px #FFF , 361px 556px #FFF , 1136px 1659px #FFF , 1161px 172px #FFF , 1883px 1257px #FFF , 254px 209px #FFF , 653px 1521px #FFF , 1988px 216px #FFF , 1215px 395px #FFF , 251px 659px #FFF , 299px 370px #FFF , 1789px 222px #FFF , 1051px 750px #FFF , 444px 1043px #FFF , 1742px 17px #FFF , 118px 329px #FFF , 178px 686px #FFF , 1003px 171px #FFF , 618px 1005px #FFF , 1148px 1px #FFF , 1456px 1688px #FFF , 1237px 1542px #FFF , 898px 1668px #FFF , 1722px 99px #FFF , 441px 918px #FFF , 1646px 315px #FFF , 1889px 612px #FFF , 1569px 1691px #FFF , 1872px 626px #FFF , 1714px 328px #FFF , 638px 1632px #FFF , 1086px 456px #FFF , 181px 1979px #FFF , 590px 1055px #FFF , 935px 1589px #FFF , 1829px 1806px #FFF , 1997px 110px #FFF , 504px 750px #FFF , 279px 1243px #FFF , 1824px 1158px #FFF , 40px 623px #FFF , 1113px 810px #FFF , 657px 1874px #FFF , 1811px 1060px #FFF , 1774px 630px #FFF , 1024px 609px #FFF , 868px 996px #FFF , 1228px 1126px #FFF , 648px 1299px #FFF , 793px 1259px #FFF , 308px 224px #FFF , 1709px 1059px #FFF , 767px 101px #FFF , 1169px 1201px #FFF , 614px 544px #FFF , 524px 1721px #FFF , 1346px 653px #FFF , 1081px 1143px #FFF , 947px 30px #FFF , 540px 1348px #FFF , 1234px 1198px #FFF , 715px 1506px #FFF , 842px 1754px #FFF , 703px 449px #FFF , 214px 435px #FFF , 849px 987px #FFF , 71px 1003px #FFF , 518px 1899px #FFF , 578px 1439px #FFF , 1747px 1812px #FFF , 1243px 116px #FFF , 802px 719px #FFF , 28px 1855px #FFF , 792px 1869px #FFF , 387px 1655px #FFF , 1390px 1440px #FFF , 198px 309px #FFF , 113px 256px #FFF , 1578px 1321px #FFF , 1355px 1562px #FFF , 993px 972px #FFF , 21px 1940px #FFF , 1984px 1497px #FFF , 1861px 1801px #FFF , 1440px 601px #FFF , 1060px 97px #FFF , 130px 579px #FFF , 19px 647px #FFF , 615px 1461px #FFF , 1719px 1292px #FFF , 1340px 1462px #FFF;
  animation: animStar 100s linear infinite;
}
#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 701px 1769px #FFF , 1981px 1501px #FFF , 382px 45px #FFF , 1354px 763px #FFF , 1217px 1459px #FFF , 1013px 1793px #FFF , 746px 1650px #FFF , 982px 502px #FFF , 1998px 854px #FFF , 1564px 1576px #FFF , 1137px 1043px #FFF , 7px 803px #FFF , 1379px 357px #FFF , 1942px 813px #FFF , 1574px 800px #FFF , 1607px 432px #FFF , 1412px 306px #FFF , 1328px 1376px #FFF , 563px 1559px #FFF , 1347px 397px #FFF , 1695px 235px #FFF , 1372px 977px #FFF , 193px 24px #FFF , 3px 1754px #FFF , 641px 438px #FFF , 399px 768px #FFF , 1462px 1101px #FFF , 1561px 1292px #FFF , 919px 441px #FFF , 810px 1653px #FFF , 1033px 1114px #FFF , 1194px 1559px #FFF , 1719px 1676px #FFF , 1153px 195px #FFF , 124px 646px #FFF , 372px 1569px #FFF , 1133px 432px #FFF , 1875px 1438px #FFF , 396px 442px #FFF , 125px 1626px #FFF , 389px 232px #FFF , 76px 1664px #FFF , 1125px 1070px #FFF , 1821px 450px #FFF , 460px 1403px #FFF , 1587px 854px #FFF , 1352px 877px #FFF , 559px 323px #FFF , 51px 1424px #FFF , 1173px 1891px #FFF , 641px 783px #FFF , 1939px 661px #FFF , 1279px 1608px #FFF , 306px 1459px #FFF , 1502px 1893px #FFF , 1784px 1787px #FFF , 672px 419px #FFF , 1389px 1626px #FFF , 86px 606px #FFF , 624px 661px #FFF , 1974px 822px #FFF , 384px 1025px #FFF , 704px 1309px #FFF , 1106px 1939px #FFF , 1663px 1529px #FFF , 96px 1250px #FFF , 552px 118px #FFF , 737px 1106px #FFF , 932px 294px #FFF , 1242px 1645px #FFF , 1470px 155px #FFF , 158px 841px #FFF , 1487px 1992px #FFF , 376px 747px #FFF , 995px 297px #FFF , 315px 1269px #FFF , 305px 1411px #FFF , 824px 19px #FFF , 1262px 1902px #FFF , 1425px 1180px #FFF , 441px 1143px #FFF , 1461px 93px #FFF , 1274px 897px #FFF , 439px 1887px #FFF , 457px 1928px #FFF , 1244px 79px #FFF , 765px 13px #FFF , 1319px 1754px #FFF , 107px 1278px #FFF , 1308px 446px #FFF , 131px 1279px #FFF , 241px 1232px #FFF , 1478px 16px #FFF , 1948px 1617px #FFF , 112px 469px #FFF , 218px 1541px #FFF , 1014px 1451px #FFF , 1448px 1482px #FFF , 1950px 513px #FFF , 1037px 1246px #FFF , 1684px 210px #FFF , 1175px 727px #FFF , 1566px 1213px #FFF , 1423px 1899px #FFF , 1677px 448px #FFF , 1509px 1194px #FFF , 1854px 1629px #FFF , 283px 1470px #FFF , 1050px 1488px #FFF , 754px 697px #FFF , 361px 556px #FFF , 1136px 1659px #FFF , 1161px 172px #FFF , 1883px 1257px #FFF , 254px 209px #FFF , 653px 1521px #FFF , 1988px 216px #FFF , 1215px 395px #FFF , 251px 659px #FFF , 299px 370px #FFF , 1789px 222px #FFF , 1051px 750px #FFF , 444px 1043px #FFF , 1742px 17px #FFF , 118px 329px #FFF , 178px 686px #FFF , 1003px 171px #FFF , 618px 1005px #FFF , 1148px 1px #FFF , 1456px 1688px #FFF , 1237px 1542px #FFF , 898px 1668px #FFF , 1722px 99px #FFF , 441px 918px #FFF , 1646px 315px #FFF , 1889px 612px #FFF , 1569px 1691px #FFF , 1872px 626px #FFF , 1714px 328px #FFF , 638px 1632px #FFF , 1086px 456px #FFF , 181px 1979px #FFF , 590px 1055px #FFF , 935px 1589px #FFF , 1829px 1806px #FFF , 1997px 110px #FFF , 504px 750px #FFF , 279px 1243px #FFF , 1824px 1158px #FFF , 40px 623px #FFF , 1113px 810px #FFF , 657px 1874px #FFF , 1811px 1060px #FFF , 1774px 630px #FFF , 1024px 609px #FFF , 868px 996px #FFF , 1228px 1126px #FFF , 648px 1299px #FFF , 793px 1259px #FFF , 308px 224px #FFF , 1709px 1059px #FFF , 767px 101px #FFF , 1169px 1201px #FFF , 614px 544px #FFF , 524px 1721px #FFF , 1346px 653px #FFF , 1081px 1143px #FFF , 947px 30px #FFF , 540px 1348px #FFF , 1234px 1198px #FFF , 715px 1506px #FFF , 842px 1754px #FFF , 703px 449px #FFF , 214px 435px #FFF , 849px 987px #FFF , 71px 1003px #FFF , 518px 1899px #FFF , 578px 1439px #FFF , 1747px 1812px #FFF , 1243px 116px #FFF , 802px 719px #FFF , 28px 1855px #FFF , 792px 1869px #FFF , 387px 1655px #FFF , 1390px 1440px #FFF , 198px 309px #FFF , 113px 256px #FFF , 1578px 1321px #FFF , 1355px 1562px #FFF , 993px 972px #FFF , 21px 1940px #FFF , 1984px 1497px #FFF , 1861px 1801px #FFF , 1440px 601px #FFF , 1060px 97px #FFF , 130px 579px #FFF , 19px 647px #FFF , 615px 1461px #FFF , 1719px 1292px #FFF , 1340px 1462px #FFF;
}

#stars3 {position:absolute;
	 z-index: 9;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1624px 1938px #FFF , 1000px 161px #FFF , 1176px 584px #FFF , 1339px 1529px #FFF , 222px 683px #FFF , 669px 610px #FFF , 1828px 838px #FFF , 1876px 689px #FFF , 1507px 834px #FFF , 10px 1532px #FFF , 558px 1261px #FFF , 1414px 87px #FFF , 1312px 1617px #FFF , 869px 590px #FFF , 1497px 1242px #FFF , 1435px 1286px #FFF , 428px 692px #FFF , 1854px 1168px #FFF , 1884px 148px #FFF , 505px 1546px #FFF , 1045px 801px #FFF , 673px 1017px #FFF , 355px 1547px #FFF , 439px 1708px #FFF , 493px 2px #FFF , 179px 26px #FFF , 895px 488px #FFF , 1839px 173px #FFF , 906px 1964px #FFF , 1439px 656px #FFF , 1491px 1185px #FFF , 1084px 418px #FFF , 1006px 1025px #FFF , 99px 1176px #FFF , 1591px 1337px #FFF , 486px 1774px #FFF , 599px 136px #FFF , 631px 1335px #FFF , 955px 528px #FFF , 285px 1154px #FFF , 756px 307px #FFF , 959px 1155px #FFF , 887px 1522px #FFF , 979px 933px #FFF , 1223px 1801px #FFF , 1356px 1154px #FFF , 649px 504px #FFF , 197px 386px #FFF , 205px 94px #FFF , 728px 1582px #FFF , 1859px 266px #FFF , 111px 1298px #FFF , 373px 213px #FFF , 925px 1984px #FFF , 449px 1134px #FFF , 1839px 1772px #FFF , 300px 10px #FFF , 1765px 1353px #FFF , 927px 430px #FFF , 657px 1460px #FFF , 84px 776px #FFF , 545px 234px #FFF , 1398px 984px #FFF , 1196px 1903px #FFF , 824px 686px #FFF , 1635px 1977px #FFF , 155px 1923px #FFF , 1407px 1485px #FFF , 1342px 1925px #FFF , 1877px 1837px #FFF , 1476px 187px #FFF , 1388px 200px #FFF , 533px 1739px #FFF , 961px 458px #FFF , 1162px 138px #FFF , 993px 613px #FFF , 1644px 1344px #FFF , 788px 326px #FFF , 341px 320px #FFF , 1321px 35px #FFF , 1878px 951px #FFF , 1529px 1539px #FFF , 643px 768px #FFF , 1196px 452px #FFF , 1906px 150px #FFF , 39px 522px #FFF , 1428px 1828px #FFF , 1947px 1358px #FFF , 329px 730px #FFF , 10px 377px #FFF , 793px 1063px #FFF , 1286px 872px #FFF , 1430px 482px #FFF , 1682px 460px #FFF , 24px 131px #FFF , 1513px 478px #FFF , 1630px 993px #FFF , 1063px 1758px #FFF , 254px 1682px #FFF , 45px 1508px #FFF;
  animation: animStar 150s linear infinite;
}
#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1624px 1938px #FFF , 1000px 161px #FFF , 1176px 584px #FFF , 1339px 1529px #FFF , 222px 683px #FFF , 669px 610px #FFF , 1828px 838px #FFF , 1876px 689px #FFF , 1507px 834px #FFF , 10px 1532px #FFF , 558px 1261px #FFF , 1414px 87px #FFF , 1312px 1617px #FFF , 869px 590px #FFF , 1497px 1242px #FFF , 1435px 1286px #FFF , 428px 692px #FFF , 1854px 1168px #FFF , 1884px 148px #FFF , 505px 1546px #FFF , 1045px 801px #FFF , 673px 1017px #FFF , 355px 1547px #FFF , 439px 1708px #FFF , 493px 2px #FFF , 179px 26px #FFF , 895px 488px #FFF , 1839px 173px #FFF , 906px 1964px #FFF , 1439px 656px #FFF , 1491px 1185px #FFF , 1084px 418px #FFF , 1006px 1025px #FFF , 99px 1176px #FFF , 1591px 1337px #FFF , 486px 1774px #FFF , 599px 136px #FFF , 631px 1335px #FFF , 955px 528px #FFF , 285px 1154px #FFF , 756px 307px #FFF , 959px 1155px #FFF , 887px 1522px #FFF , 979px 933px #FFF , 1223px 1801px #FFF , 1356px 1154px #FFF , 649px 504px #FFF , 197px 386px #FFF , 205px 94px #FFF , 728px 1582px #FFF , 1859px 266px #FFF , 111px 1298px #FFF , 373px 213px #FFF , 925px 1984px #FFF , 449px 1134px #FFF , 1839px 1772px #FFF , 300px 10px #FFF , 1765px 1353px #FFF , 927px 430px #FFF , 657px 1460px #FFF , 84px 776px #FFF , 545px 234px #FFF , 1398px 984px #FFF , 1196px 1903px #FFF , 824px 686px #FFF , 1635px 1977px #FFF , 155px 1923px #FFF , 1407px 1485px #FFF , 1342px 1925px #FFF , 1877px 1837px #FFF , 1476px 187px #FFF , 1388px 200px #FFF , 533px 1739px #FFF , 961px 458px #FFF , 1162px 138px #FFF , 993px 613px #FFF , 1644px 1344px #FFF , 788px 326px #FFF , 341px 320px #FFF , 1321px 35px #FFF , 1878px 951px #FFF , 1529px 1539px #FFF , 643px 768px #FFF , 1196px 452px #FFF , 1906px 150px #FFF , 39px 522px #FFF , 1428px 1828px #FFF , 1947px 1358px #FFF , 329px 730px #FFF , 10px 377px #FFF , 793px 1063px #FFF , 1286px 872px #FFF , 1430px 482px #FFF , 1682px 460px #FFF , 24px 131px #FFF , 1513px 478px #FFF , 1630px 993px #FFF , 1063px 1758px #FFF , 254px 1682px #FFF , 45px 1508px #FFF;
}


@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}


.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center
{
    position:inherit!important;
}

.navbar-collapse .mega-menu li {
    /*padding: 14px 10px !important;*/
    font-size: 16px;
    text-align: start;
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: transparent!important;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .mega-menu .dropdown-menu{
        /*padding-top: 16px!important;*/
        /*width:100%;*/
        right: 0;
        top:90px;
    }
}
    .navbar-expand-lg .navbar-collapse {
        position: relative;
    }
    

.dropdown-item:focus, 
.dropdown-item:hover {
    color: #fff !important;
}

.dropdown-item a {
    color: inherit;
}

.dropdown-item:hover a {
    color: #fff !important; 
}


/* custom css */

    /* Sidebar styling */
    .sidebar {
        background-color: #f4f4f4; /* Light gray background */
        padding: 20px; /* Add padding inside the sidebar */
        border-radius: 5px; /* Rounded corners */
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Add subtle shadow */
    }
    
    .sidebar-title {
        font-size: 1.25rem; /* Adjust title size */
        color: #333; /* Darker color for the title */
        margin-bottom: 15px;
        font-weight: 600;
    }
    
    .sidebar-category {
        list-style: none; /* Remove bullets */
        padding: 0; /* Remove default padding */
        margin: 0;
    }
    
    .sidebar-category li {
        margin-bottom: 10px; /* Space between list items */
    }
    
    .sidebar-category li a {
        display: block; /* Make the links block-level for padding and hover */
        color: #555; /* Default link color */
        text-decoration: none;
        padding: 8px 10px; /* Add padding inside links */
        border-radius: 3px; /* Rounded corners */
        transition: all 0.3s ease; /* Smooth transition */
    }
    
    .sidebar-category li a i {
        margin-right: 8px; /* Space between icon and text */
        color: #777; /* Icon color */
        transition: color 0.3s ease;
    }
    
    /* Hover effect */
    .sidebar-category li a:hover {
        background-color: #007bff; /* Blue background on hover */
        color: #fff; /* White text on hover */
    }
    
    .sidebar-category li a:hover i {
        color: #fff; /* White icon on hover */
    }
    
    .flag-dropdown {
        background: #ffffff;
        border-radius: 9px;
        padding: 4px;
    }
    .flag-dropdown img{
        width: 35px;
    }
    .flag-dropdown span{
        color: #000;
    }
    
    /* Ensure the image is responsive */
.mslider.kslider .slide2 img {
    width: 100%;          /* Make the image stretch to full width of the container */
    height: auto;         /* Maintain aspect ratio */
    object-fit: cover;    /* Cover the entire area of the container */
    object-position: center; /* Center the image */
}

/* Optional: for smaller screens, ensure the image fills the container without distortion */
@media (max-width: 1200px) {
    .mslider.kslider .slide2 img {
        object-fit: cover;
        object-position: center;
    }
}

@media (max-width: 992px) {
    .mslider.kslider .slide2 img {
        object-fit: cover;
        object-position: center;
    }
}

@media (max-width: 768px) {
    .mslider.kslider .slide2 img {
        object-fit: cover;
        object-position: center;
    }
}

@media (max-width: 576px) {
    .mslider.kslider .slide2 img {
        object-fit: cover;
        object-position: center;
    }
}


/*card hover css*/


.TeamSection {
    margin-top: 40px; /* Top margin */
    margin-bottom: 40px; /* Bottom margin */
}

.team-card {
    position: relative;
    margin-top: 20px; /* Add space above each team member card */
    margin-bottom: 20px; /* Add space below each team member card */
    overflow: hidden; /* Hide anything that overflows the card */
}

.team-card figure {
    margin: 0;
    position: relative;
}

.team-card img {
    width: 100%;
    display: block;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.team-card .team-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(21, 103, 225, 0.68) 0%, rgba(21, 103, 225, 0.8) 100%); /* Gradient background */
    background-size: 200% 100%; /* Make the background wider for animation */
    opacity: 0; /* Initially hidden */
    transition: opacity 0.3s ease; /* Animate opacity on hover */
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px;
    z-index: 10;
}

.team-card:hover .team-overlay {
    opacity: 1;
    animation: slide-bg 1.5s ease forwards; /* Increased duration for slower effect */
}

/* Background sliding animation */
@keyframes slide-bg {
    0% {
        background-position: 100% 0; /* Start from the right */
    }
    100% {
        background-position: 0 0; /* Slide to the left */
    }
}

.team-card:hover img {
    opacity: 0.8;
}

.team-card .team-overlay h3,
.team-card .team-overlay p {
    margin: 0;
    font-weight: bold;
}

.team-card .team-overlay a {
    color: #fff; /* Icon color */
    font-size: 18px;
    margin: 5px;
    transition: color 0.3s ease;
}

.team-card .team-overlay a:hover {
    color: #000; /* Change icon color on hover */
}
.team-card .team-overlay a {
    background-color: #fff; /* White background for icons */
    color: #1567E1; /* Icon color to match theme */
    font-size: 18px;
    margin: 5px;
    padding: 10px; /* Add padding to create a circular or square effect */
    border-radius: 50%; /* Make the icon circular */
    display: inline-flex; /* Center the icon */
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.team-card .team-overlay a:hover {
    background-color: #000; /* Change background color on hover */
    color: #fff; /* Change icon color on hover */
}



/*mega menu*/
.menu-img img{
    padding:15px;
}

/*.menu-img{*/
/*    border-right: 1px solid #349aec;*/
/*}*/

.mega-menu-c h6 a{
    font-size: 16px;
    line-height:0!important;
}

/* Mega Menu Styling */
.nav-item.mega-menu .dropdown-menu {
    width: 100%;
    max-width: 1525px;
    /*padding: 20px;*/
    display: block;
    position: absolute;
    left: 42%;
    transform: translateX(-50%);
    background-color: #1e88dd;
    /*border: 1px solid #ddd;*/
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    width: 1525px;
}

.nav-item.mega-menu .container {
    /*display: flex;*/
    flex-wrap: wrap;
    gap: 20px;
}
@media (min-width: 1400px) {
    .navbar-expand-lg .navbar-nav .mega-menu .dropdown-menu .container{
        max-width: 1287px!important;
    }
}
.nav-item.mega-menu .col-lg-4 {
    flex: 1 1 30%;
    max-width: 30%;
}

.nav-item.mega-menu h6 {
    font-size: 16px;
    font-weight: bold;
    /*margin-bottom: 10px;*/
    color: #333;
    /*border-left: 4px solid #007bff;*/
    padding-left: 15px;
}

.nav-item.mega-menu ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.nav-item.mega-menu li {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

/*.nav-item.mega-menu li::before {*/
/*    content: '\2022';*/
/*    color: #007bff;*/
/*    font-weight: bold;*/
/*    margin-right: 8px;*/
/*}*/

.nav-item.mega-menu li .dropdown-item {
    padding: 5px 10px;
    font-size: 14px;
    color: #555;
    text-decoration: none;
    transition: color 0.3s;
}

.nav-item.mega-menu li .dropdown-item:hover {
    color: #007bff;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .dropdown-menu {
        position: static;
        width: 100%;
        box-shadow: none;
    }

    .nav-item.mega-menu .dropdown-menu {
        max-width: 100%;
        transform: none;
        border-radius: 0;
    }

    .nav-item.mega-menu .container {
        flex-direction: column;
    }

    .nav-item.mega-menu .col-lg-4 {
        max-width: 100%;
    }
    .fa-solid .fa-caret-down {
        font-weight: 900;
        color: #000;
    }
    #sideNav a {
        font-size: 16px;
        color: #000;
    }
    #sideNav .navbar-brand a {
        font-size: 16px;
        color: #000;
        background-color: transparent!important;
    }
    header a.active, header a:hover {
        color: #312682 !important;
        padding: 8px;
        border-radius: 10px;
    }
}

.aside-dropdwon {
    display: block; /* Show the dropdown */
}

.slid-drop {
    display: none; /* Hide by default */
}
@media (min-width: 992px) {
    .navbar-nav .dropdown-menu {
        position: absolute;
        width: 200px;
        top: 75px;
        border-radius: 0px;
    }
}
        header.scrolled .navbar-nav .nav-link {
            font-weight: 700;
            font-size: 16px;
            letter-spacing: 1px;
            font-family: "Red Hat Display", sans-serif;
        }

        .mega-menu-logo {
            padding: 15px 0;
            margin: 20px 0px 15px 18px;
        }
        .mega-menu-logo  img{
            width: 6%;
            margin-right: 20px;
        }
        
        .mega-menu-logo h3 {
            font-size: 20px;
            margin: 0;
            color: #fff;
            font-family: "Red Hat Display", sans-serif;
        }
        .nav-item.mega-menu .dropdown-menu {
            width: 100vw!important; /* Full screen width */
            max-width: 100vw!important; /* Ensure it doesn't exceed screen width */
            display: block;
            position: absolute;
            transform: translateX(-50%);
            background-color: #fff;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            border-radius: 0px;
        }
        .nav-btn .btn-primary{
            background-color: transparent;
            color: #fff!important;          
        }
        @media (min-width: 768px) {
            .nav-btn .offset-md-8 {
                margin-left: 62.666667%;
            }
        }
        
        .mega-menu-logo {
            padding: 15px 0;
            margin: 20px 0px 0px 15px;
        }
        .mega-menu-logo  img{
            width: 6%;
            margin-right: 20px;
        }
        
        .mega-menu-logo h3 {
            font-size: 20px;
            margin: 0;
            color: #000;
        }
        
        
        
/* non profit css first section  */
 /* Hero Section Default (For Desktop) */
 .non-profilt .hero-section {
    height: 85vh;
    min-height: 500px;
    overflow: hidden;
    display: flex;
    flex-direction: row; /* Ensure text left and image right */
    padding:0;
    margin:0;
}
.non-profilt .hero-content{
    max-width: none;
}
/* Left Side (Text - Dark Blue Background) */
.non-profilt .hero-left {
    background-color: #002157;
    color: white;
    padding: 0px 4rem 0px 6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 55%;
    position: relative;
    z-index: 2;
}

/* Right Side (Image - Fixed Right Side) */
.non-profilt .hero-right {
    width: 45%;
    position: relative;
}

.non-profilt .hero-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.7) contrast(1.1);
}

/* Hero Section Text Styles */
.non-profilt .hero-subtitle {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 1rem;
    line-height: 30px;
}
.top-section-non{
    padding-bottom: 40px;
    padding-top: 20px;
    background-color: #e9ebed;
}
.top-section-non .hero-subtitle{
    color: #3E3F41;
    text-align: center;
    font-size: 14px;
    max-width: 80%;
    margin: 16px 12px;
    text-align: center;
    display: block;
    margin: 0 auto;
}
.non-profilt .hero-title {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 0rem;
}

.non-profilt .hero-main {
    font-size: 2.2rem;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom:10px;
    
}

/* Mobile View: Text on Top, Image as Background */
@media (max-width: 768px) {
    .non-profilt .hero-section {
        position: relative;
        flex-direction: column;
    }

    /* Image as Background */
    .non-profilt .hero-right {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .non-profilt .hero-right img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: brightness(0.5); /* Darken image for text visibility */
    }

    /* Text Overlay (Now on Top) */
    .non-profilt .hero-left {
        width: 100%;
        height: 100%;
        padding: 3rem 1.5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        background: rgba(0, 33, 87, 0.7); /* Semi-transparent background */
        position: relative;
        z-index: 2;
    }

    .non-profilt .hero-subtitle {
        font-size: 1.2rem;
    }

    .non-profilt .hero-title {
        font-size: 2.5rem;
    }

    .non-profilt .hero-main {
        font-size: 2rem;
    }
}
/* non profit css Second section  */
.food-bank-section {
    padding-bottom: 40px;
    padding-top: 20px;
    background-color: #e9ebed;
    position: relative;
}

.food-row-1 .food-bank-image-container {
    position: relative;
    overflow: hidden;
}

.food-row-1 .food-bank-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.food-row-1 .food-bank-content {
    background-color: white;
    padding: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    position: absolute;
    right: 6%;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    max-width: 676px;
}

.food-row-1 .food-bank-logo {
    max-width: 150px;
    display: block;
    margin: 0 auto 1rem;
}

.food-row-1 .food-bank-title {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #312682;
    text-align: center;
}

.food-row-1 .food-bank-description {
    font-size: 1.1rem;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 1.5rem;
    color: #495057;
}

.food-row-1 .more-info-btn {
    background-color: #312682;
    color: white;
    padding: 0.6rem 1.5rem;
    border: none;
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    transition: all 0.3s ease;
    align-self: center;
    margin-top: 10px;
    text-decoration: none;
    font-size: 1rem;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.food-row-1 .more-info-btn i {
    transition: transform 0.3s ease;
}

.food-row-1 .more-info-btn:hover {
    background-color: #000; /* Background color change on hover */
}

.food-row-1 .more-info-btn:hover i {
    transform: rotate(180deg);
}

.food-row-1 .more-info-btn:hover i::before {
    content: "\f068"; /* FontAwesome Minus Icon */
}

/* Responsive Fixes */
@media (max-width: 991px) {
    .food-row-1 .food-bank-content {
        padding: 2rem;
        right: 2%;
        width: 85%;
    }

    .food-row-1 .food-bank-title {
        font-size: 2rem;
    }

    .food-row-1 .food-bank-description {
        font-size: 1rem;
    }
}

@media (max-width: 767px) {
    .food-row-1 .food-bank-content {
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        width: 100%;
        text-align: center;
        padding: 2rem;
        max-width: none;
    }
}

.bahrain-bank-section {
    padding-bottom: 40px;
    padding-top: 20px;
    background-color: #e9ebed;
    position: relative;
}

.bahrain-bank-section .food-row-2 .food-bank-image-container {
    position: relative;
    overflow: hidden;
}

.bahrain-bank-section .food-row-2 .food-bank-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.bahrain-bank-section .food-row-2 .food-bank-content {
    background-color: white;
    padding: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    position: relative;
    left: 0%;
    top: 50%;
    transform: translateY(0%);
    width: 117%;
    max-width: 700px;
    z-index: 1;
}

.bahrain-bank-section .food-row-2 .food-bank-logo {
    max-width: 150px;
    display: block;
    margin: 0 auto 1rem;
}

.bahrain-bank-section .food-row-2 .food-bank-title {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #312682;
    text-align: center;
}

.bahrain-bank-section .food-row-2 .food-bank-description {
    font-size: 1.1rem;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 1.5rem;
    color: #495057;
}

.bahrain-bank-section .food-row-2 .more-info-btn {
    background-color: #312682;
    color: white;
    padding: 0.6rem 1.5rem;
    border: none;
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    transition: all 0.3s ease;
    align-self: center;
    margin-top: 10px;
    text-decoration: none;
    font-size: 1rem;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.bahrain-bank-section .food-row-2 .more-info-btn i {
    transition: transform 0.3s ease;
}

.bahrain-bank-section .food-row-2 .more-info-btn:hover {
    background-color: #000; /* Background color change on hover */
}

.bahrain-bank-section .food-row-2 .more-info-btn:hover i {
    transform: rotate(180deg);
}

.bahrain-bank-section .food-row-2 .more-info-btn:hover i::before {
    content: "\f068"; /* FontAwesome Minus Icon */
}

/* Responsive Fixes */
@media (max-width: 991px) {
    .bahrain-bank-section .food-row-2 .food-bank-content {
        padding: 2rem;
        right: 2%;
        width: 85%;
    }

    .bahrain-bank-section .food-row-2 .food-bank-title {
        font-size: 2rem;
    }

    .bahrain-bank-section .food-row-2 .food-bank-description {
        font-size: 1rem;
    }
}

@media (max-width: 767px) {
    .bahrain-bank-section .food-row-2 .food-bank-content {
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        width: 100%;
        text-align: center;
        padding: 2rem;
        max-width: none;
    }
}
/* non profit detail section two css  */

.info-section {
    background-color: #1a1155;
    color: white;
    padding: 80px 0;
}

.info-heading {
    font-size: 2.5rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
}

.info-item {
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.info-item:last-child {
    border-bottom: none;
}

.info-text {
    font-size: 1.25rem;
    line-height: 1.6;
    text-align: center;
}

@media (max-width: 768px) {
    .info-heading {
        font-size: 2rem;
        margin-bottom: 40px;
    }
    
    .info-text {
        font-size: 1.1rem;
    }
}
/* non profit detail section one css  */

.history-section-detail-non-profit {
    padding: 60px 0;
}

.history-section-detail-non-profit .section-title {
    font-size: 2rem;
    font-weight: 500;
    color: #000;
    margin-bottom: 20px;
}

.history-section-detail-non-profit .divider {
    height: 1px;
    background-color: #e0e0e0;
    margin: 20px 0 50px 0;
}

.history-section-detail-non-profit .beginning-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 30px;
    color:#312682;
}
.history-section-detail-non-profit .text-right{
    text-align: right;
}
.history-section-detail-non-profit .big-number {
    font-size: 16rem;
    font-weight: 700;
    line-height: 1;
    color: #002060;
    margin-bottom: 0;
}

.history-section-detail-non-profit .experience-text {
    font-size: 2.5rem;
    font-weight: 600;
    text-align: left;
    line-height: 1.2;
    float: right;
}

.history-section-detail-non-profit .description-text {
    font-size: 1.25rem;
    line-height: 1.6;
    margin-bottom: 30px;
}

.history-section-detail-non-profit .food-image {
    width: 100%;
    border-radius: 8px;
    margin-top: 20px;
}

.history-section-detail-non-profit .bottom-text {
    font-size: 1.25rem;
    line-height: 1.6;
    margin-top: 50px;
}

@media (max-width: 991px) {
    .history-section-detail-non-profit .big-number {
        font-size: 8rem;
        text-align: center;
    }
    
    .history-section-detail-non-profit .beginning-title {
        text-align: center;
        line-height: 1.2;
    }
    
    .history-section-detail-non-profit .experience-text {
        text-align: center;
        margin-bottom: 30px;
    }
    .history-section-detail-non-profit .text-right{
        text-align: center;
    }
    .history-section-detail-non-profit .experience-text{
        float: none;
    }
}

@media (max-width: 767px) {
    .history-section-detail-non-profit .section-title {
        font-size: 1.75rem;
        text-align: center;
    }
    
    .history-section-detail-non-profit .beginning-title {
        font-size: 2rem;
        line-height: 1.2;
    }
    
    .history-section-detail-non-profit .big-number {
        font-size: 6rem;
    }
    
    .history-section-detail-non-profit .experience-text {
        font-size: 1.5rem;
    }
    
    .history-section-detail-non-profit .description-text, .bottom-text {
        font-size: 1.1rem;
        text-align: center;
    }
    .info-section {
        text-align: center;
    }
}

/* local investment section one css */
.hero-section-local-investment {
    position: relative;
    height: 85vh;
    min-height: 500px;
    overflow: hidden;
    /*background-color: #000;*/
}

.hero-section-local-investment .hero-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.9;
}

.hero-section-local-investment .hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%);
}

.hero-section-local-investment .hero-content {
    position: relative;
    z-index: 10;
    height: 100%;
    display: grid;
    align-items: center;
    max-width: none;
}

.hero-section-local-investment .hero-title {
    font-size: 3.2rem;
    font-weight: 700;
    color: white;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    margin-bottom: 1rem;
}

@media (max-width: 768px) {
    .hero-section-local-investment .hero-title {
        font-size: 3rem;
        text-align: center;
    }
    .hero-section-local-investment {
        height: 70vh;
    }
    .hero-section-local-investment .hero-content {
        text-align: center;
        margin-top: 25px;
    }
    .hero-section-local-investment .hero-content p{
        font-size: 10px;
        line-height: 20px;
    }
    .logistics-section-local-invertment .service-description {
        font-size: 14px!important;
        margin-bottom: 20px!important;
        line-height: 20px!important;
    }
}

@media (max-width: 576px) {
    .hero-section-local-investment .hero-title {
        font-size: 1.1rem;
    }
}
/* local investment section two css  */
.logistics-section-local-invertment .logistics-section {
    padding: 50px 0;
}

.logistics-section-local-invertment .service-card {
    background-color: white;
    border-radius: 8px;
    padding: 50px 0px;
    display: flex;
    align-items: center;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}


.logistics-section-local-invertment .service-content {
    padding-left: 20px;
}

.logistics-section-local-invertment .service-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: #312682;
}

.logistics-section-local-invertment .service-description {
    font-size: 1.1rem;
    color: #444;
    margin-bottom: 20px;
    line-height: 1.6;
}

.logistics-section-local-invertment .view-more-btn {
    background-color: #312682;
    color: white;
    padding: 10px 25px;
    border: none;
    border-radius: 4px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.logistics-section-local-invertment .view-more-btn:hover {
    background-color: #000;
    color: white;
}

.logistics-section-local-invertment .spacer {
    height: 40px;
}
.logistics-section-local-invertment .service-logo {

    padding: 0px 60px;
}
.logistics-section-local-invertment .service-card:nth-child(odd) {
    background-color: #f7f7f7; /* Gray background for odd cards */
}

.logistics-section-local-invertment .service-card:nth-child(even) {
    background-color: #fff; /* White background for even cards */
}


@media (max-width: 767px) {
    .logistics-section-local-invertment .service-card {
        flex-direction: column;
        text-align: center;
    }
    
    .logistics-section-local-invertment .service-logo {
        margin-bottom: 20px;
    }
    
    .logistics-section-local-invertment .service-content {
        padding-left: 0;
    }
    
    .logistics-section-local-invertment .service-title {
        font-size: 1.1rem;
    }
    .logistics-section-local-invertment .service-card {
        padding: 20px 0px!important;
    }
}

/* local investment detail section 2 css  */

.logistics-section-detail {
    padding: 80px 0;
}

.logistics-section-detail .main-heading {
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 50px;
    color: #000;
    line-height: 1.2;
}

.logistics-section-detail .sub-heading {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: #312682;
}

.logistics-section-detail .description {
    font-size: 1.3rem;
    line-height: 1.6;
    color: #333;
    margin-bottom: 30px;
}

.logistics-section-detail .more-detail {
    font-size: 1.2rem;
    font-weight: 700;
    color: #000;
    text-decoration: none;
    display: inline-block;
}

.logistics-section-detail .more-detail:hover {
    text-decoration: underline;
    color: #000;
}

.logistics-section-detail .logistics-image {
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

@media (max-width: 991px) {
    .logistics-section-detail .main-heading {
        font-size: 2.4rem;
    }
    
    .logistics-section-detail .logistics-image {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .logistics-section-detail .main-heading {
        font-size: 2rem;
    }
    
    .logistics-section-detail .sub-heading {
        font-size: 1.5rem;
    }
}
/* local investment detail section 3 css  */

.counter-section-local-investment-detail {
    background-color: #3b2a6e;
    padding: 60px 0;
    color: white;
}

.counter-section-local-investment-detail .counter-title {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 15px;
}

.counter-section-local-investment-detail .counter-value {
    font-size: 3.5rem;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}

@media (max-width: 767px) {
    .counter-section-local-investment-detail .counter-item {
        margin-bottom: 40px;
    }
    
    .counter-section-local-investment-detail .counter-section {
        padding: 40px 0;
    }
}
/* local investment detail section 4 css  */

.categories-section-local-investment-detail {
    position: relative;
    height: 85vh;
    min-height: 500px;
    overflow: hidden;
}

.categories-section-local-investment-detail .category-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.5s ease;
    z-index: 1;
}

.categories-section-local-investment-detail .category-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.1) 100%);
    z-index: 2;
}

.categories-section-local-investment-detail .category-content {
    position: relative;
    z-index: 3;
    height: 100%;
    display: flex;
    align-items: center;
}

.categories-section-local-investment-detail .category-title {
    position: absolute;
    top: 15%;
    left: 44%;
    transform: translateX(-50%);
    font-size: 3.5rem;
    font-weight: 700;
    color: white;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    z-index: 2;
}

.categories-section-local-investment-detail .category-buttons {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
    max-width: 300px;
}

.categories-section-local-investment-detail .category-btn {
    background-color: rgba(255, 255, 255, 0.9);
    color: #333;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 30px;
    padding: 12px 25px;
    font-size: 1.1rem;
    font-weight: 500;
    transition: all 0.3s ease;
    text-align: center;
}

.categories-section-local-investment-detail .category-btn:hover {
    background-color: rgba(255, 255, 255, 1);
    transform: translateY(-2px);
}

.categories-section-local-investment-detail .category-btn.active {
    background-color: white;
    font-weight: 600;
}

.categories-section-local-investment-detail .hidden-image {
    opacity: 0;
    pointer-events: none;
}

@media (max-width: 768px) {
    .categories-section-local-investment-detail .category-title {
        font-size: 2.5rem;
        top: 10%;
    }
    .categories-section-local-investment-detail .category-title{
        left:4%;
    }
    
    .categories-section-local-investment-detail .category-buttons {
        max-width: 250px;
    }
    
    .categories-section-local-investment-detail .category-btn {
        padding: 10px 20px;
        font-size: 1rem;
    }
}
/* internation investment section 1 css */
.hero-section-international-investment {
    position: relative;
    padding: 200px 0px 278px 0px;
    background-size: cover;
    background-position: center;
    color: white;
}

.hero-section-international-investment .hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(59, 67, 149, 0.8);
}

.hero-section-international-investment .hero-content {
    position: relative;
    z-index: 10;
}

.hero-section-international-investment .subtitle {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 15px;
}

.hero-section-international-investment .main-title {
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 15px;
}

.cards-section-international-investment {
    margin-top: -277px;
    position: relative;
    z-index: 20;
    padding-bottom: 50px;
}

.cards-section-international-investment .info-card {
    background-color: white;
    border-radius: 0;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.cards-section-international-investment  .info-card.dark {
    background-color: #1a1a4b;
    color: white;
}

.cards-section-international-investment .card-body {
    padding: 30px;
}

.cards-section-international-investment .card-logo {
    max-width: 100px;
    margin-bottom: 20px;
}

.cards-section-international-investment .card-title {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 15px;
}

.cards-section-international-investment .card-text {
    font-size: 1.1rem;
    margin-bottom: 25px;
    line-height: 1.5;
}

.cards-section-international-investment .view-more {
    font-size: 1.1rem;
    font-weight: 600;
    color: inherit;
    text-decoration: none;
    display: inline-block;
}

.cards-section-international-investment .view-more:hover {
    text-decoration: underline;
    color: inherit;
}

@media (max-width: 991px) {
    .cards-section-international-investment .main-title {
        font-size: 2.8rem;
    }
    
    .cards-section-international-investment {
        margin-top: -50px;
    }
    
    .cards-section-international-investment .info-card {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .cards-section-international-investment .hero-section {
        padding: 225px 0;
    }
    
    .cards-section-international-investment .main-title {
        font-size: 2.2rem;
        margin-bottom: 40px;
    }
    
    .cards-section-international-investment .subtitle {
        font-size: 1.3rem;
    }
    
    .cards-section-international-investment .card-title {
        font-size: 1.5rem;
    }
    .hero-section-international-investment .main-title {
        text-align: center;
        font-size: 1.5rem;
        line-height: 30px;
    }
    .hero-content .service-description-internatioanl{
        margin-top: 20px;
    }
    .hero-section-international-investment .subtitle {
        text-align: center;
    }
    .cards-section-international-investment .card-body {
        text-align: center;
    }
    .hero-section-international-investment {
        position: relative;
        padding: 110px 2px 0px 2px;
        text-align: center;
    }
}
@media (max-width: 991px) {
    .cards-section-international-investment {
        margin-top: -100px;
    }
}
@media (max-width: 767px) {
    .cards-section-international-investment {
        margin-top: 0px;
    }
}
.cards-section-international-investment .card-title {
    color: #fff;
}

.cards-section-international-investment .special-title h3{
    color: #312682;
}
/* internation investment detail section 1 css */
.hero-section-inernational-investment-detail {
    position: relative;
    height: 100vh;
    min-height: 500px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.hero-section-inernational-investment-detail .hero-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-section-inernational-investment-detail .hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(73, 84, 170, 0.8);
}

.hero-section-inernational-investment-detail .hero-content {
    position: relative;
    z-index: 10;
}

.hero-section-inernational-investment-detail .hero-title {
    font-size: 3.5rem;
    font-weight: 700;
    color: white;
    line-height: 1.2;
}

@media (max-width: 991px) {
    .hero-section-inernational-investment-detail .hero-title {
        font-size: 3rem;
    }
}

@media (max-width: 767px) {
    .hero-section-inernational-investment-detail .hero-title {
        font-size: 2.5rem;
    }
}

@media (max-width: 576px) {
    .hero-section-inernational-investment-detail .hero-title {
        font-size: 2rem;
    }
}
/* internation investment detail section 2 css */
.mission-section-international-investment-detail {
    background-color: #1e1a4a;
    color: white;
    padding: 80px 0;
}

.mission-section-international-investment-detail .intro-text {
    font-size: 1.25rem;
    line-height: 1.6;
    margin-bottom: 60px;
    text-align: center;
}

.mission-section-international-investment-detail .mission-card {
    background-color: #2d2663;
    border-radius: 0;
    height: 100%;
    padding: 40px;
}

.mission-section-international-investment-detail .vision-card {
    background-size: cover;
    background-position: center;
    border-radius: 0;
    height: 100%;
    padding: 40px;
    position: relative;
}

.mission-section-international-investment-detail .vision-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(45, 38, 99, 0.8);
    z-index: 1;
}

.mission-section-international-investment-detail .vision-content {
    position: relative;
    z-index: 2;
}

.mission-section-international-investment-detail .card-title {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 25px;
}

.mission-section-international-investment-detail .card-text {
    font-size: 1.15rem;
    line-height: 1.6;
}

.mission-section-international-investment-detail .footer-text {
    font-size: 1.25rem;
    line-height: 1.6;
    margin-top: 60px;
    text-align: center;
}

@media (max-width: 991px) {
    .mission-section-international-investment-detail {
        padding: 60px 0;
    }
    
    .mission-section-international-investment-detail .intro-text, .footer-text {
        font-size: 1.15rem;
        margin-bottom: 40px;
    }
    
    .mission-section-international-investment-detail .card-title {
        font-size: 1.75rem;
    }
    
    .mission-section-international-investment-detail .card-text {
        font-size: 1.1rem;
    }
}

@media (max-width: 767px) {
    .mission-section-international-investment-detail .vision-card {
        margin-top: 30px;
        text-align: center;
    }
    .hero-section-inernational-investment-detail {
        height: 100vh;
        text-align: center;
    }
    .mission-section-international-investment-detail .mission-card {
        text-align: center;
    }
}
/* internation investment detail section 3 css */
.growth-section-international-investment-detail {
    padding: 80px 0;
}

.growth-section-international-investment-detail .section-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 50px;
    text-align: left;
}

.growth-section-international-investment-detail .stat-box {
    background-color: #1e88e5;
    color: white;
    padding: 40px 20px;
    text-align: center;
    height: 100%;
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.growth-section-international-investment-detail .stat-number {
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 15px;
    font-family: 'Poppins', sans-serif;
}

.growth-section-international-investment-detail .stat-label {
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.4;
    font-family: 'Poppins', sans-serif;
}

@media (max-width: 991px) {
    .growth-section-international-investment-detail .stat-box {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .growth-section-international-investment-detail .section-title {
        font-size: 1.75rem;
        margin-bottom: 30px;
    }
    
    .growth-section-international-investment-detail .stat-number {
        font-size: 3rem;
    }
    .growth-section-international-investment-detail .stat-box {
        background-color: #1e88e5;
        color: white;
        padding: 40px 0px;
        text-align: center;
        height: 100%;
        aspect-ratio: unset;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .growth-section-international-investment-detail {
        padding: 40px 0px 0px 0px;
    }
}
/* internation investment detail section 4 css */
.sector-section-international-investment-detail  {
    padding: 80px 0;
    background-color: #f4f0fc;
}

.sector-section-international-investment-detail .section-title {
    font-size: 2.5rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 25px;
    color: #000;
}

.sector-section-international-investment-detail .section-description {
    font-size: 1.1rem;
    line-height: 1.6;
    text-align: center;
    max-width: 900px;
    margin: 0 auto 60px;
    color: #333;
}

.sector-section-international-investment-detail .category-card {
    position: relative;
    height: 300px;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 0;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.sector-section-international-investment-detail .category-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sector-section-international-investment-detail .category-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 100%);
    display: flex;
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
    text-align: center;
    padding: 25px;
}

.sector-section-international-investment-detail .category-title {
    color: white;
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center; /* Ensures text is centered */
}

@media (max-width: 991px) {
    .sector-section-international-investment-detail .section-title {
        font-size: 2.2rem;
    }
    
    .sector-section-international-investment-detail .section-description {
        font-size: 1rem;
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .sector-section-international-investment-detail{
        padding: 60px 0;
    }
    
    .sector-section-international-investment-detail .section-title {
        font-size: 1.8rem;
    }
    
    .sector-section-international-investment-detail .category-card {
        height: 250px;
    }
    
    .sector-section-international-investment-detail .category-title {
        font-size: 1.5rem;
    }
}
/* news blade css section one  */
.press-section-news {
    color: white;
    overflow: hidden;
    /*background-image: url('img/news-top.jpg'); */
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
    padding-bottom: 70px;
}
.press-section-news h1{
    line-height: 50px;
    margin-bottom: 15px;
}

.press-section-news .curve-shape {
    position: relative;
    background-color: #002a5c;
    color: white;
    padding: 190px 0 100px;
    overflow: hidden;
    clip-path: polygon(100% 0, 100% 60%, 46% 76%, 40% 97%, 0 100%, 0% 0%);
}

.press-section-news .press-content {
    position: relative;
    z-index: 2;
}

.press-section-news .curve-shape::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px; 
    background-color: #002a5c;
    clip-path: polygon(100% 0, 100% 60%, 46% 76%, 40% 97%, 0 100%, 0% 0%);
}

.press-section-news .press-date {
    font-size: 1.2rem;
    font-weight: 500;
}

.press-section-news .press-title a{
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0px;
    color: #fff;
}

.press-section-news .press-description {
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 40px;
    max-width: 800px;
}

.press-section-news .press-heading {
    font-size: 2rem;
    font-weight: 600;
    color: #a7c7e7;
    text-align: right;
}

.press-section-news .chairman-wrapper {
    position: relative;
    display: flex;
    margin-top: -100px;
    z-index: 3;
}

.press-section-news .chairman-image {
    width: 100%;
    max-width: 350px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    position: relative;
}

.press-section-news .building-image {
    width: 100%;
    border-radius: 5px;
    margin-top: 30px;
}

@media (max-width: 991px) {
    .press-section-news {
        padding: 0px 0 180px;
    }


    .press-section-news .press-heading {
        text-align: left;
        margin-bottom: 30px;
    }

    .press-section-news .chairman-wrapper {
        margin-top: -50px;
    }
}

@media (max-width: 767px) {
    .press-section-news .press-title {
        font-size: 1.75rem;
    }

    .press-section-news .press-heading {
        font-size: 1.75rem;
    }

    .press-section-news .curve-shape::after {
        height: 80px;
    }

    .press-section-news .chairman-wrapper {
        margin-top: -30px;
    }
    .press-section-news .curve-shape {
        position: relative;
        background-color: #002a5c;
        color: white;
        padding: 118px 0px 0px;
        overflow: hidden;
        clip-path: none;
        text-align: center;
    }
    .press-section-news .press-heading {
        font-size: 1.75rem;
        text-align: center;
    }
    .press-section-news .chairman-image {
        max-width: none;
    }
    .press-section-news {
        padding: 0px 0 20px;
    }
}
/* new blade css section 2  */

.press-section-news-middle {
    padding: 80px 0;
}

.press-section-news-middle .section-title {
    font-size: 2.5rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 50px;
    color: #312682;
}

.press-section-news-middle .press-card {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    /* height: 450px; */
}

.press-section-news-middle .press-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.2);
}

.press-section-news-middle .press-card:hover .card-image {
    transform: scale(1.05);
}

.press-section-news-middle .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.press-section-news-middle .card-content {
    position: absolute;
    bottom: 10px;  /* Adjust to show more of the image at the bottom */
    left: 10px;  /* Adjust to show more of the image at the left side */
    right: 10px; /* Adjust to show more of the image at the right side */
    background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
    padding: 25px;
    border-radius: 15px 15px 0 0; /* Top corners rounded */
    z-index: 1; /* Ensure content is on top of the image */
}

.press-section-news-middle .card-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: #312682;
}

.press-section-news-middle .card-text {
    font-size: 1rem;
    color: #333;
    margin-bottom: 20px;
}

.press-section-news-middle .more-btn {
    background-color: #002a5c;
    color: white;
    border: none;
    border-radius: 30px;
    padding: 8px 20px;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.3s ease;
    margin-top: 20px;
    float: right;
}
.press-section-news-middle a {
    margin-top: 20px;
}

.press-section-news-middle .more-btn:hover {
    background-color: #001f45;
    transform: scale(1.05);
}

@media (max-width: 991px) {
    .press-section-news-middle .section-title {
        font-size: 2.2rem;
        margin-bottom: 40px;
    }

    .press-section-news-middle .press-card {
        height: 400px;
    }
}

@media (max-width: 767px) {
    .press-section-news-middle .section-title {
        font-size: 2rem;
    }

    .press-section-news-middle .press-card {
        height: 380px;
    }

    .press-section-news-middle .card-title {
        font-size: 1.3rem;
    }
}

/* news detail blade css section 1  */

.press-section-new-detail {
    position: relative;
    min-height: 700px;
    display: flex;
    flex-direction: column;
    height: 117vh;
}

.press-section-new-detail .top-section {
    flex: 1;
    position: relative;
    /* overflow: hidden; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.press-section-new-detail .building-image {
    width: 100%;
    height: 100vh;
    /* max-height: 100%; */
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}


.press-section-new-detail .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 2;
}

.press-section-new-detail .blue-box {
    position: relative;
    background-color: rgb(30 136 229 / 50%);
    padding: 40px;
    width: 80%;
    max-width: 500px;
    text-align: center;
    z-index: 3;
}

.press-section-new-detail .subtitle {
    color: white;
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.press-section-new-detail .title {
    color: white;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.1;
}

.press-section-new-detail .bottom-section {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: #312682;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    clip-path: polygon(100% 0%, 100% 100%, 0 100%, 0 50%);
    height: 50vh;
    padding: 50px;
    z-index: 2;
}

.press-section-new-detail .description {
    font-size: 18px;
    line-height: 1.5;
    position: relative;
    z-index: 3;
    padding-top: 20px;
}

.press-section-new-detail .date-box {
    background-color: #1e88e5;
    color: #fff;
    padding: 15px 25px;
    font-size: 1.2rem;
    font-weight: 500;
    z-index: 3;
    /* align-self: flex-start; */
}

@media (max-width: 991px) {
    .press-section-new-detail .title {
        font-size: 3rem;
    }
    .press-section-new-detail .description {
        font-size: 1.3rem;
    }
}

@media (max-width: 767px) {
    .press-section-new-detail {
        min-height: 600px;
    }
    .press-section-new-detail .blue-box {
        padding: 30px;
        width: 90%;
    }
    .press-section-new-detail .title {
        font-size: 2.5rem;
    }
    .press-section-new-detail .description {
        font-size: 1.1rem;
        text-align: center;
        width: 100%;
    }
    .press-section-new-detail .date-box {
        padding: 10px 20px;
        font-size: 1rem;
        text-align: center;
        width: 100%;
    }
    .press-section-new-detail .bottom-section {
        flex-direction: column;
        align-items: center;
        clip-path: none;
        padding: 50px;
        position: relative;
    }
    .press-section-new-detail .building-image {
        height: 100vh;
    }
    .press-section-new-detail .description {
        font-size: 1.2rem!important;
    }
}
.press-section-new-detail .bottom-section {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: #312682;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    clip-path: polygon(100% 0%, 100% 100%, 0 100%, 0 50%);
    height: 45vh;
    padding: 50px;
    z-index: 2;
}

.press-section-new-detail .date-desc {
    display: flex;
    flex-direction: column;
    align-items: end; 
    max-width: 70%;
}

.press-section-new-detail .description {
    font-size: 18px;
    line-height: 1.5;
    position: relative;
    z-index: 3;
}

.press-section-new-detail .date-box {
    background-color: #1e88e5;
    color: #fff;
    padding: 15px 25px;
    font-size: 1.2rem;
    font-weight: 500;
    z-index: 3;
    /* Align the date to the right */
    text-align: right;
}

@media (max-width: 767px) {
    .press-section-new-detail .bottom-section {
        flex-direction: column;
        align-items: center;
        clip-path: none;
        padding: 50px;
        position: relative;
    }

    .press-section-new-detail .date-desc {
        align-items: center;
        text-align: center;
    }

    .press-section-new-detail .date-box {
        margin-top: 20px;
        text-align:center;
    }
}
.company-section-new-detail {
    padding: 0px 0px 60px 0px;
}

.company-section-new-detail .image-gallery {
    margin-bottom: 40px;
}

.company-section-new-detail .gallery-image {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border: 5px solid white;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.company-section-new-detail .company-description {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    max-width: 1200px;
    margin: 0 auto;
    font-family: "Red Hat Display", sans-serif;
    text-align: center;
}

@media (max-width: 991px) {
    .company-section-new-detail .gallery-image {
        height: 250px;
        margin-bottom: 20px;
    }
    
    .company-section-new-detail .company-description {
        font-size: 1.3rem;
    }
}

@media (max-width: 767px) {
    .company-section-new-detail  {
        padding: 50px 0;
    }
    
    .company-section-new-detail .gallery-image {
        height: 200px;
    }
    
    .company-section-new-detail .company-description {
        font-size: 1.1rem;
    }
}

/* our exceutive blade section 1 css  */

.our-executive-section {
    background-color: #002060;
    padding: 60px 0 30px;
}
.our-executive-section .executive-section {
    padding: 60px 0 30px;
}

.our-executive-section .section-title {
    font-size: 3rem;
    font-weight: 600;
    color: white;
    margin-bottom: 40px;
}

.our-executive-section .executive-card {
    background-color: #1e88e5;
    border-radius: 15px;
    padding: 40px 0px 0px;
}

.our-executive-section .executive-image {
    width: 100%;
    max-width: 350px;
    border-radius: 5px;
}

.our-executive-section .executive-name {
    font-size: 2.2rem;
    margin-bottom: 10px;
    margin-top: 45px;
}

.our-executive-section .executive-title {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 30px;
}

.our-executive-section .executive-bio {
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .our-executive-section .section-title {
        font-size: 2.5rem;
    }

    .our-executive-section .executive-card {
        padding: 30px;
        margin-top: 60px; 
    }

    .our-executive-section .executive-name {
        font-size: 1.8rem;
        margin-top: 20px;
    }

    .our-executive-section .executive-title {
        font-size: 1.3rem;
    }

    .our-executive-section .executive-bio {
        font-size: 1rem;
    }
}

@media (max-width: 767px) {
    .our-executive-section .executive-section {
        padding: 0px 0 100px;
    }

    .our-executive-section .section-title {
        font-size: 2.2rem;
    }

    .our-executive-section .executive-card {
        padding: 25px;
        margin-top: 0px;
    }

    .our-executive-section .executive-image {
        max-width: 250px;
        margin: 0 auto;
        display: block;
    }
}

.our-executive-section .executive-box {
    overflow: hidden;
    color: white;
    position: relative;
    z-index: 2;
    margin-top: -50px;
    bottom: -150px;
}

@media (max-width: 767px) {
    .our-executive-section .executive-box {
        margin-top: -78px;
        text-align: center;
    }
}

.other-sections {
    position: relative; 
    z-index: 0;
    margin-top: 60px; 
}

.other-sections {
    padding: 90px 0; 
}
/* our exceutive blade section 2 css  */

.our-team-section-executive .team-section {
    padding: 80px 0;
}

.our-team-section-executive .team-member {
    text-align: center;
    margin-bottom: 30px;
}

.our-team-section-executive .member-image-container {
    width: 340px;
    height: 340px;
    margin: 0 auto 25px;
    position: relative;
}

.our-team-section-executive .member-image-outer {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 2px solid #b7b6be;
    overflow: hidden; /* Ensures that the image doesn't overflow the circle */
}

.our-team-section-executive .member-image-inner {
    width: 86%;
    height: 86%;
    border-radius: 50%;
    overflow: hidden;
    background-color: white;
    position: absolute;
    border: 2px solid #bdbdbd;
}

.our-team-section-executive .member-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease-in-out; 
}

.our-team-section-executive .member-image:hover {
    transform: scale(1.1); 
}

.our-team-section-executive .member-image-outer:hover .member-image {
    transform: scale(1.1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.our-team-section-executive .member-name {
    font-size: 1.5rem;
    font-weight: 700;
    color: #002060;
    margin-bottom: 8px;
}

.our-team-section-executive .member-title {
    font-size: 1.2rem;
    font-weight: 500;
    color: #333;
    margin-bottom: 15px;
}

.our-team-section-executive .member-description {
    font-size: 1rem;
    color: #444;
    /* max-width: 300px; */
    margin: 0 auto;
    line-height: 1.5;
}

@media (max-width: 991px) {
    .our-team-section-executive .member-image-container {
        width: 220px;
        height: 220px;
    }

    .our-team-section-executive .member-name {
        font-size: 1.3rem;
    }

    .our-team-section-executive .member-title {
        font-size: 1.1rem;
    }
}

@media (max-width: 767px) {
    .our-team-section-executive .team-section {
        padding: 50px 0;
    }

    .our-team-section-executive .member-image-container {
        width: 200px;
        height: 200px;
    }
    .hero-section-international-investment .hero-content {
        max-width: none;
        padding: 50px 0px 50px 0px!important;
    }
    .hero-section-inernational-investment-detail .hero-content {
        position: relative;
        padding: 0px 0px 0px 0px!important;
        margin-top: 100px;
    }
    .cards-section-international-investment .view-more {
        position: unset;
        padding-top: 0px;
        text-align: center;
        z-index: 1;
        padding-bottom: 0px;
    }
}
.hero-section-international-investment .hero-content{
    max-width: none;
    padding: 0px 0px 40px 0px;
}
    .hero-content .service-description-internatioanl{
        margin-top: 20px;
    }
.hero-section-inernational-investment-detail .hero-content {
    position: relative;
    z-index: 2;
    color: white;
    padding: 0px 0px 0px 60px;
     max-width: none; 
}
@media (min-width: 1400px) {
    .navbar-expand-lg .navbar-nav .mega-menu .dropdown-menu .container{
        max-width: 1180px;
    }
}
.mega-menu-c h6 a:hover{
    color:#00263B;
}
/*.navbar-collapse ul:nth-child(1) li a:hover {*/
/*    font-weight: 600;*/
/*}*/

.mega-menu-logo h3 {
    position: relative; /* Ensure the pseudo-element positions relative to h3 */
    display: inline-block; /* Makes sure the h3 stays inline for correct width */
    color: #312682;
}

.mega-menu-logo h3::after {
    content: ""; 
    position: absolute;
    bottom: -5px; 
    left: 0;
    width: 100%; 
    height: 2px;
    background-color: #00263B; 
}

/* Ensure the dropdown menu is hidden by default */
.navbar .dropdown-menu {
    visibility: hidden; /* Hide the dropdown by default */
    opacity: 0; /* Make it invisible */
    transition: opacity 0.3s ease-in-out; /* Smooth transition */
}

/* Show the dropdown menu when hovering over the parent dropdown */
.navbar .dropdown:hover .dropdown-menu {
    visibility: visible; /* Make the dropdown visible */
    opacity: 1; /* Make the dropdown fully visible */
}
/* Ensuring the dropdowns are positioned correctly */
.navbar .dropdown {
    position: relative; /* Ensure the dropdown is positioned correctly */
}

/* Style for the dropdown menu */
.navbar .dropdown-menu {
    visibility: hidden; /* Initially hidden */
    opacity: 0;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    position: absolute; 
    top: 100%; /* Position below the parent */
    left: 0;
    width: 100%;
    z-index: 1000; /* Make sure it's above other elements */
}



/* Show the dropdown on hover */
.navbar .dropdown:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
}


/* Mega menu styles for larger dropdowns */
.navbar .mega-menu {
    position: relative;
}

.navbar .mega-menu .dropdown-menu {
    width: 100%;
    max-width: 1200px; /* Set max width for mega menu */
    margin: 0 auto;
}

.navbar .mega-menu .mega-menu-logo {
    margin-bottom: 0px;
}

.navbar .mega-menu .dropdown-item {
    margin-bottom: 10px;
}

/* Ensure child dropdown doesn't break out of the menu */
.navbar .dropdown-menu .dropdown-item {
    padding: 10px;
}

@media (min-width: 1400px) {
    .container {
        max-width: 1430px!important;
    }
}
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-item.dropdown:hover > .nav-link {
    color: #312682!important; 
}

.nav-item.dropdown:hover > .nav-link {
    color: #312682!important;
}
.navbar-expand-lg .navbar-nav .nav-item{
    padding: 26px 0px 26px 0px;
}
.nav-btn-nav{
    padding-left: 15px;
}
.nav-btn-nav a{
    background-color: transparent!important;
    color: #00263B!important;
    border: 1px solid #00263B !important;
}
.category-heading{
    padding: 15px 0;
    margin: 20px 0px 0px 15px;
    
}
.category-heading h3::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #00263B;
}
.category-heading h3 {
    position: relative;
    display: inline-block;
    font-size: 20px;
    font-family: "Red Hat Display", sans-serif;
    color: #312682;
}
.subcategory-list li a {
    font-size: 16px;
    line-height: 0 !important;
    padding: 14px 4px !important;
}
.subcategory-list li {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    padding-left: 10px;
}
header.bg-color .flag-dropdown:hover,
header.bg-color .flag-dropdown a span:hover {
    background: #000000;
    color: #ffffff;
}

header.bg-color .flag-dropdown span {
    transition: color 0.3s, background-color 0.3s; /* Smooth transition */
}
    .mega-menu-categories {
    gap: 1px;
}

.mega-menu-column {
    min-width: 180px;
    margin-bottom: 20px;
}

.subcategory-list {
    list-style: none;
    padding-left: 0;
}

.subcategory-list li {
    margin-bottom: 6px;
}

.subcategory-list li a {
    text-decoration: none;
    color: #333;
    transition: color 0.3s;
}

.subcategory-list li a:hover {
    color: #007bff;
}
@media (max-width: 767px) {
    .parent-heading::after {
        display:none;
    }
    .parent-heading h2 {
        font-size: 28px !important;
        text-align:center;
    }
    .parent-heading {
        padding: 0px 0px!important;
        margin-bottom: 13px!important;
        position: relative!important;
        margin-top: 0px!important;
    }
    .partner-name {
        text-align: center;
    }
    .partner-link {
        margin: 20px 0px 15px 0px!important;
        text-align: center!important;
        display: block!important;
    }
}
.mega-menu-column .view-more-btn {
    position: absolute;
    bottom: 16px;
}

.mega-menu-column .view-more-link i {
    display: inline-block;
    transition: transform 0.3s ease, color 0.3s ease;
}

.mega-menu-column .view-more-link:hover i {
    transform: rotate(180deg); 
    color: #fff; 
}

.mega-menu-column .view-more-link i::before {
    content: "\f067"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.mega-menu-column .view-more-link:hover i::before {
    content: "\f068";
}

/* Default button style */
.mega-menu-column .view-more-btn a {
    background-color: #312682;
    color: #fff !important;
}

/* Explicitly retain styles on hover */
.mega-menu-column .view-more-btn a:hover {
    background-color: #000 !important;
    color: #fff !important;
}

.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    justify-content: center;
    align-items: center;
    margin-top: 0;
}

.popup-content {
    background-color: #fff;
    max-width: 1030px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    box-shadow: 0 5px 15px #342984;
}

.popup-image {
    padding: 0;
    background-color: #f0f0f0;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popup-text {
    padding: 40px;
    position: relative;
}

.popup-heading {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 20px;
    color: #312682;
}

.pop-paragraph {
    color: #6c757d;
    margin-bottom: 30px;
}

.popup-email-input {
    width: 100%;
    padding: 12px;
    margin-bottom: 20px;
    border: 1px solid #ced4da;
    font-size: 16px;
}

.popup-subscribe-btn {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 15px;
    width: 100%;
    font-size: 16px;
    cursor: pointer;
}
.popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
    background: #fff; /* optional, makes shadow visible on dark bg */
    border-radius: 50%; /* optional, if you want it circular */
    padding: 4px 10px; /* adjust as needed */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); /* shadow added */
    transition: box-shadow 0.2s ease-in-out;
}

.popup-close:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4); /* stronger shadow on hover */
}
@media (max-width: 767px) {
    .popup-image {
        min-height: 230px;
    }
    .popup-overlay .pop-paragraph{
        width: unset!important;
    }
    .popup-text {
        padding: 10px;
        position: relative;
    }
    .popup-overlay {
        padding-top: 190px;
        overflow: scroll;
    }
    .popup-content {
        flex-direction: column-reverse;
    }
    .popup-heading {
        margin-top: 20px;
    }
    .We-Do .Content p {
        margin: 0px auto;
        padding: 0px 0px;
    }
    .Logistics .hover1{
        text-align: center;
        display: table;
        margin: 0 auto;
    }
}
.blog-content ol {
  list-style-type: decimal;
  padding-left: 20px;
  margin-left: 10px;
}

.blog-content ul {
  list-style-type: disc;
  padding-left: 20px;
  margin-left: 10px;
}

.blog-contentr li {
  margin-bottom: 5px;
}

.hover1:hover {
    background-color: #fff !important;
    color: #3E3F41 !important;
}
.Achievements .tick-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #fff;
    color: #000;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    font-weight: bold;
    font-size: 14px;
    margin-right: .5rem !important;
}
.Achievements .list-unstyled .point{
    color:#fff;
    letter-spacing: 0.3px;
}
.Achievements .para {
    color: #FFF;
    margin: 0px auto;
    width: 710px;
    text-align: left!important; 
}
@media (max-width: 767px) {
    .Achievements .para {
        color: #FFF;
        margin: 0px auto;
        width: 100%;
        text-align: center!important; 
    }
}
.breadcrumb {
    display:none;
}
ol {
  list-style-type: decimal;
  padding-left: 20px;
  margin-left: 10px;
}

ul {
  list-style-type: disc;
  padding-left: 20px;
  margin-right: 10px;
}

li {
    margin-bottom: 5px;
    line-height: 1.8;
    font-family: "Red Hat Display", sans-serif;
    font-weight: 600 !important;
}
    .bg-photo{
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        left: 0;
        opacity: 4%;
        background-size: contain!important;
    }
    
.language-dropdown {
    position: relative;
    display: inline-block;
}

.language-dropdown-toggle {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.language-dropdown-toggle:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.language-dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 8px;
    width: 120px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    overflow: hidden;
    padding:0;
}

.language-dropdown-menu.show {
    display: block;
}

.language-dropdown-menu::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: #312682;
}

.language-dropdown-menu li {
    list-style: none;
}

.language-dropdown-menu li a {
    display: block;
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease;
    text-align:center;
}

.language-dropdown-toggle i {
    transition: all 0.3s ease;
}

.language-dropdown-menu li a:hover {
    color: #312682 !important;
    font-weight: 600 !important;
}


.language-dropdown-menu li a.active-language {
    color: #312682!important;
    font-weight:600!important;
}
.language-dropdown-menu li:nth-child(1)::after {
    content: '';
   display: block;
       margin: auto;
    width: 60%;
    height: 2px;
    background-color: #312682;
    border-radius: 50%;
}
@media (max-width: 767px) {
#sideNav li{
    list-style:none;
}
}

.glass-card {
  background: rgb(255 255 255);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%; /* Add this line */
}

.glass-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}
.icon-circle {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  padding: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.text-color{
    color: #312682;
}
.text-color-50{
    color: rgb(0 0 0) !important;
}
.bg-color-nonprofit-child{
    background-color: #e9e9e9;
}
@media (min-width: 1500px) and (max-width: 1550px) and (max-height: 750px) {
    .homeSlider .slide2 {
        height: 700px!important;
    }
}

@media (min-width: 1920px) {
    .homeSlider .slide2 {
        height: 700px; 
    }
}
.image-container {
    position: relative;
    overflow: hidden;
}

.image-container img {
    width: 100%;
    height: auto;
    display: block;
}

.name-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    padding: 10px;
    text-align: center;
}

.image-container:hover .name-overlay {
    opacity: 1;
}

.name-overlay h5 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}

.name-overlay p {
    font-size: 14px;
    margin-top: 5px;
}

        
        
        .logistics-section-local-invertment .service-logo{
            width:64%;
        }
                .sistems-two .ai-logo-two img{
            max-width: 200px;
        }
        
        
        .categories-section-local-investment-detail .category-title{
                padding-top: 0px;
        font-size: 35px;
            
        }
        #current-desc{
            margin-top: 0px;
        }
        
        #current-desc p{
            max-width: 700px;
            color: #fff;
            margin: -15px;
            margin-top: 10px;
        }
        #current-btn{
            position: absolute;
            left: 44%;
            width: 100%;
            z-index: 1000;
            display: block;
            bottom: 270px;
            z-index: 9999999999999;
        }
        #current-btn a{
            background-color: white;
            font-weight: 600;
            color: #000;
            background-color: rgba(255, 255, 255, 0.9);
            color: #333;
            border: 1px solid rgba(255, 255, 255, 0.8);
            border-radius: 30px;
            padding: 12px 25px;
            font-size: 1.1rem;
            font-weight: 500;
            transition: all 0.3s ease;
            text-align: center;
        }

        #current-btn a:hover {
            background-color: rgba(255, 255, 255, 1);
            transform: translateY(-2px);
        }
@media screen and (min-width: 1536px) and (max-width: 1707px) {
        .categories-section-local-investment-detail .category-title{
                padding-top: 25px;
        }
        #current-desc{
            margin-top: 20px;
        }
        .categories-section-local-investment-detail {
                height:100vh;
            
        }
        .categories-section-local-investment-detail .category-content {
            margin-top: 0px;
        }
}

@media screen and (min-width: 1708px) and (max-width: 1921px) {
        .categories-section-local-investment-detail .category-title{
                padding-top: 35px;
        }
        #current-desc{
            margin-top: 50px;
        }
        .categories-section-local-investment-detail .category-content {
            margin-top:15px;
        }
}
  
  
  
@media screen and (min-width: 1922px) and (max-width: 2049px) {
        .categories-section-local-investment-detail .category-title{
                padding-top: 50px;
        }
        #current-desc{
            margin-top: 65px;
        }
        .categories-section-local-investment-detail .category-content {
            margin-top:30px;
        }
}

  
@media screen and (min-width: 2050px) and (max-width: 2304px) {
        .categories-section-local-investment-detail .category-title{
                padding-top: 80px;
        }
        #current-desc{
            margin-top: 120px;
        }
        .categories-section-local-investment-detail .category-content {
            margin-top:90px;
        }
}
  
@media screen and (min-width: 2305px) and (max-width: 3073px) {
        .categories-section-local-investment-detail .category-title{
                padding-top: 170px;
        }
        #current-desc{
            margin-top: 250px;
        }
        .categories-section-local-investment-detail .category-content {
            margin-top:130px;
        }
}
@media screen and (min-width: 3074px) and (max-width: 4609px) {
        .categories-section-local-investment-detail .category-title{
                padding-top: 185px;
        }
        #current-desc{
            margin-top: 335px;
        }
        .categories-section-local-investment-detail .category-content {
            margin-top:130px;
        }
}

@media screen and (min-width: 4610px) {
        .categories-section-local-investment-detail .category-title{
                padding-top: 185px;
        }
        #current-desc{
            margin-top: 335px;
        }
        .categories-section-local-investment-detail .category-content {
            margin-top:130px;
        }
}


        
        
        
        #current-desc ul {
    list-style: none; /* remove default bullets */
    padding-left: 0;
    color: #fff;
    font-size:17px;
        }

#current-desc ul li::before {
    content: "✔";
    color: #fff; /* Change tick color if needed */
    font-weight: bold;
    display: inline-block;
    width: 1.2em;
    margin-left:-1.2em;
}



@media (max-width: 767px) {

.categories-section-local-investment-detail .category-content {
    position: relative;
    z-index: 3;
    height: 100%;
    display: flex;
    top: 160px;
    justify-content: center;
}
.categories-section-local-investment-detail {
    position: relative;
   height:140vh;
    
}
#current-desc {
    left: unset!important;
    text-align: center;
      margin-top: 30px!important;
      top: 110px!important;

}
#current-btn {
    position: absolute;
    left: 36%;
    width: 100%;
    z-index: 1000;
    display: block;
    bottom: unset!important;
    z-index: 9999999999999;
    top: 300px!important;
}
.categories-section-local-investment-detail .category-title {
        left: unset!important;
        text-align: center!important;
        width:100%!important;
    
}

.sistemas-img img {
        height: 100vh;
}
.logistics-section-local-invertment .service-logo {
    width: 58%;
}


.slid-drop,
.dropdown-submenu-child {
    display: none;
    list-style: none;
    padding-left: 15px;
    margin: 0;
}

.nav-item {
    position: relative;
    padding: 10px;
}

.slid-btn {
    cursor: pointer;
}

.dropdown-submenu > a {
    cursor: pointer;
    display: block;
    padding: 8px 0;
}

.dropdown-submenu-child {
    background: #f9f9f9;
    margin-top: 5px;
    padding-left:15px;
}


}

.parent-title{
    text-align: center;
    color: #000000;
    background-color: #fff;
    padding: 10px 0px;
    border-radius: 30px;
}
.parent-title h1{
    color: #000000;
    font-size: 1.1rem;
    line-height: 2;
}
#current-desc {
position: absolute;
    left: 45%;
    width: 100%;
    z-index: 1000;
    display: block;
    top: 170px;
}
.h2_heading{
    padding: 25px 0;
    color: #312682;
}
.info-card .card-body {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.info-card .view-more {
    margin-top: auto;
}
.cards-section-international-investment .view-more {
    text-align: left;
    padding: 0!important;
}

.nonprofit-slider .slick-slide {
    padding: 0 0px; /* 10px space on left and right of each slide */
}

/* Adjust the margin for the slides */
.nonprofit-slider .slick-track {
    display: flex;
    justify-content: center; /* Center the slides */
}

/* Optional: Space between individual slides (optional depending on design) */
.nonprofit-slider .slick-slide > div {
    margin: 0 5px; /* Adjust this value for more or less space */
}

/* Styling the slick-prev and slick-next buttons for a better look */
.nonprofit-slider .slick-prev, 
.nonprofit-slider .slick-next {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border-radius: 50%;
    padding: 10px;
}

/* Hide arrows if you don't want them */
.nonprofit-slider .slick-prev, 
.nonprofit-slider .slick-next {
    display: block;
    z-index: 1;
}

/* Optional: Make sure the images fit within the available space */
.nonprofit-slider .slick-slide img {
    width: 100%;
    object-fit: cover;
}
.info-section-nonprofit h2 {
    margin-top: 40px;
    margin-bottom: 30px!important;
    color:#312682;
}

.growth-section-international-investment-detail img{
    max-width: 100px;
    padding: 10px;
    }
    
        .certifications-section {
        padding: 30px 0px 25px 0px!important;
        text-align: center;
    }
    .certification-logo {
        max-width: 152px!important;
        height: auto;
        display: block;
        margin: 0 auto;
        padding-top: 16px;
    }
@media (max-width: 767px) {
    .certification-logo {
        max-width: 100px !important;
        height: auto;
        display: block;
        margin: 0 auto!important;
        padding-top: 16px;
    }
    .subtitle {
        font-size: 15px;
        margin-bottom: 60px;
    }
}

.awards-section-2 {
            padding: 10px 0;
            background-color: #fff;
        }
        
        .awards-section-2 .section-title {
            text-align: center;
            margin-bottom: 50px;
            font-weight: 700;
            font-size: 42px;
        }
        
        .awards-section-2 .award-item {
            text-align: center;
            margin-bottom: 40px;
            transition: all 0.3s ease;
        }
        
        .awards-section-2 .award-item:hover {
            transform: translateY(-10px);
        }
        
        .awards-section-2 .award-icon img{
            width: 120px;
            height: 120px;
            margin: 0 auto 20px;
            position: relative;
        }
        
        .awards-section-2 .award-year {
            font-weight: 700;
            font-size: 24px;
            color: #333;
        }
        
        .awards-section-2 .award-title {
            font-weight: 700;
            font-size: 20px;
            margin-bottom: 15px;
            line-height: 0;
            min-height: 2px;
        }
        
        .awards-section-2 .award-description {
            font-style: italic;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
            min-height: 60px;
        }
        
        .awards-section-2 .laurel-wreath {
            width: 100%;
            height: 100%;
            fill: #40E0D0;
        }
        .awards-heading-2{
            padding: 50px 0;
            background-color: #fff;
        }
        .awards-heading-2 .section-title {
            text-align: center;
            margin-bottom: 0px;
            font-weight: 700;
            font-size: 42px;
            color: #312682;
        }
        .accordion-button{
            font-weight: 700!important;
        }