@charset "UTF-8";

/*
Theme Name: Speedpro Canada
Theme URI: https://www.speedprocanada.com/
Author: the speedprocanada team 
Description: Speedpro Canada is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds.
Requires at least: 5.3
Tested up to: 6.1
Requires PHP: 5.6
Version: 1.0 
*/



/* =======  FOR FRANCE PAGES CSS ======== */

html:lang(fr-FR) #quadmenu .quadmenu-navbar-nav li.quadmenu-item .quadmenu-item-content { padding:14px;}
html:lang(fr-FR) #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button) > a > .quadmenu-item-content,html:lang(fr-FR)  footer ul.menu li a{font-size: 13px;}




@media screen and (min-width: 1200px){

html:lang(fr-FR) #quadmenu .quadmenu-navbar-nav > li.quadmenu-item-type-post_type > a > .quadmenu-item-content { max-width: 120px; text-align: center; line-height: 1.2;}

}


@media only screen and (min-width: 992px) and (max-width: 1199px)  {
	
	html:lang(fr-FR) .logo a img { max-width: 160px;}
	html:lang(fr-FR) #quadmenu.quadmenu-is-horizontal .quadmenu-navbar-nav > li.quadmenu-item:not(.quadmenu-item-type-button) > a > .quadmenu-item-content{max-width: 110px; text-align: center; line-height: 1.2; padding: 14px 10px !important; padding-right: 0px !important;}
	html:lang(fr-FR) .search-location .form-control {height: 35px; padding: 0rem 3.2rem 0rem 1.2rem;}	
	html:lang(fr-FR) .search-location .form-outline .form-control ~ .form-label{left: 20px; font-size: 10px; height: 35px; top: 0; display: flex; align-items: center;}
	html:lang(fr-FR) .find-btn{right: 0px; height: 35px; width: 50px;}
	html:lang(fr-FR) .header-main-part .search-location {max-width: 230px;}
	html:lang(fr-FR) .search-location .input-group{padding: 0px 0;}
	html:lang(fr-FR) #quadmenu .quadmenu-navbar-nav li.quadmenu-item > a > .quadmenu-item-content > .quadmenu-caret{right: -12px;}
	html:lang(fr-FR) .header-bottom-part > .container > .row{--bs-gutter-x: 1.5rem !important; --bs-gutter-y: 1.5rem !important;}
}














	

/* BLOG PAGE */

