<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*

00aeef

1c5fa8

site color

*/



/*

|----------------------------------------------------------------------

|       Body Main Css

|----------------------------------------------------------------------

*/



@font-face {

    font-family: 'Poppins Light';

    src: url('../fonts/Poppins-Light.ttf');

}



@font-face {

    font-family: 'Poppins Italic';

    src: url('../fonts/Poppins-Italic.ttf');

}



@font-face {

    font-family: 'Poppins Regular';

    src: url('../fonts/Poppins-Regular.ttf');

}



@font-face {

    font-family: 'Poppins Medium';

    src: url('../fonts/Poppins-Medium.ttf');

}



@font-face {

    font-family: 'Poppins SemiBold';

    src: url('../fonts/Poppins-SemiBold.ttf');

}



@font-face {

    font-family: 'Poppins Bold';

    src: url('../fonts/Poppins-Bold.ttf');

}



.light {

    font-family: 'Poppins Light' !important;

}



.italic {

    font-family: 'Poppins Italic' !important;

}



.regular {

    font-family: 'Poppins Regular' !important;

}



.medium {

    font-family: 'Poppins Medium' !important;

}



.semi {

    font-family: 'Poppins SemiBold' !important;

}



.bold {

    font-family: 'Poppins Bold' !important;

}



.price {

    font-family: 'Poppins Bold';

}



:root {

    --chevron: url('data:image/svg+xml;utf8,&lt;svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="300px" height="300px" fill="%23231f20" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"&gt;&lt;polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/&gt;&lt;/svg&gt;');

    --question: url('data:image/svg+xml;utf8,&lt;svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="300px" height="300px" fill="%23231f20" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"&gt;&lt;path class="st0" d="M-5,265c-72.9016113,0-132,59.0983887-132,132S-77.9016113,529-5,529s132-59.0984497,132-132 S67.9016113,265-5,265z M-5.47052,468.3762817c-7.4328003,0-13.4794922-6.0470581-13.4794922-13.4790649 c0-7.4320679,6.0466919-13.479126,13.4794922-13.479126c7.432373,0,13.4794922,6.0470581,13.4794922,13.479126 C8.0089722,462.3292236,1.961853,468.3762817-5.47052,468.3762817z M34.1941528,371.9846802 c-2.6166992,12.1121216-11.4063721,21.4836426-19.1619263,29.7519531c-0.956665,1.0199585-1.8609619,1.9437866-2.7167969,2.8183594 c-3.1091309,3.1724243-4.4174805,4.5682983-5.5913696,7.2835083c-1.3748169,3.1787109-1.890686,6.8474121-1.5335083,10.9046021 c0.4846191,5.5038452-3.5842896,10.3590088-9.0881348,10.8435669c-0.298584,0.0258179-0.5952148,0.0391235-0.8890381,0.0391235 c-5.1287231,0-9.4957886-3.9219971-9.9542236-9.1272583c-0.6522217-7.40625,0.3908081-14.3372803,3.0997314-20.602417 c2.6948853-6.2315063,6.2381592-9.8479004,9.6646118-13.3450317c0.7612915-0.7765503,1.5654907-1.5960083,2.4151001-2.5018311 c6.2698364-6.6848755,12.7529907-13.5967407,14.1989136-20.2897949c1.2380371-5.7316895-0.3782959-13.9069824-5.8634033-18.4417114 c-6.9536743-5.7469482-18.0630493-4.09198-24.7865601,0.8272705c-10.0702515,7.3675537-8.9369507,21.3914185-8.9244385,21.5324707 c0.5568848,5.4968872-3.4495239,10.3880005-8.9467163,10.9448853c-5.5003662,0.5560913-10.406311-3.4647827-10.9631958-8.9619751 c-0.953125-9.4090576,1.5588379-28.3513794,17.0200195-39.6635132c13.0418091-9.5411377,34.1811523-12.6392822,49.3492432-0.1000366 C33.7728882,344.0241089,36.7139893,360.3235474,34.1941528,371.9846802z"/&gt;&lt;/svg&gt;');

}



html {

    height: 100%;

}



body {

    position: relative;

    min-height: 100%;

    /* background-color: #f5f6f8; */

    background-color: #fff;

    color: #231f20;

    font-size: 14px;

    font-family: 'Poppins Regular';

    margin: 0;

    padding: 0;

    line-height: 1.6;

    word-break: break-word;

    transition: all ease 0.5s;

    overflow-x: hidden;

}



body {

    display: flex;

    flex-flow: column;

}



body.flow {

    overflow: hidden !important;

}



body &gt; main {

    flex: 1;

    padding-top: 100px;

    overflow: hidden;

}



::selection {

    background: #00aeef;

    color: #fff;

}



::-moz-selection {

    background: #00aeef;

    color: #fff;

}



body a {

    color: #231f20;

    word-break: break-word;

}



body a,

body span {

    display: inline-block;

    text-decoration: none;

}



body a:hover {

    color: #00aeef;

}



body a:focus,

body a:hover {

    outline: none !important;

    text-decoration: none !important;

}



ul {

    margin: 0;

    padding: 0;

}



ul li {

    display: inline-block;

}



ul li a {

    transition: all ease 0.5s;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'Poppins SemiBold';

    line-height: 1.3;

    margin: 0 0 10px;

}



p {

    margin: 0 0 15px;

}



p:nth-last-child(1) {

    margin: 0;

}



p &gt; a {

    color: #3c9cdb;

}



p &gt; a:hover {

    color: #2115dc;

}



.relative {

    position: relative;

}



.tableDv {

    display: table;

    width: 100%;

    height: 100%;

}



.tableCell {

    display: table-cell;

    vertical-align: middle;

}



.toggle {

    position: absolute;

    top: 31px;

    right: 5px;

    display: none;

    /* display: flex; */

    align-items: center;

    justify-content: center;

    cursor: pointer;

    padding: 10px;

    transition: all ease 0.5s;

    z-index: 4;

}



.toggle span,

.toggle span:before,

.toggle span:after {

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    height: 2px;

    background: #231f20;

    border-radius: 50px;

    transition: all ease 0.5s;

}



.toggle span {

    position: relative;

    display: block;

    width: 22px;

    margin: 8px auto;

}



.toggle span:before {

    top: -7px;

}



.toggle span:after {

    bottom: -7px;

}



.toggle.active span {

    width: 22px;

    background: transparent !important;

}



.toggle.active span:before,

.toggle.active span:after {

    top: 0;

}



.toggle.active span:before {

    transform: rotate(405deg);

}



.toggle.active span:after {

    transform: rotate(-45deg);

}



.blockquote {

    background: #fafafa;

    color: #151d23;

    padding: 10px 10px 10px 20px;

    border: 1px solid #f0f5f9;

    border-left: 4px solid #00aeef;

}



.heading {

    position: relative;

    font-family: 'Poppins Bold';

    margin-bottom: 25px;

}



.heading &gt; em {

    color: #00aeef;

}



.sub_heading {

    color: #00aeef;

    font-size: 13px;

    font-family: 'Poppins Medium';

}



p.pre {

    color: #8d9297;

    margin: -10px 0 30px;

}



.color {

    color: #00aeef !important;

}



.background {

    background: #00aeef !important;

}



/*

|----------------------------------------------------------------------

|       Body Main Button

|----------------------------------------------------------------------

*/



.webBtn {

    position: relative;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 120px;

    height: 46px;

    background: #00aeef;

    color: #fff;

    font-size: 14px;

    font-family: 'Poppins Medium';

    text-align: center;

    padding: 0 30px;

    white-space: nowrap;

    /* text-transform: uppercase; */

    border: 0;

    border-radius: 5px;

    outline: none !important;

}



.webBtn:hover {

    background: #31bdf2;

    color: #fff;

}



.smBtn {

    min-width: 40px;

    height: 36px;

    padding: 0 20px;

}



