*{
    padding: 0%;
    margin: 0%;
    box-sizing: border-box;
}



body{
    margin: auto;
    font-family: Arial, Helvetica, sans-serif;
}
:root{
    --light_black: #1c3850;
    --light_sky:#22fdee;
    --deep_purple:#7931fe;
    --semi_blue:#2f89ff;
    --black:#152741;
    --white:#fff;
}

/* for header */
    .margin{
        margin: 0px 8vw;
    }
    .nav_header{
        position: sticky;
        top: 0;
        display: flex;
        justify-content: space-between;
        height: 120px;
        background-color:var(--white) ;
        align-items: center;
    }
    .nav_slide{
        display: flex;
        /* gap: 5px; */
    }
    .nav_logo{
        display: flex;
        align-items: center;
    }
    .nav_bar i{
        font-size:20px;
        padding: 10px;
        background-color: #ccc;

    }
    .nav_bar button{
        display: none;
        border: none;
    }
    .nav_slide p, .nav_slide a{
        text-decoration: none;
        font-size: 1.1em;
        color: var(--light_black);
    }

    .padding_size{

        height: 45px;
        display: flex;
        padding: 0px 5px;
        align-items: center;
        /*
         border-radius:20px; */
    }
    .padding_size_plus{
        width: 100%;
        height: 45px;
        display: flex;
        padding: 0px 10px;
        align-items: center;
    }

    .padding_size_plus:hover{
        background-color:var(--light_sky) ;
        font-weight: bold;
        border-radius: 10px;
    }
    .padding_size:hover{
        background-color:var(--light_sky) ;
        font-weight: bold;
        border-top-left-radius:10px;
        border-top-right-radius:10px;

    }



/* for dropdown */

   /* General Styling */
.nav_slide_service {
    position: relative;
}

.dropdown_container {
    cursor: pointer;
}

.dropdown_content {
    display: none;
    position: absolute;
    top: 100%; /* Position below the parent */
    left: 0;
    background-image:  linear-gradient(var(--light_sky),var(--deep_purple)) !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    width: 100%;
    padding: 10px 0;
}



.nav_slide_service_holder{
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;

}

.nav_slide_service_holder a,.dropdown_side_content a{
    color: var(--white);
}


.dropdown_content .nav_slide_service_div {
    padding: 8px 16px;
}

