/*-----------------Dotted patterns------------------*/
/*-------------------------------------------------*/
/*------------------------------------------------*/
/*-----------------------------------------------*/
/*----------------------------------------------*/
.dot-pattern {
    position: absolute;
    width: 234px;
    height: 138px;
    background-image: url("images/dot_pattern.svg");
    z-index: 9;
}

.dot-pattern-horizontal.top {
    right: 0;
    top: 18%;
}

.dot-pattern-vertical.top {
    transform: rotate(90deg);
    left: -6%;
    top: 25%;
}

.dot-pattern-vertical.bottom-1 {
    right: -3%;
    top: 56%;
    transform: rotate(90deg);
}

.dot-pattern-vertical.bottom-2 {
    transform: rotate(90deg);
    left: -6%;
    top: 80%;
}

/*-----------------Slider------------------*/
/*----------------------------------------*/
/*---------------------------------------*/
/*--------------------------------------*/
/*-------------------------------------*/
.bg-main {
    background-image: url(images/bg_main.jpg);
    height: 220px;
    background-size: cover;
}

.bg-main .col-8 {
    margin-top: 9%;
    margin-left: 3%;
}

h5.slide-arrow {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 2.02857px;
    color: #FFFFFF;

}
img.slide-arrow {
    margin-left: -3%;
}
.bg-main .main-text {
font-style: normal;
    font-weight: 400;
    font-size: 65px;
    line-height: 10px;
    color: #FFFFFF;
    text-align: center;
}

.menu-cards .card {
    height: 300px;
    padding: 25px 40px;
    width: 30%;
}

.menu-cards .card-title {
    font-weight: 400;
    font-size: 22px;
    color: #1C182B;
}

.menu-cards .card-text {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    color: #5E626C;
}

.menu-cards ul a {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    border-bottom: 1px solid #5E626C;
    text-decoration: none;
    color: #5E626C;
}
.container-fluid.bg-main.mb-7{
    margin-bottom: 6em;
}

/*-----------------About------------------*/
/*---------------------------------------*/
/*--------------------------------------*/
/*-------------------------------------*/
/*------------------------------------*/
.about {
    position: relative;
}

.about  .text-light-gray {
    color: #9CA5B1;
}

.about .text-light-gray.mt--5 {
    margin-top: -5%;
}

.about  .text-dark-gray {
    color: #5E626C;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
}

.about  h2 {
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    color: #1C182B;
}

.about .slide-arrow-blue {
    margin-left: -3%;
    margin-top: -10%;
}

.about .left-col .list-checkmark {
    font-weight: 300;
    font-size: 14px;
    line-height: 34px;
    color: #5E626C;
    list-style-image: url("images/checkmark.svg") !important;
}
.list-checkmark a{
    color:initial;
    text-decoration: none;
}
.about .left-col .list-checkmark::before {
    content: '',
}

.about .left-col a[href^="tel"] {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 47px;
    color: #0056A6;
    text-decoration: none;
}

.about .card {
    width: 50%;
    padding: 25px;
}

.about .card .card-title {
    font-weight: 500;
    font-size: 22px;
    line-height: 27px;
}

.about .card .card-text {
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
}