.mdBtn {

    min-width: 80px;

    height: 40px;

}



.lgBtn {

    height: 54px;

    font-size: 16px;

    padding: 0 40px;

}



.colorBtn {

    background: #1c5fa8;

}



.colorBtn:hover {

    /* background: #315e83; */

    background: #194b73;

}



.blankBtn {

    background: transparent;

    color: #00aeef;

}



.blankBtn:hover {

    background: #c4ebfa;

    color: #00aeef;

}



.lightBtn {

    background: #c4ebfa;

    color: #00aeef;

}



.lightBtn:hover {

    background: #93dcf8;

    color: #00aeef;

}



.labelBtn {

    min-width: initial;

    height: auto;

    background: transparent;

    color: #00aeef;

    padding: 0;

    border: 0;

}



.labelBtn:hover {

    background: transparent;

    color: #231f20;

}



.labelBtn &gt; i {

    font-size: 100%;

}



.simpleBtn {

    background: #fff;

    color: #231f20;

    border: 1px solid #b5bcc0;

}



.simpleBtn:hover {

    background: #fff;

    color: #00aeef;

    border-color: #00aeef;

}



.grayBtn {

    background: #fff;

    color: #8d9297;

    border: 1px solid #eee;

}



.grayBtn:hover {

    background: #fafafa;

    color: #8d9297;

}



.borderBtn {

    border: 1px solid #00aeef;

}



.arrowBtn {

    display: flex !important;

    width: 46px;

    min-width: 46px;

    padding: 0 5px;

}



.arrowBtn &gt; i {

    font-weight: bold;

    margin: 0 !important;

}



.arrowBtn &gt; img {

    width: 18px;

}



.roundBtn {

    border-radius: 50px;

}



.blockBtn {

    width: 100%;

}



.blockBtn em {

    flex: 1;

    text-align: left;

}



.webBtn i {

    font-size: 140%;

    margin-right: 10px;

}



.webBtn.smBtn i {

    font-size: 120%;

}



.webBtn i.fi-arrow-right {

    font-weight: bold;

    margin-left: 10px;

    margin-right: 0;

}



.webBtn i.fi-arrow-left {

    font-weight: bold;

    margin-left: 0;

    margin-right: 10px;

}



/*_____ webBtn spinner _____*/



.webBtn .spinner {

    width: auto;

    height: auto;

    background: inherit;

    border-radius: inherit;

    overflow: hidden;

}



.webBtn .spinner ~ i {

    visibility: hidden;

}



.webBtn .spinner,

.webBtn .spinner:before,

.webBtn .spinner:after {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: auto;

}



.webBtn .spinner:before,

.webBtn .spinner:after {

    content: '';

    width: 18px;

    height: 18px;

    border: 3px solid;

    animation: spinner 0.5s linear infinite;

    border-radius: 75%;

}



.webBtn .spinner:before {

    border-right-color: transparent;

    border-bottom-color: transparent;

}



.webBtn .spinner:after {

    border-top-color: transparent;

    border-left-color: transparent;

    opacity: 0.5;

}



.webBtn.smBtn .spinner:before,

.webBtn.smBtn .spinner:after {

    width: 14px;

    height: 14px;

}



.webBtn.lgBtn .spinner:before,

.webBtn.lgBtn .spinner:after {

    width: 20px;

    height: 20px;

}



@keyframes spinner {

    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(-360deg);

    }

}



*[disabled] {

    cursor: not-allowed !important;

}



a[disabled],

button[disabled] {

    opacity: 0.8;

}



.learnBtn {

    background: transparent;

    color: #00aeef;

    font-family: 'Poppins SemiBold';

    padding: 0;

    text-transform: capitalize;

    border: 0;

}



.learnBtn i {

    position: relative;

    top: 3px;

    font-weight: bold;

    margin-left: 5px;

    /* transform: scale(-1); */

    transition: padding ease 0.5s;

}



.learnBtn:hover i {

    padding-left: 10px;

}



/*

|----------------------------------------------------------------------

|       Body Inner Css

|----------------------------------------------------------------------

*/



h1 {

    font-size: 40px;

}



h2 {

    font-size: 32px;

}



h3 {

    font-size: 24px;

}



h4 {

    font-size: 20px;

}



h5 {

    font-size: 16px;

}



h6 {

    font-size: 14px;

}



img {

    width: 100%;

    display: block;

}



em {

    font-style: normal;

}



strong {

    font-family: 'Poppins SemiBold';

    font-weight: normal;

}



input,

button,

select,

textarea {

    text-decoration: none !important;

    outline: none !important;

}



.ease,

body a,

body button,

body .webBtn {

    transition: all ease 0.5s;

}



.contain,

.contain-fluid {

    position: relative;

    max-width: 1140px;

    padding: 0 15px;

    margin: auto;

    min-height: 1px;

    z-index: 3;

}



.contain-fluid {

    max-width: 1600px;

}



.contain:before,

.contain:after,

.contain-fluid:before,

.contain-fluid:after {

    content: '';

    display: table;

}



.contain:after,

.contain-fluid:after {

    clear: both;

}



section {

    position: relative;

}



.flex {

    display: flex;

    flex-wrap: wrap;

}



.formRow {

    display: flex;

    flex-wrap: wrap;

    margin: -10px;

}



.formRow &gt; [class*="col-"],

.formRow &gt; [class^="col-"] {

    padding: 10px;

}



.flexBox {

    display: flex;

    align-items: center;

    justify-content: center;

}



.flexDv {

    width: 100%;

}



.flexRow {

    margin: -10px;

}



.flexRow &gt; .col {

    padding: 10px;

}



.bTn {

    display: flex;

    flex-flow: wrap;

    gap: 5px;

}



.bTn.formBtn {

    margin-top: 20px;

}



.text-left.bTn,

.text-left .bTn {

    justify-content: flex-start;

}



.text-center.bTn,

.text-center .bTn {

    justify-content: center;

}



.text-right.bTn,

.text-right .bTn {

    justify-content: flex-end;

}



/*_____ upperlay _____*/



.upperlay {

    position: fixed;

    top: 0;

    left: 280px;

    right: 0;

    bottom: 0;

    background: rgb(10 33 48 / 0.9);

    opacity: 0;

    visibility: hidden;

    backdrop-filter: blur(5px);

    transition: all ease 0.5s;

    z-index: 100;

}



.upperlay.active {

    opacity: 1;

    visibility: visible;

}



/*

|----------------------------------------------------------------------

|       Popup

|----------------------------------------------------------------------

*/



.popup {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(25, 33, 37, 0.95);

    padding: 20px 0;

    overflow: auto;

    z-index: 101;

}



.popup ._inner {

    position: relative;

    max-width: 600px;

    /*background: #f7f8f9;*/

    background: #fff;

    padding: 20px;

    margin: auto;

    border-radius: 10px;

    box-shadow: 0 7px 14px 0 rgba(59, 65, 94, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);

}



.popup.big-popup ._inner {

    max-width: 800px;

}



.popup.small-popup ._inner {

    max-width: 420px;

}



.popup ._inner h3 {

    padding-right: 25px;

    margin-bottom: 20px;

}



.popup ._inner h4 {

    padding-right: 25px;

    margin-bottom: 15px;

}



.popBtn {

    cursor: pointer;

}



.crosBtn {

    position: absolute;

    top: 5px;

    display: flex;

    align-items: center;

    justify-content: center;

    right: 5px;

    width: 28px;

    height: 28px;

    color: #8d9297;

    font-size: 18px;

    text-align: center;

    cursor: pointer;

    z-index: 5;

}



.crosBtn:before {

    content: '\2715';

    line-height: 1;

}



.popup .list &gt; li {

    display: flex;

    margin-bottom: 10px;

}



.popup .list &gt; li &gt; div:nth-child(1) {

    width: 120px;

    min-width: 120px;

    font-family: 'Poppins Bold';

    margin-right: 10px;

}



