.text-white {color:white !important;}
.align-items-stretch {align-items:stretch!important}
.m-3 {margin:1rem!important}
.mb-3 {margin-bottom:1rem!important}
.mb-0 {margin-bottom:0!important;}
.my-5 {margin-top:3rem!important; margin-bottom:3rem!important}
.pt-3 {padding-top:1rem!important}

@media (min-width: 576px) {
.container {max-width:540px;}
}

@media (min-width: 768px) {
.container {max-width:720px;}
}

@media (min-width: 992px) {
.container {max-width:960px;}
.col-lg-4 {flex:0 0 auto; width:33.33333333%;}
}

@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width:1200px !important;}
}

b {font-weight:700;}
p {font-size:16px;}
.row-gap {row-gap:30px;}
.infographics-hero-sec {margin-top:85px; padding:80px 0px; background:red; background:url(../../img/pages/website/infographics/infographics-hero-bg.webp); background-position:center; background-size:cover; background-repeat:no-repeat;}
.primary-heading {font-size:48px; line-height:56px; margin-bottom:10px; font-weight:600;}
.secondary-heading {font-size:36px; line-height:45px; font-weight:500; color:rgba(17, 19, 36, 1);}
.cta-heading{font-size:30px;line-height:36px;font-weight:500;}
.infographics-card {background:rgba(247, 247, 247, 1); height:100%;}
.infographics-card p {font-weight:400; color:rgba(132, 137, 143, 1); margin-bottom:15px;}
.infographics-card .infographics-title {margin-top:15px; margin-bottom:10px; color:rgba(250, 209, 0, 1);}
.infographics-card .card-heading {font-size:18px; line-height:24px; color:rgba(4, 21, 39, 1); margin-bottom:10px; font-weight:700;}
.infographics-card button {outline:none; font-size:16px; line-height:24px; font-weight:600; margin-bottom:5px; border:1px solid rgba(6, 121, 160, 1); color:rgba(6, 121, 160, 1); border-radius:30px; padding:7px 20px;}
.btn-arrow-down, .btn-arrow-down:not(:disabled):hover {background:white!important;}
.breadcrumb {list-style:none; display:flex; flex-wrap:wrap; padding:0; margin:0; margin-bottom:5px;}
.breadcrumb li {display:flex; align-items:center; color:white; font-size:14px; font-weight:300;}
.breadcrumb li a {color:white; opacity:0.6;}
.breadcrumb li + li::before {content:"/"; color:#fff; margin:0 8px;}
.hero-sec {margin-top:85px; padding:80px 0px; background:red; background:url(../../img/pages/website/infographics/hero-bg.webp); background-position:center; background-size:cover; background-repeat:no-repeat;}
.infographic-content img {border-radius:5px;}
.infographic-content button {outline:none; border:0px; padding:8px 25px; font-size:16px; line-height:24px; font-weight:600; color:white; border-radius:30px; background:rgba(9, 102, 147, 1);}
.infographic-content p, .infographic-content img, .infographic-content h2, .infographic-content h3, .infographic-content h4, .infographic-content h5, .infographic-content h6, .infographic-content button {margin-bottom:30px;}
.cta {background:#074082; margin-bottom:30px; padding:30px; border-radius:15px;}
.btn-theme {cursor:pointer; font-size:16px; background:#ec5b2e; border:1px solid #ec5b2e; padding:10px 30px; display:inline-block; text-align:center; font-weight:600; border-radius:5px; white-space:normal; position:relative; overflow:hidden;}
.btn-theme {color:#000!important; background:#fdb53c; border-radius:50px; border:5px solid #fff}
.btn-theme:before {content:"\f061"; position:absolute; top:50%; right:-5px; font-family:'FontAwesome'; -webkit-transition:transform .15s ease-in; transform:translate(20px, -50%); opacity:0; z-index:9; color:aliceblue;}
.btn-theme:hover::before {-webkit-transition:transform .09s ease-in; transform:translate(-20px, -50%); opacity:1;}
.btn-theme:after {position:absolute; content:''; height:100%; background:#000; width:70px; right:-23px; top:0; border-radius:50px; opacity:0;}
.btn-theme:hover::after {-webkit-transition:transform .09s ease-in; transform:translate(0px, 0%); opacity:1;}
.btn-theme:hover {padding-right:50px; padding-left:20px; transition:.15s ease-in;}
.related-main {background:rgba(47, 165, 221, 1);}

@media(max-width:992px) {
p {font-size:15px;}
.primary-heading {font-size:32px; line-height:38px;}
.secondary-heading {font-size:28px; line-height:34px;}
.cta-heading{font-size:22px;line-height:28px;}
.infographics-hero-sec {background:url(../../img/pages/website/infographics/infographics-hero-bg-mobile.webp); background-position:center; background-size:cover; background-repeat:no-repeat; padding:50px 0px; padding-top:200px;}
.hero-sec {padding:60px 0px;}
.cta{padding:20px;}
}