@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('./root.css');
@import url('index.css');
@import url('./navbar.css');
@import url('./slider-menu.css');
@import url('./insurance.css');
@import url('./contact-us.css');
@import url("./blogs.css");

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

@font-face {
    font-family: 'helvetica';
    src: url("../../fontsFamily/Helvetica.ttf");

    font-family: 'muli';
    src: url("../../fontsFamily/Muli-Light.ttf");

    font-family: 'kufi';
    src: url("../../fontsFamily/arabic/DroidKufi-Regular.ttf");

}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}


body {
    font-family: 'muli', helvetica, sans-serif !important;
    scroll-behavior: smooth !important;
}

.p--1 {
    padding: var(--p1) !important;
}

.p--2 {
    padding: var(--p2) !important;
}

.p--3 {
    padding: var(--p3) !important;
}

.pt--1 {
    padding-top: var(--pt1) !important;
}

.pt--2 {
    padding-top: var(--pt2) !important;
}

.pt--3 {
    padding-top: var(--pt3) !important;
}

.pb--1 {
    padding-top: var(--pb1) !important;
}

.pb--2 {
    padding-top: var(--pb2) !important;
}

.pb--3 {
    padding-top: var(--pb3) !important;
}

.pl--1 {
    padding-top: var(--pl1) !important;
}

.pl--2 {
    padding-top: var(--pl2) !important;
}

.pr--3 {
    padding-top: var(--pr3) !important;
}

.pr--2 {
    padding-top: var(--pr2) !important;
}

.pr--3 {
    padding-top: var(--pr3) !important;
}



.py--1 {
    padding-top: var(--pt1) !important;
    padding-bottom: var(--pt1) !important;
}

.py--2 {
    padding-top: var(--pt2) !important;
    padding-bottom: var(--pt2) !important;
}

.py--3 {
    padding-top: var(--pt3) !important;
    padding-bottom: var(--pt3) !important;
}

.px--1 {
    padding-left: var(--pl1) !important;
    padding-right: var(--pr1) !important;
}

.px--2 {
    padding-left: var(--pl2) !important;
    padding-right: var(--pr2) !important;
}

.px--3 {
    padding-left: var(--pl3) !important;
    padding-right: var(--pr3) !important;
}



/* margin */

.mt--50 {
    margin-top: calc(var(--mt1) / 2) !important;
}

.mt--1 {
    margin-top: var(--mt1) !important;
}

.mt--2 {
    margin-top: var(--mt2) !important;
}

.mt--3 {
    margin-top: var(--mt3) !important;
}

.mb--1 {
    margin-bottom: var(--mb1) !important;
}

.mb--2 {
    margin-bottom: var(--mb2) !important;
}

.mb--3 {
    margin-bottom: var(--mb3) !important;
}

.mt--4 {
    margin-top: calc(var(--mt2) * 2) !important;
}

.mt--5 {
    margin-top: calc(var(--mt3) * 2) !important;
}

.my--1 {
    margin-top: var(--mt1) !important;
    margin-bottom: var(--mt1) !important;
}

.my--2 {
    margin-top: var(--mt2) !important;
    margin-bottom: var(--mt2) !important;
}

.my--3 {
    margin-top: var(--mt3) !important;
    margin-bottom: var(--mt3) !important;
}

.ml--1 {
    margin-left: var(--ml1);
}

.ml--2 {
    margin-left: var(--ml2);
}

.ml--3 {
    margin-left: var(--ml3);
}

.mr--1 {
    margin-right: var(--mr1);
}

.mr--2 {
    margin-right: var(--mr2);
}

.mr--3 {
    margin-right: var(--mr3);
}

.fontColor {
    color: var(--fontColor);
}

a {
    text-decoration: none !important;
}

.font-14 {
    font-size: 14px !important;
}

ul li {
    list-style: none;
}

.i {
    font-size: 11px;
}

.icon {
    height: 15px;
}

.bg-light {
    background: rgba(200, 200, 200, .5);
}

.b-500 {
    font-weight: 600;
}

.communication {
    color: var(--fontColor) !important;
}

.communication img {
    max-height: 14px;
    /* transform: rotate(30deg); */
}

.communication:hover {
    color: var(--color) !important;
}



/* footer */

.listBullet div {
    transition: .2s;
    list-style-position: inside;
    text-align: start;
}

.listBullet div a {
    color: var(--fontColor);
}

.listBullet div:hover {
    padding-left: 5px;
}