.popup .list &gt; li &gt; div:nth-child(2) {

    width: 100%;

}



.popup .blockLst {

    margin: -15px;

}



/*

|----------------------------------------------------------------------

|       Dropdown

|----------------------------------------------------------------------

*/



.dropBtn {

    display: inline-flex;

    align-items: center;

    cursor: pointer;

}



.dropBtn &gt; i.chevron {

    display: inline-block;

    width: 10px;

    min-width: 10px;

    height: 10px;

    background-image: var(--chevron);

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

    margin: 0;

    margin-left: 5px;

    transition: inherit;

}



.dropDown {

    position: relative;

    z-index: 1;

}



.dropCnt {

    position: absolute;

    top: 100%;

    left: 0;

    min-width: 160px;

    max-width: 260px;

    background: #fff;

    margin-top: 10px;

    visibility: hidden;

    opacity: 0;

    /* border: 1px solid #eee; */

    border-radius: 7px;

    box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3), 0 -6px 16px -6px rgba(0, 0, 0, 0.025);

    transition: all ease 0.5s;

    overflow: hidden;

}



.dropCnt.right {

    left: initial;

    right: 0;

}



.dropCnt.active {

    margin-top: 0;

    visibility: visible;

    opacity: 1;

}



.dropLst {

    /* border: 1px solid #eee; */

    padding: 6px 0;

    /* border-radius: 7px; */

}



.dropLst &gt; li,

.dropLst &gt; li &gt; * {

    display: block;

}



/* .dropLst &gt; li:nth-child(1) &gt; * {

    border-top-left-radius: 7px;

    border-top-right-radius: 7px;

}



.dropLst &gt; li:nth-last-child(1) &gt; * {

    border-bottom-left-radius: 7px;

    border-bottom-right-radius: 7px;

}



.dropLst &gt; li:not(:nth-last-child(1)) {

    border-bottom: 1px solid #eee;

} */



.dropLst &gt; li &gt; * {

    display: flex;

    align-items: center;

    width: 100%;

    background: #fff;

    /* color: #fff; */

    text-align: left;

    padding: 6px 15px;

    border: 0;

}



.dropLst &gt; li &gt; *:hover {

    background: #fafafa;

}



.dropLst &gt; li &gt; * &gt; i {

    margin-right: 6px;

}



/*_____ more _____*/



.more {

    position: relative;

    width: 20px;

    min-width: 20px;

    height: 20px;

    /* padding-bottom: 10px; */

    margin: 0 auto;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all ease 0.5s;

}



.more &gt; span,

.more &gt; span:before,

.more &gt; span:after {

    width: 4px;

    height: 4px;

    border-radius: 75%;

    background: #aaa;

    transition: all ease 0.5s;

    z-index: 2;

}



.more &gt; span:before,

.more &gt; span:after {

    position: absolute;

    content: '';

}



.more &gt; span:before {

    left: 0;

}



.more &gt; span:after {

    right: 0;

}



.more:hover &gt; span,

.more:hover &gt; span:before,

.more:hover &gt; span:after {

    background: #fff;

}



/*

|----------------------------------------------------------------------

|       Page Loader

|----------------------------------------------------------------------

*/



#pageloader {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    background: #f5f6f8;

    z-index: 999999;

}



.loader {

    width: 40px;

    height: 40px;

    border: 4px solid #00aeef;

    border-right: 4px solid #f0f5f9;

    border-radius: 75%;

    animation: spin 0.5s linear infinite;

}



@keyframes spin {

    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(-360deg);

    }

}



/*

|----------------------------------------------------------------------

|       Ico Css

|----------------------------------------------------------------------

*/



.ico,

.icon {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

}



.ico {

    background: #fff;

    border-radius: 75%;

    box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3), 0 -6px 16px -6px rgba(0, 0, 0, 0.025);

    /* overflow: hidden; */

}



.ico a,

.icon a {

    display: block;

    width: 100%;

    height: 100%;

    border-radius: inherit;

}



.ico img,

.icon img {

    width: 100%;

    height: 100%;

    object-position: center;

}



.ico img {

    object-fit: cover;

    border-radius: inherit;

}



.icon img {

    object-fit: contain;

}



.ico &gt; i.status {

    position: absolute;

    top: 0;

    right: -4px;

    display: block;

    width: 12px;

    height: 12px;

    /* background: #43b753; */

    background: #00aeef;

    border: 2px solid #fff;

    border-radius: 75%;

}



.ico &gt; i.status.active {

    background: #43b753;

    /* background: #00aeef; */

}



.ico &gt; i.status.away {

    background: #ffcb00;

}



.ico &gt; i.status.busy {

    background: #5883ff;

}



.ico &gt; i.status.offline {

    background: #ff5465;

}



.ico &gt; .loading {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    /* width: 50%; */

    min-width: 100%;

    height: 3px;

    background: #eee;

    border-bottom-left-radius: inherit;

    border-bottom-right-radius: inherit;

    overflow: hidden;

}



.ico &gt; .loading:before {

    content: '';

    width: inherit;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #00aeef;

}



/*

|----------------------------------------------------------------------

|       RateYo

|----------------------------------------------------------------------

*/



.jq-ry-container {

    position: relative;

    display: block;

    cursor: pointer;

    box-sizing: content-box;

    line-height: 0;

    direction: ltr;

}



.jq-ry-container[readonly="readonly"] {

    cursor: default;

}



.jq-ry-container &gt; .jq-ry-group-wrapper {

    position: relative;

    width: 100%;

}



.jq-ry-container &gt; .jq-ry-group-wrapper &gt; .jq-ry-group {

    position: relative;

    line-height: 0;

    white-space: nowrap;

    z-index: 1;

}



.jq-ry-container &gt; .jq-ry-group-wrapper &gt; .jq-ry-group &gt; svg {

    display: inline-block;

}



.jq-ry-container &gt; .jq-ry-group-wrapper &gt; .jq-ry-group.jq-ry-normal-group {

    width: 100%;

}



.jq-ry-container &gt; .jq-ry-group-wrapper &gt; .jq-ry-group.jq-ry-rated-group {

    position: absolute;

    top: 0;

    left: 0;

    width: 0;

    overflow: hidden;

    z-index: 3;

}



/*

|----------------------------------------------------------------------

|       Editor

|----------------------------------------------------------------------

*/



.ckEditor h1,

.ckEditor h2,

.ckEditor h3,

.ckEditor h4,

.ckEditor h5,

.ckEditor h6 {

    margin: 15px 0;

    clear: both;

}



.ckEditor ul:not([class]) &gt; li &gt; h1,

.ckEditor ol:not([class]) &gt; li &gt; h1,

.ckEditor ul:not([class]) &gt; li &gt; h2,

.ckEditor ol:not([class]) &gt; li &gt; h2,

.ckEditor ul:not([class]) &gt; li &gt; h3,

.ckEditor ol:not([class]) &gt; li &gt; h3,

.ckEditor ul:not([class]) &gt; li &gt; h4,

.ckEditor ol:not([class]) &gt; li &gt; h4,

.ckEditor ul:not([class]) &gt; li &gt; h5,

.ckEditor ol:not([class]) &gt; li &gt; h5,

.ckEditor ul:not([class]) &gt; li &gt; h6,

.ckEditor ol:not([class]) &gt; li &gt; h6,

.ckEditor ul:not([class]) &gt; li &gt; p,

.ckEditor ol:not([class]) &gt; li &gt; p {

    display: inline;

    margin: 0 !important;

    overflow: initial !important;

}



.ckEditor ul:not([class]),

.ckEditor ol:not([class]) {

    padding: 0;

    padding-right: 20px;

    margin: 0 0 10px;

    list-style-position: inside;

}



.ckEditor ul:not([class]) &gt; li,

.ckEditor ol:not([class]) &gt; li {

    display: list-item;

    margin-bottom: 5px;

}



.ckEditor ul:not([class]) &gt; li ul,