.dropdown_content .nav_slide_service_div:hover {
    background-image:  linear-gradient(#a2fef8,#bb96ff) !important;
     /* Highlight effect on hover */
    cursor: pointer;
}

/* Show dropdown on hover or active state */
.dropdown_container:hover .dropdown_content {
    display: block;
}
.max_width{
    min-width: 280px;
}
.max_width_x{
    min-width: 190px;
}


 /* for nav logo */

    .nav_logo_img{
        height: 75px;
        width: 75px;
    }
    .nav_logof_img{
        height: 120px;
        width: 120px;
    }
    .image img,.nav_logo_img img, .nav_logof_img img,.sec_main_section_img img,.section_contain_main_bgimg_imgholder img{
        width: 100%;
        height: 100%;
    }



/* for footer */

    /* footer{
        width: 100vw;
    } */
    .footer{
        background-image: linear-gradient(90deg, #006fe1,var(--semi_blue), var(--deep_purple)) !important;
        display: flex;
        padding-bottom: 20px;
        flex-direction: column;
    }

    .footer_first_line,.footer_middle_line{
        /* width: 80%; */
        padding: 40px 0px 0px 0px;
        display: flex;
        justify-content: space-between;
    }

    .footer_anchar:hover a{
        text-decoration: underline;
        text-decoration-color: var(--white);
    }

    .footer_anchar a{
        text-decoration: none;
        font-size: 0.9em;
        color: var(--white) ;
    }

    .footer_middle_icon{
        margin-top: 40px;
        padding: 10px 15px;
        display: flex;
        gap:13px;
    }
    .footer_middle_icon i{
        color: white;
        font-size: 1.5em;
    }
    .footer_middle_icon_i{
        padding: 10px;
    }



    .footer_middle_telephone, .footer_middle_address{
        margin-top: 65px;
        padding: 20px 0px 0px 0px;
        border-top: 1px solid var(--white);
        display: flex;
        flex-direction: column;
        width: 15em;
        /* background-color:#ccc ; */
    }
    .footer_middle_telephone p ,  .footer_middle_telephone h3, .footer_middle_address p ,.footer_middle_address h3{
        font-size: 1em;
        font-weight: 500;
        color: var(--white);
    }
    .footer_middle_telephone{
        text-align: right ;
    }



    /* for main */

    main{
        display: flex;
        flex-direction: column;
        /* gap: 40px; */
    }

    .main_section{
        /* height: 100vh;
        width: 90vw; */
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
        background-image: url('https://images.leadconnectorhq.com/image/f_webp/q_80/r_1200/u_https://assets.cdn.filesafe.space/cmY5BZBwJOjDMpbqlHkj/media/65de0697e35b23acdc1e7e42.png');
    }

    .main_section_content,.main_section_country,.main_section_ads{
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 40px 0px;
        /* justify-content: center; */
        align-items: center;
    }
    .main_section_ads{
        gap: 0px;
    }

    .box_icon{
        width: 80px;
        height: 80px;
    }
    .box_icon img,.flag_img img{
        height: 100%;
        width: 100%;
    }
    .box{
        padding: 0px 10px;
        width: 200px;
        background-color: var(--white);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap:40px;
        border-radius: 10px;
        height: 340px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;;
    }

    .box_heading,.box_descripotion,.main_section_country_heading,.flag_name,.main_section_ads_header_h , .sec_main_section_description_heading,.front_main_section_heading_2,.front_main_section_heading_3{
        color: var(--semi_blue);
        text-align: center;
    }
    .sec_main_section_description_heading,.front_main_section_heading_2,.front_main_section_heading_3{
        text-align: left;
    }
    .sec_main_section_description_para p , .front_main_section_description p{
        font-size: 20px;
        font-weight: 100;

        color:var(--light_black);
    }
    .sec_main_section_description_paraX p {
        line-height: 1.5em;
    text-transform: none;
    letter-spacing: 0;
    text-align: justify;
        font-size: 17px;
        font-weight: 100;
        color: var(--light_black);
    }
    .front_main_section_content {
        padding: 190px 0px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .front_main_section_heading_1{
        font-style: italic;
        color:var(--deep_purple);
    }

    .front_main_section_description p{
        color: var(--semi_blue);
        text-align: justify;
    }
    .front_main_section_description_para{
        padding-top: 10px;
        border-top: 2px solid var(--semi_blue);
        width: 55%;
    }
    .box_descripotion p{
        font-weight: 100;
        text-align: center;
    }
    .main_section_content_box{
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
       justify-content: center;
    }
    .main_section_content_box a{
        text-decoration: none;
    }
    .box_heading h2{
        text-align: center;
        font-size: 1.3em;
    }


    .main_section_content_heading{
        color:var(--semi_blue);
        padding-bottom: 10px;
        width: 300px;
        border-bottom:2px solid var(--deep_purple);
        margin-bottom: 40px;
    }
    .main_section_content_heading h1{
        text-align: center;
    }


    /* country */
    .flag{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
    .flag_img{
        height: 200px;
        width: 200px;
    }
    .big .flag_img{
        height: 250px;
        width: 250px;
    }





    .main_section_country_flagholder{
        gap:100px;
        padding: 40px 0px;
        display: flex ;
        flex-wrap: wrap;
        justify-content: center;

    }


    /* Style for the button */
#scrollToTopBtn {
    position: fixed;
    bottom: 20px;      /* Distance from the bottom */
    right: 20px;       /* Distance from the right */
    background-color: #007bff; /* Button background color */
    color: white;      /* Text color */
    border: none;      /* Remove border */
    border-radius: 5px; /* Rounded corners */
    padding: 10px 20px;  /* Padding */
    font-size: 18px;     /* Font size */
    display: none;      /* Initially hide the button */
    cursor: pointer;    /* Cursor style when hovering */
  }

  #scrollToTopBtn:hover {
    background-color: #0056b3; /* Darker color on hover */
  }





    .mySlides {display: none}
    .slideshow-container img {vertical-align: middle;}

    /* Slideshow container */
    .slideshow-container {
    max-width: 1100px;
    position: relative;
    margin: auto;
    }

    /* Next & previous buttons */
    .prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    }

    /* Position the "next button" to the right */
    .next {
    right: 0;
    border-radius: 3px 0 0 3px;
    }

    /* On hover, add a black background color with a little bit see-through */
    .prev:hover, .next:hover {
    background-color: rgba(0,0,0,0.8);
    }


    /* Number text (1/3 etc) */
    .numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
    }

    /* The dots/bullets/indicators */
    .dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
    }

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

    /* Fading animation */
    .fade {
    animation-name: fade;
    animation-duration: 1.5s;
    }


    .main_section_ads_header_p{
        color: var(--light_black);
        font-weight: 500;
        font-size: 22px;
    }
    .main_section_ads_header{
        padding: 20px 0px 10px 0px;
        border-bottom: 2px solid var(--deep_purple);
        margin-bottom: 10px;
    }


    @keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
    }

    /* On smaller screens, decrease text size */
    @media only screen and (max-width: 300px) {
    .prev, .next,.text {font-size: 11px}
    }


    .sec_main_section{
        background-position: center;
        background-size: cover;

        background-image: url('https://images.leadconnectorhq.com/image/f_webp/q_80/r_1200/u_https://assets.cdn.filesafe.space/cmY5BZBwJOjDMpbqlHkj/media/65de0697e35b23acdc1e7e42.png');

    }



    .sec_main_section_content{
        padding: 120px 0px 180px 0px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .sec_main_section_contentX{
        padding: 20px 0px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }


    .sec_main_section_description,.sec_main_section_img{
        display: flex;
        gap:20px;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        /* align-items: center; */
        width: 550px;
        height: 400px;
    }

    .sec_main_section_description_eligibility button , .front_main_section_book_button button,#eligibility{
        margin-top: 10px;
        font-size: 20px;
        font-weight: bold;
        color: var(--white);
        padding: 12px 15px;
        border-radius: 12px;
        border: none;
        background-color:var(--semi_blue);
        transition: 0.2s ease-in-out;

    }
    .sec_main_section_description_eligibility button:hover , .front_main_section_book_button button:hover{
        margin-top: 5px;
        transition: 0.2s ease-in-out;
    }


    .front_main_section{
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        background-image: url('../images/heroimg.jpg');
        /* opacity: 0.8; */
    }

    .front_main_section_active{
        margin-top: 250px;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        background-image: url('../images/heroimg.jpg');
        /* opacity: 0.8; */
    }

    /* for contact */

    .section_contact_header{
        padding: 50px 0px 60px 0px;
    }
    .section_contact_header_content{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }
    .section_content_sec_header_h1,.section_contact_header_h1,.section_contact_box_description_header{
        color: var(--semi_blue);
        text-align: center;
        font-size: 1.6em;
    }
    .section_contact_box_description_header{
        color:var(--semi_blue);
        text-align: left;
        font-size: 1.4em;
        display: grid;
    }

    .section_contact_box_description{
        display: grid;
        grid-template-rows: auto auto auto;
        gap: 40px;
    }

    .section_content_third_header_h1,.section_content_sec_header_p,.section_contact_header_p,.section_content_main_description{
        font-weight: 400;
        color: var(--black);
        font-size: 1.4em;
        text-align: center;
    }
    .section_content_sec_header_p,.section_content_third_header_p{
        font-size: 1.2em;
    }

    .image{
        width: 450px;
        height: 300px;
    }

    .section_contact_header_content_underline{
        border: 1.4px solid var(--deep_purple);
        width: 300px;
    }
    .section_contact_location_grid_color{
        color:  var(--black);
        font-weight: 600;
    }

    .section_contact_content_holder{
        display: grid;

        /* justify-content: space-between; */
        padding-bottom: 60px;
        gap: 10px;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }


    .section_contact_box{
        /* height: 95vh; */
        margin-top: 70px;
        /* background-color: #ccc; */
        width: 41vw;
    }


    .section_contact_location_grid{
        display: flex;
        gap: 10px;
        /* column-gap: 5px; */

        /* grid-template-columns: auto auto; */
    }

    .padding-dash{
        padding: 60px 30px;
    }

    .section_content_third_header,.section_content_third,.section_content_sec_header_section,.section_contact_box_description_location{
        display: grid;
        gap: 25px;
    }

    .section_contain_main_bgimg_imgholder{
        height: 100vh;

    }
    .dark-image {
        filter: brightness(60%); /* Adjust the value to control darkness */
    }
    .section_content_main{
        position: relative;
        z-index: -23;
    }
    .section_content_main_description{
        position: absolute;
        top: 40%;
    }
    .section_content_main_description p, .section_content_main_description h1{
        color: var(--white);
    }
    .section_content_main_description{
        display: grid;
        gap: 18px;
    }

    .section_content_sec{
        padding: 60px 0px 0px 0px;
    }
    /* for content */

    .sec_main_section_content_pre{
        flex-wrap: wrap;
        padding: 60px 0px 80px 0px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .purple-icon{
        background-color: var(--deep_purple);
        color: white;
        font-weight: bold;
        padding: 5px;
        border-radius: 5px;
    }
    .section_content_third_para{
        font-size: 18px;
        text-align: justify;
        margin-bottom: 20px;
        line-height: 1.4;

    }


    .section_content_third_img{
        display: flex;
        gap: 20px;
        align-items: center;

    }




        .modal_button{
            border: 8px solid var(--semi_blue);
            display: none;
            position: fixed;
            top: 10%;
            left: 20%;
            width:60vw;
            border-radius: 5px;
            /* height: 100%; */
            /* background: rgba(0, 0, 0, 0.5); */
            justify-content: center;
            align-items: center;
        }

        .modal_button_content h2 {
            margin-top: 0;
            font-size: 30px;
            color: var(--semi_blue);
        }
        .modal_button_close {
            background: #ff5c5c;
            color: var(--white);
            border: none;
            padding: 10px 15px;
            cursor: pointer;
            border-radius: 5px;
        }

        .modal_button_content{
            border: 5px solid var(--semi_blue);
            padding: 10px 20px;
            background:var(--white);
            /* color: white; */
            display: flex;
            flex-direction: column;
            gap: 40px;
            border: none;
            cursor: pointer;
            padding: 20px;
            width:100%;
            box-shadow: 0 5px 15px rgba(0,0,0,0.3);
            text-align: center;

        }
        .form_model_div{
            display: flex;
            flex-direction: column;
            gap: 5px;
            justify-content: flex-start;
            padding: 0px 30px;
        }
        .form_model_div label{
            text-align: left;
        }
        .scrollable {
            width: 60vw;
            height: 80vh;
            overflow-y: scroll;
            overflow-x: hidden;
        }

        .modal_button_content form {
            box-shadow: 0 5px 15px rgba(0,0,0,0.3);
            padding: 30px 0px;
            display: flex;
            flex-direction: column;
            background-color: var(--white);
            gap: 30px;
        }
        .modal_button_content input[type="text"], .modal_button_content input[type="email"],.modal_button_content input[type="submit"] {
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }
        .form_model_div_radio{
            display: flex;
            gap:20px;
        }

        .close_button_cross button{
            background-color:  var(--black);
            color: var(--white);
            border-radius: 50px;
            width: 30px;
            height: 30px;
            font-size: 15px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .close_button_cross{
            display: flex;
            justify-content: flex-end;
        }

        .modal_button_content form input[type="submit"]{
            background-color: #4795fc;
            color: var(--white);
            margin: 0px 30px;
        }

        .section_service_content_img{
            width: 300px;
            height: 170px;
        }
        .section_service_content_img img,.service_image img{
            filter: brightness(50%);
            width: 100%;
            height: 100%;
            border-radius:20px;
        }
        .section_service_content{
            position: relative;
            width: 300px;
            height: 170px;
        }
        .service_image_holder{
            position: relative;
        }
        .section_service_content_text{
            position: absolute;
            top: 42%;
            left: 28%;
            color: var(--white);
            font-size: 1.4em;
        }
        .service_image_holder_h1{
            position: absolute;
            top: 42%;
            left: 43%;
            color: var(--white);
            font-size: 2em;
        }
        .service_image{
            width: 100%;
            height: 200px;
        }
        .section_service_container_content_header{
            margin-bottom: 10px;
            background-image: linear-gradient(90deg, #0061c1,#205eae, #5524af) !important;
            padding: 10px 0px 10px 10px;
            color: var(--white);
            font-size: 1.6em;

        }
        .section_service_container_content_image{
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }
        .section_service_contain_holder{
            display: flex;
            flex-direction: column;
            gap: 100px;
            padding: 50px 0px;
        }
        .paddingX{
            margin: 0px 80px;
        }
        .heading_1{
            font-size: 2.1em;
            text-align: right;
        }
        .heading_2{
            font-size: 1.6em;
            text-align: center;
        }
        .heading_3{
            font-size: 1.3em;
            text-align: left;
        }
        .heading_ext{
            font-size: 1.4em;
            text-align: center;
            color: var(--light_black);
        }
        .heading_4{
            font-size: 1.7em;
            text-align: center;
            padding: 40px 0px;
        }
        .dropin_heading{
            display: flex;
            flex-direction: column;
            gap: 30px;
            color: var(--semi_blue);
            padding: 40px 0px 20px 0px;
            border-bottom: 3px solid var(--deep_purple);
        }
        .album_holder{
            padding: 70px 0px;
            display: flex;
            justify-content: center;
            gap: 30px;
            flex-wrap: wrap;
        }
        .album_container{
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .album_container_img{
            width: 500px;
            height: 400px;
            border: 2px solid  black;
        }
        .album_container_img img{
            width: 100%;
            height: 100%;
        }
        .album_container_name{
            color: var(--black);
            font-size: 1.5em;
        }


        /* Center the loader */
        .loader-wrapper {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 100vh;
          background-color: #f4f4f4;
        }

        /* Loader animation */
        .loader {
          border: 8px solid #f3f3f3; /* Light gray border */
          border-top: 8px solid #3498db; /* Blue border */
          border-radius: 50%;
          width: 60px;
          height: 60px;
          animation: spin 1s linear infinite;
        }

        /* Spin animation */
        @keyframes spin {
          0% {
            transform: rotate(0deg);
          }
          100% {
            transform: rotate(360deg);
          }
        }

        /* Hide content initially */
        .content {
          display: none;
        }


        .dropin_content_last{
            display: flex;
            flex-direction: column;
            gap: 20px;
            align-items: center;
        }
        .dropin_content{
            display: flex;
        }
        .dropin_content_last p{
            text-align: center;
        }
        .dropin_main_content{
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        .dropin_content_first{
            display: flex;
            flex-direction: column;
            gap: 20px;
            border-bottom: 3px solid var(--deep_purple);
            padding-bottom: 20px;
            padding-top: 40px;
        }
        .dropin_heading p{
            color:  var(--black);
        }
        .list_style_used{
            list-style-type: upper-alpha;
        }
        .dropin_main_content ol , .dropin_main_content ul {
            list-style-type: none;
            color:  var(--black);
        }
        .dropin_heading_all{
            color: var(--semi_blue);

        }
        .dropin_description{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 10px;
            color:var(--semi_blue);
            padding: 40px 0px 20px 0px;
        }
        .dropin_description p{
            color: var(--light_black);
            text-align: center;
            font-weight: 400;
        }

        .sec_main_company_description,.sec_main_certification_description{
            padding: 10px 0px 80px 0px;
        }
        .underline{
            border-bottom: 3px solid var(--deep_purple);
            width: 100%;
            padding-bottom: 20px;
            text-align: center;
        }
        .sec_main_section_descriptionX{
            display: flex;
            gap:20px;
            flex-wrap: wrap;
            flex-direction: column;
            justify-content: center;
            /* align-items: center; */
            width: 600px;
            height: 600px;
        }
        .sec_main_section_descriptionC{
            display: flex;
            gap:20px;
            /* flex-wrap: wrap; */
            flex-direction: column;
            justify-content: center;
            /* align-items: center; */
            width: 600px;
            height: 600px;
        }
        .sec_main_section_imgX{
            display: flex;
            gap:20px;
            flex-wrap: wrap;
            flex-direction: column;
            justify-content: center;
            /* align-items: center; */
            width: 450px;
            height: 600px;
        }
        .sec_main_section_img_ads{
            width: 450px;
            height: 450px;
        }
        .sec_main_section_img_ads img{
            height: 100%;
            width: 100%;
        }
        .sec_main_description_holder{
            border-top: 2px solid var(--deep_purple);
            padding-top: 20px;
            display: flex;
            flex-direction: column;
            gap: 50px;
        }
        .boxX{
            padding: 0px 20px;
            width: 540px;
            background-color:var(--white);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap:20px;
            border-radius: 10px;
            height: 210px;
            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;;
        }
        .sec_main_section_img_accreditation{
            height: 170px;
            width: 150px;
        }
        .sec_main_section_img_certification{
            height: 120px;
            width: 350px;
        }
        .content_img img,.sec_main_section_img_accreditation img,.sec_main_section_img_certification img,.member_img img,.certificate_img img{
            height: 100%;
            width: 100%;
        }
        .sec_main_img_holder{
            padding: 80px 0px 20px 0px;
            border-top: 2px solid var(--deep_purple);
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 40px;

        }
        .member{
            display: flex;
            flex-direction: column;
            gap: 10px;

        }
        .certificate_img{
            height: 280px;
            width: 220px;
            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;;
        }
        .member_img img{
            border-radius: 50%;
        }
        .member_img{
            width: 180px;

            height: 180px;
        }
        .member_name{
            text-align: center;
            color:  var(--black);
            font-size: 15px;
            font-weight: 100;
        }
        .member_name div:nth-child(2){
            font-weight: 100;
            color: #5d5e5f;
        }
        .member_holder{
            padding: 40px 0px;
            justify-content: center;
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 50px;
        }

        details summary{
            justify-content: space-between;
            display: flex;
            font-size: 20px;
            color: var(--white);
            background-color:var(--semi_blue);
            border-radius: 10px;
            padding: 15px;
            font-weight: bold;
        }
        details p{
            font-size: 17px;
            color: var(--light_black);
        }
        summary::after {
            content: '\00D7';
            font-size: 20px;
        }
        .details[open] summary::after{
            content: '\002B';
            font-size: 20px;
        }

        details[open] summary{
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 0px;
            border-bottom-left-radius: 0px;
            background-color: var(--deep_purple);
        }


        .summery_content{
            padding: 10px;
            background-color: var(--white);
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .details_holder{
            border-top: 2px solid var(--deep_purple);
            margin: 50px 0px;
            padding: 50px 0px;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .ext{
            padding: 20px 0px;;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .slider {
            position: relative;
            width: 100%;
            max-width: 600px;
            margin: auto;
            overflow: hidden;
            border: 2px solid #ddd;
            border-radius: 8px;
        }

        .faq_button_holder{
            display: flex;
            gap: 20px;
            justify-content: end;
        }
        .faq_button_holder button:hover{
            background-color: var(--deep_purple);
        }

        .slides {
            display: flex;
            transition: transform 0.5s ease-in-out;
        }

        .slides img {
            width: 100%;
            border: none;
        }

        .myslides {
            display: flex;
            transition: transform 0.5s ease-in-out;
        }

        .myslides img {
            width: 100%;
            border: none;
        }


        .navigation {
            position: absolute;
            top: 50%;
            width: 100%;
            display: flex;
            justify-content: space-between;
            transform: translateY(-50%);
        }

        .navigation button {
            background-color: rgba(0, 0, 0, 0.5);
            border: none;
            color: var(--white);
            padding: 10px;
            cursor: pointer;
            border-radius: 50%;
        }

        .navigation button:hover {
            background-color: rgba(0, 0, 0, 0.8);
        }

        .slider_holder{
            padding: 50px 0px ;
        }
        .upper_content{
            padding: 20px 0px;
        }
        .relative{
            position: absolute;
            top: 70%;
            left: 15%;
            color: var(--white);
            display: flex;
            flex-direction: column;
            gap: 5px;
            align-items: center;
        }
        .relative h1{
            font-size: 2.3em;
        }
        .relative p{
            font-size:2em;
        }
        .top_content{
            position: relative;
            margin-bottom: 40px;
        }
        .content_img{
            width: 98.9vw;
            height: 80vh;
            filter: brightness(60%);
        }
        .testimonial_frame,.testimonial_frame_video{
            width: 390px;
            height: 225px;
        }
        .testimonial_frame_video{
            display: none;
        }
        .testimonial_frame_icon i{
            color: var(--white);
            font-size: 23px;
            padding: 15px 30px;
            background-color: #666565;
            border-radius: 10px;
        }
        .testimonial_frame_icon{
            position: absolute;
            top: 38%;
            left: 40%;

        }
        .testimonial_frame{
            position: relative;
        }
        .testimonial_frame_holder{
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 30px;
        }

        .content_meadia_box{
            display: flex;
            flex-direction: column;
            box-shadow:0 5px 15px rgba(0,0,0,0.3);
            border-radius: 25px;
            width: 190px;
            justify-content: center;
            gap: 8px;
            padding: 10px 15px;
        }


        .content_meadia_change{
            text-decoration: none;
            font-size: 15px;
            color: var(--semi_blue);
        }

        .content_meadia_based_border{
            border-bottom: 2px solid var(--deep_purple);
            color: var(--semi_blue);
            padding: 20px 0px;
            /* width: 640px; */
            font-size: 1.1em;
        }
        .content_meadia_based_flexer{
            /* flex-wrap: wrap; */
            display: flex;
            gap: 30px;
        }
        .content_meadia_based_photo img{
            height: 100%;
            width: 100%;
        }
        .content_meadia_based_photo{
            margin: 20px 0px 0px 0px;
            height: 390px;
            width: 520px;
        }
        .content_meadia_based_photo_content h1{
            font-size: 1em;
            color: var(--black);
            font-weight: 100;
        }
        .content_meadia_based_center{
            display: flex;
            flex-direction: column;
            gap: 30px;
            color: var(--black);
        }
        .content_meadia_based_center p{
            font-size: 0.95em;
        }
        .content_meadia_based_center h1{
            font-size: 1em;
            color: var(--black);
        }
        .content_meadia_based_top h1{
            padding: 20px 0px;
            font-size: 1.1em;
            color: var(--black);
            font-weight: 100;
        }

        .content_meadia_based_con a{
            color:var(--white);
            background-color:#1c3850;
            padding: 10px;
            border-radius: 10px;
            font-size: 1em;
        }
        .content_meadia_based_photo_content{
            padding: 5px 0px;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        .news_handle{
            justify-content: center;
            gap: 30px;
            display: flex;
            flex-wrap: wrap;
        }

        .news_content{
            display: flex;
            flex-direction: column  ;
            gap: 80px;
            padding: 100px 0px;
        }
        .news_headline{
            background:linear-gradient(90deg, var(--light_sky), var(--semi_blue), var(--deep_purple));
            padding: 50px;
            color: var(--white);
            text-align  : center;
        }
        .header_gallery{
            display: flex;
            align-items: center;
            justify-content: center;
            border-bottom : 2px solid var(--deep_purple);
            padding: 20px 0px;
        }

        .content_gallery_photo img{
            height: 100%;
            width: 100%;
        }
        .content_gallery_photo{
            height: 270px;
            width: 400px;
        }
        .content_gallery{
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            padding: 20px 0px;
        }

        .main_content_gallery{
            display: flex;
            flex-direction: column;
            gap: 20px;
            padding: 50px 0px;

        }
        .header_gallery h1{
            color: var(--semi_blue);
            font-size: 1.6em;
        }
        .padding_size_plus i{
            color:  #075E54;
            font-size: 30px;
        }


        /* Container for the contact form */
.contact-form-container {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* General contact form styling */
.contact-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Styling for each contact form group */
.contact-form-group {
    display: flex;
    flex-direction: column;
}

/* Styling for labels */
.contact-form-label {
    font-weight: bold;
    margin-bottom: 5px;
    color:var(--light_black);
}

/* Styling for inputs and textarea */
.contact-form-input,
.contact-form-textarea {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: var(--white);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Focus effect for inputs and textarea */
.contact-form-input:focus,
.contact-form-textarea:focus {
    border-color: var(--semi_blue);
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    outline: none;
}

/* Textarea specific styling */
.contact-form-textarea {
    resize: vertical;
}

/* Styling for the checkbox */
.contact-form-container input[type="checkbox"] {
    margin-right: 8px;
    cursor: pointer;
    transform: scale(1.2);
}

/* Styling for the terms and conditions label */
.contact-form-container label {
    font-size: 14px;
    color: var(--light_black);
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Styling for the submit button */
.contact-form-container button {
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    color: var(--white);
    background-color: var(--semi_blue);
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

/* Hover effect for the button */
.contact-form-container button:hover {
    background-color: var(--deep_purple);
    transform: scale(1.05);
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .contact-form-container {
        padding: 15px;
    }

    .contact-form-input,
    .contact-form-textarea {
        font-size: 14px;
    }

    .contact-form-container button {
        font-size: 14px;
        padding: 8px 16px;
    }
}



        /* Styling for the terms and conditions section */
.contact-form-terms {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #555;
    margin-top: 10px;
}

.contact-form-checkbox {
    margin-right: 8px;
    transform: scale(1.2);
    cursor: pointer;
}




/* Styling for the submit button section */
.contact-form-submit {
    text-align: center;
    margin-top: 20px;
}

.contact-form-button {
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #007bff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.contact-form-button:hover {
    background-color: #0056b3;
    transform: scale(1.05);
}


.company_data_img{
    padding: 15px;
    height: 120px;
    width: 120px;
}
.company_data_img img{
    height: 100%;
    width: 100% ;
}
.linkage_company_data{
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 5px;

}
.linkage_company_holder{
    /* padding: 50px 0px; */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
}
.linkage_country_holder{
    padding: 50px 0px;
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.linkage_country_data{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    color: var(--white);
}
.linkage_country_heading h2{
    color: var(--light_black);
}



        /* Entire scrollbar */
::-webkit-scrollbar {
    width: 10px; /* Width for vertical scrollbar */

  }

  /* Scrollbar track */
  ::-webkit-scrollbar-track {
    background:var(--semi_blue);

  }

  /* Scrollbar thumb */
  ::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, var(--light_sky), var(--semi_blue),var(--deep_purple));
    border-radius: 10px;
  }

  /* Scrollbar thumb on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }

  /* Scrollbar corner (for both horizontal and vertical scrollbars) */
  ::-webkit-scrollbar-corner {
    background: #999;
  }


        /* for responsive */

@media (max-width: 480px) {

    #service_content,#about_content,#study_content,#media_content{
        display: none;
    }

    .news_headline{
        padding: 20px 0px;
    }
    .sec_main_section_img_ads{
        width: 100%;
    }
    .section_content_main_description {
        top: 10%;
    }
    .dropin_content{
        display: flex;
        flex-wrap: wrap;
    }
    .scrollable {
        width: 90vw;
        height: 80vh;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .sec_main_section_descriptionC{
        display: flex;
        gap:20px;
        /* flex-direction: column;
        justify-content: center; */
        /* align-items: center; */
        width: 600px;
        height: 600px;
    }
    .content_img{
        width: 98.9vw;
        height: 40vh;
        filter: brightness(60%);
    }
    .boxX{
        width: 100%;
    }
    .content_meadia_based_flexer{
        flex-wrap: wrap;
        display: flex;
        gap: 30px;
    }
    .service_image_holder_h1{
        position: absolute;
        top: 42%;
        left: 5%;
        color: var(--white);
        font-size: 2em;
    }
    .margin{
        margin: 0%;
    }
    .footer_first_line,.footer_middle_line{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .footer_first_line{
        gap:10px;
    }
    .image{
        width: 80vw;
    }
    .nav_header{

        padding: 10px 0px;
        gap:5px;
        display: flex;
        flex-direction:column;
        justify-content: space-between;
        /* height: 120px; */
        background-color:var(--white);
        align-items: flex-start;
    }

    .nav_slide{
        width: 100%;
        padding: 10px 0px 10px 10px;
        display: flex;
        flex-direction: column;
        background-color:var(--semi_blue);
        display: none;
    }
    .nav_slide_active{

        z-index: 99999;

        width: 100%;
        padding: 10px 0px 10px 10px;
        display: flex;
        flex-direction: column;
        background-color:var(--semi_blue);

    }
    .nav_slide a , .nav_slide p{
        color: var(--white);
        font-size: 1em;
    }
    .nav_bar button{
        display: block;
    }
    .nav_logo{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .dropdown_content_active {

        position: absolute;
        top: 100%; /* Position below the parent */
        left: 0;
        background-image:  linear-gradient(var(--light_sky),var(--deep_purple)) !important;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 9999;
        width: 100%;
        padding: 10px 0;
    }
    .dropdown_content {

        position: absolute;
        display: none;
        top: 100%; /* Position below the parent */
        left: 0;
        background-image:  linear-gradient(var(--light_sky),var(--deep_purple)) !important;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        width: 100%;
        padding: 10px 0;
    }
    .padding_size{
        width: 100%;
        height: 45px;
        display: flex;
        padding: 0px 5px;
        align-items: center;
        /*
         border-radius:20px; */
    }

    .sec_main_section_description{
        width: 100%;
        height: 100%;
        text-align: center;
    }
    .sec_main_section_description h1{

        text-align: center;
    }
    .front_main_section_content {
        padding: 5px 0px;
        display: flex;
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    .front_main_section_heading h2{
        text-align: center;
    }
    .front_main_section_description_para{
        width: 100%;
    }
    .sec_main_section_content{
        padding: 0px;
    }
    .sec_main_section_img{
        margin-top: 20px;
        width: 100%;
        height: 100%;
    }
    footer .nav_logo{
        justify-content: center;
    }
    .section_contact_box{
        /* height: 95vh; */
        margin-top: 70px;
        /* background-color: #ccc; */
        width: 100vw;
    }
    .paddingX{
        margin: 0px;
    }
    .content_meadia_based_photo{
        /* height: 100%; */
        width: 100%;
        height: 100%;
    }
    .relative{
        position: absolute;
        top: 20%;
        left: 5%;
        color: var(--white);
        display: flex;
        flex-direction: column;
        gap: 5px;
        align-items: center;
    }
    .relative h1{
        font-size: 1.8em;
    }
    .relative p{
        font-size:1.5em;
    }
    .modal_button{
        border: 8px solid var(--semi_blue);
        display: none;
        position: fixed;
        top: 10%;
        left: 5%;
        width:90vw;
        border-radius: 5px;
        /* height: 100%; */
        /* background: rgba(0, 0, 0, 0.5); */
        justify-content: center;
        align-items: center;
    }
    .section_content_third_img{
        flex-wrap: wrap;
    }
    .section_contain_main_bgimg_imgholder {
        height: 80vh;
    }
}




/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {
    footer .nav_logo{
        justify-content: center;
    }
    .section_content_third_img{
        flex-wrap: wrap;
    }
    .scrollable {
        width: 90vw;
        height: 80vh;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .section_content_main_description {
        top: 10%;
    }
    .section_contain_main_bgimg_imgholder {
        height: 80vh;
    }
    .image{
        width: 80vw;
    }
    .modal_button{
        border: 8px solid var(--semi_blue);
        display: none;
        position: fixed;
        top: 10%;
        left: 5%;
        width:90vw;
        border-radius: 5px;
        /* height: 100%; */
        /* background: rgba(0, 0, 0, 0.5); */
        justify-content: center;
        align-items: center;
    }
    .dropin_content{
        display: flex;
        flex-wrap: wrap;
    }
    .relative{
        position: absolute;
        top: 20%;
        left: 5%;
        color: var(--white);
        display: flex;
        flex-direction: column;
        gap: 5px;
        align-items: center;
    }
    .relative h1{
        font-size: 1.8em;
    }
    .relative p{
        font-size:1.5em;
    }

    .service_image_holder_h1{
        position: absolute;
        top: 42%;
        left: 23%;
        color: var(--white);
        font-size: 2em;
    }
    .news_headline{
        padding: 20px 0px;
    }

    .content_meadia_based_flexer{
        flex-wrap: wrap;
        display: flex;
        gap: 30px;
    }
    .margin{
        margin: 0px 2vw;
    }
    .paddingX{
        margin: 0px;
    }
    .footer_first_line,.footer_middle_line{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .footer_first_line{
        gap:10px;
    }

    .nav_header{
        padding: 20px 10px;
        gap:10px;
        display: flex;
        flex-direction:column;
        justify-content: space-between;
        /* height: 120px; */
        background-color:var(--white);
        align-items: flex-start;
    }

    .nav_slide{
        width: 100%;
        padding: 20px 0px 20px 20px;
        display: flex;
        flex-direction: column;
        background-color:var(--semi_blue);
        display: none;
    }

    .nav_slide_active{
        z-index: 2;
        width: 100%;
        padding: 20px 0px 20px 20px;
        display: flex;
        flex-direction: column;
        background-color:var(--semi_blue);

    }
    .nav_slide a , .nav_slide p{
        color: var(--white);
        font-size: 1em;
    }
    .nav_bar button{
        display: block;
    }
    .nav_logo{
        display: flex;
        justify-content: space-between;

        align-items: center;
        width: 100%;
    }
    .dropdown_content_active {

        position: absolute;
        top: 100%; /* Position below the parent */
        left: 0;
        background-image:  linear-gradient(var(--light_sky),var(--deep_purple)) !important;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        width: 100%;
        padding: 10px 0;
    }
    .dropdown_content {

        position: absolute;
        display: none;
        top: 100%; /* Position below the parent */
        left: 0;
        background-image:  linear-gradient(var(--light_sky),var(--deep_purple)) !important;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        width: 100%;
        padding: 10px 0;
    }
    .padding_size{
        width: 100%;
        height: 45px;
        display: flex;
        padding: 0px 5px;
        align-items: center;
        /*
         border-radius:20px; */
    }
    .sec_main_section_description{
        width: 100%;
        height: 100%;
        text-align: center;
    }
     h1{

        text-align: center;
    }
    .sec_main_section_content{
        padding: 10px 0px;
    }
    .front_main_section_content {
        padding: 5px 0px;
        display: flex;
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    .front_main_section_heading h2{
        text-align: center;
    }
    .front_main_section_description_para{
        width: 100%;
    }
    .content_meadia_based_photo{
        height: 100%;
        width: 100%;
    }
}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {

    .margin{
        margin: 0px 2vw;
    }

    .sec_main_section_contentX{
        justify-content: center;
    }

    .footer_first_line,.footer_middle_line{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .footer_first_line{
        gap:20px;
    }
}

/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px) {

    .margin{
        margin: 0px 6vw;
    }

}

/* Media Query for Large screens */
@media (min-width: 1281px) {

    .margin{
        margin: 0px 8vw;
    }
}