/* -------------------------------------- base -------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');
:root{
    --bluecolor: #113D71;
    --redcolor: #D01921;
    --greycolor: #f8f9fa;
    --bs-font-sans-serif: "Exo 2", sans-serif;
}
.bg-grey{background-color: var(--greycolor)}
.bg-blue{background-color: var(--bluecolor); color: #fff;}
.bg-red{background-color: var(--redcolor); color: #fff;}
.col-border-radius{border-radius: 10px 10px 0 0;overflow: hidden}
.defis{white-space: nowrap;}
.carousel-control-next, .carousel-control-prev {align-items: flex-end;margin-bottom: 1rem;}
.main-slider-text{font-size: 30px;line-height: 1.2;}
.fontsize{font-size: 4vw;font-weight: 700;line-height: 4vw;}
.btn-close{position: absolute;right: 15px;}
@media (max-width: 1400px){.main-slider-text{font-size: 20px}}
@media (max-width: 768px){
    .main-slider-text{font-size: 17px}
    .fontsize{font-size: 8vw;line-height: 8vw;}
}
/* ---------------------------------------- /base -----------------------------------*/
/* ---------------------------------------- header ----------------------------------*/
header{
    *{letter-spacing: 0}
    .container-nav{border-radius: 0 0 10px 10px; height: 100px;display: flex;align-items: center;}
    .navbar-nav{justify-content: space-around;}
    .dropdown-menu{--bs-dropdown-padding-y:0;--bs-dropdown-link-active-bg:none;--bs-dropdown-color:var(--bluecolor)}
    .dropdown-item{color: var(--bluecolor); padding: 10px}
    .dropdown-item:hover{border-radius: 5px}
    .dropdown-item.active{color: var(--bluecolor);font-weight: 700}
    .logo{width: 80px;padding: 10px 0;}
    .telegram{width: 30px;margin-right: 15px;}
    .nav-link, .nav-link:hover, .navbar-nav .nav-link.show{color: var(--bluecolor)}
    .nav-link.active{color: var(--bluecolor) !important;font-weight: 700}
    .contacts-links{display: flex;align-items: center;justify-content: flex-end;}
    .menu-divider{width: 80%;margin: 15px auto;color: var(--redcolor);}
    .dropdown-divider{margin: 0}
    .offcanvas-title{margin-left: 15px}
    #equipment-menu .dropdown-submenu{position: relative;}
    #equipment-menu .dropdown-submenu > .dropdown-menu {top: 0; left: 100%; margin-left: -4px;}
    #equipment-menu .dropdown-submenu > .submenu-toggle::after {content: ""; float: right; border: .3rem solid transparent; border-left-color: currentColor; margin-top: .35rem;}
    .dropdown-menu{--bs-dropdown-border-radius: 5px}
    @media (max-width: 1400px){
        header *{font-size: 13px;}
    }
    @media (max-width: 768px){
        .container-nav{height: auto;display: block;}
        .logo{width: 60px;padding: 6px 0;margin-left: -10px;}
    }
    @media (max-width: 991px){
        .w-20{width: 20%}
        .w-80{width: 80%}
        .m-t-15{margin-top: 15px;margin-bottom: 15px;}
        .hidden-menu-mobile{display: none}
    }
}
/* ---------------------------------------- /header ----------------------------------*/
/* ----------------------------------------- footer ----------------------------------*/
footer{
    .container-fluid:first-child{background: url("../img/bg-footer.webp") center center no-repeat;background-size: cover}
    .footer-wrap{height: auto;display: flex;flex-direction: column;justify-content: space-between;}
    .footer-wrap ul{list-style: none}
    .footer-wrap ul li{margin: 5px 0}
    .footer-wrap ul li a, .footer-wrap p a{color: #fff;text-decoration: none;transition: text-decoration ease-in-out 0.3s}
    .footer-wrap ul li a:hover, .footer-wrap p a:hover{text-decoration: underline;}
    @media (max-width: 768px){.footer-wrap:first-child{margin-bottom: 25px;padding-bottom: 15px;border-bottom: 1px solid #fff;}}
}
/* ----------------------------------------- /footer ----------------------------------*/
/* ---------------------------------------- feedback ----------------------------------*/
.feedback-wrapper{
    .contact-form-wrapper{padding: 20px; background-color: #fff}
    .contact-form-wrapper h5{font-weight: 500;font-size: 20px;margin-bottom: 30px}
    .feedback div{position: relative;}
    .all-labels{position: absolute;top: -10px;left: 10%;font-size: 0.75em;color: var(--bluecolor);border-radius: 5px;padding: 0 5px;background-color: #fff;}
    .form-control{border-radius: 10px;padding: 15px;margin-bottom: 10px}
    .contact-form-errors{text-align: center}
    .contact-btn-submit{margin-top: 10px;margin-bottom: 10px;background-color: var(--redcolor);width: 100%; font-weight: 700;text-align: center;border-radius: 10px;padding: 20px;color: #fff}
    .small{font-size: 12px;color: #113D7180;text-align: center}
    .small a{font-size: 12px;text-decoration: underline;color: #113D7180}
}
/* ---------------------------------------- /feedback ----------------------------------*/
/* --------------------------------------- home ---------------------------------------*/
.home{
    .my-c{margin-bottom: 40px;margin-top: 80px}
    h1, h1 span{color: var(--redcolor);font-weight: 700;font-size: 60px;}
    h1 span{white-space: nowrap;}
    h2{font-weight: 600;font-size: 60px;margin-bottom: 20px;line-height: 1;}
    h3, h3 span{font-weight: 400;font-size: 40px;}
    h3 span{color: var(--redcolor)}
    .bg-company{background: url("../img/index/bg-company.webp") center center no-repeat;background-size: cover}
    .infographics{height: 100%;}
    .infographics h3{margin-bottom: 0}
    .infographics div.row{margin-bottom: 10px}
    .home-products{background: linear-gradient(180deg, #113D71 0%, #FFFFFF 100%);margin-bottom: 40px;margin-top: 80px}
    .card{border-radius: 10px 10px 0 0;border: none;}
    .card a{text-decoration: none;color:#000; transition: all ease-in-out .3s}
    .card a:hover{margin-top: -10px; color: var(--bluecolor)}
    .read-more{color: #fff;display: block;width: 90%;background: var(--bluecolor);text-align: center;border-radius: 10px;padding: 10px;margin: 0 auto;text-decoration: none;}
    .pagination{justify-content: center;--bs-pagination-active-bg: var(--bluecolor);--bs-pagination-active-border-color: var(--bluecolor);--bs-pagination-color: var(--bluecolor);--bs-pagination-hover-color: var(--bluecolor)}
    @media (min-width: 768px) and (max-width: 1400px){
        .my-c{margin-bottom: 30px;margin-top: 60px}
        h1, h1 span{font-size: 40px}
        h2{font-size: 50px}
        h3, h3 span{font-size: 30px;}
    }
    @media (max-width: 991px){
        .about-text{margin-bottom: 20px}
    }
    @media (max-width: 768px){
        .my-c{margin-bottom: 20px;margin-top: 40px}
        h1, h1 span{font-size: 30px;}
        h2{font-size: 30px}
        h3, h3 span{font-size: 25px;}
    }
    @media (max-width: 576px){
        .p-5{padding: 2rem !important;}
        .infographics div.row{display: flex}
        .infographics div.col-sm-2{width: 20%;padding-right: 15px;padding-left: 5px;}
        .infographics div.col-sm-10{width: 80%;padding-right: 0;padding-left: 0}
    }
}
/* -------------------------------------- /home ------------------------------------------*/
/* ----------------------- static pages & products & news --------------------------------*/
h1{font-weight: 700 !important;}
.privacy_list ol{list-style: none;counter-reset: li;}
.privacy_list li:before{counter-increment: li;content: counters(li, ".") ". ";}
a{font-weight:600;color: var(--bluecolor); transition: color ease-in-out .3s}
a:hover{color: var(--redcolor)}
.link-product{color: #fff;display: block;background: var(--bluecolor);text-align: center;border-radius: 10px;padding: 10px;margin: 0 auto;text-decoration: none;}
.link-dev{background: var(--redcolor)}
.nav-link{color: #9b9b9b}
.nav-link:hover{color: var(--bluecolor)}
.nav-tabs .nav-link.active{color: var(--bluecolor); font-weight: 700}
.infographics{display: flex;justify-content: space-around;flex-direction: column;}
.bg-news{display: flex;flex-direction: column;justify-content: space-between;background: linear-gradient(110deg, var(--greycolor) 0%, var(--greycolor) 75%, #dee4e9 75%, #dee4e9 82%, #d3dae2 82%, #d3dae2 100%);}
.news-date{background: #fff;width: fit-content;padding: 5px 15px;border-radius: 5px;}
.news-desc, .news-inner{height: 100%;display: flex;flex-direction: column;justify-content: flex-start; }
.toast{--bs-toast-max-width: auto;}
.alert{text-align: center; border-radius: 10px}
ul.program-ul, ul.program-ul ul{list-style: none;}
ul.program-ul li{position: relative;padding-left: 28px;margin: 6px 0;}
ul.program-ul li::before{content: "";position: absolute;left: 0;top: 6px;width: 16px;height: 16px;background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="white"><path d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"/></svg>') no-repeat center / contain;}
.charity{background: url("../img/charity/charity.webp") center center no-repeat;background-size: cover}
.developments-af{background: url("../img/developments/developments-af.webp") center center no-repeat;background-size: cover}
.developments-nova{background: url("../img/developments/developments-nova.webp") center center no-repeat;background-size: cover}
.developments-photon{background: url("../img/developments/developments-photon.webp") center center no-repeat;background-size: cover}
.overlay-title{position:absolute; left:0; right:0; bottom:0;margin:0; color:#fff; text-align:center; padding:20px 12px;background: linear-gradient(0deg, rgba(0,0,0,.85) 0%, rgba(0,0,0,0) 100%);pointer-events:none;}
.pagination{justify-content: center;}
.page-link{color: var(--bluecolor)}
.active>.page-link, .page-link.active{background-color: var(--bluecolor);border-color: var(--bluecolor)}
@media (max-width: 991px){
    .first-service{margin-bottom: 20px}
    .news-date{margin-top: 10px}
    .news-row-two div{margin-top: 10px}
    .charity-photo, .developments-photo{display: none}
}
@media (max-width: 576px){
    .infographics div.row{display: flex}
    .infographics div.col-sm-2{width: 20%;padding-right: 15px;padding-left: 5px;}
    .infographics div.col-sm-10{width: 80%;padding-right: 0;padding-left: 0}
    .card-organization{padding: 10px !important}
}
/* ----------------------- static pages & products & news --------------------------------*/
/* ---------------------- animation for buttons & links ----------------------------------*/
.read-more, .link-product{display: inline-flex;position: relative;overflow: hidden;z-index: 1;justify-content: center;}
.read-more:hover, .link-product:hover{color: #fff;}
.link-dev:hover{color: #000}
.read-more:before, .link-product:before{content: '';position: absolute;top: 0;right: -50px;bottom: 0;left: 0;border-right: 30px solid transparent;border-top: 90px solid #2D6B9F;transition: transform 0.5s;transform: translateX(-100%);z-index: -1;}
.link-dev:before{border-top: 90px solid #fff;}
.read-more:hover:before, .link-product:hover:before{transform: translateX(0);}
/* ---------------------- animation for buttons & links ----------------------------------*/