.ckEditor ol:not([class]) &gt; li ol {

    margin: 5px 0 7px;

}



.ckEditor ul:not([class]) {

    list-style-type: disc;

}



.ckEditor ul:not([class]) &gt; li ul {

    list-style-type: circle;

}



.ckEditor blockquote {

    background: rgba(0, 0, 0, 0.04);

    margin: 0 0 20px;

    padding: 10px 20px;

    border-left: 5px solid;

}



.ckEditor img {

    width: 100% !important;

    height: auto !important;

}



.ckEditor figure,

.ckEditor p &gt; img {

    width: auto !important;

    max-width: 100%;

    margin: 5px 0 15px;

}



.ckEditor p[style="text-align:left"] &gt; img,

.ckEditor p[style="text-align:left;"] &gt; img,

.ckEditor p[style="text-align: left"] &gt; img,

.ckEditor p[style="text-align: left;"] &gt; img {

    float: left;

}



.ckEditor p &gt; a {

    display: inline !important;

}



.ckEditor i,

.ckEditor em {

    font-style: italic;

}



.ckEditor &gt; *:nth-child(1) {

    margin-top: 0;

}



/*

|----------------------------------------------------------------------

|       Header

|----------------------------------------------------------------------

*/



header {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    height: 100px;

    background: #fff;

    box-shadow: 0 5px 15px rgb(0 0 0 / 7%);

    z-index: 30;

}



.logo {

    float: left;

    display: flex;

    align-items: center;

    width: 160px;

    height: 100px;

    /* filter: brightness(0) invert(1); */

}



.logo &gt; a {

    display: block;

    height: 100%;

}



.logo &gt; a &gt; img {

    display: block;

    width: auto;

    height: 100%;

    max-width: 100%;

    object-fit: contain;

    object-position: left center;

    transition: inherit;

}



nav {

    float: right;

    display: flex;

    flex-flow: column-reverse;

    align-items: flex-end;

    justify-content: center;

    height: 100px;

}



#nav {

    display: flex;

    justify-content: center;

    margin: 0 -20px;

}



#nav &gt; li {

    position: relative;

    padding: 0 20px;

}



#nav &gt; li &gt; a {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 42px;

    color: #231f20;

    font-size: 16px;

    font-family: 'Poppins Medium';

    text-align: center;

    /* text-transform: uppercase; */

}



#nav &gt; li &gt; a:hover,

#nav &gt; li.active &gt; a {

    color: #00aeef;

}



#nav &gt; li.btnLi &gt; a {

    padding: 0 25px;

    border: 1px solid #fff;

}



#nav &gt; li.btnLi &gt; a:hover,

#nav &gt; li.btnLi.active &gt; a {

    background: #fff;

    color: #231f20;

}



nav &gt; ul &gt; li.drop &gt; a {

    position: relative;

}



nav &gt; ul &gt; li.drop &gt; a:after {

    content: '\e93d';

    font-size: 12px;

    font-family: 'font-icon';

    font-weight: bold;

    margin-left: 6px;

    line-height: 1;

}



nav &gt; ul &gt; li &gt; .sub {

    position: absolute;

    top: 100%;

    left: 15px;

    width: 240px;

    background: #fff;

    text-align: left;

    margin-top: 10px;

    visibility: hidden;

    opacity: 0;

    border-radius: 7px;

    border: 1px solid rgb(0 0 0 / 3%);

    transition: none;

    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 7%);

    overflow: hidden;

}



nav &gt; ul &gt; li:hover &gt; .sub {

    visibility: visible;

    opacity: 1;

    margin-top: 0;

    transition: all 0.2s ease-out;

}



nav &gt; ul &gt; li &gt; .sub &gt; li,

nav &gt; ul &gt; li &gt; .sub &gt; li &gt; a {

    display: block;

}



nav &gt; ul &gt; li &gt; .sub &gt; li &gt; a {

    background: #fff;

    font-size: 13px;

    padding: 10px 15px;

    border-bottom: 1px solid #f7f7f7;

}



nav &gt; ul &gt; li &gt; .sub &gt; li &gt; a:hover {

    color: #00aeef;

}



nav #bar {

    display: flex;

    align-items: center;

}



nav .calBlk {

    margin-left: 30px;

}



.calBlk {

    display: flex;

    align-items: center;

}



.calBlk &gt; .icon {

    width: 30px;

    min-width: 30px;

    height: 30px;

    margin-right: 10px;

}



.calBlk &gt; .inner &gt; small {

    display: block;

    color: #8d9297;

}



.calBlk &gt; .inner &gt; a {

    font-size: 18px;

}



nav .social {

    margin: -3px;

}



nav .social &gt; li {

    padding: 3px;

}



nav .social &gt; li &gt; a {

    display: flex !important;

    align-items: center;

    justify-content: center;

    width: 36px;

    min-width: 36px;

    height: 36px;

    background: #00aeef;

    padding: 10px;

    border-radius: 75%;

}



nav .social &gt; li &gt; a:hover {

    background: #1c5fa8;

}



nav .social &gt; li &gt; a &gt; img {

    filter: brightness(0) invert(1);

}



/*_____ miniLbl _____*/



.miniLbl {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 16px;

    height: 16px;

    background: #00aeef;

    color: #fff;

    font-size: 70%;

    font-family: 'Poppins SemiBold';

    border-radius: 75%;

    white-space: nowrap;

}



.green {

    background: #43b753;

}



.green-color {

    color: #43b753;

}



.yellow {

    background: #ffcb00;

}



.yellow-color {

    color: #ffcb00;

}



.red {

    background: #ff5465;

}



.red-color {

    color: #ff5465;

}



.blue {

    background: #5883ff;

}



.blue-color {

    color: #5883ff;

}



.gray {

    background: #aaa;

}



.gray-color {

    color: #aaa;

}



[index] &gt; section {

    padding: 80px 0;

}



/*

|----------------------------------------------------------------------

|       Banner

|----------------------------------------------------------------------

*/



#banner {

    min-height: 600px;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    /* padding-top: 180px; */

    /* margin-top: -100px; */

}



#banner:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    /* background: #000118; */

    opacity: 0.6;

    z-index: 1;

}



#banner .outer {

    display: flex;

    align-items: center;

}



#banner .content {

    max-width: 500px;

    color: #fff;

    /* margin: 0 auto; */

}



#banner .content &gt; h1 {

    font-size: 50px;

    line-height: 1.2;

    text-shadow: rgb(35 31 32 / 15%) 2px 2px 5px;

    margin-bottom: 20px;

}



#banner .content &gt; h1 &gt; span {

    display: block;

    /* text-transform: uppercase; */

}



#banner .content &gt; h6  {

    text-transform: uppercase;

}



#banner .content &gt; h4 {

    margin-bottom: 30px;

}



#banner form {
    width: 100%;
    max-width: 320px;
    background: #fff;

    margin-left: auto;

    padding: 25px;

    border-radius: 7px;

    box-shadow: 0 7px 14px 0 rgb(59 65 94 / 5%), 0 3px 6px 0 rgb(0 0 0 / 5%);

    overflow: hidden;

}



/*_____ owl-nav _____*/



.owl-carousel.owl-theme .owl-nav {

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    margin: 0;

}



.owl-carousel.owl-theme .owl-nav [class*=owl-] {

    position: absolute;

    top: 0;

    width: initial;

    height: initial;

    display: flex;

    align-items: center;

    justify-content: center;

    background: transparent !important;

    color: #231f20;

    font-size: 14px;

    padding-top: 1px;

    padding-left: 1px;

    margin-top: -12px;

}



.owl-carousel.owl-theme .owl-nav [class*=owl-]:hover {

    color: #00aeef;

}



.owl-carousel.owl-theme .owl-nav .owl-prev {

    left: -30px;

}



.owl-carousel.owl-theme .owl-nav .owl-next {

    right: -30px;

}



/*_____ owl-dots _____*/



