/***
====================================================================
  General
====================================================================
 ***/

html {
    color-scheme: light;
}

:root {
    --primary: #030035;
    --dark: #131313;
    --white: #fff;
    --orange: #EC4E24;
}


*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

html {
    direction: rtl;
    overflow-x: hidden !important;

}

body {
    font-family: "Vazirmatn", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    background-color: var(--primary);
    font-size: 16px;
    color: var(--white);
    overflow-x: hidden !important;
    padding-top: 100px;
}

body.home {
    padding-top: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Vazirmatn", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

a, button, .btn {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

a {
    cursor: pointer !important;
    text-decoration: none !important;
}

a:hover, a:active, a:focus, a:visited {
    text-decoration: none !important;
}

input, textarea, a, button {
    outline: none !important;
    text-decoration: none;
}


/* img hover */
.img-hover {
    overflow: hidden;
    display: block;
}

.img-hover > img {
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

img {
    max-width: 100%;
}

/* end img hover */
.main-wrapper {
    position: relative;
    min-height: 100%;

    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.btn-primary {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff !important;
    gap: 6px;
    height: 48px;
    padding: 12px;
    display: flex;
    align-items: center;
}

.btn-primary:hover {
    background: var(--primary_hover);
    border-color: var(--primary_hover);
    color: #fff !important;
    gap: 10px;
}

.btn-secondary {
    background: var(--primary_hover);
    border-color: var(--primary_hover);
    color: #fff !important;
    gap: 6px;
    height: 48px;
    padding: 12px;
    display: flex;
    align-items: center;
}

.btn-secondary:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff !important;
    gap: 10px;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    color: #fff;
    background: #E1E4E9;
    border-color: #E1E4E9;
}

/***
====================================================================
  Loading Transition
====================================================================
 ***/
/* Preloader */
.ctn-preloader {
    align-items: center;
    -webkit-align-items: center;
    display: flex;
    display: -ms-flexbox;
    height: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99999999;
    background: #fff;
}

.txt-loading {
    direction: ltr;
}

.ctn-preloader .animation-preloader {
    position: absolute;
    z-index: 100;
}

/* Spinner cargando */
.ctn-preloader .animation-preloader .spinner {
    animation: spinner 1s infinite linear;
    border-radius: 50%;
    border: 1px solid rgba(30, 181, 188, 0.15);
    border-top-color: #4168B1;
    height: 100px;
    margin: 0 auto 0 auto;
    width: 100px;
}

/* Texto cargando */

.ctn-preloader .animation-preloader .txt-loading {
    text-align: center;
    user-select: none;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
    animation: letters-loading 4s infinite;
    color: #2196C6;
    content: attr(data-text-preloader);
    left: 0;
    opacity: 0;
    top: 0;
    line-height: 50px;
    position: absolute;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading {
    font-family: "IBM Plex Sans Arabic", sans-serif;
    font-weight: 700;
    letter-spacing: 10px;
    display: inline-block;
    color: rgba(12, 58, 86, 0.15);
    position: relative;
    font-size: 50px;
    line-height: 50px;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
    animation-delay: 0.2s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
    animation-delay: 0.4s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
    animation-delay: 0.6s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
    animation-delay: 0.8s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
    animation-delay: 1s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
    animation-delay: 1.2s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
    animation-delay: 1.4s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(9):before {
    animation-delay: 1.6s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(10):before {
    animation-delay: 1.8s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(11):before {
    animation-delay: 2s;
}

.ctn-preloader .loader-section {
    background-color: #ffffff;
    height: 100%;
    position: fixed;
    top: 0;
    width: calc(50% + 1px);
}

.loaded .animation-preloader {
    opacity: 0;
    transition: 0.3s ease-out;
}

/* AnimaciĂłn del preloader */

@keyframes spinner {
    to {
        transform: rotateZ(360deg);
    }
}

@keyframes letters-loading {
    0%,
    75%,
    100% {
        opacity: 0;
        transform: rotateY(-90deg);
    }
    25%,
    50% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}

@media screen and (max-width: 767px) {
    .ctn-preloader .animation-preloader .spinner {
        height: 80px;
        width: 80px;
    }

    body {
        padding-top: 75px;
    }
}

@media screen and (max-width: 500px) {
    .ctn-preloader .animation-preloader .spinner {
        height: 80px;
        width: 80px;
    }

    .ctn-preloader .animation-preloader .txt-loading .letters-loading {
        font-size: 30px;
        letter-spacing: 5px;
    }
}


/*
====================================================================
Mobile menu
====================================================================
*/


.menu-mobile {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;

    z-index: 1001;
    overflow: hidden;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-box-shadow: -2px 0 20px 0 rgba(33, 23, 23, 0.2);
    box-shadow: -2px 0 20px 0 rgba(33, 23, 23, 0.2);
    box-shadow: 0 9px 72px 0 rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(10px);
    background: #F8FAFC;
    display: flex;
    flex-direction: column;
}

.brand-area {
    position: relative;
    padding: 15px;
    display: flex;
    justify-items: center;
    justify-content: space-between;
}

.brand-area a {
    margin: 0;
}

.brand-area a > img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

.mmenu > ul {
    list-style: none;
    padding: 0;
    margin: 30px 0 0 0;
}

.mmenu > ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    color: #020617;
    font-size: 16px;
    padding: 10px;
    transition: all .3s;
    font-weight: 600;
    text-transform: capitalize;
}

.mmenu li b {
    color: #fff;
    padding: 0 15px;
    display: none !important
}

.mmenu > ul li a:hover, a.mmenu > ul li.active a {
    background: transparent;
    border-color: transparent;
}

.m-overlay {
    position: fixed;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: #333;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}

.menu-toggle {
    overflow: hidden;
}

.menu-toggle .m-overlay {
    opacity: 0.6;
    visibility: visible;
}

.menu-toggle .menu-mobile {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);

}


html.menu-toggle {
    overflow: hidden;
}

.menu-trigger {
    display: none;
}

.ic-bars {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.75257 17.9997H21.2526C21.6668 17.9997 22.0026 18.3355 22.0026 18.7497C22.0026 19.1294 21.7204 19.4432 21.3543 19.4928L21.2526 19.4997H2.75257C2.33835 19.4997 2.00257 19.1639 2.00257 18.7497C2.00257 18.37 2.28472 18.0562 2.6508 18.0065L2.75257 17.9997H21.2526H2.75257ZM2.75257 11.5027H21.2526C21.6668 11.5027 22.0026 11.8385 22.0026 12.2527C22.0026 12.6324 21.7204 12.9462 21.3543 12.9959L21.2526 13.0027H2.75257C2.33835 13.0027 2.00257 12.6669 2.00257 12.2527C2.00257 11.873 2.28472 11.5592 2.6508 11.5095L2.75257 11.5027H21.2526H2.75257ZM2.75171 5.00293H21.2517C21.6659 5.00293 22.0017 5.33872 22.0017 5.75293C22.0017 6.13263 21.7196 6.44642 21.3535 6.49608L21.2517 6.50293H2.75171C2.3375 6.50293 2.00171 6.16714 2.00171 5.75293C2.00171 5.37323 2.28386 5.05944 2.64994 5.00978L2.75171 5.00293H21.2517H2.75171Z" fill="%23ffffff"/></svg>');
    width: 24px;
    height: 24px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
}

/*
====================================================================
General & Mobile Menu Responsive
====================================================================
*/

@media screen and (max-width: 1366px) {
    .main-menu {
        gap: 16px;
    }
}

@media screen and (max-width: 991px) {

}

@media screen and (max-width: 767px) {
    .brand-area {
        padding: 24px 10px;
        background: var(--primary);
    }


}

@media screen and (max-width: 640px) {
    body {
        font-size: 14px;
    }
}

/*
====================================================================
Header section
====================================================================
*/
.header {
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    transition: all 0.3s ease;
    backdrop-filter: blur(24px);
}


.header.fixed {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
    background-color: rgba(2, 0, 45, 0.7);

}

.container {
    max-width: 1140px;
}


.container-fluid {
    max-width: 1600px;
}


.content-header {
    padding: 12px 0;
    display: flex;
    transition: all 0.3s ease;
    justify-content: space-between;
    gap: 24px;
    align-items: center;
}

.header.fixed .content-header {
    padding: 5px 0;

}

.logo-site a {
    display: flex;
}

.header-right {
    display: flex;
    align-items: center;
    gap: 24px;
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 15px;
}

.main-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 30px;
}

.main-menu > li {
    height: 72px;
    display: flex;
    align-items: center;
}

.main-menu li > a {
    display: flex;
    color: var(--white);
    align-items: center;
    gap: 6px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem; /* 150% */
    height: 50px;
    justify-content: center;
    padding: 0 10px;
}

.main-menu li > a.active, .main-menu li.current_page_item > a, .main-menu li.current-menu-ancestor > a {
    background: var(--orange);
}

.main-menu li > a:hover {
    color: var(--white);
}

.main-menu .dropdown-menu {
    /*background: #FFF;*/
    /*box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.10);*/
    padding: 0;
    min-width: 200px;
    margin: 0;
    top: 100% !important;
    /*left: 50% !important;*/
    /*transform: translateX(-50%) !important;*/
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: block;
    opacity: 0;
    visibility: hidden;
    border: 0;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

}



.main-menu .dropdown-menu li > a {
    display: block;
    padding: 12px 15px;
    color: var(--primary);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    white-space: nowrap;
    height: auto !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);


}

.main-menu .dropdown-menu a.active {
    background: var(--orange);
    color: #ffffff;
}

.main-menu .dropdown-menu li > a:hover {
    color: #ffffff;
    background: var(--orange);

}

.main-menu li.dropdown:hover .dropdown-menu, .main-menu li .dropdown-menu.show {
    /*left: 50% !important;*/
    visibility: visible;
    opacity: 1;
    transform: none !important;
    right: 0 !important;
}

.main-menu li.dropdown:hover > a {
    /*color: var(--primary);*/
}

.has-sub-menu {
    position: relative;
}

.sub-menu {
    position: absolute;
    right: 100%;
    top: 0;
    display: none;
    list-style: none;
    z-index: 100;
    background: #FFF;
    box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.10);
    padding: 0;
    width: 230px;
    margin: 0;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    border: 0;
}

.has-sub-menu:after {
    background-image: url('data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5031 1.1294C1.60467 1.26388 1.90793 1.66534 2.08853 1.89676C2.45026 2.36027 2.94452 2.97618 3.47769 3.59026C4.01356 4.20744 4.57648 4.80852 5.07658 5.25039C5.32734 5.47195 5.54762 5.64031 5.72939 5.74989C5.90035 5.85296 6.00134 5.87439 6.00134 5.87439C6.00134 5.87439 6.09936 5.85295 6.27031 5.7499C6.45209 5.64032 6.67237 5.47196 6.92313 5.25039C7.42322 4.80852 7.98615 4.20744 8.52201 3.59025C9.05518 2.97616 9.54944 2.36025 9.91117 1.89673C10.0918 1.66531 10.3946 1.26442 10.4962 1.12994C10.7009 0.852004 11.0925 0.792058 11.3705 0.996751C11.6484 1.20145 11.7078 1.59269 11.5031 1.87063L11.5015 1.87273C11.395 2.01376 11.0809 2.42963 10.8966 2.66577C10.5267 3.13975 10.018 3.77384 9.46589 4.40976C8.91646 5.04257 8.31173 5.69149 7.7508 6.18712C7.47105 6.4343 7.18747 6.65656 6.91567 6.82042C6.66102 6.97393 6.33861 7.125 5.99985 7.125C5.66109 7.125 5.33868 6.97393 5.08404 6.82041C4.81223 6.65656 4.52866 6.4343 4.24891 6.18712C3.68798 5.69149 3.08325 5.04258 2.53382 4.40977C1.98169 3.77386 1.473 3.13978 1.1031 2.6658C0.918709 2.42953 0.60464 2.01371 0.4983 1.87292L0.4969 1.87107C0.292204 1.59313 0.351284 1.20149 0.629218 0.996793C0.907143 0.792105 1.2984 0.851493 1.5031 1.1294Z" fill="%23161616"/></svg>');
    width: 12px;
    height: 8px;
    border: none !important;
    position: absolute;
    left: 10px;
    top: 50%;
    content: '';
}

.has-sub-menu:hover .sub-menu {
    display: block;
    opacity: 1;
    visibility: visible;
}


.mmenu .dropdown-menu {
    position: static !important;
    transform: none !important;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.mmenu .dropdown-toggle::after {
    border: 0;
    content: '';
    font-family: 'Font Awesome 6 Free';
    font-weight: 700;
    font-size: 16px;
}

.mmenu .dropdown-menu a {
    font-weight: 400;
}


.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5031 1.1294C1.60467 1.26388 1.90793 1.66534 2.08853 1.89676C2.45026 2.36027 2.94452 2.97618 3.47769 3.59026C4.01356 4.20744 4.57648 4.80852 5.07658 5.25039C5.32734 5.47195 5.54762 5.64031 5.72939 5.74989C5.90035 5.85296 6.00134 5.87439 6.00134 5.87439C6.00134 5.87439 6.09936 5.85295 6.27031 5.7499C6.45209 5.64032 6.67237 5.47196 6.92313 5.25039C7.42322 4.80852 7.98615 4.20744 8.52201 3.59025C9.05518 2.97616 9.54944 2.36025 9.91117 1.89673C10.0918 1.66531 10.3946 1.26442 10.4962 1.12994C10.7009 0.852004 11.0925 0.792058 11.3705 0.996751C11.6484 1.20145 11.7078 1.59269 11.5031 1.87063L11.5015 1.87273C11.395 2.01376 11.0809 2.42963 10.8966 2.66577C10.5267 3.13975 10.018 3.77384 9.46589 4.40976C8.91646 5.04257 8.31173 5.69149 7.7508 6.18712C7.47105 6.4343 7.18747 6.65656 6.91567 6.82042C6.66102 6.97393 6.33861 7.125 5.99985 7.125C5.66109 7.125 5.33868 6.97393 5.08404 6.82041C4.81223 6.65656 4.52866 6.4343 4.24891 6.18712C3.68798 5.69149 3.08325 5.04258 2.53382 4.40977C1.98169 3.77386 1.473 3.13978 1.1031 2.6658C0.918709 2.42953 0.60464 2.01371 0.4983 1.87292L0.4969 1.87107C0.292204 1.59313 0.351284 1.20149 0.629218 0.996793C0.907143 0.792105 1.2984 0.851493 1.5031 1.1294Z" fill="%23ffffff"/></svg>');
    width: 12px;
    height: 8px;
    border: none !important
}

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

}

.header-actions a, .lang-btn {
    color: #161616;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem; /* 150% */
    display: flex;
    align-items: center;
    gap: 5px;
}


.ic-lang {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.1923 12.7115C16.0758 12.4321 15.8027 12.25 15.5 12.25C15.1972 12.25 14.9241 12.4321 14.8076 12.7115L12.3076 18.7115C12.1483 19.0939 12.3291 19.533 12.7115 19.6923C13.0938 19.8516 13.5329 19.6708 13.6923 19.2885L14.3333 17.75H16.6666L17.3076 19.2885C17.467 19.6708 17.9061 19.8516 18.2884 19.6923C18.6708 19.533 18.8516 19.0939 18.6923 18.7115L16.1923 12.7115ZM15.5 14.95L16.0416 16.25H14.9583L15.5 14.95Z" fill="%23161616"/><path d="M8.15 4.25C8.56421 4.25 8.9 4.58579 8.9 5V5.21552H12C12.4142 5.21552 12.75 5.5513 12.75 5.96552C12.75 6.37973 12.4142 6.71552 12 6.71552H10.7973C10.4274 7.74664 9.85464 8.71119 9.21395 9.57728L10.1155 10.5145C10.4027 10.8131 10.3935 11.2879 10.0949 11.575C9.79642 11.8622 9.32163 11.8529 9.03448 11.5544L8.26126 10.7506C7.65985 11.4317 7.04053 12.0391 6.48266 12.5521C6.17775 12.8324 5.7033 12.8126 5.42293 12.5077C5.14256 12.2028 5.16244 11.7283 5.46735 11.4479C6.0382 10.923 6.66238 10.3072 7.2537 9.62414C7.12848 9.4632 7.00289 9.29589 6.88542 9.13299C6.64973 8.80615 6.40843 8.44486 6.28521 8.18047C6.11023 7.80503 6.27273 7.35883 6.64817 7.18384C7.02361 7.00886 7.46981 7.17137 7.64479 7.5468C7.70157 7.66862 7.86527 7.92724 8.10208 8.25565C8.13755 8.30483 8.1738 8.35441 8.21052 8.40399C8.59222 7.85898 8.92551 7.29315 9.18194 6.71552H5C4.58579 6.71552 4.25 6.37973 4.25 5.96552C4.25 5.5513 4.58579 5.21552 5 5.21552H7.4V5C7.4 4.58579 7.73579 4.25 8.15 4.25Z" fill="%23161616"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.45109 1.25H9.54891C11.1512 1.24999 12.4205 1.24998 13.4248 1.36868C14.4557 1.49055 15.3044 1.74638 16.0134 2.3282C16.2539 2.52558 16.4744 2.74612 16.6718 2.98663C17.3772 3.8462 17.6099 4.92342 17.6958 6.30423C19.0763 6.39008 20.1536 6.62257 21.0134 7.3282C21.2539 7.52558 21.4744 7.74612 21.6718 7.98663C22.2536 8.69558 22.5095 9.54428 22.6313 10.5752C22.75 11.5795 22.75 12.8488 22.75 14.451V14.5489C22.75 16.1511 22.75 17.4205 22.6313 18.4248C22.5095 19.4557 22.2536 20.3044 21.6718 21.0134C21.4744 21.2539 21.2539 21.4744 21.0134 21.6718C20.3044 22.2536 19.4557 22.5095 18.4248 22.6313C17.4205 22.75 16.1512 22.75 14.549 22.75H14.4511C12.8489 22.75 11.5795 22.75 10.5752 22.6313C9.54428 22.5095 8.69558 22.2536 7.98663 21.6718C7.74612 21.4744 7.52558 21.2539 7.3282 21.0134C6.62278 20.1538 6.39007 19.0766 6.30421 17.6958C4.92341 17.6099 3.8462 17.3772 2.98663 16.6718C2.74612 16.4744 2.52558 16.2539 2.3282 16.0134C1.74638 15.3044 1.49055 14.4557 1.36868 13.4248C1.24998 12.4205 1.24999 11.1512 1.25 9.54891V9.45109C1.24999 7.84883 1.24998 6.57947 1.36868 5.57525C1.49055 4.54428 1.74638 3.69558 2.3282 2.98663C2.52558 2.74612 2.74612 2.52558 2.98663 2.3282C3.69558 1.74638 4.54428 1.49055 5.57525 1.36868C6.57947 1.24998 7.84883 1.24999 9.45109 1.25ZM7.78429 17.2769C7.8525 18.7782 8.04964 19.528 8.48772 20.0618C8.62277 20.2263 8.77366 20.3772 8.93822 20.5123C9.33563 20.8384 9.86197 21.0366 10.7513 21.1417C11.6572 21.2488 12.8379 21.25 14.5 21.25C16.1621 21.25 17.3428 21.2488 18.2487 21.1417C19.138 21.0366 19.6644 20.8384 20.0618 20.5123C20.2263 20.3772 20.3772 20.2263 20.5123 20.0618C20.8384 19.6644 21.0366 19.138 21.1417 18.2487C21.2488 17.3428 21.25 16.1621 21.25 14.5C21.25 12.8379 21.2488 11.6572 21.1417 10.7513C21.0366 9.86197 20.8384 9.33563 20.5123 8.93822C20.3772 8.77366 20.2263 8.62277 20.0618 8.48772C19.5307 8.05189 18.7855 7.85431 17.2979 7.78524L7.78429 17.2769ZM16.2167 6.74509C16.1494 5.22909 15.9525 4.47463 15.5123 3.93822C15.3772 3.77366 15.2263 3.62277 15.0618 3.48772C14.6644 3.16158 14.138 2.96344 13.2487 2.85831C12.3428 2.75123 11.1621 2.75 9.5 2.75C7.83789 2.75 6.65724 2.75123 5.75133 2.85831C4.86197 2.96344 4.33563 3.16158 3.93822 3.48772C3.77366 3.62277 3.62277 3.77366 3.48772 3.93822C3.16158 4.33563 2.96344 4.86197 2.85831 5.75133C2.75123 6.65724 2.75 7.83789 2.75 9.5C2.75 11.1621 2.75123 12.3428 2.85831 13.2487C2.96344 14.138 3.16158 14.6644 3.48772 15.0618C3.62277 15.2263 3.77366 15.3772 3.93822 15.5123C4.47215 15.9505 5.22213 16.1476 6.72412 16.2158L16.2167 6.74509Z" fill="%23161616"/></svg>');
    width: 22px;
    height: 22px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    display: flex;
}

.ic-user {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.9998 1.25C9.10026 1.25 6.74976 3.6005 6.74976 6.5C6.74976 9.39949 9.10026 11.75 11.9998 11.75C14.8993 11.75 17.2498 9.39949 17.2498 6.5C17.2498 3.6005 14.8993 1.25 11.9998 1.25ZM8.24976 6.5C8.24976 4.42893 9.92869 2.75 11.9998 2.75C14.0708 2.75 15.7498 4.42893 15.7498 6.5C15.7498 8.57107 14.0708 10.25 11.9998 10.25C9.92869 10.25 8.24976 8.57107 8.24976 6.5Z" fill="%23161616"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.2286 15.0792C18.066 14.9874 17.9224 14.9064 17.8061 14.8372C14.252 12.7209 9.74785 12.7209 6.1938 14.8372C6.07748 14.9064 5.93381 14.9875 5.77114 15.0793C5.05833 15.4814 3.98082 16.0893 3.24265 16.8118C2.78098 17.2637 2.34233 17.8592 2.26258 18.5888C2.17778 19.3646 2.51624 20.0927 3.19526 20.7396C4.36671 21.8556 5.77249 22.75 7.5908 22.75H16.4091C18.2274 22.75 19.6332 21.8556 20.8046 20.7396C21.4836 20.0927 21.8221 19.3646 21.7373 18.5888C21.6575 17.8592 21.2189 17.2637 20.7572 16.8118C20.019 16.0893 18.9414 15.4813 18.2286 15.0792ZM6.96122 16.126C10.0424 14.2913 13.9575 14.2913 17.0386 16.126C17.2065 16.226 17.3905 16.3303 17.5832 16.4397C18.2958 16.8439 19.1279 17.316 19.708 17.8838C20.0681 18.2363 20.2216 18.5271 20.2462 18.7517C20.2657 18.9301 20.2206 19.2242 19.7699 19.6535C18.7341 20.6404 17.6815 21.25 16.4091 21.25H7.5908C6.31835 21.25 5.26578 20.6404 4.22993 19.6535C3.7793 19.2242 3.7342 18.9301 3.7537 18.7517C3.77826 18.5271 3.93177 18.2363 4.2919 17.8838C4.87199 17.316 5.70401 16.844 6.41662 16.4397C6.60928 16.3304 6.79335 16.226 6.96122 16.126Z" fill="%23161616"/></svg>');
    width: 22px;
    height: 22px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    display: flex;
}

.ic-top-left-arrow {
    background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 18.5L6 6.5M6 6.5V14.5M6 6.5H14" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 24px;
    height: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    display: flex;

    transition: all 0.3s ease;
}

.btn:hover .ic-top-left-arrow {
    transform: rotate(-43deg);
}

.lang-btn {
    font-weight: 700;
}

.header-actions a.menu-trigger {
    display: none;
}

.ic-close {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.39705 4.55379L4.46967 4.46967C4.73594 4.2034 5.1526 4.1792 5.44621 4.39705L5.53033 4.46967L12 10.939L18.4697 4.46967C18.7626 4.17678 19.2374 4.17678 19.5303 4.46967C19.8232 4.76256 19.8232 5.23744 19.5303 5.53033L13.061 12L19.5303 18.4697C19.7966 18.7359 19.8208 19.1526 19.6029 19.4462L19.5303 19.5303C19.2641 19.7966 18.8474 19.8208 18.5538 19.6029L18.4697 19.5303L12 13.061L5.53033 19.5303C5.23744 19.8232 4.76256 19.8232 4.46967 19.5303C4.17678 19.2374 4.17678 18.7626 4.46967 18.4697L10.939 12L4.46967 5.53033C4.2034 5.26406 4.1792 4.8474 4.39705 4.55379L4.46967 4.46967L4.39705 4.55379Z" fill="%23ffffff"/></svg>');
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-menu {
    background: none;
    border: none;
}

.actions-in-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: auto;
    padding: 15px 0;
    margin-left: 15px;
    margin-right: 15px;
    border-top: 1px solid #CBD5E1;
    gap: 24px;
}

.ic-bars {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.75257 17.9997H21.2526C21.6668 17.9997 22.0026 18.3355 22.0026 18.7497C22.0026 19.1294 21.7204 19.4432 21.3543 19.4928L21.2526 19.4997H2.75257C2.33835 19.4997 2.00257 19.1639 2.00257 18.7497C2.00257 18.37 2.28472 18.0562 2.6508 18.0065L2.75257 17.9997H21.2526H2.75257ZM2.75257 11.5027H21.2526C21.6668 11.5027 22.0026 11.8385 22.0026 12.2527C22.0026 12.6324 21.7204 12.9462 21.3543 12.9959L21.2526 13.0027H2.75257C2.33835 13.0027 2.00257 12.6669 2.00257 12.2527C2.00257 11.873 2.28472 11.5592 2.6508 11.5095L2.75257 11.5027H21.2526H2.75257ZM2.75171 5.00293H21.2517C21.6659 5.00293 22.0017 5.33872 22.0017 5.75293C22.0017 6.13263 21.7196 6.44642 21.3535 6.49608L21.2517 6.50293H2.75171C2.3375 6.50293 2.00171 6.16714 2.00171 5.75293C2.00171 5.37323 2.28386 5.05944 2.64994 5.00978L2.75171 5.00293H21.2517H2.75171Z" fill="%23ffffff"/></svg>');
    width: 24px;
    height: 24px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
}

/******************Home page****************/
.hero-section {
    position: relative;
}

.slide-item {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: flex-end;
}

.img1 {
    position: absolute;
    left: 0;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex !important;
    align-items: flex-end;
    justify-content: flex-end;
}

.img2 {
    position: relative;
    display: flex !important;
    align-items: flex-end;
    justify-content: flex-start;
    z-index: 2;
    width: 100%;
    height: 100%;

}

.slide-text {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    z-index: 3;
    padding-top: 200px;
}

.slide-text h2 {
    color: #FFF;
    font-size: 67px;
    font-style: normal;
    font-weight: 300;
    line-height: 68px; /* 101.493% */

}

.slide-text h3 {
    color: #FFF;
    font-size: 67px;
    font-style: normal;
    font-weight: 900;
    line-height: 68px;
}

.hero-slider.owl-carousel .owl-item .slide-item img {
    width: auto;
}

.hero-slider .owl-dots {
    position: absolute;
    width: 100%;
    justify-content: center;
    align-items: center;
    bottom: 30px;
    margin-top: 0;
    left: 0;

}


.hero-slider.owl-theme .owl-dots .owl-dot span {
    width: 7px;
    height: 7px;
    margin: 0 3px;
}

.hero-slider.owl-theme .owl-dots .owl-dot.active span {
    width: 58px;
    background: #D6D6D6;
}

/* فيديو الخلفية */
.video-slide {
    overflow: hidden;
}

.bg-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

/* تعتيم خفيف فوق الفيديو */
.video-slide::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 2;
}

.video-slide .slide-text {
    display: flex;
    align-items: center;
    justify-content: center;
}

.numbers-section {
    position: relative;
}

.numbers-section-bg {
    position: relative;
    z-index: 2;
    background: rgba(2, 0, 37, 0.50);
    backdrop-filter: blur(2px);
}

.left-bg {
    position: absolute;
    left: 0;
    top: -75px;
    z-index: 1;
}

.number-item {
    min-height: 188px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.number-item .img {
    min-width: 75px;
    max-width: 78px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.number-item h4 {
    color: #FFF;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px; /* 114.286% */
    margin: 0;
}

.number-item h3 {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;

}

.number-items > div:nth-child(1) h3 {
    color: #61D65B
}

.number-items > div:nth-child(2) h3 {
    color: rgba(237, 75, 0, 1)
}

.number-items > div:nth-child(3) h3 {
    color: rgba(255, 168, 120, 1)
}

.number-items > div:nth-child(4) h3 {
    color: rgba(189, 242, 222, 1)
}

.king-section {
    padding: 100px 0;
}

.king-section-text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 50px;
}

.king-section-text p {
    color: #FFF;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.king-section-text h4 {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 20px;
    margin-bottom: 15px;

}

.king-section-text h3 {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.king-section-text h5 {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */

}

.king-img {
    position: relative;
    width: 100%;
    height: 100%;
}

.king-img img {
    position: relative;
    z-index: 2;
}

.king-img:after {
    position: absolute;
    right: -124px;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url("../images/k-bg.svg") bottom right no-repeat;
    content: '';
    z-index: 1;
}

/*organizer*/
.organizer-items {
    background: url(../images/bnr-bg.png) center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 100px;
    height: 204px;
}

.organizer-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px

}

/*Partner*/
.partners-section {
    padding: 100px 0;
    background: var(--dark-blue);
}

.partners-inner {
    display: flex;
    align-items: center;
    gap: 65px
}

.partner-head {
    display: flex;
    flex-direction: column;
}

.partner-head h3 {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px; /* 190% */
    margin: 0;
}

.partner-head .partner-subtitle {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin: 0;
}

.partner-head .section-year {
    color: #FFF;
    font-size: 104px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    margin: 0;
}

.partner-head h2 {
    color: #FFF;
    font-size: 104px;
    font-style: normal;
    font-weight: 900;
    line-height: 105%;
    margin: 0;
}

.partners-slider-container {
    padding-right: 50px;
    width: 100%;
    position: relative;
    height: 100%;
    display: flex;
    align-content: center;
}

.partners-slider-container .owl-nav {
    position: absolute;
    right: -50px;
    width: 50px;
    height: 100%;
    top: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
}

.partners-slider-container .owl-nav button {
    display: flex;
    width: 38px;
    height: 38px;
    justify-content: center;
    align-items: center;
}

.partners-slider .item {
    width: 100%;
    height: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.partners-slider .item img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
}

.ic-slider-nav-right {
    display: flex;
    width: 38px;
    height: 38px;
    justify-content: center;
    align-items: center;
    background: url("../images/arrow-left.svg") center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;

}

.ic-slider-nav-left {
    display: flex;
    width: 38px;
    height: 38px;
    justify-content: center;
    align-items: center;
    background: url("../images/arrow-left.svg") center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    transform: rotate(-180deg);
}

.sp-flags {
    background: url("../images/flags.svg") center repeat-x;
    width: 100%;
    height: 28px;
}

.flag img {
  height: 20px;
  margin-bottom: 5px;
}


.prizes-section {
    padding: 60px 0;
}

.prizes-section .container {
    position: relative;
}

.prize-header-section h2 {
    color: #FFF;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 49px; /* 57.353% */
    gap: 5px;
}

.prize-header-section span {
    background-color: #005433; /* لون الأخضر الخاص بكلمة "الجوائز" */
    padding: 0 5px;
}

.btn-show-more {
    border: 1px solid #ffffff;
    padding: 8px 25px;
    text-decoration: none;
    transition: 0.3s;
    border-radius: 0;

    color: #FFF;
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.btn-show-more:hover {
    background-color: white;
    color: #030a21;
}

/* تنسيق كارت الجائزة */
.prize-card {
    position: relative;
    border: none;
    border-radius: 0;
    overflow: hidden;
    min-height: 375px;
    background-color: #000;
}

.prize-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}

.prize-card:hover img {
    transform: scale(1.1);
    opacity: 0.4;
}

.prize-overlay {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 30px 20px;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(3, 0, 53, 0.00) 0%, #030035 100%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 8px;
}

.prize-shadow {
    position: absolute;
    right: -150px;
    border-radius: 50%;
    background: #02076F;
    filter: blur(37px);
    width: 354px;
    height: 354px;
    bottom: 0;
    z-index: 1;
}

.prize-container {
    position: relative;
    z-index: 2;
}

.prize-overlay h3 {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.5px; /* 97.5% */
    margin: 0;
}

.prize-overlay h3 a {
    color: inherit
}

.prize-overlay h3 a:hover {
    color: #005433
}

.prize-overlay p {
    color: #FFF;
    text-align: justify;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 116.667% */
    margin: 0;
}


.about-header-section h2 {
    color: #FFF;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 49px; /* 57.353% */
    gap: 5px;
}

.about-header-section span {
    background-color: #EC4E24; /* لون الأخضر الخاص بكلمة "الجوائز" */
    padding: 0 5px;
}


.about-text {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


/**************************/
.subject-item {
    border: 1px solid transparent;
    /*border: 1px solid rgba(255, 255, 255, 0.08);*/
    border-radius: 0;
    padding: 28px 20px;
    text-align: center;
    transition: transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease,
    background 0.35s ease;


    display: flex;
    width: 100%;
    height: 201px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 14.503px;
    background: rgba(2, 0, 41, 0.40);
}

.subject-item .icon img {
    width: 64px;
    height: 64px;
    stroke: #ffffff;
    transition: stroke 0.35s ease, transform 0.35s ease;
}

.subject-item h3 {
    color: #ffffff;
    transition: color 0.35s ease;

    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px; /* 150% */
    position: relative;
}

.subject-item:hover {
    transform: translateY(-8px);
    background: rgba(0, 255, 153, 0.04);
    border-color: rgba(0, 255, 153, 0.35);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4),
    0 0 0 1px rgba(0, 255, 153, 0.15);
}

.subject-item:hover .icon img {
    transform: scale(1.08);
}

.subject-item:hover h3 {
    color: #00ff99;
}

.subject-item h3:after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #00ff99;
    margin: auto;
    transition: width 0.35s ease;
    position: absolute;
    bottom: -16px;
    left: 0;
    right: 0;
}

.subject-item:hover h3:after {
    width: 40%;
}

.speakers-section {
    position: relative;
    padding: 60px 0 88px 0;
}

.speakers-section .container {
    position: relative;
    z-index: 2;
}

.speakers-section:after {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    left: 0;
    bottom: 0;

    background: url(../images/spekersbg.jpg) lightgray 50% / cover no-repeat;
    mix-blend-mode: darken;
    backdrop-filter: blur(2px);
}

.speakers-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn-green {
    background: #61D65B;
    color: #030035;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 0;
}

.btn-green:hover {
    color: #030035;
    background: #fff;
}

.speaker-item {
    display: flex;
    gap: 15px;
}

.speaker-item .img {
    width: 81px;
    height: 110px;
    flex-shrink: 0;
}

.speaker-item .img img {
    width: 81px;
    height: 110px;
    flex-shrink: 0;
}

.speaker-item h3 {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.5px; /* 121.875% */
}

.speaker-item h4 {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.5px; /* 162.5% */
    margin: 0;
}


.speaker-item {
    position: relative;
    padding: 12px;
    border-radius: 14px;
    transition: transform 0.35s ease,
    background-color 0.35s ease,
    box-shadow 0.35s ease;
}

.speaker-item .img img {
    filter: grayscale(100%);
    transition: filter 0.35s ease,
    transform 0.35s ease;
}

.speaker-item h3,
.speaker-item h4 {
    transition: color 0.35s ease;
}

.speaker-item:hover {
    transform: translateY(-6px);
    background-color: rgba(255, 255, 255, 0.04);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.45);
}

