/*
----------------------------------------------------------------
	METRO CUSTOM CSS
----------------------------------------------------------------
*/
:root{
    /** Colors **/
    --metro_red_1: #f50505;
    --metro_red_2: #f10707;
    --metro_red_3: #A22F30;
    --metro_blue_1: #3A4EA4;
    --metro_blue_2: #2A307D;
    --metro_black_1: #242c36;
    --metro_black_2: #616161;
    
    
    /** Fonts **/
    --metro_body_font: 'Manrope', Open Sans, sans-serif;
}
body{
    font-family: var(--metro_body_font);
}
h1,h2,h3,h4,h5,h6,
p,span,em,font,li{
    font-family: var(--metro_body_font) !important;
}
h1,h2{
    font-weight: 900 !important;
}
h3,h4{
    font-weight: 700 !important;
}
h5,h6{
    font-weight: 600 !important;
}
/*
.fas, .far, .fab{
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
}*/
.fa{
    font: normal normal normal 14px/1 FontAwesome !important;
}
.container.container-main.main-container {
    padding-top: 20px;
    padding-bottom: 20px;
}
.header4 .header-navigation ul>li>a,
.header4 .header-navigation ul>li>.sub-menu>li>a{
    font-family: var(--metro_body_font);
    text-transform: none;
}
.header4 ul.sub-menu li a{
    letter-spacing: 0;
}
.header4 .header-navigation ul>li:hover>a,
.header4 .header-navigation ul>li.current-menu-item > a{
    color: var(--metro_red_1);
}
.header4 .header-navigation ul>li>.sub-menu>li>a{
    text-transform: none;
}
.header4 .header-navigation ul>li>.sub-menu>li>a:hover{
    border-color: var(--metro_red_1);
}
.page-template-page-home .container.container-main.main-container{
    padding-top: 0;
    margin-top: -80px;
}
.page-template-page-home .container-main{
    padding-top: 0;
    margin-top: -80px;
}
.navbar .container{
    padding: 0 !important;
}
.header4 #main-navigation-wrapper .main-nav>ul>li ul>li ul {
    left: calc(-100% - 20px);
    padding-left: 0;
    width: 290px;
}
.header4 .header-navigation {
    padding: 15px 0;
    background:#ffffff;
    /**box-shadow: 0px 5px 7px 0px rgb(0 0 0 / 25%);**/
    box-shadow: none;
}
.header4 .header_top .container {
    padding-top: 5px;
    padding-bottom: 5px;
}
.header4 .topbar_call a, .header4 .topbar_mail a{
    font-family: var(--metro_body_font);
    color: #ffffff;
    font-size: .85rem;
    transition: all ease-in .3s;
}

.header4 .topbar_call a:hover, .header4 .topbar_mail a:hover{
    color: var(--metro_red_1);
    transition: all ease-in .3s;
}
.header4 .topbar_call a i, .header4 .topbar_mail a i {
    color: var(--metro_blue_1);
}
.header4 .header_top:after {
    width: 21%;
    border-bottom: 47px solid var(--metro_blue_1) !important;
}
.header4 .header_top_social li a i{
    font-size: 15px;
}
.navbar-default.sticky_header{
    box-shadow: 0px 3px 4px 0px rgb(0 0 0 / 20%);
}
.scroll-to-top {
    background: var(--metro_red_1);
}