.owl-carousel.owl-theme .owl-dots {

    text-align: center;

    position: relative;

    margin-top: 20px;

    line-height: 0;

    z-index: 5;

}



.owl-carousel.owl-theme .owl-dots .owl-dot {

    display: inline-block;

    padding: 0 2px !important;

}



.owl-carousel.owl-theme .owl-dots .owl-dot span {

    display: block;

    width: 10px;

    height: 4px;

    margin: auto;

    border: 2px solid #aaa;

    border-radius: 50px;

    transition: all ease 0.5s;

}



.owl-carousel.owl-theme .owl-dots .owl-dot.active span {

    width: 24px;

    height: 4px;

    margin: auto;

    border-color: #00aeef;

}



/*

|----------------------------------------------------------------------

|       Serve

|----------------------------------------------------------------------

*/



#serve {

    overflow: hidden;

}



#serve .content {

    max-width: 500px;

    margin: 0 auto;

}



#serve .inner {

    height: 100%;

    background: #fff;

    border-radius: 5px;

    box-shadow: 0 5px 15px rgb(0 0 0 / 7%);

    transition: all ease 0.5s;

    overflow: hidden;

}



#serve .inner:hover {

    background: #00aeef;

}



#serve .inner .image {

    position: relative;

    padding-bottom: 80%;

}



#serve .inner .image &gt; img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    height: 100%;

    object-fit: cover;

}



#serve .inner .txt {

    /* background: #fff; */

    padding: 35px 30px;

    transition: all ease 0.3s;

    /* box-shadow: 0 5px 15px rgb(0 0 0 / 7%); */

}



#serve .inner:hover .txt,

#serve .inner:hover .txt &gt; p,

#serve .inner:hover .txt &gt; .webBtn:not(:hover) {

    color: #fff;

}



#serve .inner .txt &gt; p {

    color: #8d9297;

}



#owl-serve .owl-stage-outer {

    padding: 25px 15px;

    margin: -25px -15px;

}



#owl-serve .inner .txt &gt; p {

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    overflow: hidden;

}



/*

|----------------------------------------------------------------------

|       Business

|----------------------------------------------------------------------

*/



[index] &gt; #business {

    padding-top: 0;

}



#business .flexRow {

    margin: -15px -25px;

    align-items: center;

}



#business .flexRow &gt; .col {

    width: 50%;

    padding: 15px 25px;

}



#business .content &gt; .lst {

    margin: 10px -10px -5px;

}



#business .content &gt; .lst &gt; li {

    width: 50%;

    color: #8d9297;

    padding: 5px 10px;

}



#business .content &gt; .lst &gt; li:before {

    content: '\e939';

    color: #3bdebc;

    font-family: 'font-icon';

    font-weight: bold;

    margin-right: 10px;

}



#business .blkLst {

    margin: 10px -10px -10px;

}



#business .blkLst &gt; li {

    width: 50%;

    padding: 10px;

}



#business .blkLst &gt; li .inner {

    display: flex;

    align-items: center;

    /* background: #fff; */

    background: #f7f7f7;

    padding: 20px;

    /* border: 1px solid #eee;

    box-shadow: 0 5px 15px rgb(0 0 0 / 7%); */

}



#business .blkLst &gt; li .icon {

    width: 40px;

    min-width: 40px;

    height: 40px;

    margin-right: 15px;

}



#business .blkLst &gt; li h5 {

    margin-bottom: 0;

}



/*

|----------------------------------------------------------------------

|       Choose

|----------------------------------------------------------------------

*/



#choose {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    margin-top: 20px;

}



#choose:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgb(28 95 168 / 80%);

    backdrop-filter: blur(5px);

    /* background: #1c5fa8;

    opacity: 0.9; */

    z-index: 1;

}



#choose .image {

    position: absolute;

    top: -40px;

    right: 0;

    bottom: 40px;

    width: 35%;

    box-shadow: 80px 40px 0 0 #fff;

    z-index: 3;

}



#choose .image &gt; img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



#choose .content {

    max-width: 700px;

    color: #fff;

    /* overflow: hidden; */

}



#choose .content .sub_heading {

    color: inherit;

}



#choose .flexRow {

    margin: -25px -15px;

}



#choose .flexRow &gt; .col {

    width: 50%;

    padding: 25px 15px;

}



#choose .inner &gt; .icon {

    width: 50px;

    min-width: 50px;

    height: 50px;

    margin-bottom: 15px;

    filter: brightness(0) invert(1);

}



/*

|----------------------------------------------------------------------

|       Step

|----------------------------------------------------------------------

*/



#step .content {

    max-width: 560px;

    margin: 0 auto 50px;

}



#step .flexRow {

    position: relative;

    margin: -25px -15px;

}



#step .flexRow:before {

    content: '';

    position: absolute;

    top: -5px;

    left: -200px;

    right: -200px;

    height: 100%;

}



#step .flexRow &gt; .col {

    width: 33.3334%;

    padding: 25px 15px;

}



#step .inner {

    position: relative;

    width: 260px;

    height: 260px;

    background: #fff;

    padding: 20px;

    margin: 0 auto;

    border: 1px solid rgb(0 0 0 / 3%);

    border-radius: 75%;

    box-shadow: 0 2px 25px 0 rgb(0 0 0 / 3%);

    transition: all 500ms ease;

}



#step .inner:hover {

    transform: translateY(-10px);

}



#step .inner &gt; .num {

    position: absolute;

    top: 15px;

    right: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 46px;

    height: 46px;

    background: #1c5fa8;

    color: #fff;

    font-size: 20px;

    border-radius: 75%;

    transition: inherit;

    z-index: 2;

}



#step .inner:hover &gt; .num {

    background: #231f20;

}



#step .inner &gt; .txt {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-flow: column;

    width: 100%;

    height: 100%;

    padding: 15px;

    border: 6px solid #f7f7f7;

    border-radius: 75%;

    transition: inherit;

}



#step .inner:hover &gt; .txt {

    border-color: #00aeef;

}



/*

|----------------------------------------------------------------------

|       Spot

|----------------------------------------------------------------------

*/



#spot .content {

    max-width: 460px;

    margin: 0 auto;

}



/*

|----------------------------------------------------------------------

|       Subscribe

|----------------------------------------------------------------------

*/



#subscribe {

    background: #f5fafd;

}



#subscribe .content {

    max-width: 600px;

    margin: 0 auto;

}



#subscribe form {

    display: flex;

    align-items: center;

    border-radius: 50px;

    box-shadow: 0 5px 15px rgb(0 0 0 / 7%);

}



#subscribe form &gt; img {

    position: absolute;

    left: 20px;

    width: 16px;

    height: 16px;

}



#subscribe form &gt; label {

    padding-left: 36px;

}



#subscribe form &gt; .txtBox {

    background: #fff;

    padding-left: 48px;

    border: 0;

    border-radius: 50px 0 0 50px;

    box-shadow: none;

}



#subscribe form &gt; .webBtn {

    border-radius: 0 50px 50px 0;

}



/*

|----------------------------------------------------------------------

|       Folio

|----------------------------------------------------------------------

*/



#folio {

    background: #f7f7f7;

}



#folio .content {

    max-width: 420px;

    margin: 0 auto;

}



#folio .inner:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 60px;

    height: 40px;

    background-image: url('../images/comma.svg');

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;

}



#folio .inner {

    background: #fff;

    font-family: 'Poppins Light';

    padding: 35px 50px;

    border: 1px solid rgb(0 0 0 / 6%);

    border-radius: 7px;

    overflow: hidden;

}



#folio .inner .txt h5 {

    margin-bottom: 0;

}



#folio .inner .txt p {

    color: #8d9297;

}



#owl-folio:before {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    width: 65%;

    height: 0;

    box-shadow: 0 0 40px 120px rgb(0 0 0 / 7%);

    transform: translate3d(-50%,-50%,0);

    z-index: 0;

}



