/*fonts*/
@font-face {
    font-family: 'SegoeUI';
    src: url('../font/SEGOEUI.TTF');
}
@font-face {
    font-family: 'RFlex';
    src: url('../font/RFlexRegular.ttf');
}
@font-face {
    font-family: 'GothicBold';
    src: url('../font/GothicBold.ttf');
}

body {
    font-family: SegoeUI;
    max-width: 100vw;
    overflow-x: hidden;
    font-size: clamp(1.1rem, 1vw, 2rem);
}

article {
    padding-top: 3rem !important;
}
/* global style class */
.arivan-primary-color {
    color: #305e2f;
}
.arivan-primary-bgcolor {
    background-color: #305e2f;
}
.arivan-secondary-color {
    color: #f6b400;
}
.arivan-tertiary-color {
    color: #5c8c10;
}
.arivan-tertiary-bgcolor {
    background-color: #5c8c10;
}
.arivan-text-color-primary {
    color: #4d4d4d;
    background-color: #fbf1ea;
}
.arivan-text-color-disable {
    color: #cedbbf;
}
.arivan-font-22 {
    font-size: 1.375;
}
.arivan-font-20 {
    font-size: 1.25rem;
}
.arivan-font-18 {
    font-size: 1.25rem;
}
.arivan-font-16 {
    font-size: 1rem;
}
.arivan-font-14 {
    font-size: 0.875rem;
}
.arivan-font-12 {
    font-size: 0.75rem;
}
.arivan-font-11 {
    font-size: 0.68rem;
}
.arivan-gothic-font {
    font-family: GothicBold;
}

/* block specific styles */
.arivan-active-item-highlight {
    background-image: url('../images/layer_24_2.png');
    background-repeat: no-repeat;
    background-position: bottom left;
}
.company-name {
    margin-left: 80px;
}
.company-name h3 {
    line-height: 35px;
    font-family: RFlex;
    font-size: 3.25rem;
    font-weight: 800;
}
.nav-bar ul li.active {
    background-size: 24px 2px;
    color: #fff;
}
.nav-bar ul li:not(.arivan-active-item-highlight):hover {
    color: #fff;
    border-bottom: 2px solid #f6b400;
    cursor: pointer;
}
.nav-bar ul li a:hover {
    color: #fff;
}
.arivan-highlight {
    font-weight: 400;
}
.arivan-intro h1 {
    font-size: 2rem;
    margin: 5px 0;
    font-weight: 500;
}
.arivan-intro > div {
    top: 30%;
    left: 5%;
    font-size: 2rem;
}
.sri-intro {
    background-image: url('../images/rectangle_2_2.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 90%;
}
.sri-intro-before::before {
    content: '';
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    background-color: #fbf1ea;
}
.sri-intro h1 {
    margin: 0 20px 0 0;
}
.sri-intro h1 span {
    background-size: 45px 3px;
    font-size: 4.25rem;
}
.arivan-top{
    background-color: white;
}
header nav {
    min-height: 70px;

}
.sticky-wrapper{
    background-color: #fbf1ea;
}
.arivan-header {
    font-size: 3.5rem;
    font-weight: 100;
    margin: 0;
    font-family: RFlex;
}
.arivan-link {
    font-weight: bold;
    text-decoration: none;
    background-image: url('../images/layer_15_2.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    display: inline-block;
    margin-top: 10px;
}
.arivan-link:hover {
    color: #5c8c10;
}
.arivan-treat {
    background-color: #fbf1ea;
}

.arivan-treat .arivan-container {
    background-image: url('../images/Treatments.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 35%;
}

.arivan-treat-methods {
    flex-wrap: wrap;
}
.arivan-treat-methods div {
    flex-basis: 48%;
}
.arivan-treat-methods div h3 {
    font-weight: 800;
    margin-bottom: 0;
}
.arivan-treat-methods .arivan-link {
    background-image: url('../images/layer_15_copy_2.png');
}
.arivan-video {
    box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.1);
}
.arivan-video a:not(:last-child) {
    border-right: 2px solid #ececec;
}
.arivan-contact-location {
    background-color: #f2fcf3;
}
.arivan-contact-location ul li {
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
    margin-bottom: 5px;
}
.arivan-contact-location ul li.phone {
    background-image: url('../images/layer_11_copy_2.png');
}
.arivan-contact-location ul li.mail {
    background-image: url('../images/layer_12_copy_2.png');
}
.arivan-contact-location ul li.url {
    background-image: url('../images/layer_27_2.png');
}
.arivan-contact-location a img {
    max-width: 100%;
}
header {
    box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.2);
}
header nav img {
    box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.2);
}
footer {
    border-top: 2px solid #b7b7b7;
    min-height: 100px;
    background-color: #b7b7b7;
}
.is-sticky header {
    z-index: 10;
    width: 100vw !important;
    max-width: 100vw !important;
    left: 0;
    z-index: 100 !important;
}

