*{outline: 0;border:none;text-decoration:none!important;list-style-type:none;padding: 0px;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,div:focus,a:focus,button:focus,span:focus{
    outline: 0;-webkit-box-shadow:0px 0px 0px!important;-moz-box-shadow: 0px 0px 0px!important;box-shadow: 0px 0px 0px !important;
}
h1,h2,h3,h4,h5,h6{margin:0px}
body{font-family: 'Jost', sans-serif;position:relative;background-image:url("../images/introBg.png");background-position: center top;background-size: cover;background-repeat: no-repeat;border-top: 10px solid #273676;}
body,html{overflow: hidden;overflow-y: auto;overflow-x: hidden;}


.logo{margin-top: 45px;}
.logo img{width: 320px;}
.langWrap{margin-top: 45px;}
.langWrap ul{display: flex;align-items: center;justify-content: center;gap:12px;}
.langWrap ul li a{display: block;border: 1px solid #FFFFFF;font: normal normal 400 16px/24px Jost;color: #FFFFFF;padding:6px 20px;transition: 300ms;}
.langWrap ul li a:hover{background-color: #fff;color: #273676;}
.langWrap ul li a img{width: 20px;}


.brandWrap{margin-top: 60px;display: flex;gap:15px}
.markaColumn{background-color: rgba(255,255,255,0.58);padding: 0px;border-radius: 40px 0px;}
.markaColumn h3{background: #FFFFFF;border-radius: 40px 0px;padding:15px 6px;text-align: center;font: normal normal bold 18px/27px Jost;color: #273676;}

.markaColumn .slick-slide{padding-bottom: 45px;}
.markaColumn .slick-slide a{position: relative;}
.markaColumn .slick-slide h4{position: absolute;background: #273676;font: normal normal normal 12px/18px Jost;color: #FFFFFF;display: block;padding: 6px;
width: 100%;text-align: center;transform: translateY(150%);transition: 300ms;opacity: 0;}
.markaColumn .slick-slide a:hover h4{transform: translateY(190%);opacity: 1;}
.markaColumn .slick-slide h4 i{color:#fff;position: absolute;transform: translate(50%,3px);transition: 300ms;transition-delay: 100ms;}
.markaColumn .slick-slide a:hover h4 i{transform: translate(100%,3px);}


.brandLogo{padding: 60px 45px;}
.brandLogo a{display: block;background: #FFFFFF;border-bottom:4px solid #273676;display: flex;align-items: center;justify-content: center;padding: 15px 6px;}

.brandSlick .slick-slide img{height: 50px;object-fit: contain;width: 100%;}

.brandMedicalSlick .slick-list{margin:0px -4px}
.brandMedicalSlick .slick-slide{margin:0px 4px}
.brandMedicalSlick .slick-slide img{height: 50px;object-fit: contain;width: 100%;}

@media(max-width:768px){
    .brandWrap{display: block;}
    .brandWrap :where(.markaColumn):not(:last-child){margin-bottom: 30px;}
    .brandLogo a{padding: 45px 15px;}
}