#owl-folio .owl-nav [class*=owl-] {

    width: 40px;

    height: 40px;

    background: #fff !important;

    margin-top: -20px;

    border-radius: 75%;

    box-shadow: 0 7px 14px 0 rgba(59, 65, 94, 0.05), 0 3px 6px 0 rgba(0, 0, 0, 0.05);

}



#owl-folio .owl-nav [class*=owl-] i {

    font-weight: bold;

}



/*

|----------------------------------------------------------------------

|       Form

|----------------------------------------------------------------------

*/



#appoint {

    background: #1c5fa8;

    padding: 60px 0;

}



#appoint .inside {

    display: flex;

    align-items: center;

    justify-content: space-between;

    color: #fff;

}



#appoint .calBlk &gt; .inner &gt; small {

    color: #f7f7f7;

}



#appoint .calBlk &gt; .inner &gt; a:not(:hover) {

    color: #fff;

}



/*

|----------------------------------------------------------------------

|       Form

|----------------------------------------------------------------------

*/



label {

    display: block;

    font-weight: normal;

    cursor: pointer;

}



label &gt; a {

    color: #3c9cdb;

}



label &gt; a:hover {

    color: #00aeef;

}



.txtGrp {

    position: relative;

}



.txtGrp:not(:nth-last-child(1)) {

    margin-bottom: 20px;

}



.infoHead,

form h5 {

    margin-top: 40px;

    margin-bottom: 20px;

}



form h5 + p {

    margin: -10px 0 20px;

}



.txtBox {

    display: block;

    width: 100%;

    height: 46px;

    background: #fcfcfc;

    text-align: left;

    padding: 6px 12px;

    border: 1px solid #d9dade;

    border-radius: 4px;

    outline: none !important;

    transition: all ease 0.5s;

}



.txtGrp label + .txtBox:not(button) {

    padding: 16px 12px 6px;

}



.txtBox:-webkit-autofill {

    transition: background-color 5000s ease-in-out 0s;

}



textarea.txtBox {

    height: 120px;

    resize: none;

}



.txtGrp .txtBox {

    box-shadow: inset 1px 1px 4px #f2f3f7;

}



.txtGrp .txtBox.uploadImg:not([data-upload]) {

    background: #fff;

    color: #00aeef;

    text-align: center;

    border-color: #00aeef;

    box-shadow: inset 1px 1px 4px #fcfcfc;

}



.txtGrp .txtBox.uploadImg[data-upload] {

    display: flex;

    align-items: center;

    color: #8d9297;

}