.speaker-item:hover .img img {
    filter: grayscale(0%);
    transform: scale(1.05);
}

.speaker-item:hover h3 {
    color: #00ff99;
}

.speaker-item::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 14px;
    border: 1px solid transparent;
    transition: border-color 0.35s ease;
}

.speaker-item:hover::before {
    border-color: rgba(0, 255, 153, 0.3);
}


.section-header h2 {
    color: #FFF;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    display: flex;
    line-height: 49px;
    gap: 5px;
}

.section-header span {
    background-color: #005433;
    padding: 0 5px;
}

.ngos-section {
    padding: 80px 0;
}

.ngos-section-header h2 span {
    background-color: #252566;
}

.ngos-slider .item {
    width: 100%;
    height: 125px;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ngos-slider .item img {
    width: auto;
    max-height: 65px;
}

.ngos-items .item {
    width: 100%;
    height: 125px;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ngos-items .item img {
    width: auto;
    max-height: 65px;
}

.ngos-slider .owl-nav {
    position: absolute;
    left: 0;
    top: -6rem;
    display: flex;
    margin: 0;
    gap: 5px;
    flex-direction: row-reverse;
}

.ngos-slider .item  , .ngos-items .item{
    transition: transform 0.35s ease,
    box-shadow 0.35s ease,
    border 0.35s ease;

    border: 2px solid transparent;
}

.ngos-slider .item img ,.ngos-items .item img {
    transition: transform 0.35s ease,
    filter 0.35s ease,
    opacity 0.35s ease;
    filter: grayscale(100%);
    opacity: 0.8;
}

/* Hover */
.ngos-slider .item:hover, .ngos-items .item:hover {
    border: 10px solid #252566;

    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

.ngos-slider .item:hover img, .ngos-items .item:hover img {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.05);
}

.ngos-slider .item:hover img, .ngos-items .item:hover img {
    transform: scale(1.03);
}


/* ===============================
   Gallery Section
================================ */
.gallery-section {
    position: relative;
    padding: 80px 0;
}

.gallery-section .container {
    position: relative;
    z-index: 2;
}

.gallery-section .container > div {
    position: relative;
    z-index: 2;
}

/* Background Blur */
.gallery-section .container::before {
    content: '';
    position: absolute;
    width: 354px;
    height: 354px;
    border-radius: 50%;
    background: #02076F;
    filter: blur(37px);
    top: -125px;
    right: -100px;
    z-index: 1;
}

/* ===============================
   Owl Navigation
================================ */
.gallery-slider .owl-nav {
    position: absolute;
    left: 0;
    top: -6rem;
    display: flex;
    gap: 5px;
    margin: 0;
    flex-direction: row-reverse;
}

/* ===============================
   Gallery Item
================================ */
.gallery-slider .item, .gallery-item {
    transition: transform 0.35s ease;
}

.gallery-slider .item .img, .gallery-item .img {
    position: relative;
    display: flex;
    width: 100%;
    max-height: 360px;
    margin-bottom: 27px;
    overflow: hidden;
    border-radius: 12px;
}

.gallery-slider .item .img img, .gallery-item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease, filter 0.5s ease;
}

/* Overlay */
.gallery-slider .item .img::after, .gallery-item .img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* Zoom Icon */
.gallery-slider .item .zoom-icon, .gallery-item .zoom-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.7);
    width: 52px;
    height: 52px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #02076F;
    font-size: 18px;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    z-index: 2;
}