.about .card.blue {
    background: linear-gradient(314.91deg, #0056A6 0%, #2E8DE1 98.64%);
    color: #FFFFFF;
}

.about .card.blue:nth-of-type(1) {
    border-bottom-right-radius: 0;
}

.about .card.blue:last-of-type {
    border-top-left-radius: 0;
}

/*-----------------Licences and documents------------------*/
/*--------------------------------------------------------*/
/*-------------------------------------------------------*/
/*------------------------------------------------------*/
/*-----------------------------------------------------*/

.licences-and-documents .nav .nav-link{
font-weight: 500;
font-size: 22px;
line-height: 27px;
color: #1C182B;
width: 25%;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}
.licences-and-documents .text-light-gray {
    color: #9CA5B1;
}
.licences-and-documents .nav-tabs{
   --bs-nav-tabs-border-color:#0056A6;
   --bs-nav-tabs-link-active-border-color:#0056A6 #0056A6 #fff;

}
.licences-and-documents .tab-content .tab-pane{
    padding: 4em 0;
}

/*-----------------Reviews------------------*/
/*-----------------------------------------*/
/*----------------------------------------*/
/*---------------------------------------*/
/*--------------------------------------*/
.reviews .small-text {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.65px;
    color: #9CA5B1;
}

.reviews h2 {
    font-weight: 400;
    font-size: 40px;
    line-height: 49px;
    color: #1C182B;
}

.reviews .card {
    width: 27%;
    position: relative;
}

.reviews .card .blue-border {
    position: absolute;
    background-color: #0056A6;
    top: -2%;
    height: 10%;
    width: 100%;
    left: 0;
}

.reviews .card img {
    position: absolute;
    width: 20%;
    top: -10%;
    left: 40%;
    z-index: 3;
    border-radius: 50%;
}

.reviews .card .card-body {
    background-color: #ffffff;
    z-index: 2;
}

.reviews .card .card-text {
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    color: #5E626C;
    margin-top: 5rem !important;
}

.reviews .card .card-name {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #1C182B;
}

.reviews .card .card-source {
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #9CA5B1;
}

.reviews .card .card-footer {
    background-color: #FFFFFF;
}

/*-----------------Services------------------*/
/*------------------------------------------*/
/*-----------------------------------------*/
/*----------------------------------------*/
/*---------------------------------------*/
.services {
    background-color: #F7FBFF;
}

.services .card {
    background: linear-gradient(314.91deg, #0056A6 0%, #2E8DE1 98.64%);
    color: #FFFFFF;
    width: 48%;

}

.services .card h5 {
    font-weight: 500;
    font-size: 22px;
    line-height: 27px;
}

.services .card p {
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
}

.services .card .card-footer {
    background-color: transparent;
}

/*-----------------News------------------*/
/*--------------------------------------*/
/*-------------------------------------*/
/*------------------------------------*/
/*-----------------------------------*/
.news .small-text {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.65px;
    color: #9CA5B1;
}

.news h2 {
    font-weight: 400;
    font-size: 40px;
    line-height: 49px;
    color: #1C182B;
}

.news .card {
    width: 27%;
}

.news .card .blue-border {
    position: relative;
    background-color: #0056A6;
    height: 290px;
    width: 343px;
}

.news .card .blue-border img {
    position: absolute;
    top: -3%
}

.news .card h5 {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #1C182B;
}

.news .card .card-text {
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    color: #5E626C;

}

.news .card .card-footer,
.news .card .card-footer a {
    background-color: #ffffff;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #0056A6;
    text-decoration: none;
}

/*-----------------Modal------------------*/
/*---------------------------------------*/
/*--------------------------------------*/
/*-------------------------------------*/
/*------------------------------------*/

#connectModalForm .modal-image {
    background-image: url("images/modal_image.jpg");
    background-size: cover;
}

#connectModalForm .modal-title {
    font-weight: 500;
    font-size: 22px;
    color: #1C182B;
}

#connectModalForm .modal-body p {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    color: #5E626C;
}

#connectModalForm .modal-footer p {
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    color: #5E626C;
}

/*-----------------MOBILE FIXESSSSSS------------------*/
/*---------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------MOBILE FIXESSSSSS------------------*/
/*------------------------------------------------*/
/*-----------------------------------------------*/
/*------------MOBILE FIXESSSSSS-----------------*/
/*---------------------------------------------*/
/*--------------------------------------------*/
/*----------MOBILE FIXESSSSSS----------------*/
/*------------------------------------------*/
/*-----------------------------------------*/
/*----------------------------------------*/
/*---------------------------------------*/
/*--------------------------------------*/
/*-------------------------------------*/
/*------------------------------------*/
/*-----------------------------------*/
/*----------------------------------*/
/*---------------------------------*/
/*--------------------------------*/
/*-------------------------------*/
/*------------------------------*/
/*-----------------------------*/
/*----------------------------*/
/*---------------------------*/
/*--------------------------*/
/*-------------------------*/
/*------------------------*/
/*-----------------------*/
/*----------------------*/
/*---------------------*/
/*--------------------*/
/*-------------------*/
/*------------------*/
/*-----------------*/
/*----------------*/
/*---------------*/
/*--------------*/
/*-------------*/
/*------------*/
/*-----------*/
/*----------*/
/*---------*/
/*--------*/
/*-------*/
/*------*/
/*-----*/
/*----*/
/*---*/
/*--*/
/*-*/

/*-----------------Dotted patterns------------------*/
/*-------------------------------------------------*/
/*------------------------------------------------*/
/*-----------------------------------------------*/
/*----------------------------------------------*/
@media (max-width: 576px) {
    .dot-pattern {
        display: none;
    }
}

/*-----------------Slider------------------*/
/*----------------------------------------*/
/*---------------------------------------*/
/*--------------------------------------*/
/*-------------------------------------*/
@media (max-width: 576px) {
    .bg-main {
        margin-bottom: 60rem !important;
    }

    .bg-main .btn {
        margin-bottom: 3rem !important;
    }

    .bg-main .slide-arrow {
        font-size: 13px;
        margin-left: 0;
        margin-top: 5rem !important;
        margin-bottom: 1.5rem !important;
        letter-spacing: initial;
    }

    .bg-main .slide-arrow img {
        display: none;
    }

    .bg-main .main-text {
        font-size: 32px;
        line-height: 50px;
        margin-bottom: 2rem !important;
    }

    .bg-main .menu-cards .card {
        width: 100%;
        padding-bottom: 0rem !important;
        box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
        margin-bottom: 3rem !important;
        padding-left: 1rem !important;
    }

    .bg-main .menu-cards .card .card-body {
        padding-top: 0rem !important;
        padding-bottom: 0rem !important;
    }

    .bg-main .menu-cards .card .card-body ul {
        margin-bottom: 0 !important;
    }
}

