*{box-sizing: border-box;}

.section {
    padding: 4rem 0;
}

/* .bg-gray {
    background-color: #fafbfb;
} */

h2{font-size: 28px;}
.line-red{
    width:80px;
    height: 3px;
    background-color: #ff0000;
    margin: 0 auto;
}
p.intro{
    line-height: 30px;
    letter-spacing: 2px;
    color:#555
}

.line-bai{
    width:80px;
    height: 4px;
    background-color: #ffffff;
    margin: 0 auto;
}

.section {
    position: relative;
    border-bottom: none;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.overflow-hidden {
    overflow: hidden !important;
}

.row {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.row.gap-y {
    margin-top: -15px;
    margin-bottom: -15px;
}

.align-items-center {
    -webkit-box-align: center !important;
    align-items: center !important;
}

.row.gap-y>.col, .row.gap-y>[class*="col-"] {
    padding-top: 15px;
    padding-bottom: 15px;
}

.text-center {
    text-align: center !important;
}

.ml-auto, .mx-auto {
    margin-left: auto !important;
}

.mr-auto, .mx-auto {
    margin-right: auto !important;
}

.row.gap-y>.col, .row.gap-y>[class*="col-"] {
    padding-top:15px;
    padding-bottom: 15px;
}

.ml-auto, .mx-auto {
    margin-left: auto !important;
}

.order-md-first {
    -webkit-box-ordinal-group: 0;
    order: -1;
}

h3, .h3 {
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #323d47;
    letter-spacing: 0.5px;
}
h3, .h3 {
    font-size: 1.75781rem;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: .5rem;
    font-family: Dosis, sans-serif;
    font-weight: 700;
    line-height: 1.5;
    color: #323d47;
}

.col-md-6 h3,.col-md-6 h1{
    font-size:26px;
    font-weight: 400;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

hr {
    border-top-color: rgba(117, 117, 117, 0.09);
    margin: 2rem auto;
}



hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

.col-xl-4 {
    -webkit-box-flex: 0;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.col-md-6 {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, 
.col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, 
.col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, 
.col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, 
.col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, 
.col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, 
.col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, 
.col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, 
.col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col-6 {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
}

@media (min-width: 768px) {
    .col-md-6 {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 1200px) {
    .col-xl-3 {
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%;
    }

     .col-xl-4 {
        -webkit-box-flex: 0;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
}

 .hover-move-up:hover {
    -webkit-transform: translateY(-0.5rem);
    transform: translateY(-0.5rem);
}

.shadow-3, .hover-shadow-3:hover {
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.06);
}
.clini-why-pale:hover h5 {
    color: #65b7cc;
}

.clini-why-pale:hover p{
    color: #555;
}

img {
    max-width: 100%;
    height: auto;
}

img {
    vertical-align: middle;
    border-style: none;
}

[data-overlay="5"]::before {
    opacity: .5;
}
[data-overlay]::before, [data-overlay-light]::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #191919;
    border-radius: inherit;
}

.text-white h2{
    color: rgba(255, 255, 255, 0.85) !important;
}

.section-header {
    text-align: center;
    max-width: 70%;
    margin: 0 auto 70px;
}


.hover-move-up {
    display: block;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}
.shadow-3, .hover-shadow-3:hover {
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.06);
}
.bg-pale-primary {
    background-color: #eef4fc !important;
}
.card {
    border: 0;
    -webkit-transition: .5s;
    transition: .5s;
}
.text-center {
    text-align: center !important;
}
.card-body {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.card {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, 0.125);
    border-radius: .25rem;
}

.mb-5, .my-5 {
    margin-bottom: 1.5rem !important;
}

.mt-5, .my-5 {
    margin-top: 1.5rem !important;
}

.fw-500, .font-weight-500 {
    font-weight: 500 !important;
}

.text-left {
    text-align: left !important;
}

.h-150 {
    height: 150px !important;
    line-height: 30px;
    letter-spacing: 1px;
    letter-spacing: 1px;
    color: #888;
}

.lead-6 {
    font-size: 2.34375rem !important;
}

h5, .h5 {
    font-size: 1.23047rem;
}


.clini-advantage .feature-1 {
    margin-bottom: 2rem;
}

.card-hover-shadow:hover {
    -webkit-box-shadow: 0 1px 35px rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 35px rgba(0, 0, 0, 0.07);
}





.feature-1 .feature-icon {
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 1.75rem;
    color: #929daf;
}

.feature-1 .feature-icon {
    color: #fff;
}


.text-white p {
    color: rgba(255, 255, 255, 0.85);
}
.lead-1 {
    font-size: 1.05469rem !important;
}

.clini-advantage div:hover .lead-1 {
    transform: scale(1.1);
    font-weight: 500;
    color: #fff;
}

.cl-photo {
    z-index: 0;
}

.gallery {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

.cl-photo .cl-photo-content {
    display: inline-block;
    padding: 1rem;
}
.gallery-4-type1 .gallery-item {
    flex-basis: 33.3333333%;
    max-width: 33.3333333%;
}
.gallery-item {
    position: relative;
    flex-basis: 50%;
    max-width: 50%;
    padding: 0.25rem;
    display: block;
}


.cl-photo img {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    cursor: pointer;
    position: relative;
    border-radius: 2px;
    z-index: 0;
}
.gallery-item img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.cl-photo img:hover {
    transform: scale(1.2) translateZ(10px);
    z-index: 999;
}



@font-face {
    font-family: 'et-line';
    src: url("fonts/et-line.eot");
    src: url("fonts/et-line.eot?#iefix") format("embedded-opentype"),url("fonts/et-line.woff") format("woff"),url("fonts/et-line.ttf") format("truetype"),url("fonts/et-line.svg#et-line") format("svg");
    font-weight: normal;
    font-style: normal
}

[data-icon]:before {
    font-family: 'et-line';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block
}

.icon-mobile,.icon-laptop,.icon-desktop,.icon-tablet,.icon-phone,.icon-document,.icon-documents,.icon-search,.icon-clipboard,.icon-newspaper,.icon-notebook,.icon-book-open,.icon-browser,.icon-calendar,.icon-presentation,.icon-picture,.icon-pictures,.icon-video,.icon-camera,.icon-printer,.icon-toolbox,.icon-briefcase,.icon-wallet,.icon-gift,.icon-bargraph,.icon-grid,.icon-expand,.icon-focus,.icon-edit,.icon-adjustments,.icon-ribbon,.icon-hourglass,.icon-lock,.icon-megaphone,.icon-shield,.icon-trophy,.icon-flag,.icon-map,.icon-puzzle,.icon-basket,.icon-envelope,.icon-streetsign,.icon-telescope,.icon-gears,.icon-key,.icon-paperclip,.icon-attachment,.icon-pricetags,.icon-lightbulb,.icon-layers,.icon-pencil,.icon-tools,.icon-tools-2,.icon-scissors,.icon-paintbrush,.icon-magnifying-glass,.icon-circle-compass,.icon-linegraph,.icon-mic,.icon-strategy,.icon-beaker,.icon-caution,.icon-recycle,.icon-anchor,.icon-profile-male,.icon-profile-female,.icon-bike,.icon-wine,.icon-hotairballoon,.icon-globe,.icon-genius,.icon-map-pin,.icon-dial,.icon-chat,.icon-heart,.icon-cloud,.icon-upload,.icon-download,.icon-target,.icon-hazardous,.icon-piechart,.icon-speedometer,.icon-global,.icon-compass,.icon-lifesaver,.icon-clock,.icon-aperture,.icon-quote,.icon-scope,.icon-alarmclock,.icon-refresh,.icon-happy,.icon-sad,.icon-facebook,.icon-twitter,.icon-googleplus,.icon-rss,.icon-tumblr,.icon-linkedin,.icon-dribbble {
    font-family: 'et-line';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block
}

.icon-mobile:before {
    content: "\e000"
}

.icon-laptop:before {
    content: "\e001"
}

.icon-desktop:before {
    content: "\e002"
}

.icon-tablet:before {
    content: "\e003"
}

.icon-phone:before {
    content: "\e004"
}

.icon-document:before {
    content: "\e005"
}

.icon-documents:before {
    content: "\e006"
}

.icon-search:before {
    content: "\e007"
}

.icon-clipboard:before {
    content: "\e008"
}

.icon-newspaper:before {
    content: "\e009"
}

.icon-notebook:before {
    content: "\e00a"
}

.icon-book-open:before {
    content: "\e00b"
}

.icon-browser:before {
    content: "\e00c"
}

.icon-calendar:before {
    content: "\e00d"
}

.icon-presentation:before {
    content: "\e00e"
}

.icon-picture:before {
    content: "\e00f"
}

.icon-pictures:before {
    content: "\e010"
}

.icon-video:before {
    content: "\e011"
}

.icon-camera:before {
    content: "\e012"
}

.icon-printer:before {
    content: "\e013"
}

.icon-toolbox:before {
    content: "\e014"
}

.icon-briefcase:before {
    content: "\e015"
}

.icon-wallet:before {
    content: "\e016"
}

.icon-gift:before {
    content: "\e017"
}

.icon-bargraph:before {
    content: "\e018"
}

.icon-grid:before {
    content: "\e019"
}

.icon-expand:before {
    content: "\e01a"
}

.icon-focus:before {
    content: "\e01b"
}

.icon-edit:before {
    content: "\e01c"
}

.icon-adjustments:before {
    content: "\e01d"
}

.icon-ribbon:before {
    content: "\e01e"
}

.icon-hourglass:before {
    content: "\e01f"
}

.icon-lock:before {
    content: "\e020"
}

.icon-megaphone:before {
    content: "\e021"
}

.icon-shield:before {
    content: "\e022"
}

.icon-trophy:before {
    content: "\e023"
}

.icon-flag:before {
    content: "\e024"
}

.icon-map:before {
    content: "\e025"
}

.icon-puzzle:before {
    content: "\e026"
}

.icon-basket:before {
    content: "\e027"
}

.icon-envelope:before {
    content: "\e028"
}

.icon-streetsign:before {
    content: "\e029"
}

.icon-telescope:before {
    content: "\e02a"
}

.icon-gears:before {
    content: "\e02b"
}

.icon-key:before {
    content: "\e02c"
}

.icon-paperclip:before {
    content: "\e02d"
}

.icon-attachment:before {
    content: "\e02e"
}

.icon-pricetags:before {
    content: "\e02f"
}

.icon-lightbulb:before {
    content: "\e030"
}

.icon-layers:before {
    content: "\e031"
}

.icon-pencil:before {
    content: "\e032"
}

.icon-tools:before {
    content: "\e033"
}

.icon-tools-2:before {
    content: "\e034"
}

.icon-scissors:before {
    content: "\e035"
}

.icon-paintbrush:before {
    content: "\e036"
}

.icon-magnifying-glass:before {
    content: "\e037"
}

.icon-circle-compass:before {
    content: "\e038"
}

.icon-linegraph:before {
    content: "\e039"
}

.icon-mic:before {
    content: "\e03a"
}

.icon-strategy:before {
    content: "\e03b"
}

.icon-beaker:before {
    content: "\e03c"
}

.icon-caution:before {
    content: "\e03d"
}

.icon-recycle:before {
    content: "\e03e"
}

.icon-anchor:before {
    content: "\e03f"
}

.icon-profile-male:before {
    content: "\e040"
}

.icon-profile-female:before {
    content: "\e041"
}

.icon-bike:before {
    content: "\e042"
}

.icon-wine:before {
    content: "\e043"
}

.icon-hotairballoon:before {
    content: "\e044"
}

.icon-globe:before {
    content: "\e045"
}

.icon-genius:before {
    content: "\e046"
}

.icon-map-pin:before {
    content: "\e047"
}

.icon-dial:before {
    content: "\e048"
}

.icon-chat:before {
    content: "\e049"
}

.icon-heart:before {
    content: "\e04a"
}

.icon-cloud:before {
    content: "\e04b"
}

.icon-upload:before {
    content: "\e04c"
}

.icon-download:before {
    content: "\e04d"
}

.icon-target:before {
    content: "\e04e"
}

.icon-hazardous:before {
    content: "\e04f"
}

.icon-piechart:before {
    content: "\e050"
}

.icon-speedometer:before {
    content: "\e051"
}

.icon-global:before {
    content: "\e052"
}

.icon-compass:before {
    content: "\e053"
}

.icon-lifesaver:before {
    content: "\e054"
}

.icon-clock:before {
    content: "\e055"
}

.icon-aperture:before {
    content: "\e056"
}

.icon-quote:before {
    content: "\e057"
}

.icon-scope:before {
    content: "\e058"
}

.icon-alarmclock:before {
    content: "\e059"
}

.icon-refresh:before {
    content: "\e05a"
}

.icon-happy:before {
    content: "\e05b"
}

.icon-sad:before {
    content: "\e05c"
}

.icon-facebook:before {
    content: "\e05d"
}

.icon-twitter:before {
    content: "\e05e"
}

.icon-googleplus:before {
    content: "\e05f"
}

.icon-rss:before {
    content: "\e060"
}

.icon-tumblr:before {
    content: "\e061"
}

.icon-linkedin:before {
    content: "\e062"
}

.icon-dribbble:before {
    content: "\e063"
}

@font-face {
    font-family: 'et-line';
    src: url("../fonts/et-line.eot");
    src: url("../fonts/et-line.eot?#iefix") format("embedded-opentype"),url("../fonts/et-line.woff") format("woff"),url("../fonts/et-line.ttf") format("truetype"),url("../fonts/et-line.svg#et-line") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'themify';
    src: url("../fonts/themify.eot?-fvbane");
    src: url("../fonts/themify.eot?#iefix-fvbane") format("embedded-opentype"),url("../fonts/themify.woff?-fvbane") format("woff"),url("../fonts/themify.ttf?-fvbane") format("truetype"),url("../fonts/themify.svg?-fvbane#themify") format("svg");
    font-weight: normal;
    font-style: normal
}