/* ===============================
   Text Content
================================ */
.gallery-slider .item h3, .gallery-item h3 {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    line-height: 19.5px;
    transition: color 0.35s ease;
}

.gallery-slider .item p, .gallery-item p {
    color: #FFF;
    text-align: justify;
    font-size: 12px;
    font-weight: 400;
    line-height: 19.5px;
}

.gallery-slider .item a, .gallery-item a {
    color: inherit;
}

/* Read More */
.photo-item-more {
    display: flex;
    justify-content: flex-end;
    color: #FFF;
}

.photo-item-more a {
    display: flex;
    align-items: center;
    gap: 5px;
    transition: color 0.35s ease;
}

/* ===============================
   Hover Effects
================================ */
.gallery-slider .item:hover, .gallery-item:hover {
    transform: translateY(-6px);
}

.gallery-slider .item:hover .img::after, .gallery-item:hover .img:after {
    opacity: 1;
}

.gallery-slider .item:hover .zoom-icon, .gallery-item:hover .zoom-icon {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.gallery-slider .item:hover .img img, .gallery-item:hover .img img {
    transform: scale(1.08);
    filter: brightness(1.1);
}

.gallery-slider .item:hover h3,
.gallery-slider .item:hover .photo-item-more a,
.gallery-item:hover h3,
.gallery-item:hover .photo-item-more a {
    color: #00ff99;
}

/* ===============================
   News Section (Related)
================================ */
.news-section {
    padding: 80px 0;
}

.news-section-header h2 span {
    background-color: #02076F;
}

.news-section .container {
    position: relative;
    z-index: 2;
}

.news-section .container > div {
    position: relative;
    z-index: 2;
}

/* Background Blur */
.news-section .container::before {
    content: '';
    position: absolute;
    width: 354px;
    height: 354px;
    border-radius: 50%;
    background: #02076F;
    filter: blur(37px);
    top: 0;
    left: -200px;
    z-index: 1;
}


/* ===============================
   Gallery Item
================================ */
.news-item {
    transition: transform 0.35s ease;
}

.news-item .img {
    position: relative;
    display: flex;
    width: 100%;
    max-height: 205px;
    margin-bottom: 27px;
    overflow: hidden;
    border-radius: 12px;
}

.news-item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease, filter 0.5s ease;
}

