@media (prefers-reduced-motion: no-preference) {:root {scroll-behavior: smooth; } }
:root{--primary:#00B4D8;--secondary:#03045E;--bodytext:#050506;}
html{font-size:62.5%;}
@font-face {
    font-family: 'Mazzard L';
    src: url('MazzardL-Medium.woff2') format('woff2'),
        url('MazzardL-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mazzard L';
    src: url('MazzardL-SemiBold.woff2') format('woff2'),
        url('MazzardL-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mazzard L';
    src: url('MazzardL-Regular.woff2') format('woff2'),
        url('MazzardL-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mazzard L';
    src: url('MazzardL-Light.woff2') format('woff2'),
        url('MazzardL-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

body{font-family: 'Mazzard L', sans-serif; color:#050506; font-size:2rem; background: #fff; line-height: 1.3; font-weight: 300; letter-spacing:0.3px;}
/*body{font-family: Open Sans,Calibri,Helvetica,sans-serif; color:#050506; font-size:2rem; background: #fff; line-height: 1.3; font-weight: 300; letter-spacing:0.3px;}*/

img{ max-width:100%;}
button:focus{ outline:none}
a {-webkit-transition: all .24s ease-in-out; transition: all .24s ease-in-out; color: var(--bodytext); text-decoration: none;}
a:hover{color: var(--primary);}
a,a:hover,a:focus{ text-decoration:none; outline:none; box-shadow:none}
p{ margin-bottom: 2rem; line-height: 1.4;}
h1,h2,h3,h4,h5,h6{font-family: 'Mazzard L', sans-serif; font-weight:normal; margin-bottom: 1.5rem; color: #000; line-height: 1.2;}
/*h1,h2,h3,h4,h5,h6{font-family: Open Sans,Calibri,Helvetica,sans-serif; font-weight:normal; margin-bottom: 1.5rem; color: #000; line-height: 1.2;}*/
h1{ font-size: 4.4rem;}
h2{ font-size: 4rem;}
h3{ font-size: 3.6rem;}
h4{ font-size: 3.2rem;}
h5{ font-size: 2.8rem;}
h6{ font-size: 2.4rem;}

.form-select{ font-size: 1.8rem; padding: .5rem 2.5rem .5rem 1.5rem;}
.form-control{font-size: 1.8rem; padding: .8rem 1.5rem; border-radius:0; background: #f2f2f2;}

.modal-title{ font-size: 2.1rem; margin-right: 2rem;}
.modal-medium{ max-width: 650px;}
.modal-header, .modal-body{ padding: 2rem;}
.modal-header{ align-items: flex-start;}

.top_header{ background: var(--secondary); padding: 1rem 0;}
.top_header a{ color: #fff; font-size: 1.2rem; display: flex; align-items: center;}
.top_header a i{ font-size: 1.6rem; margin: 0 .5rem 0 0;}
.top_header a:hover{ color: var(--primary);}
.social_icons{ display: flex; align-items: center;}
.social_icons a{ margin: 0 5px;}
.header{ padding: 2rem 0;}
.header.sticky{ position: fixed; width: 100%; background: #fff; top: 0; left: 0; z-index: 99; padding: 1.5rem 0; box-shadow: 0 0px 15px rgba(0,0,0,.09);}
.header.sticky .logo img{ max-height: 35px;}
.logo img{ max-height: 45px;}

/*.hero{ background: url(../images/hero_img.png) no-repeat; background-size: cover; position: relative; padding: 10rem 0 7rem; }*/
.hero{ background-size: cover; position: relative; padding: 10rem 0 7rem; }
/*.hero::after{ position: absolute; width: 100%; height: 100%; background: var(--primary); opacity: 0.7; content: ''; top: 0;} */
.hero::after{ position: absolute; width: 100%; height: 100%; content: ''; top: 0;} 
.hero .container{ position: relative; z-index: 2;}
.hero_title{ color: #fff; font-size: 6.4rem; font-weight: 600;text-align: center; max-width: 900px; margin: 0 auto; line-height: 1.3;}
.hero_text{ color: #fff; font-size: 2.4rem; font-weight: 400; text-align: center; margin:3rem 0 0 0;}
#searchForm{ position: relative;  max-width: 70rem; border-radius: 10rem; background: #fff; padding: 3px;overflow: hidden; margin:3rem auto 8rem; }
#searchForm input[type=text]{ width: 100%;border: none; padding: 1rem 1.5rem;}
#searchForm button{ position: absolute; right: 3px; background: var(--secondary); color: #fff; border: 0; border-radius:5rem; padding: 1rem 2rem;}
#searchForm i{ margin: 0 0 0 .5rem;}
.hero_info{ color: #000; display: flex; flex-direction: column; border-right: solid 1px #000; margin-right: 3rem; padding-right: 3rem;}
.hero_info b{ font-weight: 700;}
.hero_info:last-child{ padding: 0; margin: 0; border: none;}

.section_title{ font-size: 4.6rem;}
.section_space{ padding: 10rem 0; position: relative;}
.section_space_small{ padding:7rem 0; position: relative;}
.btn-filled{ background: var(--primary); font-weight: 500; padding: .9rem 2.5rem; color: #fff; border: none; font-size: 2rem; border-radius: 10rem;}
.btn-filled:hover{ background: var(--secondary); color: #fff;}
.btn-white{border: solid 2px #fff; font-weight: 500; padding: .7rem 2.5rem; color:#000; background: #fff; border-radius: 5rem; font-size: 2rem;}
.btn-white:hover{background:none; color: #fff;}
.btn-border{ border: solid 2px var(--primary); font-weight: 500; padding: .7rem 2.5rem; color: var(--primary); border-radius: 5rem; font-size: 2rem;}
.btn-border i, .btn-white i, .btn-filled i{font-size: 1.6rem;}
.btn-border:hover{ background: var(--primary); color: #fff; }
.gradient_bg::before{border-radius: 0rem 0.6rem 0.6rem 0rem;
    background: var(--linear, linear-gradient(90deg, #E0ECF5 0%, #EDF3F7 47%, #E6F4F2 100%)); content: ''; position: absolute; width:90%; height: 100%; left:0;}
.gradient_bg .container{background: var(--linear, linear-gradient(90deg, #E0ECF5 0%, #EDF3F7 47%, #E6F4F2 100%)); border-radius:0 .6rem .6rem 0 ;}
.gradient_bg.right .container{border-radius: .6rem 0 0 .6rem;}
.gradient_bg.right::before{ border-radius: 0.6rem 0 0 0.6rem ; left: auto; right: 0;}
.light_bg{ background: #F1F7FC;}

.solution_sec::after{ background-image: url(../images/solution.png); content: ''; position: absolute; width: 100%; height: 100%; top: 10rem; right: 0; background-repeat: no-repeat; background-position:top right; z-index: -1;}
.solution_list{ margin:3rem 3rem 0 0; padding: 0; list-style-type: none;}
.solution_info .btn-border{ margin-right: 3rem;}
.solution_list li{ border-bottom: solid 1px rgba(0,0,0,.5);}
.solution_list li a{ font-size: 2.4rem; display: flex; justify-content: space-between; align-items: center; padding: 2rem 0; }
.solution_list li a span{ position: relative; left: 0; transition: all .24s ease-in-out; }
.solution_list li a i{ color: var(--primary); position: relative; transition: all .24s ease-in-out; right: 0;}
.solution_list li a:hover i{ color: #000; right: 5px;}
.solution_list li a:hover span{ left: 5px;}
.solution_list li:last-child{ border: none;}
.gradient_bg{ position: relative;}
.gradient_bg_content{ padding: 10rem 0; position: relative;}
.section_title_small{  color: var(--primary);  font-weight: 300;}

.custom-tab{ margin: 3rem 0 0 0; display: flex; flex-wrap: nowrap;}
.custom-tab li a{ cursor: pointer; color: var(--bodytext); position:relative; padding: 1rem 3rem 1rem 0; margin-right: 3rem;}
.custom-tab li a.active{ background: none !important; color: var(--primary) !important;}
.custom-tab li a::after{ position: absolute; right: 0; top: 1.3rem; content: ''; background: var(--bodytext); width: 1px; height: 20px;}
.custom-tab li:last-child a::after{content: none;}
.custom-tab li a:hover{ color: var(--primary);}
.category_list_div{ background: #fff; border-radius: 6px; display: flex; flex-direction: column;  padding: 2rem ; align-items: center; margin: 3rem 2rem 0 0; width: 160px;}
.category_list_div span{ margin: 1rem 0 0 0; display: block; text-align: center; font-size: 2rem; }
.category_list{ display: flex; flex-wrap: wrap;}
#chartdiv {
    width: 100%;
    height: 500px;
    overflow: hidden;
    margin: 50px 0 0 0;
}
.title_div{ margin: 0 0 7rem 0;}
.title_div p{  max-width: 820px; margin: 0 auto; font-size: 2.4rem;}
.logo-slider{ max-width: 1130px; padding: 0 0 5rem 0 !important;}
.logo-slider .swiper-pagination{ top: auto; bottom: 0;}
.swiper-pagination-bullet-active{ background: var(--bodytext) !important;}
.partner-btn{ margin-top: 5rem; display: flex; justify-content: center;}

.selling_tab{ display: flex; justify-content: center; margin: 0 0 7rem;}
.selling_tab li a{ cursor: pointer; padding: 1rem 2rem; font-weight: normal; border: solid 1px var(--primary); color: var(--primary); border-radius: 0;}
.nav-pills.selling_tab li a.active{ background: var(--primary); color: #fff;}
.nav-pills.selling_tab .nav-link{ border-radius: 0; font-size: 2rem;}
.nav-pills.selling_tab .nav-item:first-child a{ border-radius: 5rem 0 0 5rem;}
.nav-pills.selling_tab .nav-item:last-child a{ border-radius: 0 5rem 5rem 0;}
.nav-pills.selling_tab li a:hover{ color: var(--primary);}
.nav-pills.selling_tab li a.active:hover{ color: #fff;}
.selling_info{ padding: 3rem; text-align: left;}
.selling_cat{ font-weight: 300; font-size:2rem;}
.selling_title a{ color: var(--bodytext); font-size: 2.6rem; display: flex; margin:1.5rem 0 0 0; font-weight: normal;}
.selling_title a:hover{ color: var(--primary);}
.selling_title{ margin: 0;}
.selling_box{ border: solid 1px rgba(0,0,0,.2);}
.selling_img img{ object-fit: cover; transition: all .24s ease-in-out; width: 100%;}
.selling_img{ overflow: hidden;}
.selling_box:hover .selling_img img{ transform: scale(1.1);}
.selling_btn{ display: flex; justify-content: center; margin: 5rem 0 0 0;}
.selling_box p{ margin: 1.5rem 0; opacity: .8;}

/*.cta{ background: url(../images/cta.png) no-repeat; text-align: center; color: #fff; background-size: cover; padding: 8rem;}*/
.cta{ text-align: center; color: #fff; background-size: cover; padding: 8rem;}
.cta::before{ content: ''; position: absolute; background: rgba(0,0,0,.6); width: 100%; height: 100%; left: 0; top: 0;}
.cta h2{ color: #fff; font-size: 5.4rem; position: relative; z-index: 2; margin: 0 0 4rem;}

.testimonial-div{ max-width: 620px; margin: 5rem auto; text-align: center;}
.testimonial-div p{ margin: 3rem 0; font-size: 2.4rem;}
.name{ color: var(--primary);}
.about-text{ font-size: 2.4rem; font-weight: 500; margin-bottom: 2rem;}
.about_section p{ margin: 0 0 2rem; font-size: 2.4rem;}
.about_section{ margin: 5rem;}
.blog_wrap{ padding: 0 10rem;}


.blog_footer{ border-top: solid 1px rgba(0,0,0,.2); padding: 1.5rem 0 0 0;}
.blog_footer a{ display: flex; justify-content: space-between;}

.footer-wrap{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr auto 1fr; grid-gap: 10rem;}
.page_footer{ background: #F1F7FC; padding: 8rem 0 0; font-size: 1.8rem; margin-top: 10rem;}
.footer_title{ font-size:1.8rem; font-weight: 600;}
.footer_list{ list-style-type: none; padding: 0; margin: 0;}
.footer_list li a{ margin: 0 0 1rem; display: inline-block; font-size: 1.6rem;}
.page_footer .social_icons{ color: #000; margin: 2rem 0 0 0;}
.page_footer .social_icons a{ font-size: 2rem; margin: 0 1.5rem 0 0;}
.email,.call{ color: var(--primary); font-weight: 500; margin: .5rem 0; display: inline-block;}
.copyright{ border-top: solid 1px rgba(0,0,0,.2); padding: 3rem 0; text-align: center; margin-top: 3rem;}

.main-menu .nav-link{ color: var(--bodytext); margin: 0 0 0 3rem; font-weight:300; font-size: 2.2rem;}
.main-menu .nav-item .dropdown-toggle::after{ content: none;}
.main-menu.navbar-nav .nav-link.active, .main-menu.navbar-nav .nav-link.show, .main-menu .nav-link:focus, .main-menu .nav-link:hover{ color: var(--primary);}
.main-menu .dropdown-item{ font-size: 1.6rem; padding: .8rem 1.5rem;}
.main-menu .dropdown-item:focus, .dropdown-item:hover{ color:var(--primary); background: #fff;}
.main-menu .nav-item.show .dropdown-menu{ display: block; padding: 0;}

.main-menu .megamenu{width:400px;/* left:-45px; */font-size: 1.6rem;padding: 1rem 1.5rem;}
.main-menu .dropdown-menu.megamenu ul{ margin:0; list-style-type:none; padding:0; text-align: left;}

.main-menu .dropdown-menu.megamenu ul li a{ padding: .8rem 1.5rem; display: flex;}
.megamenu h5{  font-size:1.8rem; margin:0; padding: .8rem 1.5rem;}
.main-menu .megamenu h5 a{ color:var(--primary) !important; border-bottom:solid 1px #00B4D8}


.carousel-content{ display: flex;}

#backtotop {
    position: fixed;
    right: 50px;
    bottom: 50px;
    padding: 9px;
    color: #0074be;
    border-radius: 100%;
    display: none;
    text-decoration: none;
    -webkit-transition: 350ms ease;
    transition: 350ms ease;
    z-index: 4;
    border: solid 2px #0074be;
    width: 45px;
    height: 45px;
}

.row-breadcrumb{ padding: 3rem 0; background: var(--linear, linear-gradient(90deg, #E0ECF5 0%, #EDF3F7 47%, #E6F4F2 100%));}
.breadcrumb-item{ font-size: 1.6rem; display:flex;}
.blog_list .selling_box{ margin-bottom: 3rem;}
.list_head{ display: flex; justify-content: space-between;}
.blog_date, .blog_footer a{ font-size: 1.8rem;}
.small_wrapper{ max-width: 1000px; margin: auto ;}
.blog-img{ margin: 3rem 0;}
.blog-post-details a{color: var(--primary); }
.blog_detail_footer{ display: flex; margin:5rem 0 0 0; padding: 2rem 0; background: #f2f2f2; justify-content: center;}
.blog_detail_footer a{ font-size: 2rem;}
.share_text{ color: var(--primary); margin-right: 1rem;}
.post-navigation{display: flex;justify-content: space-between; font-size: 1.4rem; font-weight: 500;}

.list_row{margin: 5rem 0 7rem 0;}
.list_info{ margin-right: 3rem;}
.list_img{ border-radius: 6px; overflow: hidden; margin-right: 3rem;}
.list_img img{ max-height: 400px; border-radius: 6px;}
.list_price{ background: #E0ECF5; border-radius:6px; padding:.5rem 1rem; font-size: 1.4rem; font-weight: 500; display: inline-block; margin: 0 0 1.5rem;}
.list_title{ font-size:3.2rem;}
.list_footer span{font-size: 1.4rem; font-weight: 500;}
.list_footer{ margin: 2rem 0 0 0; border-top: solid 1px rgba(0,0,0,.2); padding: 2rem 0 0 0; display: flex; justify-content: space-between; align-items: center;}
.list_sidebar{ background: #f9fafc; padding: 2rem; border-radius: 4px;}
.list_sidebar h3{ font-size: 2.8rem;}
.list_sidebar ul { margin: 0; padding: 0; list-style-type: none;}
.list_sidebar ul li a{ margin: 0 0 1rem; font-size: 1.8rem; display: flex; position: relative; padding: 0 0 0 2rem;}
.list_sidebar ul li a::before{ content:"\f054"; position: absolute; left: 0; top: 0; font-weight: 900; font-family: "Font Awesome 6 Free"; font-size: 1.2rem; }
.list_sidebar_section{ margin-bottom: 3rem;}
.sidebar_search{ position: relative;}
.sidebar_search{ border: solid 1px var(--bodytext); border-radius: 5rem; padding:.8rem 1.5rem; display: flex; justify-content: space-between; }
.sidebar_search_input{ border: none; padding: 0; background: none; outline:0 !important; width: calc(100% - 2rem);}
.sidebar_search button{ border: none; padding: 0; background: none;}
.breadcrumb{ margin: 0;}
.list_row_head{ display: flex; justify-content: space-between; font-size: 1.6rem; align-items: center; color: var(--primary); background: #f9fafc; padding: 1rem;}
.list_row_head .form-select{flex: 1; margin-left: .5rem;}
.list_sidebar .country_list{ margin:0 0 0 2rem}
.list_sidebar .country_list li{ display: flex; margin: 0 0 1rem;}
.list_sidebar .country_list li a{ padding: 0 0 0 .6rem; margin: 0;}
.list_sidebar .country_list li a::before{ content: none;}
.list_text{text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.pagination-wrap{ border-top: solid 1px rgba(0,0,0,.2); display: flex; justify-content: center; padding: 3rem 0 0 0;}
.pagination .page-link {
    background: #E0ECF5;
    margin-right: 1rem;
    border-radius: 100% !important;
    width: 4rem;
    height: 4rem;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    color: var(--bodytext);
}
.pagination .page-link.active{ background: var(--primary); color: #fff;}
.pagination{
    flex-wrap: wrap;
}
.list_detail_img img{ border-radius: 6px; max-height:550px;}
.list_detail{ margin-top: 3rem;}
.list_detail .list_price{font-size: 2rem;background: no-repeat;padding: 0;margin: 3rem 0 0;font-weight: 600;color: var(--primary);}
.btn-div{ display: flex; justify-content: space-between; align-items: center; margin: 1.5rem 0 0 0;}
.list_detail .list_footer{ border-top: none; border-bottom: solid 1px rgba(0,0,0,.2); padding: 0 0 2rem;}
.list_detail_img{ margin-right: 2rem;}

.nav-pills.custom-pills .nav-link {
    border-radius: 50px;
    margin: 0 1rem 1rem 0;
    padding: 1rem 2rem;
    color: var(--primary); 
    cursor: pointer;
}
.nav-pills.custom-pills .nav-link.active{ background-color: var(--primary); color: #fff;}
.reports_browse_detail .category_list_div{ background: #F1F7FC; margin:0 2rem 2rem 0;}
.img-fluid{ width: 100%;}
.border-radius{ border-radius: 6px;}

.infographics-slider img{ width: 100%; margin: 0 0 6rem;}
.infographics_detail a{ color: var(--primary);}
.infographics_detail a:hover{color: var(--bodytext);}
.infographics_detail_head{ display: flex;}
.infographics_detail_head span{ font-weight: 500; font-size: 1.4rem; color: var(--primary); margin-right: 5rem;}

.team-img {
    position: relative;
    height: 250px;
    width: 267px;
    margin: 60px auto 20px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    padding-top: 0px;
}
.team-img:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #efe8e0;
    border-radius: 50%;
    bottom: 0px;
}
.team img {
    margin-top: -50px;
    border-bottom-left-radius: 46%;
    border-bottom-right-radius: 46%;
    /* -webkit-mask-image: -webkit-gradient(linear, center bottom, center top, color-stop(0.00, rgb(255 255 255)), color-stop(0.00, rgb(0 0 0))); */
    -webkit-mask-image: radial-gradient(#ffffff, #ffffff);
}
.team{ text-align: center;}
.team h3{ font-size: 2.2rem; margin: 0;}
.team p{ margin-bottom: 1rem;}
.team-link{ color: var(--primary);}
.team{ margin: 0 0 5rem;}
.pale-green-back::before {background: #e6ffef;}
.sky-back::before {background: #e6ffff;}
.pink-back::before { background: #fbdee1;}
.purple-back::before {background: #eeeffd;}
.green-back::before {background: #defbde;}

.border-none{ border: none;}
.center_title {
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    padding: 0 0 .5rem;
    margin: 0 0 7rem;
}.center_title::after {
    width: 150px;
    height: 2px;
    background: var(--primary);
    content: "";
    left: auto;
    bottom: 0;
    position: absolute;
    margin: 0 auto;
    right: auto;
}
.client-div{ border: solid 1px rgba(0,0,0,.2); padding: 1.5rem; display: flex; justify-content: center; align-items: center;}
.client-div img{ max-height: 120px;}
.v-pills-tabContent{ flex: 1;}
.footer_logo{ max-width: 150px;}

.search{ margin: 0 0 0 3rem;}
.searchdiv{position: absolute; width: 100%; padding:2rem; background: #000; z-index: 9999; display: none;}
.searchdiv input[type=text]{background: none; color: #fff; padding: 0 2rem;
    border: none;
    outline: none;
    font-size: 3rem;
    width: 90%;}
    .searchdiv button{    border: none;
        border-radius: 100px;
        background: var(--primary);
        color: #fff;
        padding: .5rem 2rem;}

@media(max-width:1399px){
    .list_text{-webkit-line-clamp:5; font-size: 1.5rem;}
    .list_title{ font-size: 2.2rem;}
    .list_content{ font-size: 1.5rem;}
    .btn-filled{ padding: .7rem 2rem;}
}

@media(max-width:1366px){
    .solution_sec::after{
        width: 40%; height: 80%;
    }
    .category_list_div{ width: 150px;}
}
@media(max-width:1199px){
    html{font-size:55%;}
   
    .list_img{ margin-right: 1rem;}
    .footer-wrap { grid-gap:5rem}
   
}
@media(max-width:1079px){
.gradient_bg::before{width: 100%;}
}
@media (max-width:991px){
    
    .container{ max-width: 96%;}
    .solution_sec::after{content: none;}
    .list_row_head{ margin-top: 3rem;}
    .list_head{ flex-direction: column;}
   .blog_wrap {padding: 0;}
   .footer-wrap{ flex-wrap: wrap;}
   .footer-wrap { grid-template-columns: repeat(3, 1fr); grid-gap:5rem}
}
@media(max-width:767px){
    body,.page_footer{ font-size: 1.6rem;}
    html{font-size:50%;}
    .hero_title,.cta h2{ font-size: 3.6rem;}
    .hero_text{ font-size: 1.8rem;}
    .solution_sec::after{ content: none;}
    .section_space,.hero, .gradient_bg_content{ padding: 5rem 0;}
    .section_title{ font-size:3.2rem ;}
    .logo img{ max-height: 40px;}
    #searchForm button span{ display: none;}
    .solution_info{ margin: 0;}
    .category_list{ justify-content: center;}
    .gradient_bg::before{ width: 100%;}
    .gradient_bg_content{ margin: 0;}   
    .selling_box{ margin-bottom: 3rem;}
    .blog_wrap{ padding: 0;}
    .page_footer .social_icons,.footer_list{ margin-bottom: 3rem;}
    #selling-top .col-md-3:last-child .selling_box{ margin-bottom: 0;}
    #chartdiv{ height: 270px;}
    .list_detail_img{ margin: 0 0 3rem;}
  
}
@media(max-width:575px){
    .container{ width: 96%;}
    .about_section {margin: 5rem 0 0;}
    .list_img{ margin: 0 0 2rem 0; text-align: center;}
    .v-tab-mobile{ display: block !important;}
    .footer-wrap { grid-template-columns: repeat(2, 1fr); grid-gap:3rem}
}
body .aspect-ratio-container {
	padding-bottom:0px !important;
}