/* ==========================================================
Indemnifier Responsive CSS v1.0
Load AFTER style.css
Optimized for:
- iPhone SE / 12-16
- iPads
- Android Phones/Tablets
- Large Desktop
========================================================== */

/* Universal */
html{
    scroll-behavior:smooth;
}
body{
    overflow-x:hidden;
}
img{
    max-width:100%;
    height:auto;
}
iframe,video{
    max-width:100%;
}
table{
    width:100%;
}
.table-responsive{
    overflow-x:auto;
}

/* Desktop XL */
@media (min-width:1400px){
.container{
    max-width:1320px;
}
}

/* Tablet */
@media (max-width:991.98px){

.container{
    padding-left:20px;
    padding-right:20px;
}

.navbar .navbar-brand img{
    max-height:48px;
}

.navbar .navbar-nav{
    background:#fff;
    padding:10px 0;
}

.navbar .navbar-nav .nav-link{
    margin-left:0;
    padding:12px 15px;
}

.carousel-caption{
    text-align:center;
    justify-content:center;
    padding:20px;
}

.carousel-caption h1{
    font-size:2rem;
}

.page-header,
.page-header2,
.page-header3,
.page-header4,
.page-header5,
.page-header6,
.page-header7,
.page-header8,
.page-header9,
.page-header10,
.page-header11,
.page-header12{
    min-height:260px;
}

.feature-content{
    max-height:100%;
    opacity:1;
}

.toggle-icon{
    display:none;
}

.feature-box:hover{
    transform:none;
}

.service-item,
.team-item,
.partner-logo-box,
.faq-item{
    margin-bottom:25px;
}

.container.facts .facts-text .h-100,
.container.facts .facts-counter .h-100{
    padding:3rem 1rem;
}

.footer{
    text-align:center;
}
.footer .btn.btn-link{
    text-align:center;
}
}

/* Phones */
@media (max-width:767.98px){

body{
    font-size:15px;
}

h1{font-size:30px;}
h2{font-size:26px;}
h3{font-size:22px;}
h4{font-size:20px;}
h5{font-size:18px;}

p{
    line-height:1.7;
}

.container{
    padding-left:15px;
    padding-right:15px;
}

#header-carousel .carousel-item{
    min-height:420px;
}

#header-carousel .carousel-item img{
    object-fit:cover;
}

.carousel-caption h1{
    font-size:28px;
}

.carousel-caption p{
    font-size:15px;
}

.btn{
    padding:.65rem 1.2rem;
}

.page-header,
.page-header2,
.page-header3,
.page-header4,
.page-header5,
.page-header6,
.page-header7,
.page-header8,
.page-header9,
.page-header10,
.page-header11,
.page-header12{
    min-height:220px;
}

.whatsapp-float{
    width:50px;
    height:50px;
    right:15px;
    bottom:100px;
}

.whatsapp-float img{
    width:28px;
    height:28px;
}

.back-to-top{
    right:15px;
    bottom:40px;
}

.logo-slider{
    height:80px;
}

.logo-slider .slide{
    width:160px;
    height:80px;
}

.logo-slider .slide img{
    max-height:40px;
}

.faq-question{
    padding:18px;
    font-size:16px;
}

input,
textarea,
select{
    font-size:16px;
}

.team-text{
    position:relative;
    opacity:1;
    bottom:0;
}

}

/* Landscape Phones */
@media (max-width:932px) and (orientation:landscape){

#header-carousel .carousel-item{
    min-height:320px;
}

.carousel-caption h1{
    font-size:30px;
}

}

/* Very Small Devices */
@media (max-width:375px){

h1{font-size:26px;}
h2{font-size:22px;}

.btn{
    width:100%;
    margin-bottom:10px;
}

.carousel-caption{
    padding:10px;
}

}

/* Accessibility */
:focus-visible{
    outline:2px solid #015FC9;
    outline-offset:2px;
}