/* -------------------------------------- */
/* Base styles (no media query)           */
/* -------------------------------------- */
/* (Place your default styles here) */

/* -------------------------------------- */
/* Extra small devices (max-width: 400px) */
/* -------------------------------------- */
@media (max-width: 400px) {
    .header-contact {
        flex-direction: column;
        gap: 0;
    }
    .lang_setting {
        justify-content: center;
    }

    .logo img {
        width: 130px;
    }

    h1{
        font-size: 40px;
    }
    .sustain-banner{
        height: 70vh;
    }

    .logo{
        padding: 15px 0 !important;
    }

        .swiss-address{
       margin-bottom:20px !important;       
    }
}

/* -------------------------------------- */
/* Very small devices (max-width: 540px)  */
/* -------------------------------------- */
@media (max-width: 550px) {
    .logo-shape {
        height: 115px;
        width: 60vw !important ;
    }
    .lang_setting {
        margin-left: 0 !important;
        width: 100%;
        padding-top: 10px;
    }
    .lang_setting .dropdown-toggle {
        width: 100%;
        margin-left: 0 !important;
    }

    .logo-shape {
        top: -10px !important;
    }
}

/* -------------------------------------- */
/* Very small devices (max-width: 500px)  */
/* -------------------------------------- */
@media (min-width: 500px) {
.swiss-address{
       margin-left:5em;
    }

   
    
}

/* -------------------------------------- */
/* Small devices (max-width: 767px)       */
/* -------------------------------------- */
@media (max-width: 767px) {
    .header-contact {
        justify-content: center;
    }
    .lang_setting {
        justify-content: center;
    }
    .logo-shape {
        top: -10px;
        width: 60vw !important  ;
    }
    .logo {
        padding: 15px;
    }
    .ai-w-95 {
        width: 100% !important;
    }
}

/* -------------------------------------- */
/* Medium devices (min-width: 767px &     */
/*               max-width: 991px)        */
/* -------------------------------------- */
@media screen and (max-width: 991px) and (min-width: 767px) {
    .footer-links {
        margin-top: 0 !important;
    }
}

@media (min-width: 767px) {
    #confirm_subscribe_modal .modal-dialog {
        max-width: 700px !important;
        margin: 1.75rem auto;
    }
}

@media (max-width: 991px) {
    h2 {
        font-size: 25px;
    }
    h3 {
        font-size: 20px;
    }
    p, li {
        font-size: 14px;
    }
    .footer-language {
        right: 0% !important;
    }
    .footer-language .dropdown-toggle {
        padding-left: 0 !important;
    }
    .sm-lang {
        display: block;
    }
    .lg-lang {
        display: none;
    }
    .logo img {
        width: 150px;
    }
    .logo-shape {
        top: -22px;
    }
    .contact-box {
        height: auto;
    }
    .navbar-collapse {
        padding: 15px 0;
    }
    .feature-card {
        padding: 30px 20px;
    }
    .feature-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 42px;
    }
    .feature-box img {
        margin-bottom: 10px;
    }
    .about-image img {
        position: unset;
        width: 100%;
    }
    .about-image {
        margin-top: 30px;
    }
    .tech-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .tech-info {
        width: 90%;
    }
    .flex-reverse {
        flex-wrap: wrap-reverse;
    }
    .indus-bg {
        text-align: center;
        padding: 85px 20px;
    }
    .pr-0 {
        padding-left: 0;
    }
    .section-title {
        margin-bottom: 20px;
    }
    .toggle {
        padding: 20px 0;
    }
    .color-box {
        display: none;
    }
    .footer-links {
        margin-top: 25px;
    }
    .footer-links h4 {
        margin-bottom: 10px;
    }
    .footer-links ul {
        gap: 6px;
    }
    .footer-line {
        margin: 40px 0 20px;
    }
    .footer-bottom {
        justify-content: start;
    }
    .about-section {
        padding: 60px 0;
    }
    .about-section .row,
    .impact-section .row {
        flex-wrap: wrap-reverse;
        gap: 30px;
    }
    .impact-image img {
        width: 100%;
        height: auto;
    }
    .image-section img {
        padding: 0;
    }
    #btn_register a {
        width: 100%;
    }
    .ai-features {
        flex-direction: column;
        gap: 20px;
    }
    .ai-block-img {
        max-width: 300px;
    }
}