/*-----------------About------------------*/
/*---------------------------------------*/
/*--------------------------------------*/
/*-------------------------------------*/
/*------------------------------------*/
@media (max-width: 576px) {
    .about {
        margin-bottom: 3rem !important;
    }

    .about .list-unstyled.list-checkmark.ms-4.mb-5 {
        margin-left: 2.2rem !important;
        font-size: 14px;
    }
    .about .list-unstyled.list-checkmark.ms-4.mb-5 {
        margin-bottom: 0!important;
    }
    .about .rounded-pill.btn.btn-primary.mx-auto{
        margin-top: 1rem!important;
    }
    .about .card {
        width: 100%;
        padding: 25px;
        border-radius: 6px !important;
    }

    .about .card img.d-none {
        display: block !important;
    }

    .about .card img.d-block {
        display: none !important;
    }

    .about .card:nth-of-type(3) {
        background: linear-gradient(314.91deg, #0056A6 0%, #2E8DE1 98.64%);
        color: #FFFFFF;
    }

    .about .card:nth-of-type(4) {
        background: #FFFFFF;
        color: #000000;
    }

    .about .left-col a[href^="tel"] {
        font-size: 18px;
    }

    .about .col-md-7.col-xs-12.d-flex.flex-wrap {
        margin-top: 3rem !important;
    }

    .about .text-dark-gray {
        font-size: 14px;
    }

    .about .left-col h2 {
        font-size: 28px;
    }
}

/*-----------------Interactive map------------------*/
/*-------------------------------------------------*/
/*------------------------------------------------*/
/*-----------------------------------------------*/
/*----------------------------------------------*/
@media (max-width: 576px) {
    .interactive-map .circle {
        display: none;
    }

    .interactive-map .d-inline {
        margin-right: 0 !important;
        display: block !important;
    }

    .interactive-map form .select,
    .interactive-map form .search_box-result  {
        width: 100% !important;
        margin-bottom: 2rem !important;
    }
    .interactive-map form .select__list {
    position: absolute;
    list-style-type: none;
    background-color: #fff;
    width: 100%;
    line-height: 32px;
    z-index: 2;
}

}

/*-----------------Bg secondary------------------*/
/*----------------------------------------------*/
/*---------------------------------------------*/
/*--------------------------------------------*/
/*-------------------------------------------*/
@media (max-width: 576px) {
    .bg-secondary {
        background: linear-gradient(180deg, rgba(88, 100, 220, 1) 0%, rgba(126, 92, 228, 1) 100%);
        height: max-content;
    }

    .bg-secondary .arrow-dashed {
        display: none;
    }

    .bg-secondary .arrows-inside {
        margin-top: 1rem !important;
    }

    .bg-secondary .col-md-3.col-xs-6.text-center {
        margin-bottom: 3rem !important;
    }

    .bg-secondary .row.py-4.mb-5 {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .bg-secondary .btn {
        margin-bottom: 3rem;
    }

    .bg-secondary .step.mb-4 {
        margin-bottom: 1rem !important;
    }

    .bg-secondary h2 {
        font-size: 28px;
    }
}

/*-----------------Reviews------------------*/
/*-----------------------------------------*/
/*----------------------------------------*/
/*---------------------------------------*/
/*--------------------------------------*/
@media (max-width: 576px) {
    .reviews .card {
        width: 100%;
        margin-bottom: 5rem;
    }

    .reviews h2 {
        font-size: 28px;
    }
}

/*-----------------Services------------------*/
/*------------------------------------------*/
/*-----------------------------------------*/
/*----------------------------------------*/
/*---------------------------------------*/
@media (max-width: 576px) {

    .services .card {
        width: 100%;

    }

    .services .card:first-of-type {
        margin-bottom: 2rem;
    }
}
/*-----------------Payment & Technical support------------------*/
/*-------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*----------------------------------------------------------*/

.payment-n-tp{
    background-color: #F7FBFF;
    
}
.payment-n-tp .card{
background: linear-gradient(314.91deg, #0056A6 0%, #2E8DE1 98.64%);
border-radius: 10px;
color:#fff;
    height: 100%;
}
.payment-n-tp .card .card-body p{
font-weight: 300;
font-size: 14px;
line-height: 22px;}
.payment-n-tp .card img{
width:3.5em
    
}
.payment-n-tp .card .card-footer{
    background: transparent;
    text-align: right;
    
}
/*-----------------News------------------*/
/*--------------------------------------*/
/*-------------------------------------*/
/*------------------------------------*/
/*-----------------------------------*/
@media (max-width: 576px) {
    .news h2 {
        font-size: 28px;
    }

    .news .card {
        width: 100%;
        margin-bottom: 1.5rem !important;
    }

    .news .d-flex {
        padding-top: 1rem !important;
    }

    .news .card .blue-border {
        margin-left: auto;
        margin-right: auto;
    }

    .news .card .card-footer {
        padding-top: 0 !important;
    }

    .news .text-end.me-5.pe-3 {
        margin-right: initial !important;
        padding-right: 0 !important;
        text-align: center !important;
    }
}