.post-meta{margin: 0 0 5px; padding: 0; list-style: none;}
.post-meta li{font-size: 14px; font-weight: 500; color: #737373; display: inline-block; vertical-align: top; position: relative; padding-left: 20px; margin-left:12px;}
.post-meta li a{color: #737373;}
.post-meta li a:hover{color:#d7191f;}
.post-meta li:first-of-type{margin-left: 0; padding-left: 0;}
.post-meta li:before{content: ''; width: 5px; height: 5px; background-color: #747474; position: absolute; top: 9px; left: 0;}
.post-meta li:first-of-type:before{display: none;}

.search-bar{}
.search-bar .form-control{height:66px; padding-left:20px; padding-right:80px; background:#ffffff; border:2px solid #d1d1d1; border-radius: 5px;}
.search-bar .form-control:focus{z-index:inherit;}
.search-bar .btn{position:absolute; top:0; right:0; background: var(--bs-primary); font-size: 22px; color:#ffffff; min-width: inherit; width:65px; height:100%; border-radius: 0 5px 5px 0;}

.nav-tabs-row{}
.nav-tabs-row .nav-item{margin: 0 10px 10px 0;}
.nav-tabs-row .nav-item .nav-link{padding:8px 15px; background-color: #000; font-size: 15px; color: #ffffff; border-radius: 5px; text-decoration: none;}
.nav-tabs-row .nav-item .nav-link:hover{background-color: #1d1d1d;}
.nav-tabs-row .nav-item .nav-link.active{background-color: #d71920;}

.category-card{flex-direction:row; margin-bottom:20px;}
.category-card:last-of-type{margin-bottom:0;}
.category-card .card-image{min-width:100px; max-width:100px; min-height:100px; margin-right:20px;}
.category-card .card-image .card-img, .category-card .card-image img{border-radius:5px;}
.category-card .card-body{padding:10px 0 0;}
.category-card .card-body .card-title{font-weight:600; color:#555555; margin-bottom:7px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.category-card .card-body .card-title a{color:#d7191f;}
.category-card .card-body .card-text{font-size:15px; color:#737373;}

.socials-btn{margin:0; padding:0;}
.socials-btn li{margin:0 5px 0 0; padding:0; list-style:none; display: inline-block; vertical-align: top;}
.socials-btn li a{margin:0; padding:0; display: block; width:38px; height:38px; line-height:38px; background-color: #d71920; border-radius:5px; text-align:center; font-size:16px; color:#ffffff !important; text-decoration:none;}
.socials-btn li a:hover{background-color:#000000;}


.popular-post-card{margin-bottom: 24px;}
.popular-post-card:last-of-type{margin-bottom: 0;}
.popular-post-card .card-body{padding:0; border-radius:5px; position:relative; overflow: hidden; height:194px;}
.popular-post-card .card-body:after{content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(to bottom, transparent 0%, black 140%); border-radius:5px;}
.popular-post-card .card-body img{width: 100%; height: 100%; object-fit:cover; object-position:center center;}
.popular-post-card .card-body .popular-post-card-content{position: absolute; left: 0; bottom: 0; width: 100%; padding: 25px 20px;}
.popular-post-card .card-body .card-title{font-weight:600; color:#ffffff; position:relative; z-index:1; margin-bottom: 0;}
.popular-post-card .card-body .card-title a{color:#ffffff;}
.popular-post-card .card-body .post-date{font-size:15px; color:#ffffff; position:relative; z-index:1;}

.featured-post-card{margin-bottom:30px;}
.featured-post-card:last-of-type{margin-bottom:0;}
.featured-post-card .card-image{}
.featured-post-card .card-image .card-img, .featured-post-card .card-image img{border-radius:5px;}
.featured-post-card .card-body{padding:20px 0 0;}
.featured-post-card .card-body .card-title{font-weight:700; color:#000000; margin-bottom:7px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.featured-post-card .card-body .card-title a{color:#000000;}
.featured-post-card .card-body .card-title a:hover{color:#d7191f;}
.featured-post-card .card-body .card-text{}

.latest-post-card{flex-direction:row; margin-bottom:30px;}
.latest-post-card:last-of-type{margin-bottom:0;}
.latest-post-card .card-image{min-width:270px; max-width:270px; min-height:162px; margin-right:25px;}
.latest-post-card .card-image .card-img, .latest-post-card .card-image img{border-radius:5px;}
.latest-post-card .card-body{padding:10px 0 0;}
.latest-post-card .card-body .card-title{font-weight:700; color:#000000; margin-bottom:7px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.latest-post-card .card-body .card-title a{color:#000000;}
.latest-post-card .card-body .card-title a:hover{color:#d7191f;}
.latest-post-card .card-body .card-text{}

.post-image-carousel.owl-carousel .owl-item img{display:inline-block;}
.post-image-carousel .owl-nav{position:absolute; top:20px; right:20px; width:94px; text-align:right;}
.post-image-carousel .owl-nav .owl-prev, .post-image-carousel .owl-nav .owl-next{display:inline-block; width:42px; height:42px; background-color:#ffffff !important; border-radius:5px; text-align:center; font-size:24px !important; color:#000000 !important; line-height:42px !important;}
.post-image-carousel.owl-carousel .owl-nav .owl-prev:hover, .post-image-carousel .owl-nav .owl-next:hover{background: initial; color: #ffffff !important;}
.post-image-carousel.owl-carousel .owl-nav .owl-prev{left: 8px !important; top: 20px !important;}
.post-image-carousel .owl-nav .owl-next{margin-left:8px; right: 0px !important; top: 20px !important;}
.post-image-carousel .owl-nav .owl-prev.disabled, .post-image-carousel .owl-nav .owl-next.disabled{opacity:.70;}


.location-section{padding: 100px 0; background:#000 url(../speedpro_canada/images/map-dot.png) no-repeat center center; width:100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;}
.location-section h2{font-weight: 600;}
.location-section h3{font-weight: 200; font-size: 36px;}
.location-section .location-form{width:100%; max-width: 380px;}
.location-section .location-form h5{display: inline-flex; align-items: center;}
.location-section .location-form h5 i{margin-right: 10px;}
.location-section .location-form .form-control{background-color: transparent; border-bottom-width: 1px; border-bottom-color: #5d5b5b; color: #ffffff;}

.portfolio-carousel{}
.portfolio-boxed{padding:0; border-radius:5px; position:relative; overflow: hidden; height:392px;}
.portfolio-boxed:after{content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(to bottom, transparent 0%, black 120%); border-radius:5px;}
.portfolio-boxed img{width: 100%; height: 100%; object-fit:cover; object-position:center center;}
.portfolio-boxed .portfolio-boxed-caption{position: absolute; left: 0; bottom: 0; width: 100%; padding: 30px 25px; font-size: 24px; font-weight: 500; color: #ffffff; z-index: 1;}
.portfolio-carousel.owl-carousel .owl-item img{display:inline-block;}
.portfolio-carousel .owl-nav{}
.portfolio-carousel .owl-nav .owl-prev, .portfolio-carousel .owl-nav .owl-next{width:56px; height:56px; position: absolute; top: 50%; transform: translateY(-50%);}
.portfolio-carousel .owl-nav .owl-prev:hover, .portfolio-carousel .owl-nav .owl-next:hover{opacity:.70;}
.portfolio-carousel .owl-nav .owl-prev{left:-70px; background:url(../images/prev-arrow-gray.png) no-repeat center !important;}
.portfolio-carousel .owl-nav .owl-next{right:-70px; background:url(../images/next-arrow-gray.png) no-repeat center !important;}
.portfolio-carousel .owl-nav .owl-prev.disabled, .portfolio-carousel .owl-nav .owl-next.disabled{opacity:.50;}
.portfolio-carousel .owl-dots{width:100%; position:absolute; left:0; bottom:-70px; text-align:center; display: none;}
.portfolio-carousel .owl-dots .owl-dot{display:inline-block; margin:0 5px; width:14px; height:14px; background-color: #b5bbc5; border: 3px solid #ffffff; border-radius:50%;}
.portfolio-carousel .owl-dots .owl-dot.active{background:#ffffff; border-color: #b5bbc5;}


/* My BLOG PAGE */
.latest-post{overflow:hidden;}
.latest-post h4{font-weight: 700; color: #000000; margin-bottom: 7px;}
.latest-post h4 a{color: #000000;}
.latest-post img{border-radius: 5px;}
.latest-post > .row{margin-bottom: 25px; padding-bottom:25px; border-bottom:1px solid #ccc;}
.latest-post .row:nth-last-child(1){margin-bottom: 0px;}
.latest-post .row > .col-sm-4{max-width: 270px;}
.latest-post .row > .col > .card-text p:nth-last-child(1){margin-bottom: 0px;}

.featured-post-area{margin-bottom: 20px;}
.featured-post .featured-post-area:nth-last-child(1){margin-bottom: 0;}
.featured-post-area img{margin-bottom: 15px; border-radius: 5px;}
.featured-post-area h5{font-weight: 700; color: #000000; margin-bottom: 7px;}
.featured-post-area h5 a{color: #000000;}

.blog_sidebar_left h6.card-title{font-size:14px; line-height:18px; margin-bottom:0;}
.blog_sidebar_left p.card-text{font-size:13px; margin-bottom: 10px;}
.blog_sidebar_left .tab-pane > .row {align-items:center; margin-bottom:15px;}
.blog_sidebar_left .tab-pane > .row > .col:nth-child(1){width:120px; max-width:120px; display: flex; justify-content: center; align-items: center;}
.blog_sidebar_left .tab-pane .col:nth-child(1) img{width:120px !important; height:100px !important; object-fit:contain; object-position:center; background:#f5f5f5; border-radius:8px;}

.blog_sidebar_righ > h4{font-weight: 500; color: #000;}
.blog_sidebar_right .wp-block-latest-posts__list .wp-block-latest-posts__post-title{font-size: 18px; line-height: 18px; font-weight: 500;}
.blog_sidebar_right .wp-block-latest-posts__list li{border-bottom: 1px solid #ccc; margin-bottom: 20px;}

.comment-respond textarea{width: 100%;}

/* Pagination */
.navigation.pagination{justify-content: center; padding-top:25px;}
.navigation.pagination ul.page-numbers{margin:0; padding:0; list-style:none; display: flex;}
.navigation.pagination ul.page-numbers li{display:inline-block; margin: 0 3px;}
.navigation.pagination ul.page-numbers li span, .navigation.pagination ul.page-numbers li a{font-size:18px; font-weight:500; width:45px; height:42px; display:inline-flex; align-items:center; justify-content:center; border-radius:5px;}
.navigation.pagination ul.page-numbers li span{border:1px solid var(--bs-primary); color:#fff; background-color:var(--bs-primary);}
.navigation.pagination ul.page-numbers li a{border:1px solid #d8d8d8; color:#b3b0b0;}
.navigation.pagination ul.page-numbers li:hover{background-color:rgba(326,32,35,.9); border-color:rgba(326,32,35,.9); border-radius: 5px;}
.navigation.pagination ul.page-numbers li:hover a{color:#fff;}

/*14.12.22*/
.individual_location .location-form{width: 100%; max-width: inherit;}
.individual_location .infomation-tub .col-sm-6 p {display: inline-block; font-size: 16px; margin-right: 30px; margin-left:0px;}
.tutorials-area.card .card-header {padding: 0; border: 0; background: none; border-radius: 0; max-width: 295px; max-height: 310px; position: relative; height: 210px;}
.principle-area{position:relative;}
.principle-area h6::before{display: block; content: " "; margin-top: -160px; height: 160px; visibility: hidden; z-index:0;}
.list.position-relative{z-index:1;}
.owl-carousel .owl-nav button.owl-next::before {top: 0px !important;}
.owl-carousel .owl-nav button.owl-prev::before {top: 0px !important;}
.outer-container background-scroll{padding-top:0px!important}
.d-block > video{display:block;}
.w-100 > figure, .w-100 > figure > img{width:100%;}

@media (max-width: 991.98px) {
.owl-carousel .owl-nav button.owl-next{right:-5px !important;}
.owl-carousel .owl-nav button.owl-prev{left:-5px !important;}
}
@media (max-width: 767.98px) {
.owl-carousel .owl-nav button.owl-next{right:-0px !important;}
.owl-carousel .owl-nav button.owl-prev{left:-0px !important;}
.content-body a img{width:100%;}

}
@media (min-width: 1399.98px) { 
.owl-carousel .owl-nav button.owl-next{right:-70px !important; }
.owl-carousel .owl-nav button.owl-prev{left:-70px !important;}
.post-image-carousel .owl-carousel .owl-nav button.owl-next{right:-0px !important; }
}
@media (min-width: 767px) { 
.header-main-part .search-location{max-width:310px; min-width:300px;}
}
@media only screen and (min-width: 750px) and (max-width: 1367px)  {
	#quadmenu .quadmenu-navbar-nav li.quadmenu-item .quadmenu-item-content{padding:15px 12px!important;}
}
/*-----------------------------------------------------------
#landing Page
*/

.wp-block-group__inner-container{
    width: 100% !important;
    max-width: none !important;
}
.wp-bootstrap-blocks-button{
    display: inline-block;
}
.page-template-new-landing-page p{font-size: 18px; line-height: 1.7; color: #686666;}
.text-danger{color: #ed2124 !important;}
.page-template-new-landing-page .btn{
    display: inline-block !important;
    border-radius: 3px;
    font-weight: 500;
    padding: 18px 20px;
}
.btn-danger{
    background-color: #ed2124 !important;
    border-color: #ed2124 !important;
}
.land-header{
    padding: 20px 0;
}
.land-banner{
    min-height: 750px;
    background-image: url(images/land-banner.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    position: relative;
    display: flex;
    align-items: center;
}
.land-banner::before{
    content: '';
    display: block;
    background-color: #d7191f;
    width: 60%;
    height: 100%;
    -webkit-clip-path: polygon(0% 0%, 50% 0%, 100% 50%, 50% 100%, 0% 100%); 
    clip-path: polygon(0% 0%, 50% 0%, 100% 50%, 50% 100%, 0% 100%);
    position: absolute;
    left: 0;
    top: 0;
}
.land-banner .container{
    position: relative;
}
.land-banner h6{
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 15px;
}
.short-text{
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    font-weight: 600;
}

.land-banner h1{
    color: #fff;
    text-transform: uppercase;
    font-size: 50px;
}
.land-banner h1 span{
    color: #d7191f;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.land-banner p{
    color: #fff;
    font-weight: 300;
}
.head-right{
    display: flex;
    align-items: center;
}
.head-right ul{
    position: relative;
}
.head-right ul::after{
    content: '|';
    color: #e4dcdc;
    display: inline-block;
    margin: 0 25px;
    font-size: 27px;
    line-height: 1;
}







.land-form{
    background-color: #fff;

}
.land-form input,
.land-form select,
.land-form textarea{
    border: 1px solid #f3f2f2;
    width: 100%;
    height: 55px;
    border-radius: 3px;
    background-color: transparent;
    outline: none;
    padding: 20px;
    color: #6b6b6b;
}
.land-form select{
    padding: 0 20px;
}

.land-form textarea{
    height: 150px;
    resize: none;
}
.quote-sec{
    background-color: #fff;
    padding: 50px;
    position: relative;
    margin-top: -110px;
    box-shadow: 0 0 10px #ccc;
}
.land-about-sec{
    padding: 90px 0;
}

.about-img{
    position: relative;
    padding-left: 30px;
    width: max-content;
}
.about-img img{position: relative; z-index: 1;}
.about-img::before{
    content: url(images/dot-map.png);
    position: absolute;
    top: -30px;
    left: 0;
}
.about-img::after{
    content: url(images/dot-map.png);
    position: absolute;
    bottom: -35px;
    right: -30px;
}

.partner-sec{
    padding: 90px 0 180px;
    background-color: #000;
}
.partner-box{
    width: 100%;
    padding: 30px 30px;
    border: 2px solid #232323;
    border-radius: 3px;
    text-align: center;
}
.prt-icon{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ed2124;
    margin: 0 auto;
    margin-bottom: 15px;
}
.partner-box h3{
    color: #fff;
    font-weight: bold;
    font-size: 24px;
}
.partner-box p{
    color: #c6c6c6;
    font-size: 15px;
}
.loc-select{
    width: 550px;
    height: 55px;
    border: 1px solid #ebeaea;
    border-radius: 0;
    margin: 0 auto;
}
.graphic-sec{
    background-color: #f7f7f7;
    padding-top: 90px;
}
.land-video{
    margin-bottom: -265px;
    border: 3px solid #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 0 35px #ccc;
}
.map-sec{
    padding-top: 330px;
}
.map-sec .select2-container--default .select2-selection--single{
    height: 50px;
    border-radius: 0;
    border-color: #ebeaea;
    text-align: left;
    background-image: url(images/sp-search.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 40px;
}
.map-sec .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #a6a5a5;
    line-height: 50px;
}
.map-sec .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 50px;
}


.pro-list{
    padding-left: 0;
    display: flex;
    list-style: none;
    align-items: center;
    border: 1px solid #353535;
    border-radius: 5px;
    margin-bottom: 40px;
}
.pro-list li{
    width: 16.66%;
    text-align: center;
}
.pro-list li a{
    color: #fff;
    font-weight: 500;
    display: block;
    padding: 15px 25px;
    font-size: 15px;
}
.pro-list li.active{
    background-color: #ed2124;
}

.pro-box{
    display: none;
}
#pro-1{
    display: block;
}
.pro-box h3{
    color: #fff;
    font-weight: 600;
}
.pro-box p{
    color: #ccc;
    font-size: 16px;
}
.pro-sec{
    padding: 90px 0;
}







/* .land-footer{
   
} */
.foot-copyright .container{
    border-top: 1px solid #dedede;
    padding-top: 30px;
    padding-bottom: 30px;
}
.foot-copyright p{
    font-size: 16px;
    font-weight: 300;
    color: rgba(88,85,85,255);
    margin-bottom: 0;
}
.foot-info{
    padding: 90px 0 40px;
}
.foot-social{
    list-style: none;
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
}
.foot-social li{
    padding: 0 15px;
}
.foot-social li:first-child{
    padding-left: 0;
}
.foot-social li:last-child{
    padding-right: 0;
}
.foot-social li a{
    color: #000;
}
.foot-social li a:hover{
    color: #d7191f;
}
.foot-banner .container{
    background-image: url(images/foot-bottom.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: -90px;
}

.foot-banner .container h3{
    color: #fff;
    font-weight: bold;
    font-size: 34px;
    margin-bottom: 0;
}

@media (max-width:767px){
    .land-header .col-auto{width: 100%; text-align: center;}
    .head-right{justify-content: center;}

    .land-banner{min-height: 500px;}
    .land-banner h1{line-height: 1; font-size: 40px;}
    .quote-sec{margin-top: 40px; padding: 30px 20px;}
    .about-img img{max-width: 100%;}
    .about-img{width: 100%; padding: 0;}
    .about-img::after,
    .about-img::before{display: none;}

    .land-about-sec{padding: 40px 0;}
    .map-sec .select2-container{width: 100% !important;}
    .pro-list {flex-wrap: wrap; border: none;}
    .pro-list li{width: 100%; border-bottom: 1px solid #444; }
    .pro-list li:last-child{border-bottom: none;}
    .pro-list li a{padding: 10px 10px;}

    .graphic-sec{
        padding-top: 40px;
    }
    .land-video{margin-bottom: 0;}
    .map-sec{padding-top: 40px;}
    .map-sec #map{height: 390px !important;}
    .partner-sec{padding: 40px 0 40px;}
    .foot-social li{padding: 0 7px;}
    .head-right ul::after {margin: 0 10px;}
    .foot-banner .container{margin-top: 0; padding-top: 40px; padding-bottom: 40px;}

    .foot-info{padding: 40px 0;}
    .foot-copyright .container{padding-top: 15px; padding-bottom: 15px;}
    .foot-banner .container h3{font-size: 28px;}

    .pro-sec{padding: 40px 0;}



}

/* **************** */
/* Homepage Styling */
/* **************** */
@media screen and (max-width:1199px) {
    .home-slider-inner img {
        height: auto !important;
    }
}

/* ******************** */
/* Blog Archive Styling */
/* ******************** */
@media (min-width: 1200px) {
    .col-xl-6 {
        width: auto !important;
    }

    .col-xl-3 {
        width: 50% !important;
    }
}

/* *************** */
/* General Styling */
/* *************** */

#gbp-map {
    height: 100%;
}

.style-as-h6 {
    font-size: 15px;
    color: black;
    margin-bottom: 0px;
    font-weight: 500;
}

.banner-printing-content .style-as-h4 {
    color: #6b6b6b;
    margin-bottom: 50px;
}

.style-as-h4 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4;
}

.custom-banner-image {
    display: flex;
    object-fit: cover;
    width: 100%;
    height: 75vw;
}