.scroll-to-top:hover {
    background: var(--metro_blue_1);
}
.sub-title *{
    font-family: var(--metro_body_font) !important;
    font-weight: 600 !important;
    font-size: 18px;
    line-height: 24px !important;
    color: var(--metro_blue_1) !important;
}
.sub-title{
    margin: 0 0 5px !important;
}
.main-title *{
    font-family: var(--metro_body_font) !important;
    font-weight: 900 !important;
    font-size: 45px;
    line-height:60px !important;
    color: var(--metro_black_1) !important;
}
.main-title{
    margin: 0 0 15px !important;
}
.service-list-item > div {
    box-shadow: 0px 0px 20px 0px rgb(191 188 188 / 25%);
    transition: background .5s,border .3s,border-radius .3s,box-shadow .3s;
    margin: 0 15px 30px;
    padding: 0 0 10px !important;
    background: #ffffff;
    border-radius: 6px;
    overflow: hidden;
}
.service-list-item:hover > div{
    box-shadow: 0px 0px 20px 0px rgb(57 56 56 / 25%);
    transition: background .5s,border .3s,border-radius .3s,box-shadow .3s;
}
.service-list-item .service-title,
.service-list-item .service-desc,
.service-list-item .service-btn{
    margin: 0 20px;
}
.service-list-item .service-title{
    margin: 10px 20px !important;
}
.service-list-item .service-title *{
    font-size: 21px !important;
    color: var(--metro_blue_1) !important;
    font-family: var(--metro_body_font)!important;
    font-weight: 800!important;
}
.service-list-item .service-desc *{
    font-size: 15px!important;
    font-family: var(--metro_body_font)!important;
    font-weight: 500!important;
}
.service-list-item .service-btn a{
    border-radius: 50%;
    height: 42px;
    width: 42px;
    text-align: center;
    border: 1px solid var(--metro_red_1);
    background: transparent;
    color: var(--metro_red_1);
    padding: 0;
    line-height: 42px;
    margin-bottom: 10px;
}
.service-list-item .service-btn a:hover{
    border-radius: 21px;
    width: auto;
    padding: 0 22px;
    border-color: var(--metro_red_3);
    color: #ffffff !Important;
    background: var(--metro_red_3);
}
.service-list-item .service-btn a:hover:before{
    display: none !important;
}
.service-list-item .service-btn a:hover:after{
    content: "Read more";
    font-family: var(--metro_body_font)!important;
    font-size: 14px !important;
    position: relative;
}
.service-list-item .service-btn a > span{
    margin: 0;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    display: inline-block;
    font-size: 21px;
}
.service-list-item .service-btn a:hover > span{
    width: auto;
    padding: 0;
    margin:0 7px 0 0;
}
.service-list-item .service-btn a > span > span{
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    margin:0;
}
.service-list-item .service-btn a:hover > span > span{
    width: auto;
    padding: 0;
}
.service-list-item .service-btn a span.elementor-button-text{
    display: none !important;
}
.service-list-item .service-btn a:before{
    content: "Read more";
    font-family: var(--metro_body_font)!important;
    font-size: 14px !important;
    position: absolute;
    line-height: 42px;
    margin-right: 10px;
    left: 60px;
}
.text-white, .text-white *{
    color: #ffffff !important;
}
.cta-title{
    margin-bottom: 25px !important;
}
.cta-title *{
    font-family: var(--metro_body_font)!important;
    font-weight: 900 !important;
    font-size: 50px;
}
.elementor-counter .elementor-counter-number-wrapper {
    font-weight: 800 !important;
}
.partners-wrap figure{
    margin:0 5px!important;
    padding: 10px 15px !important;
    box-shadow: 0px 0px 20px 0px rgb(191 188 188 / 25%);
}
.partners-wrap figure img{
    filter:grayscale(98%);
    transition: filter ease-in .3s;
}
.partners-wrap figure:hover img{
    filter:grayscale(0%);
    transition: filter ease-in .3s;
}
.partners-wrap .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: -20px !important;
}
/*, .swiper-pagination-custom, .swiper-pagination-fraction*/
.partners-wrap .elementor-pagination-position-outside .swiper-container {
    padding: 30px 20px !important;
}
.footer1 .site_footer_top .footer_box i {
    font-size: 40px;
}
.footer1 .site_footer_top .footer_box p{
    font-size: 15px;
}
.footer1 .site-footer__bottom p, .sitefooter_default p {
    margin-bottom: 0;
    color: #a2b6cf;
    font-size: 14px;
}
.footer1 .site-footer__bottom p a, .sitefooter_default p a {
    color: #a2b6cf;
    opacity:0.75;
    transition: all ease-in .2s;
}
.footer1 .site-footer__bottom p a:hover, .sitefooter_default p a:hover {
    color: var(--metro_red_1);
    opacity: 1;
    transition: all ease-in .2s;
}
.footer1 .footer_call,.footer1 .footer_mail {
    justify-content: left;
}
.metro-icon-image-block .elementor-image-box-img img{
    width: 50px;
}
.metro-icon-image-block .elementor-image-box-img{
    width: 75px !important;
}
.metro-icon-image-block .elementor-image-box-content .elementor-image-box-title{
    color: var(--metro_black_1);
    font-size: 20px;
    font-weight: 900 !important;
}
div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background-color: var(--metro_red_1);
    border: 1px solid var(--metro_red_1);
    color: #ffffff;
    font-weight: 800;
    padding: 10px 25px;
    border-radius: 6px;
}
.scroll-to-top i {
    color: #ffffff;
    font-size: 24px !important;
    line-height: 40px !important;
    cursor: pointer;
}
.mobileBtt.right .scroll-to-top, .desktopBtt.right .scroll-to-top, .scroll-to-top.right {
    right: unset !important;
    left: 30px;
}
.grecaptcha-badge { 
    visibility: hidden !important;
}

/*=============== MEDIA QUERIES ================= */


@media (min-width: 1201px){
    .header4 .sub-menu li a:hover {
        background: var(--metro_red_1);
    }
    .header4 ul#Primary {
        display: inline-flex;
        justify-content: flex-end;
    }
}
@media (max-width: 1200px){
    .header4 #main-navigation-wrapper .navbar-nav>li>.dropdown-submenu {
        border-bottom: 1px solid var(--metro_red_3);
        background: var(--metro_black_2);
    }
    .header4 .header-navigation ul>li>.sub-menu>li>a {
        border-top: 1px solid var(--metro_red_3);
    }
    .header4 #main-navigation-wrapper .main-nav>ul>li ul>li ul {
        background: #838383;
        border-bottom: 0;
    }
    .header4 .mobileSearchForm .search_blog {
        background: var(--metro_red_1);
    }
}
@media (max-width: 1023px){
    .header4 .header_top:after {
        color: #ffffff;
    }
    .header4 .header_top{
        display: none;
    }
}
@media (max-width: 767px){
    .footer1 .site_footer_top .footer_box, 
    .footer2 .site_footer_top .footer_box, 
    .footer3 .site_footer_top .footer_box, 
    .footer4 .site_footer_top .footer_box {
        max-width: 100%;
        border-bottom: 1px dashed #4f4f4f;
        padding-bottom: 15px;
    }
    .site_footer_top .footer_box:last-child{
        border: 0;
    }
}
@media (max-width: 420px){
    .header4 .topbar_mail, .header4 .topbar_call {
        margin: 0 8px 0 0;
    }
    .header4 .header_top_social ul {
        display: flex;
        justify-content: center;
    }
}