/* Overlay */
.news-item .img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* Zoom Icon */
.news-item .zoom-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.7);
    width: 52px;
    height: 52px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #02076F;
    font-size: 18px;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    z-index: 2;
}

/* ===============================
   Text Content
================================ */
.news-item h3 {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    line-height: 19.5px;
    transition: color 0.35s ease;
}

.news-item p {
    color: #FFF;
    text-align: justify;
    font-size: 12px;
    font-weight: 400;
    line-height: 19.5px;
}

.news-item a {
    color: inherit;
}


/* ===============================
   Hover Effects
================================ */
.news-item:hover {
    transform: translateY(-6px);
}

.news-item:hover .img::after {
    opacity: 1;
}

.news-item:hover .zoom-icon {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.news-item:hover .img img {
    transform: scale(1.08);
    filter: brightness(1.1);
}

.news-item:hover h3,
.news-item:hover .photo-item-more a {
    color: #00ff99;
}


.category-section {
    padding: 80px 0;
}

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

.category-item {
    display: flex;
    gap: 15px;
    padding: 15px;
    background: #030030;
}

.category-item .img {
    flex-shrink: 0;
    display: flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
}

.category-item h3 {
    margin: 0;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 121.875% */
}

.category-item h2 {
    margin: 0;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.5px; /* 121.875% */
    margin-bottom: 15px;
}


.category-img {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.category-img img {
    z-index: 2;
    position: relative;
}

.category-img:after {
    position: absolute;
    z-index: 1;
    content: '';
    top: 0;
    left: 0;

    width: 184px;
    height: 184px;
    border-radius: 500px;
    background: #02076F;
    filter: blur(37px);
}

.category-img:before {
    position: absolute;
    z-index: 1;
    content: '';
    bottom: 0;
    right: -20px;

    width: 225px;
    height: 225px;
    border-radius: 500px;
    background: #02076F;
    filter: blur(37px);
}

/* إعداد أساسي */
.category-item {
    position: relative;
    transition: background-color 0.35s ease,
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

/* الأيقونة */
.category-item .img img {
    transition: transform 0.35s ease,
    filter 0.35s ease;
}

/* النص */
.category-item h3 {
    transition: color 0.35s ease;
}

/* Hover Effect */
.category-item:hover {
    background: linear-gradient(
            135deg,
            rgba(2, 7, 111, 0.9),
            rgba(3, 0, 48, 1)
    );
    transform: translateX(-6px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
}

.category-item:hover .img img {
    transform: scale(1.12);
    filter: brightness(1.15);
}


.category-item:hover h3 {
    color: #00ff99;
}



.category-item::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: #00ff99;
    opacity: 0;
    transition: opacity 0.35s ease;
}

.category-item:hover:before {
    opacity: 1;
}

.f-project-img {
    position: absolute;
    right: 0;
    top: 0;
    flex: 0 0 auto;
    width: 55.333%;
    display: inline-flex;
}

.feature-project-section {
    padding: 32px;
    position: relative;
}

.projects-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 445px;
    overflow: hidden;
    z-index: 1;
}

.projects-bg img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.projects-slider {
    position: relative;
    z-index: 2;
}

.projects-slider .item {
    height: 485px;
}

.f-project-data {
    padding-top: 46px;
}

.f-project-data h3 {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.f-project-data h2 {
    color: #FFF;
    font-size: 42px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.f-project-data h4 {
    color: #FFF;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.f-project-data p {
    color: #FFF;
    text-align: justify;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 150% */
}

.projects-slider .owl-dots {
    position: absolute;
    left: 20%;
    bottom: 30px;
    margin-top: 0;
}

.projects-slider.owl-theme .owl-dots .owl-dot span {
    width: 7px;
    height: 7px;
    margin: 0 3px;
}

.projects-slider.owl-theme .owl-dots .owl-dot.active span {
    width: 58px;
    background: #D6D6D6;
}

.projects-header {
    position: relative;
    z-index: 2;
}

.projects-header h2 span {
    background-color: #F9A879;
}


.projects2-slider .item {
    position: relative;
}

.projects2-slider .img-logo {
    position: absolute;
    bottom: 20px;
    width: 100%;
    height: 85px;
    display: flex;
    justify-content: center;
}

.projects2-slider .img-logo img {
    width: auto;
}

/* ===== الأساس ===== */
.projects2-slider .item {
    position: relative;
    overflow: hidden;
    /*border-radius: 14px;*/
    transition: transform 0.4s ease;
}

/* الصورة */
.projects2-slider .item .img {
    height: 550px;
}

.projects2-slider .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease,
    filter 0.6s ease;
}

/* Overlay */
.projects2-slider .item::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
            to top,
            rgba(0, 0, 0, 0.55),
            rgba(0, 0, 0, 0.15)
    );
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
}

/* اللوجو */
.projects2-slider .img-logo {
    position: absolute;
    bottom: 20px;
    width: 100%;
    height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    /*opacity: 0;*/
    transform: translateY(15px) scale(0.9);
    transition: opacity 0.4s ease,
    transform 0.4s ease;
}

.projects2-slider .img-logo img {
    width: auto;
    max-height: 70px;
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.4));
}