/* -------------------------------------- */
/* Medium-large (min-width: 992px)        */
/* -------------------------------------- */
@media (min-width: 992px) {
    .impact-image img {
        height: 450px;
    }
    .about-content {
        padding-right: 40px;
    }
    
}

/* -------------------------------------- */
/* Medium-large (max-width: 992px)        */
/* -------------------------------------- */
@media (max-width: 992px) {
    .tranche-grid{
        grid-template-columns: repeat(1, 1fr);
    }
 
}


@media (min-width: 1200px) {
    .navbar-nav {
        position: absolute;
    }
}

/* -------------------------------------- */
/* Large devices (max-width: 1200px)      */
/* -------------------------------------- */
@media (max-width: 1199px) {
    .navbar-nav {
        gap: 20px !important;
        right: 0% !important;
        
        margin-top: 3rem !important;
        padding-bottom: 15px;
        position: relative;
        z-index: 99;
    }
    .logo-shape {
        width: 30vw  ;
    } 
    .navbar-nav{
        transform: translateY(0%) !important;
    }
    
}

/* -------------------------------------- */
/* Extra large (max-width: 1400px)        */
/* -------------------------------------- */
@media screen and (max-width: 1400px) {
    .navbar .container {
        max-width: 95%;
    }
   
    .footer-language {
        right: 0 !important;
    }
	.footer-language .btn{
		padding-left: 10px !important;
	}
	.navbar-nav .border-bottom{
		border-bottom: 0 !important;
	}

	.footer-language .dropdown-menu{
		max-width: 200px;
	}   
    .news-image{
        height: 350px;
    }
}

/* -------------------------------------- */
/* Ultra wide (min-width: 1400px)         */
/* -------------------------------------- */
@media (min-width: 1400px) {
    .feature-card {
        padding: 50px 150px !important;
    }
    .navbar .container {
        max-width: 1450px;
    }
    
    .border-bottom {
        border-bottom: 1px solid var(--whiteColor);
    }
    .navbar-nav li:hover {
        border-bottom: 1px solid var(--whiteColor);
    }
}

/* -------------------------------------- */
/* Very ultra wide (max-width: 1500px)    */
/* -------------------------------------- */
@media (max-width: 1500px) {
    .logo-shape {       
        width: 35vw;
        max-width: 400px;
    }
}

/* -------------------------------------- */
/* Super wide (min-width: 2000px &        */
/*             max-width: 3000px)         */
/* -------------------------------------- */
@media screen and (max-width: 3000px) and (min-width: 2000px) {
    .logo-shape {
        width: 36vw;
    }
}

/* -------------------------------------- */
/* Mega wide (min-width: 3000px)          */
/* -------------------------------------- */
@media screen and (min-width: 3000px) {
    .logo-shape {
        clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 100%);
        width: 40vw;
    }
}

/* -------------------------------------- */
/* News Section Responsive Styles        */
/* -------------------------------------- */

/* Small devices (max-width: 767px) */
@media (max-width: 767px) {
    .news-section {
        padding: 40px 0px;
    }
    
    .news-image {
        height: 180px;
    }
    
    .news-content {
        padding: 15px;
        min-height: 160px;
    }
    
    .news-content h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .news-content p {
        font-size: 13px;
        margin-bottom: 12px;
        -webkit-line-clamp: 2;
    }
    
    .news-date {
        font-size: 11px;
    }
}

/* Medium devices (min-width: 768px and max-width: 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .news-image {
        height: 190px;
    }
    
    .news-content {
        min-height: 170px;
    }
    
    .news-content h4 {
        font-size: 17px;
    }
    
    .news-content p {
        -webkit-line-clamp: 3;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1330px) {
    .contact-link {
        display: none;
    }
}