.is-sticky header img {
    height: 100%;
}

.is-sticky header .company-name {
    margin-left: 55px !important;
}
[class^="bi-"]::before {
    font-size: 1.5rem;
}
/* media query*/

@media (min-width: 1200px) {
    .container {
        max-width: 84.5vw;
    }
    .arivan-container {
        max-width: 81.6vw;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 990px) { 
    article {
        padding-top: 1.5rem !important;
    }
    .arivan-intro {
        padding-top: 2rem;
        margin-top: 5rem !important;
    }
    .arivan-intro img {
        width: 90%;
    }
    .arivan-intro div {
        margin-top: -4rem;
        position: static !important;
    }
    .arivan-intro div h1 {
        display: inline;
    }
    .arivan-videos .arivan-video a {
        border: none !important;
        flex-grow: unset !important;
    }
    .is-sticky header .company-name {
        margin-left: 50px !important;
    }
    footer .arivan-footer {
        text-align: center;
        flex-direction: column;
    }
    .nav-bar {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
    }
    .nav-bar button { 
        display: inline !important;
    }
    .nav-bar ul {
        display: none;
        margin-top: 2.5rem !important;
        border: 1px solid #fff;
    }
    .nav-bar:hover ul {
        display: block;
        background-color: #305e2f;
    }
    .nav-bar li {
        display: block !important;
        cursor: pointer;
        border-top: 1px solid #fff;
        padding: 5px 20px;
        margin-left: 0 !important;
    }
    .nav-bar li.arivan-active-item-highlight {
        background-position: 18px 27px;
    }
    .arivan-treat .arivan-container {
        background-size: 100%;
    }
.arivan-top{

}
    body.treatment .treatment-content > section:nth-child(odd) > div:first-child {
        border-right: none;
    }
    body.treatment .treatment-content > section:nth-child(even) > div:first-child {
        border-right: none;
    }

}

/* treatment page */
body.treatment .arivan-treat {
    min-height: 300px;
    height: 300px;
}
body.treatment .arivan-treat .arivan-container {
    background-size: auto;
}
body.treatment .treatment-content > section h3, body.treatment .treatment-content > section h6 {
    font-weight: bold;
}
body.treatment .treatment-content > section:nth-child(odd) {
    background-color: #f7fcf8;
}
body.treatment .treatment-content > section:nth-child(odd) > div:first-child {
    border-right: 2px solid #f6b400;
}
body.treatment .treatment-content > section:nth-child(odd) img {
    height: 200px;
    background-color: #fff;
   /* border: 2px solid #f6b400;*/   
}
body.treatment .treatment-content > section:nth-child(even) {
    background-color: #fffcf7;
}
body.treatment .treatment-content > section:nth-child(even) > div:first-child {
    border-right: 2px solid #305e2f;
}
body.treatment .treatment-content > section:nth-child(even) img {
    height: 200px;
    background-color: #fff;
   /* border: 2px solid #305e2f;  */ 
}