/*  
==========================================
Theme: iSolution
==========================================  */
html {scroll-behavior: smooth;}
body{
    font-weight: 500;
    font-style: normal;
    background: #f5f5f5;	
    font-optical-sizing: auto;
}

h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-style: normal;
}
@media (min-width: 1200px) {
    .h1, h1 {font-size: 2.5rem;}
    .h2, h2 {font-size: 2rem;}
}

/*--------*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
body {
    /*
    font-family: "Plus Jakarta Sans", sans-serif;
    font-optical-sizing: auto;
    */
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    /*
    font-family: "Inter", sans-serif;
    */
    font-optical-sizing: auto;
    font-style: normal;
    font-weight:500;
}
h1, h2, .h1, .h2{font-weight:500;}
.nav-menu li a {color: #000000;}

h1, h2, h3, .h1, .h2, .h3 { color: #000000 !important;letter-spacing: -0.03rem;}
.hero-caption .hero-slide-heading {
    font-weight:300 !important;
}
.h4, h4 {
  font-size: calc(1rem + .2.8vw);
}
/*--------*/

/*
====================================
Global 
==================================== */
@media only screen and (min-width: 1280px) {}
.field__input {border: solid 1px #bbb;}
.toppanel-hold svg, 
#user_profile svg {width: 22px;height: 22px;}

.logo-hold #logo {max-width: 160px;}
@media only screen and (min-width: 1024px) {
    #header-option9 .menu-bar { text-align: center;}
    #header-option9 .mobile-header,
    .h-unsticky #header-option9 .mobile-header {padding: 0.6em 0;}
    #header-option9 .logo-hold, #header-option9 .toppanel-hold {/*min-width: 180px;*/}
    #toppanel-hold .toppanel-hold a {min-width: auto;}
}
@media (max-width: 767px) {
    body, html {/*overflow-x: hidden;*/}
    .header-schedule-button a {font-size:12px;border-radius:4px;min-width:155px;}
    #header-option9 .logo-hold {margin-left: 5px;min-width: 120px;}
}

/* 
    header a  { display: block; display: flex; align-items: center; justify-content: center;}
*/

@media only screen and (min-width: 992px) {
  #header-option9 .logo-hold, #header-option9 .toppanel-hold {
    min-width: 230px;
  }
}

/*--------- Home ---------*/
.home-slider .hero-slide-heading {font-size: 3vmax;  line-height: 1.1;}
@media (min-width: 767px) {
    .hero-caption {max-width: none;}
}
.home-slider .carousel-cell .slide__img {position: relative; overflow:hidden;z-index:0;}
.home-slider .carousel-cell .slide__img:after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    z-index:1;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
}
.home-slider .hero-caption {z-index: 2;}
.home-slider .flickity-page-dots {bottom: 15px;}
.testimonialsimg {border-radius:20px;}

#page-enquiry-form {scroll-margin-top:90px;}
@media (max-width: 767px) {
    #page-enquiry-form {scroll-margin-top:70px;}
}
/*
===========================================
Pages
===========================================*/
.clients-logo a { display:block;}
.clients-logo figure {padding: 10px; border: solid 1px #eeeeee; border-radius: 6px;}

@media (min-width: 1400px) {
    .clients-logo .row-cols-xxl-6 > * {
        flex: 0 0 auto;
        width: 12.5%;
    }
}
@media (min-width: 1600px) {
    .clients-logo .row-cols-xxl-6 > * {
        width: 8.3333333%;
    }
}

.bg-blog-category {background-color:#06264d !important;}
.bg-blog-category .h2 { color: #fff !important;}

/*===========================================*/
.footer-links a { font-weight:300;}
#footer-bottom, .content-subscribe {background-color: inherit !important;color: inherit !important;}
#footer-bottom a {color:inherit !important;}
.footer-logo {max-width:200px;}
.footer-links-hold {padding-bottom:0 !important;}
.footer-text-panel {
    /*
    border-top: 2px solid rgba(255, 255, 255, 0.1);
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    padding-top: 2em;
    padding-bottom: 2em;
    */
    margin-top: 1em;
}
.footer-partners-icons > div > div { padding: 5px 8px;}
@media only screen and (max-width: 767px) {
    .footer-partners-icons > div > div {max-width:33.3333%;}
    .footerlink-heads > .row > div,
    .footerlink-heads > .row > div:first-child {border-bottom: solid 1px rgba(204,204,204,.2) !important;}
    .footerlink-heads > .row > div:first-child {border-top: solid 1px rgba(204,204,204,.2) !important;}
}

/* start transitions ============= */
:root {
    --duration-extra-long: 0.3s;
    --ease-out-slow: cubic-bezier(0, 0, 0.3, 1);
    --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;
    --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow);
}
@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0.01;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.teaser img,
.home-category figure img,
.zoom-bigimg img,
.text-cl-img-hold figure img,
.home-gallery-scroll figure img,
.category-banner figure img,
.mobile-slide .photo-gallery a img,
.footer-logo figure img,
.payment-logo img
{
    opacity: 0.01;
    transform: translateY(1rem);
}
.teaser img.lazyloaded,
.home-category figure img.lazyloaded,
.zoom-bigimg  img.lazyloaded,
.zoom-thumb img,
.text-cl-img-hold figure img.lazyloaded,
.home-gallery-scroll figure img.lazyloaded,
.category-banner figure img.lazyloaded,
.mobile-slide .photo-gallery a img.lazyloaded,
.footer-logo figure img.lazyloaded,
.payment-logo img.lazyloaded,
.subcategory a,
.imagetext-overlay
{
    animation: var(--animation-slide-in);
}
.teaser figure,
.home-category figure,
.text-cl-img-hold figure,
.home-gallery-scroll figure,
.home-gallery-scroll figure,
.category-banner figure
{ 
    overflow:hidden;
}

.teaser  img.lazyloaded,
.home-category figure img.lazyloaded,
.text-cl-img-hold figure img.lazyloaded,
.home-gallery-scroll figure img.lazyloaded,
.category-banner figure img.lazyloaded,
.mobile-slide .photo-gallery a img.lazyloaded,
.footer-logo figure img.lazyloaded,
.payment-logo img.lazyloaded,
.social-hold
{
    transition: transform 0.5s ease !important;
    animation: none;
    transform: scale(1);
    opacity: 1;
}

.teaser img.lazyloaded:hover,
.home-category figure img.lazyloaded:hover,
.text-cl-img-hold figure img.lazyloaded:hover,
.home-gallery-scroll figure img.lazyloaded:hover,
.category-banner figure img.lazyloaded:hover,
.mobile-slide .photo-gallery a img.lazyloaded:hover
{
    transform: scale(1.02);
}
.careers-hold { background-color:aliceblue; border-redius:1.5em; max-width: 1000px; margin-left: auto; margin-right: auto; padding: 1.5em;}