.txtGrp .txtBox.uploadImg[data-upload]:before {

    content: attr(data-text);

    flex: 1;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



.txtGrp .txtBox.uploadImg[data-upload]:after {

    content: 'Hochladen';

    color: #00aeef;

    margin-left: 5px;

}



.txtGrp .txtBox.uploadImg[data-upload].uploaded:after {

    content: 'Entfernen';

}



.txtGrp:not(.lblBtn) &gt; label {

    position: absolute;

    top: 0;

    display: flex;

    align-items: center;

    min-height: 46px;

    color: #8d9297;

    line-height: 1;

    margin: 0;

    margin-left: 13px;

    pointer-events: none;

    transition: all ease 0.5s;

    z-index: 1;

}



.txtGrp:not(.lblBtn) &gt; label.move {

    font-size: 10px;

    transform: translateY(-12px);

}



.txtBox:disabled {

    background: #e3e8ee;

    cursor: not-allowed;

    border-color: #d8dee6 !important;

}



.txtBox::placeholder {

    color: #231f20;

}



.txtBox:focus::placeholder {

    opacity: 0.4;

}



.txtGrp .txtBox:focus::placeholder {

    opacity: 0;

}



.txtBox:hover,

.txtBox:focus {

    border-color: #00aeef;

}



input[type="radio"],

input[type="checkbox"] {

    position: relative;

    width: 18px;

    min-width: 18px;

    height: 18px;

    color: #fff;

    margin-top: 0;

    cursor: pointer;

}



input[type="radio"],

input[type="checkbox"] {

    display: inline;

    appearance: initial;

}



input[type="radio"]:before,

input[type="checkbox"]:before,

input[type="radio"]:after,

input[type="checkbox"]:after {

    position: absolute;

    content: '';

    color: inherit;

}



input[type="checkbox"]:before,

input[type="checkbox"]:after {

    transition: all linear 0.3s;

}



input[type="radio"]:before,

input[type="checkbox"]:before {

    content: '';

    top: 8px;

    left: 6px;

    font-size: 12px;

    line-height: 0;

    transform: rotate(40deg);

    z-index: 1;

}



input[type="radio"]:after,

input[type="checkbox"]:after {

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #fff;

    border: 1px solid #d9dade;

    border-radius: 4px;

    box-shadow: inset 1px 1px 4px #f2f3f7;

}



input[type="radio"]:after {

    border-radius: 75%;

}



input[type="checkbox"]:checked:before {

    content: '\02143';

}



input[type="radio"]:checked:after {

    border-color: #00aeef;

    box-shadow: inset 0 0 0 4px #00aeef, 0 0 7px rgb(14 158 236 / 40%);

}



input[type="checkbox"]:checked:after {

    background: #00aeef;

    border-color: #00aeef;

    box-shadow: 0 0 7px rgb(14 158 236 / 40%);

}



.lblBtn {

    display: flex;

    text-align: left;

}



.lblBtn &gt; input[type="radio"],

.lblBtn &gt; input[type="checkbox"] {

    margin-top: 2px;

}



.lblBtn label {

    align-self: center;

    font-family: 'Poppins SemiBold';

    line-height: 1.5;

    cursor: pointer;

    margin: 0 0 0 10px;

}



input[type="file"].uploadFile {

    display: none;

}



.uploadImg {

    position: relative;

    cursor: pointer;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



select.txtBox {

    background-image: var(--chevron);

    background-position: right 10px center;

    background-repeat: no-repeat;

    background-size: 10px;

    padding-right: 24px !important;

    -webkit-appearance: none;

    appearance: none;

}



/*_____ info _____*/



.infoHead {

    display: flex;

    margin-bottom: 0;

}



.infoHead &gt; *:not(.info) {

    margin-top: 0;

}



.info {

    position: relative;

    align-self: flex-start;

    color: #8d9297;

    line-height: 1;

    margin-left: auto;

}



.info &gt; strong {

    display: flex;

    align-items: center;

    font-size: 90%;

    font-family: 'Poppins SemiBold' !important;

    cursor: pointer;

}



.info &gt; strong:after {

    content: '';

    display: block;

    width: 20px;

    min-width: 20px;

    height: 20px;

    background-image: var(--question);

    background-position: center;

    background-size: contain;

    background-repeat: no-repeat;

    margin-left: 5px;

    filter: brightness(0) invert(0.6);

}



.info .infoIn {

    position: absolute;

    top: 100%;

    right: 0;

    width: 240px;

    /* background: #fff; */

    background: rgb(255 255 255 / 0.7);

    padding: 20px;

    margin: 20px 0 0;

    line-height: 1.4;

    text-align: left;

    font-size: 90%;

    opacity: 0;

    visibility: hidden;

    border-radius: 6px;

    backdrop-filter: blur(10px);

    box-shadow: 0 15px 35px 0 rgba(49, 49, 93, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.08);

    transition: all ease 0.5s;

    z-index: 2;

}



.info:hover .infoIn {

    margin-top: 7px;

    opacity: 1;

    visibility: visible;

}



/*

|----------------------------------------------------------------------

|       Footer

|----------------------------------------------------------------------

*/



footer {

    position: relative;

    background: #231f20;

    color: #fff;

    font-size: 13px;

    font-family: 'Poppins Light';

    padding-top: 60px;

    overflow: hidden;

}



footer .flexRow {

    margin: -15px;

}



footer .flexRow &gt; .col {

    width: 25%;

    padding: 15px;

}



footer .footLogo {

    max-width: 80px;

    margin-bottom: 15px;

}



footer h5 {

    position: relative;

    margin-bottom: 20px;

    padding-bottom: 15px;

}



footer h5:after {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 30px;

    height: 3px;

    background: #00aeef;

}



footer .lst &gt; li {

    display: block;

    margin-bottom: 10px;

}



footer .lst &gt; li:nth-last-child(1) {

    margin-bottom: 0 !important;

}



footer a {

    color: inherit;

}



footer a:hover {

    color: #00aeef;

}



footer .smLst {

    margin: -5px -10px;

}



footer .infoLst &gt; li {

    display: flex;

    margin-bottom: 20px;

}



footer .infoLst &gt; li &gt; img {

    width: 16px;

    min-width: 16px;

    height: 16px;

    margin-top: 1px;

    margin-right: 10px;

}



footer .articleBlk .icon {

    margin-left: 30px;

}



footer .articleBlk .txt &gt; h6 {

    font-size: inherit;

    font-family: 'Poppins Light';

}



footer .articleBlk .txt &gt; .date {

    font-family: inherit;

    opacity: 0.5;

}



footer .smLst &gt; li {

    padding: 5px 10px;

}



footer .social {

    margin: 12px -3px -3px;

}



footer .social &gt; li {

    padding: 3px;

}



footer .social &gt; li &gt; a {

    display: flex !important;

    align-items: center;

    justify-content: center;

    width: 38px;

    min-width: 38px;

    height: 38px;

    background: #fff;

    padding: 11px;

    border-radius: 75%;

}



footer .social &gt; li &gt; a:hover {

    background: #00aeef;

}



/* footer .social &gt; li &gt; a &gt; img {

    filter: brightness(0) invert(0);

} */


footer .calBlk {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80px;
    background: #1c5fa8;
    color: #fff;
    padding: 10px 15px;
    justify-content: center;
    box-shadow: 0 -5px 15px rgb(0 0 0 / 10%);
    z-index: 20;
}

footer .calBlk &gt; .inner &gt; small {
    color: inherit;
}



/*_____ Copyright _____*/



.copyright {

    padding: 25px 0;

    margin-top: 60px;

    border-top: 1px solid #332e2f;

    z-index: 1;

}



.copyright .inner {

    display: flex;

    justify-content: center;

}



.copyright p {

    flex: 1;

    margin: 0;

}



.copyright p &gt; a {

    color: #00aeef;

}



.copyright p &gt; a:hover {

    color: #fff;

}



/*

|----------------------------------------------------------------------

|       Block

|----------------------------------------------------------------------

*/



.blk {

    background: #fff;

    padding: 30px;

    margin-bottom: 15px;

    border-radius: 6px;

    box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);

}



.blk .blk {

    padding: 20px;

}



.blk ._header,

.blk ._footer {

    position: relative;

    display: flex;

    align-items: center;

}



.blk ._header {

    margin-bottom: 20px;

}



.blk.collap &gt; ._header {

    margin-bottom: 0;

}



.blk.collap &gt; ._header &gt; .downBtn,

.blk.collap &gt; ._header &gt; .closeBtn {

    display: block;

    font-family: 'font-icon';

    font-weight: bold;

    line-height: 2;

    margin-left: 10px;

    cursor: pointer;

}



.blk.collap &gt; ._header &gt; .downBtn:before {

    content: '\e93d';

}



.blk.collap &gt; ._header &gt; .closeBtn:before {

    content: '\ea06';

    display: block;

    transform: rotate(45deg);

}



.blk.collap &gt; ._header &gt; .closeBtn:hover {

    color: #ff5465;

}



.blk.collap &gt; ._content {

    display: none;

    padding-top: 20px;

}



.blk.collap.active &gt; ._content {

    display: block;

}



.blk.collap &gt; ._content &gt; h5:nth-child(1) {

    margin-top: 20px;

}



.blk.head ._header {

    margin-bottom: -20px;

}



.blk ._footer {

    justify-content: flex-end;

}



.blk ._header h3,

.blk ._header h4,

.blk ._header h5,

.blk ._header h6 {

    margin-bottom: 0;

    margin-right: 30px;

    flex: 1;

}



.blk ._header h3 &gt; span {

    color: #8d9297;

}



.blk ._header + p {

    margin: -10px 0 20px;

}



.blk ._header .srch {

    width: 280px;

}



/*_____ scrollbar  _____*/



.scrollbar::-webkit-scrollbar-track {

    background: #eff0f3;

    border-radius: 50px;

}



.scrollbar::-webkit-scrollbar {

    width: 4px;

    background-color: #eff0f3;

    border-radius: 50px;

}



.scrollbar::-webkit-scrollbar-thumb {

    background: rgba(0, 0, 0, 0.07);

    border-radius: 50px;

}



/*

|----------------------------------------------------------------------

|       Formal - Common

|----------------------------------------------------------------------

*/



[formal] &gt; section,

[common] &gt; section {

    padding: 80px 0;

}



[formal] &gt; section:nth-child(1):not(#sBanner),

[common] &gt; section:nth-child(1):not(#sBanner) {

    padding-top: 20px;

}



/* [common] {

    font-size: 16px;

} */



/*_____ topHead _____*/



.topHead {

    display: flex;

    align-items: center;

}



.topHead .txtBox {

    width: auto;

    max-width: 120px;

    height: 36px;

}



.topHead .txtBox + .webBtn {

    margin-left: 15px;

}



/*

|----------------------------------------------------------------------

|       Sub Banner

|----------------------------------------------------------------------

*/



#sBanner {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    /* padding-top: 180px; */

    /* margin-top: -100px; */

}



#sBanner:before {

    /* content: ''; */

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #000118;

    opacity: 0.6;

    z-index: 1;

}



#sBanner .content {

    max-width: 600px;

    color: #fff;

    text-align: center;

    margin: 0 auto;

}



#sBanner .content h1 {

    font-size: 54px;

    text-shadow: rgb(35 31 32 / 15%) 2px 2px 5px;

    margin-bottom: 0;

}



/*

|----------------------------------------------------------------------

|       Contact us

|----------------------------------------------------------------------

*/



#contact .content {

    max-width: 700px;

    margin: 0 auto;

}



#contact form {

    max-width: 640px;

    background: #f7f7f7;

    padding: 25px;

    margin: 40px auto 0;

}



#contact form .txtBox {

    background: #fff;

    border: 1px solid rgb(0 0 0 / 7%);

    border-radius: 7px;

    box-shadow: 0 2px 15px rgb(0 0 0 / 2%);

}



#contact .infoLst {

    margin: -10px;

}



#contact .infoLst &gt; li {

    width: 33.3334%;

    padding: 10px;

}



#contact .infoLst &gt; li .inner {

    height: 100%;

    background: #fff;

    padding: 20px;

    border: 1px solid #eee;

    box-shadow: 0 5px 15px rgb(0 0 0 / 7%);

}



#contact .infoLst &gt; li .icon {

    width: 36px;

    min-width: 36px;

    height: 36px;

    margin: 0 auto 15px;

}



/*

|----------------------------------------------------------------------

|       Terms

|----------------------------------------------------------------------

*/



#terms .outer {

    background: #f7f7f7;

    padding: 25px;

}



/*

|----------------------------------------------------------------------

|       Team

|----------------------------------------------------------------------

*/



#team {

    background: #f7f7f7;

}



#team .content {

    max-width: 500px;

    margin: 0 auto 50px;

}



#team .inner {

    position: relative;

    background: #fff;

    border: 1px solid rgb(0 0 0 / 6%);

    border-radius: 7px;

    overflow: hidden;

}



#team .inner &gt; .image {

    position: relative;

    padding-bottom: 100%;

}



#team .inner &gt; .image &gt; img {

    position: absolute;

    height: 100%;

    object-fit: cover;

}