/* ===== Hover ===== */
.projects2-slider .item:hover::after {
    opacity: 1;
}

.projects2-slider .item:hover .img img {
    transform: scale(1.08);
    filter: brightness(1.05);
}

.projects2-slider .item:hover .img-logo {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* حركة خفيفة للكرت */
.projects2-slider .item:hover {
    transform: translateY(-6px);
}

.projects-section {
    padding: 80px 0;
}

.projects2-slider .owl-nav {
    display: flex;
    max-width: 1140px;
    margin: auto;
    justify-content: flex-start;
    flex-direction: row-reverse;
    position: absolute;
    top: -6rem;
    left: 0;
    right: 0;
}

.projects-section .container-fluid {
    position: relative;
}

.projects-section .container-fluid:after {
    position: absolute;
    right: 50px;
    top: -150px;
    content: '';
    width: 354px;
    height: 354px;
    border-radius: 500px;
    background: #02076F;
    filter: blur(37px);
    z-index: 1;
}

.projects-section .container-fluid > div {
    position: relative;
    z-index: 2;
}

.testimonials-slider .item {
    background: linear-gradient(223deg, #02076F 0%, #0D0D33 78.43%);
    padding: 40px 25px;
}

.testimonials-slider .item img {
    width: auto;
}

.testimonials-slider .item .icon {
    margin-bottom: 17px;
}

.testimonials-slider .item p {
    color: #FFF;
    text-align: justify;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px; /* 150% */
}

.testimonials-user {
    display: flex;
    align-items: center;
    gap: 10px;
}

.testimonials-slider .item .testimonials-user h3 {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 171.429% */
    text-transform: uppercase;
    margin: 0;
}

.testimonials-slider .item .testimonials-user h4 {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 14px; /* 116.667% */
    margin: 0;
}

.testimonials-section {
    padding: 80px 0;
    background: url("../images/test-bg.png") top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.testimonials-slider .owl-nav {
    position: absolute;
    left: 0;
    top: -6rem;
    flex-direction: row-reverse;
    display: flex;
}


/* ===== الأساس ===== */
.testimonials-slider .item {
    position: relative;
    transition: transform 0.4s ease,
    box-shadow 0.4s ease,
    background 0.4s ease;
}

/* ظل خفيف */
.testimonials-slider .item {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

/* أيقونة الاقتباس */
.testimonials-slider .item .icon {
    transition: transform 0.4s ease,
    opacity 0.4s ease;
}

/* صورة المستخدم */
.testimonials-user .img img {
    border-radius: 50%;
    transition: transform 0.4s ease,
    box-shadow 0.4s ease;
}

/* ===== Hover ===== */
.testimonials-slider .item:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);
    background: linear-gradient(
            223deg,
            #030a9c 0%,
            #0b0b2f 78%
    );
}

.testimonials-slider .item:hover .icon {
    transform: scale(1.1) rotate(-3deg);
    opacity: 0.95;
}

.testimonials-slider .item:hover .testimonials-user .img img {
    transform: scale(1.08);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
}

/* تحسين تجربة النص */
.testimonials-slider .item:hover p {
    color: #f1f1f1;
}


.mail-list-banner {
    background: url("../images/ad-bg.png") center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    padding: 63px 95px;
    display: flex;
    align-items: center;
    gap: 40px;
}

.banner-text h3 {
    color: #030035;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;

    text-transform: uppercase;
}

.banner-text h2 {
    color: #030035;
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    text-transform: uppercase;
}

.banner-form-text p {
    color: #030035;
    text-align: justify;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}

.banner-form-text form {
    display: flex;
    width: 100%;

}

.banner-form-text input {
    display: flex;
    width: 100%;
    height: 50px;
    padding: 12px 12.67px 12px 13px;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(3, 0, 53, 0.20);
    background: transparent;
    border-left: 0;

    color: #030035;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.banner-form-text .btn-subscribe {
    display: flex;
    width: 113px;
    height: 50px;
    justify-content: center;
    align-items: center;
    background: #ED4B00;
    flex-shrink: 0;
    border-radius: 0;

    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px; /* 171.429% */
}


.mail-list-banner-section {
    position: relative;
    margin-top: 80px;
}

.mail-list-banner-section:after {
    position: absolute;
    top: -300px;
    left: -60px;
    content: '';
    width: 354px;
    height: 354px;
    border-radius: 500px;
    background: rgba(2, 7, 111, 0.70);
    filter: blur(37px);
    z-index: 2;
}

.mail-list-banner-section:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    content: '';
    background: #03002F;
    z-index: 1;
}

.mail-list-banner-section .container {
    position: relative;
    z-index: 3;
}


.footer-sponsors-section {
    background: #03002F;
    padding: 21px 0;
}

.footer-sponsors {
    background: #030035;
    padding: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
}

#sponsers1 .footer-sponsors-section:first-of-type{
    padding-bottom: 0;
}