.listBullet div:hover a {
    color: var(--color);
}

/* footer */


/* product card start*/
.product-card {
    height: calc(60px + 2vw);
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(140, 140, 140, .5);
    display: flex;
    justify-content: space-between;
    padding: 8px 10px;
    place-items: center;
    border-radius: 5px;
    transition: .3s;
    text-decoration: none;
    color: var(--fontColor);
}

.product-card img {
    max-height: calc(45px + 2vw);
    max-width: calc(60px + 2vw);
    padding-left: 10px;
}

.product-card .title {
    font-size: calc(15px + .3vw);
    font-weight: 600;
    text-transform: capitalize;
}

.product-card:hover {
    /* background: var(--color); */
    /* color: white; */
    box-shadow: 0 0 20px rgba(100, 100, 100, 1);
}

.heading2 {
    font-size: calc(15px + .3vw);
    font-weight: 600;
    transition: .2s;
    color: var(--fontColor);
}

.heading3 {
    font-size: calc(15px + .3vw);
    font-weight: 600;
    transition: .2s;
    color: var(--fontColor);
}

.heading2:hover {
    color: var(--color);
    cursor: pointer;
}


.digitalServices {
    height: calc(250px + 6vw);
}

.digitalServices .card-body {
    position: relative;
}

.digitalServices .card-body a {
    position: absolute;
    left: 15px;
    bottom: 15px;
}


.cusButton {
    background-color: var(--color);
    font-size: calc(15px + .4vw);
    box-shadow: 0 5px 0px #2d4e80;
    padding: 2px 20px;
    border: none;
    border-radius: 4px;
    color: white;
    text-transform: capitalize;
}

/* product card end*/
.social_image {
    max-height: 15px;
    margin-left: 3px;
    margin-right: 3px;
    transition: .2s;
}

.social_image:hover {
    box-shadow: 0 0px 7px rgba(140, 140, 140, 1);
    /* background: var(--color); */
}


.locationCardContainer {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    /* align-items: center; */
    flex-wrap: wrap;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}


.locationCardContainer .locationCard {
    flex: 250px 1 1;
    max-width: 250px;
    height: 150px;
    background: transparent;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin: 10px;
}

.locationCard {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    color: var(--fontColor);

}

.locationCard .city {
    flex: 180px 1 1;
    margin-left: 10px;
    margin-right: 10px;
}

.locationCard .address {
    flex: 400px 1 1;

    margin-left: 10px;
    margin-right: 10px;
}

.locationCard .location {
    flex: 120px 1 1;
    margin-left: 10px;
    margin-right: 10px;
}

option {
    color: black;
}

.disc-li li {
    list-style: disc !important;
}

.paginate{
    margin-left: auto;
    margin-right: auto;
}

.paginate p {
    margin-top: 15px !important;
}

.paginate svg{
    height: 15px;
    width: 15px;
}

.whatsapp-chat{
    bottom: 10px;
    left: 10px;
    position: fixed;
}
.foot_ans a{
    color: #333333 !important;
}
.sitemap li a{
    color: #212529;
}
.sitemap li a:hover{
    color: #4173bd;
    font-size: 17px;
    transition: 0.3s;
}
.list-style-square li{
    list-style: square;
}
.list-style-circle li{
    list-style: circle;
}
.list-style-disc li{
    list-style: disc;
}

[dir="rtl"] .list-style-circle{
    padding-left: unset;
    padding-right: 20px;
}
[dir="rtl"] .list-style-disc{
    padding-left: unset;
    padding-right: 20px;
}