#team .inner &gt; .txt {

    padding: 25px;

}



#team .inner &gt; .txt &gt; h4 {

    margin-bottom: 0;

}



#team .inner &gt; .txt &gt; p {

    color: #8d9297;

}



/*

|----------------------------------------------------------------------

|       Testimonial

|----------------------------------------------------------------------

*/



#testimonial .content {

    max-width: 420px;

    margin: 0 auto;

}



#testimonial .flexRow {

    margin: -10px;

}



#testimonial .flexRow &gt; .col {

    width: 33.3334%;

    padding: 10px;

}



#testimonial .inner {

    position: relative;

    height: 100%;

    background: #fff;

    font-family: 'Poppins Light';

    padding: 35px 50px;

    border: 1px solid rgb(0 0 0 / 3%);

    border-radius: 7px;

    box-shadow: 0 2px 25px 0 rgb(0 0 0 / 3%);

}



#testimonial .inner:before {

    content: '';

    position: absolute;

    /* top: 0; */

    left: 0;

    width: 60px;

    height: 40px;

    background-image: url('../images/comma.svg');

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;

    transform: rotate(180deg);

}



#testimonial .inner h5 {

    margin-bottom: 0;

}



/*

|----------------------------------------------------------------------

|       Oops 404

|----------------------------------------------------------------------

*/



#oops {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #fafafa;

    padding: 120px 0 60px;

    overflow: auto;

}



#oops .blk {

    max-width: 440px;

    margin: 0 auto;

}



#oops .logoDv {

    position: absolute;

    top: 40px;

    left: 0;

    right: 0;

    width: 120px;

    margin: 0 auto 30px;

}



#oops .icon {

    color: #fff;

    font-size: 140px;

    font-family: 'Poppins Bold';

    line-height: 0.8;

    margin-bottom: 25px;

    text-shadow: 0 0 2px #00aeef, 1px 5px 24px rgba(68, 102, 242, 0.05);

}



/*

|----------------------------------------------------------------------

|       Videos

|----------------------------------------------------------------------

*/



.vidBlk {

    position: relative;

    display: block;

    background: #fff;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    padding-bottom: 56%;

    cursor: pointer;

    border-radius: 4px;

    box-shadow: 0 7px 14px 0 rgba(59, 65, 94, 0.05), 0 3px 6px 0 rgba(0, 0, 0, 0.05);

    overflow: hidden;

}



.vidBlk:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 14%;

    min-width: 36px;

    max-width: 100px;

    background-image: url('../images/icon-play.svg');

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

    margin: auto;

    opacity: 0.9;

    transition: all linear 0.5s;

}



.vidBlk:hover:before {

    opacity: 1;

}



.vidBlk video,

.vidBlk iframe {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: block;

    width: 100%;

    height: 100%;

    border: 0 !important;

    margin: auto;

    /* -o-object-fit: cover; */

    object-fit: fill;

}



video[poster] {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}



.articleBlk {

    display: flex;

    align-items: center;

}



/*

|----------------------------------------------------------------------

|       Blog

|----------------------------------------------------------------------

*/



.articleBlk .icon {

    width: 60px;

    min-width: 60px;

    height: 60px;

    margin-left: 10px;

    border-radius: 4px;

    overflow: hidden;

}



.articleBlk .icon img {

    object-fit: cover;

    object-position: center;

}



.articleBlk .txt {

    position: relative;

    width: 100%;

    order: -1;

}



.articleBlk .txt &gt; h6 {

    margin: 5px 0 0;

}



.articleBlk .txt &gt; .date {

    font-family: 'Poppins SemiBold';

}



/*

|----------------------------------------------------------------------

|       Frequently Asked Questions

|----------------------------------------------------------------------

*/



.faqBox {

    max-width: 800px;

    margin: 0 auto;

}



.faqBox &gt; .faqLst:not(:nth-last-child(1)) {

    margin-bottom: 40px;

}



.faqLst &gt; .faqBlk {

    position: relative;

    display: block;

    padding: 15px;

    margin-bottom: 10px;

    border: 2px solid #e3e3e3;

    transition: all ease 0.5s;

}



.faqLst &gt; .faqBlk:nth-last-child(1) {

    margin-bottom: 0;

}



.faqLst &gt; .faqBlk h5 {

    position: relative;

    font-family: 'Poppins Light';

    padding: 0 20px 0 0;

    margin: 0;

    cursor: pointer;

    transition: all ease 0.5s;

    z-index: 2;

}



.faqLst &gt; .faqBlk h5:after {

    content: '\ea06';

    position: absolute;

    top: 5px;

    right: 0;

    font-size: 70%;

    font-family: 'font-icon';

    font-weight: bold;

}



.faqLst &gt; .faqBlk.active h5:after {

    content: '\e9e0';

    color: #00aeef;

}



.faqLst &gt; .faqBlk h5:hover {

    color: #00aeef;

}



.faqLst &gt; .faqBlk .txt {

    display: none;

    color: #8d9297;

    margin: 0 0 -20px;

    padding: 20px 0;

}



.faqLst &gt; .faqBlk:nth-child(1) .txt {

    display: block;

}



/*

|----------------------------------------------------------------------

|       Our Services

|----------------------------------------------------------------------

*/



[services] #business {

    padding-bottom: 0;

}



#serve .flexRow {

    margin: -15px;

    justify-content: center;

}



#serve .flexRow &gt; .col {

    width: 33.3334%;

    padding: 15px;

}



#twentytwenty {

    height: 380px !important;

    border-radius: 7px;

}



.twentytwenty-container img {

    position: absolute;

    height: 100%;

    object-fit: cover;

}



/*

|----------------------------------------------------------------------

|       Book Now

|----------------------------------------------------------------------

*/



#book form {

    max-width: 640px;

    background: #f7f7f7;

    padding: 25px;

    margin: 40px auto 0;

}



#book form .txtBox {

    background: #fff;

    border: 1px solid rgb(0 0 0 / 7%);

    border-radius: 7px;

    box-shadow: 0 2px 15px rgb(0 0 0 / 2%);

}



/*

|----------------------------------------------------------------------

|       Areas

|----------------------------------------------------------------------

*/



#areas .content {

    max-width: 600px;

    margin: 0 auto;

}



#areas .infoLst {

    margin: -10px;

    justify-content: center;

}



#areas .infoLst &gt; li {

    width: 33.3334%;

    padding: 10px;

}



#areas .infoLst &gt; li .inner {

    height: 100%;

    background: #fff;

    padding: 20px;

    border: 1px solid #eee;

    box-shadow: 0 5px 15px rgb(0 0 0 / 7%);

}



#areas .infoLst &gt; li .icon {

    width: 36px;

    min-width: 36px;

    height: 36px;

    margin: 0 auto 15px;

}



#areas .infoLst &gt; li span {

    color: #8d9297;

}



.newsBlk .image {

    margin-bottom: 20px;

}



.newsBlk.mainBlk .image {

    margin-top: 20px;

}



.newsBlk .date {

    color: #8d9297;

}
#elfsight &gt; div {
    width: 100%;
}

#elfsight script ~ a:not(class),
#elfsight [class*="Main__Loader-"] + a,
#elfsight [class^="Main__Loader-"] + a,
#elfsight [class*="ItemsContainer-"] + a,
#elfsight [class^="ItemsContainer-"] + a,
#elfsight [class*="Main__Loader-"] + a + a,
#elfsight [class^="Main__Loader-"] + a + a,
#elfsight [class*="ItemsContainer-"] + a + a,
#elfsight [class^="ItemsContainer-"] + a + a {
    display: none !important;
}

.CommonLayout__Inner-d1flxf-1 a:last-child {
    display: none !important;
} 

.CommonLayout__Inner-d1flxf-1 a:nth-child(2) {
    display: none !important;
} 
.eapps-widget:hover .eapps-widget-toolbar{
   opacity: 0 !important
}

</pre></body></html>