#sponsers1 .footer-sponsors-section:first-of-type  .footer-sponsors-item img{
   min-height: 80px;
}

.footer-sponsors-section + .footer-sponsors-section{
    padding-top: 0;
}

.footer-sponsors-item {
    display: flex;
    align-items: center;
    gap: 15px;
}

.footer-sponsors-item h3 {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
}

footer {
    background: #03002F url("../images/footer-sh.png") right bottom no-repeat;
    padding: 30px 0 0 0;
    position: relative;
}

footer h2 {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 122.222% */
    letter-spacing: 0.64px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

footer h3 {
    color: #61D65B;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 185.714% */
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 0;
}

footer p {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px; /* 257.143% */
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
}

footer a {
    color: inherit;
}

.address {
    white-space: pre-line;
}

.footer-panel ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-panel ul li a {
    display: flex;
    width: 100%;
    gap: 5px;
    align-items: center;
    color: #fff;
    margin-bottom: 10px;
}

.footer-panel ul li a span {
    display: flex;
    direction: ltr;

}

.ic-mail {
    display: flex;
    width: 23px;
    height: 23px;
    background: url("../images/sms.svg") center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.ic-tel {
    display: flex;
    width: 23px;
    height: 23px;
    background: url("../images/headphone.svg") center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.ic-tel2 {
    display: flex;
    width: 23px;
    height: 23px;
}

.footer-social {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 20px;
}

.footer-social a {
    display: flex;
    width: 36px;
    height: 36px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    background: #61D65B;
}

.footer-menu {
    display: flex;
    gap: 10px;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu a {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.footer-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #04004E;
    padding: 28px;
    margin-top: 50px;
}

.footer-2--centered {
    justify-content: center;
    text-align: center;
}

.copy-right {
    margin: 0;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}


/* ===== عناوين البانل ===== */
footer h2,
footer h3 {
    transition: color 0.3s ease;
}

/* ===== الروابط النصية ===== */
footer a {
    position: relative;
    transition: color 0.3s ease;
}

footer a:hover {
    color: #61D65B;
}

/* خط سفلي ناعم للروابط */
footer a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -4px;
    width: 0;
    height: 1px;
    background: #61D65B;
    transition: width 0.3s ease;
}

footer ul li a:hover::after {
    display: none;
}

footer a:hover::after {
    width: 100%;
}

/* ===== عناصر التواصل (إيميل / هاتف) ===== */
.footer-panel ul li a {
    transition: transform 0.3s ease,
    opacity 0.3s ease;
}

.footer-panel ul li a:hover {
    color: #61D65B;
    opacity: 0.9;
}

/* ===== أيقونات التواصل الاجتماعي ===== */
.footer-social a {
    transition: background 0.3s ease,
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-radius 0.3s ease;
}

.footer-social a:hover {
    background: #ffffff;
    transform: translateY(-4px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
    border-radius: 8px;
}

.footer-social a:hover img {
    filter: brightness(0) saturate(100%);
}

/* ===== روابط سياسة الخصوصية ===== */
.footer-menu a {
    position: relative;
    transition: color 0.3s ease;
}

.footer-menu a:hover {
    color: #61D65B;
}

/* فاصل بسيط عند الهوفر */
.footer-menu a::before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 2px;
    background: #61D65B;
    transform: translateX(-50%);
    transition: width 0.3s ease;
}

.footer-menu a:hover::before {
    width: 100%;
}


.page-header {
    background: url(../images/hed-bg.png) left bottom no-repeat;
    position: relative;
    padding-bottom: 80px;
    /*min-height: 350px;*/
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-size: auto 390px;
}

.page-header:after {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url("../images/flags.svg") center bottom repeat-x;
    width: 100%;
    height: 28px;
    content: '';

}

.page-header h2 {
    color: #FFF;
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;

}

.page-header h3 {
    color: #FFF;
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.breadcrumb-item {
    color: #fff;
}

.breadcrumb-item.active {
    color: #fff;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #fff;
}

.breadcrumb-item a {
    color: #fff;
}

.single-news-header h1 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 15px;
}

.single-news-meta {
    display: flex;
    gap: 20px;
    color: #888;
    font-size: 14px;
}

.single-news-content p {
    line-height: 1.9;
    margin-bottom: 20px;
    font-size: 16px;
}

.single-news-share a {
    margin-left: 15px;
    color: #0a7c5f;
    font-weight: 600;
}

.related-news-item {
    margin-bottom: 20px;
}

.related-news-item h4 {
    font-size: 15px;
    margin-top: 10px;
}

.single-news-image {
    height: 600px;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.single-news-image img {
    width: auto;
    height: 100%;
    object-fit: contain;
    max-height: 100%;
}

.single-news-section {
    padding: 0 0 80px 0;
}

.btn-news-event-more {
    background: #61D65B;
    min-width: 145px;
    height: 40px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;

    color: #030035;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.btn-news-event-more:hover {
    background: #1d6e19;
}

.news-event-img {
    width: 100%;
    max-height: 480px;

    display: flex;
}

.news-event-img img, .news-event-img a {
    width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.news-event-section{
    position: relative;
    z-index: 5;
}

@media screen and (max-width: 1366px) {

}

@media screen and (max-width: 991px) {
    .main-menu {
        display: none;
    }

    .menu-trigger {
        display: flex !important;
        font-size: 30px;
        color: #fff;
    }


    .header {
        backdrop-filter: blur(0);

    }

    .header.fixed .content-header {
        padding: 12px 0;

    }

    .ic-bars {
        background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.75257 17.9997H21.2526C21.6668 17.9997 22.0026 18.3355 22.0026 18.7497C22.0026 19.1294 21.7204 19.4432 21.3543 19.4928L21.2526 19.4997H2.75257C2.33835 19.4997 2.00257 19.1639 2.00257 18.7497C2.00257 18.37 2.28472 18.0562 2.6508 18.0065L2.75257 17.9997H21.2526H2.75257ZM2.75257 11.5027H21.2526C21.6668 11.5027 22.0026 11.8385 22.0026 12.2527C22.0026 12.6324 21.7204 12.9462 21.3543 12.9959L21.2526 13.0027H2.75257C2.33835 13.0027 2.00257 12.6669 2.00257 12.2527C2.00257 11.873 2.28472 11.5592 2.6508 11.5095L2.75257 11.5027H21.2526H2.75257ZM2.75171 5.00293H21.2517C21.6659 5.00293 22.0017 5.33872 22.0017 5.75293C22.0017 6.13263 21.7196 6.44642 21.3535 6.49608L21.2517 6.50293H2.75171C2.3375 6.50293 2.00171 6.16714 2.00171 5.75293C2.00171 5.37323 2.28386 5.05944 2.64994 5.00978L2.75171 5.00293H21.2517H2.75171Z" fill="%23ffffff"/></svg>');
    }
}

@media screen and (max-width: 767px) {

}

@media screen and (max-width: 640px) {
    .header-actions .lang-btn, .header-actions .btn {
        display: none;
    }

    .header {
        background: #020028;
    }

    .logo-site img {
        height: 50px;
    }

    .slide-text h2 {
        font-size: 50px;
    }

    .slide-text h3 {
        font-size: 50px;
    }

    .img2 img {
        object-fit: cover;
        height: 40vh;
    }

    .img1 img {
        height: 100vh;
        object-fit: cover;
    }

    .numbers-section-bg {
        padding: 40px 0 0 0;
    }

    .king-section .row {
        flex-direction: column-reverse;
    }

    .king-section .row.flex-row-reverse {
        flex-direction: column-reverse !important;
    }

    .organizer-items {

        gap: 45px;
        height: auto;
        flex-direction: column;
        padding: 40px 0;
    }

    .prize-card {

        height: 375px;
        max-height: 375px;
    }

    .category-container {
        flex-direction: column-reverse;
    }

    .category-img {
        margin-bottom: 40px;
    }

    .f-project-img {
        position: relative;
        right: 0;
        top: 0;
        flex: 0 0 auto;
        width: 100%;
        display: inline-flex;
    }

    .projects-slider .item {
        height: auto;
    }

    .projects-slider .owl-dots {
        bottom: -20px;
    }

    .mail-list-banner {
        flex-direction: column;
    }

    .footer-sponsors {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-sponsors-item {
        display: flex;
        align-items: center;
        gap: 15px;
        justify-content: space-between;
        width: 100%;
    }
#sponsers1 .footer-sponsors-section:first-of-type  .footer-sponsors-item  {
          justify-content: center;

}

    .footer-2 {
        flex-direction: column-reverse;
        gap: 15px;
    }

    .partner-head h2,
    .partner-head .section-year {
        font-size: 80px;
    }

    .partner-head h3,
    .partner-head .partner-subtitle {
        font-size: 16px;
    }

    .king-section-text p {
        color: #FFF;
        font-size: 20px;
    }

    .king-img {
        display: flex;
        justify-content: center;
        align-content: center;
    }

    .section-header h2 {
        font-size: 25px;
    }

    .news-item {
        margin-bottom: 25px;
    }

    .mail-list-banner {
        padding: 50px;
    }

    .schedule-header {
        flex-direction: column;
        gap: 15px;
    }

    .page-header h2 {
        font-size: 25px;
        margin: 0;
    }

    .page-header h3 {
        font-size: 30px;

        margin: 0;
    }

    .page-header {
        padding-bottom: 40px;
        padding-top: 40px;
    }

}

@media (max-width: 500px) {
    .number-item {
        min-height: 188px;
        align-items: center;
        flex-direction: column;
        margin-bottom: 40px;
        justify-content: center;
        text-align: center;
    }

    .banner-form-text form {
        flex-direction: column;
    }

    .banner-form-text form .btn {
        width: 100%;
    }

    .banner-form-text form input {
        width: 100%;
        border: 1px solid rgba(3, 0, 53, 0.20);

    }

    .slide-text h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .slide-text h3 {
        font-size: 35px;
        line-height: 45px;
    }

    .speakers-section-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 25px;
        gap: 15px;
    }

    .footer-sponsors-item img {
        height: 45px;
    }

    .footer-sponsors-item h3 {
        font-size: 20px;
    }

    .feature-project-section {
        padding: 15px;
    }

    .feature-project-section .container-fluid {
        padding: 0;
    }

}


.desktop-video{
    display:block;
}

.mobile-video{
    display:none;
}

@media(max-width:768px){

    .desktop-video{
        display:none;
    }

    .mobile-video{
        display:block;
    }

}