/* ---------------------------------- 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;}
a{text-decoration: none}
/* ---------------------------------- /base ---------------------------------*/
/* ---------------------------------- header ---------------------------------*/
.navbar-nav{margin: 0 auto;}
.navbar-text a:nth-child(1){margin-right: 30px;text-decoration: none;font-size: 1.1em;}
.nav-link{font-size: .9em;letter-spacing: 2px;text-transform: uppercase;font-weight: 500;}
.dropdown-menu li a{letter-spacing: 0}
.nav-border{border-right: 1px solid var(--greycolor);}
.navbar-text a:nth-child(2){margin-right: 10px;}
.index-nav{padding: 0 10%}
.dropdown-menu.show{padding-left: 15px;}
.navbar-expand-lg .navbar-nav .dropdown-menu{width: 370px;}
.dropdown-item.active, .dropdown-item:active{background-color:var(--bluecolor)}
@media (min-width: 1000px) and (max-width: 1500px){.index-nav{padding: 0 2%}}
@media (max-width: 768px){
    .nav-border{border-right:none;border-bottom: 1px solid var(--greycolor);}
    .navbar-nav{margin: 50px auto;}
    .nav-link{letter-spacing: 0}
    .navbar-expand-lg .navbar-nav .dropdown-menu{width: auto;}
}
/* ---------------------------------- /header ---------------------------------*/
/* ----------------------------------- content --------------------------------*/
.hero-section {min-height: calc(100vh - 100px);background: linear-gradient(90deg, rgba(8, 20, 35, 0.88) 0%, rgba(8, 20, 35, 0.58) 52%, rgba(8, 20, 35, 0.25) 100%), url("../img/bg.webp") center center / cover no-repeat;color: #fff;display: flex;align-items: center;}
.hero-content{max-width: 760px;}
.product-description figure.table{margin: 1.5rem 0;}
/* ---------------------------------- /content --------------------------------*/
/* ---------------------------------- feedback ---------------------------------*/
.modal-body{background-color: var(--greycolor)}
.form-error{font-size: small;color: var(--redcolor);padding: 10px;}
.feedback div{position: relative;margin: 15px 0;}
.all-labels{position: absolute;top: -10px;left: 10%;font-size: 0.75em;color: var(--bluecolor);border-radius: 5px;padding: 0 5px;background-color: #fff;}
.all-inputs{width: 100%;border: 1px solid var(--bluecolor);border-radius: 5px;padding: 10px;}
.all-buttons{border-radius: 10px;background-color: var(--bluecolor);color: var(--greycolor);padding: 10px 20px;}
.all-submit-buttons{background-color: var(--redcolor); color: white;border-radius: 10px;padding: 10px 20px; width: 100%;}
.success-message{color: var(--redcolor);font-size: 1.1em;}
.small{text-align: center;}
.telega{display: flex;align-items: center;padding: 5px 0;width: fit-content;text-decoration: none;}
.telega img{width: 45px;}
.telega-link{font-weight:400;color: #888 !important;width: 90px !important;margin: 0;padding-left: 10px;font-size: .8em;}
.telega-link span{font-weight:400;color: var(--bluecolor);font-size: 1.25em;}
/* ---------------------------------- /feedback ---------------------------------*/
/* ---------------------- animation for buttons & links ----------------------------------*/
.link-product{color: #fff;display: block;background: var(--bluecolor);text-align: center;border-radius: 10px;padding: 10px;margin: 0 auto;text-decoration: none;}
.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 ----------------------------------*/
/* ---------------------------------- footer ---------------------------------*/
.politic_list ol{list-style: none;counter-reset: li;}
.politic_list li:before{counter-increment: li;content: counters(li,".") ". ";}
.footer-blue{padding: 30px;display: flex;background-color: var(--bluecolor);justify-content: space-between;align-items: center;}
.footer-blue p{margin: 0;padding: 0;color: var(--greycolor);}
.footer-blue p a{text-decoration: none;color: var(--greycolor);transition: all ease-in-out .3s;}
.footer-blue p a svg{margin: 0 5px;}
.footer-blue p a:hover{color: #fff}
@media (max-width: 768px){
    .footer-blue{flex-direction: column;}
    .align-left, .align-right{margin: 10px 0;}
    .carousel-indicators{margin-bottom: 0}
}
/* ---------------------------------- footer ---------------------------------*/