.text-dark a{
    color: #212529;
}
.text-dark .branches a:hover{
    color: #fff3cd;
    background-color: #212529;
    border: 1px solid #212529;
    padding: 4px 13px;
    border-radius: 4px;
    display: inline-block;
}
.offset-right-12 {
    margin-right: 100%;
}
.offset-right-11 {
    margin-right: 91.66666667%;
}
.offset-right-10 {
    margin-right: 83.33333333%;
}
.offset-right-9 {
    margin-right: 75%;
}
.offset-right-8 {
    margin-right: 66.66666667%;
}
.offset-right-7 {
    margin-right: 58.33333333%;
}
.offset-right-6 {
    margin-right: 50%;
}
.offset-right-5 {
    margin-right: 41.66666667%;
}
.offset-right-4 {
    margin-right: 33.33333333%;
}
.offset-right-3 {
    margin-right: 25%;
}
.offset-right-2 {
    margin-right: 16.66666667%;
}
.offset-right-1 {
    margin-right: 8.33333333%;
}
.offset-right-0 {
    margin-right: 0;
}
@media (min-width: 576px) {
    .offset-sm-right-12 {
        margin-right: 100%;
    }
    .offset-sm-right-11 {
        margin-right: 91.66666667%;
    }
    .offset-sm-right-10 {
        margin-right: 83.33333333%;
    }
    .offset-sm-right-9 {
        margin-right: 75%;
    }
    .offset-sm-right-8 {
        margin-right: 66.66666667%;
    }
    .offset-sm-right-7 {
        margin-right: 58.33333333%;
    }
    .offset-sm-right-6 {
        margin-right: 50%;
    }
    .offset-sm-right-5 {
        margin-right: 41.66666667%;
    }
    .offset-sm-right-4 {
        margin-right: 33.33333333%;
    }
    .offset-sm-right-3 {
        margin-right: 25%;
    }
    .offset-sm-right-2 {
        margin-right: 16.66666667%;
    }
    .offset-sm-right-1 {
        margin-right: 8.33333333%;
    }
    .offset-sm-right-0 {
        margin-right: 0;
    }
}
@media (min-width: 768px) {
    .offset-md-right-12 {
        margin-right: 100%;
    }
    .offset-md-right-11 {
        margin-right: 91.66666667%;
    }
    .offset-md-right-10 {
        margin-right: 83.33333333%;
    }
    .offset-md-right-9 {
        margin-right: 75%;
    }
    .offset-md-right-8 {
        margin-right: 66.66666667%;
    }
    .offset-md-right-7 {
        margin-right: 58.33333333%;
    }
    .offset-md-right-6 {
        margin-right: 50%;
    }
    .offset-md-right-5 {
        margin-right: 41.66666667%;
    }
    .offset-md-right-4 {
        margin-right: 33.33333333%;
    }
    .offset-md-right-3 {
        margin-right: 25%;
    }
    .offset-md-right-2 {
        margin-right: 16.66666667%;
    }
    .offset-md-right-1 {
        margin-right: 8.33333333%;
    }
    .offset-md-right-0 {
        margin-right: 0;
    }
}
@media (min-width: 992px) {
    .offset-lg-right-12 {
        margin-right: 100%;
    }
    .offset-lg-right-11 {
        margin-right: 91.66666667%;
    }
    .offset-lg-right-10 {
        margin-right: 83.33333333%;
    }
    .offset-lg-right-9 {
        margin-right: 75%;
    }
    .offset-lg-right-8 {
        margin-right: 66.66666667%;
    }
    .offset-lg-right-7 {
        margin-right: 58.33333333%;
    }
    .offset-lg-right-6 {
        margin-right: 50%;
    }
    .offset-lg-right-5 {
        margin-right: 41.66666667%;
    }
    .offset-lg-right-4 {
        margin-right: 33.33333333%;
    }
    .offset-lg-right-3 {
        margin-right: 25%;
    }
    .offset-lg-right-2 {
        margin-right: 16.66666667%;
    }
    .offset-lg-right-1 {
        margin-right: 8.33333333%;
    }
    .offset-lg-right-0 {
        margin-right: 0;
    }
}
@media (min-width: 1200px) {
    .offset-xl-right-12 {
        margin-right: 100%;
    }
    .offset-xl-right-11 {
        margin-right: 91.66666667%;
    }
    .offset-xl-right-10 {
        margin-right: 83.33333333%;
    }
    .offset-xl-right-9 {
        margin-right: 75%;
    }
    .offset-xl-right-8 {
        margin-right: 66.66666667%;
    }
    .offset-xl-right-7 {
        margin-right: 58.33333333%;
    }
    .offset-xl-right-6 {
        margin-right: 50%;
    }
    .offset-xl-right-5 {
        margin-right: 41.66666667%;
    }
    .offset-xl-right-4 {
        margin-right: 33.33333333%;
    }
    .offset-xl-right-3 {
        margin-right: 25%;
    }
    .offset-xl-right-2 {
        margin-right: 16.66666667%;
    }
    .offset-xl-right-1 {
        margin-right: 8.33333333%;
    }
    .offset-xl-right-0 {
        margin-right: 0;
    }
}
table img, svg{
    width: 120px;
}
@media (max-width: 868px) {
    img, svg{
        margin-bottom: 5px;
    }
    table .btn{
        width: max-content;
    }
    .div-flex-area .d-flex{
        display: none !important;
    }
}