:root{
    --white_clr:  #fff;
    --black_clr: #000;
    --text_clr: #222;
    --primary_clr: #ed1e26;
    --secondary_clr: #007EC4;
    --body_clr: #DEE8F3;
    --primary_font_family: "Montserrat", sans-serif;
    --secondary_font_family: "Open Sans Condensed", sans-serif;
    --third_font_family: "Source Code Pro", monospace;
}
/* Open Sans Condensed Bold */
@font-face {
    font-family: 'Open Sans Condensed';
    src: url('../fonts/OpenSans-CondBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Open Sans Condensed Light */
@font-face {
    font-family: 'Open Sans Condensed';
    src: url('../fonts/OpenSans-CondLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* Open Sans Condensed Light Italic */
@font-face {
    font-family: 'Open Sans Condensed';
    src: url('../fonts/OpenSans-CondLightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@-webkit-keyframes shine{100% {left:125%;}}
@keyframes shine{100% {left:125%;}}
.shine{position: relative; overflow: hidden;}
.shine:before{display:block;content:"";position:absolute;top:0;left:-80%; width:50%;height:100%;background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background:-webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(rgba(255,255,255,.3)));background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);transform:skewX(-25deg); opacity:0.3; z-index: 1;}
.shine:hover:before{-webkit-animation:shine 1s;animation:shine 1s;}
::-moz-selection{background:#000; color:var(--white_clr); text-shadow:none;}
::selection{background:#000; color:var(--white_clr); text-shadow:none;}
/*=========== Mobile Menu STYLE Start ========*/
/*body.mobile-menu-open{overflow:hidden;}*/
.menu-open-overlay{position:fixed; top:0; left:0; width:100%; bottom:0; background:#000; display:none; z-index:12; opacity:0.3; cursor: url('../images/close.png'), auto;}
.mobile-menu-open .menu-open-overlay{display:block;}
.mobile-menu-block {bottom: 0; opacity: 0; color: #16181C; position: fixed; top: 64px; left: 90px; width: 256px; z-index: -4; font-size: 16px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }
.mobile-nav {background: #fff;}
.mobile-menu-open .mobile-menu-block{z-index:20; opacity: 1;}
.mobile-menu-inner {position: relative; z-index: 3; }
.mobi-logo {padding: 20px 20px; border-bottom: 1px solid #ddd;}
.mobi-logo a,
.mobi-logo a, .mobi-logo img {display: block; max-width: 220px; }
.mobile-nav ul{margin:0; padding: 0; list-style: none;}
.mobile-nav li{margin: 0; padding: 10px 0; color: var(--primary_clr); font-weight:400; font-size:16px; line-height:22px; text-transform:none; position:relative;}
.mobile-nav ul li a{display: block; color: #1f2937; padding: 0 15px; font-size: 18px; font-weight: 700; font-family: Open Sans Condensed, sans-serif; line-height: 28px; text-transform: none; position: relative; z-index: 2;}
.mobile-nav > ul > li.current-menu-item > a,
.mobile-nav > ul > li.current-menu-ancestor > a,
.mobile-nav > ul > li.current-page-ancestor > a{color:var(--secondary_clr);}
.mobile-nav li li{border:none; padding:0;}
.mobile-nav li li a{font-size:16px; text-transform:none; font-weight:700; font-family: Open Sans Condensed, sans-serif; padding:0 40px 0 0; color: var(--white_clr);}
.mobile-nav li li.current-menu-item a{color: var(--secondary_clr);}
.mobile-nav li li li a{padding-left:0;}
.mobile-nav ul.sub-menu {margin: 5px 0 0; padding: 5px 10px; background: var(--primary_clr); }
.hitarea{display:block; width:40px; height:40px; text-align:center; position:absolute; right:0; top:0;}
.hitarea:before{display:block; content:"\f107"; font-family:'FontAwesome'; font-size: 18px; font-weight: 900; color: #1f2937; width:15px; height:15px; position:absolute; left:0; right:0; top:10px; z-index:3; margin:0 auto;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.collapsable-hitarea.hitarea:before{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
.mobile-nav .collapsable-hitarea + a{color: var(--primary_clr);}
.mobi-bottom-inner{
	margin-top: 1px;
}
.mobi-bottom-inner .btn{
	padding: 10px; width: 100%;border-radius: 0;
}
.mobi-top{
    padding: 20px;
}
.mobile-menu-block .social-icons{
	padding: 15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.mobile-menu-block .social-icons a:hover{
    color: var(--white_clr);
}
.mobi-btnbox {
    padding: 15px 20px;
    background: var(--white_clr);
    -webkit-box-shadow: -5px 0 15px rgb(1 78 138 / 30%);
            box-shadow: -5px 0 15px rgb(1 78 138 / 30%);
}
.mobi-btnbox .btn { width:100%;}
.mobi-btnbox .btn i { margin-left:0;margin-right:10px; }
/*========== Mobile Menu STYLE End==============*/
/*Mobile Menu Css Start*/
.mobi-iconbox{display:none; width:64px; height:64px; background: var(--white_clr); position:relative; z-index:40; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;border-radius:0;}
.menuicon{display: block; width: 100%; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.icon-bar {display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 34px; height: 22px; position: relative; cursor: pointer; }
.icon-bar:before, 
.icon-bar:after {display: block; content: ""; width: 100%; height: 3px; background: #1f2937; position: absolute; left: 0; top: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; border-radius: 0; }
.icon-bar:after{top: auto; bottom: 0;}
.icon-bar .line {display: block; width: 100%; height: 3px; background: #1f2937; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; border-radius: 0; }
.icon-bar.active .line{width: 1px; opacity: 0;}
.icon-bar.active:before{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); top: 9px;}
.icon-bar.active:after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg); bottom: 9px;}
.mobile-menu-open .mobilemenuicon .menuicon{margin-left: auto;}
/*Mobile Menu Css End*/
/* ===== RESET ================================================== */
abbr, acronym, address, applet, article, aside, audio,b, blockquote,big, body, button, center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, source, strike, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{background:transparent; border:0 none; margin:0; padding:0; line-height:16px; vertical-align:baseline; outline:none; font-size:100%; font-family:inherit; font-weight:400; font-style:normal;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} blockquote,q{quotes:none;} blockquote:before,q:before{content:'';content:none;} blockquote:after,q:after{content:'';content:none;} ins {text-decoration:none;} abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;} table {border-collapse:collapse; border-spacing:0;} hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}input, select {vertical-align:middle; margin:0;} ol, ul, li {list-style:none;}
html{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} *, *:before, *:after{-webkit-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:rgba(255,255,255,0);}
/* ===== GLOBAL ================================================== */
body{margin:0; padding:0; background:var(--white_clr); font-family: var(--primary_font_family); font-size:16px; color:#2a303c; line-height:24px; font-weight:400; overflow-x:hidden;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
:focus, button:focus{outline:none;}
a{text-decoration:none; color: var(--secondary_clr); -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}
a:hover{text-decoration:none; color:var(--hover_clr);}

::-webkit-input-placeholder{color:#000; opacity:0.7;}
:-moz-placeholder{color:#000; opacity:0.7;} /* Firefox 18- */
::-moz-placeholder{color:#000; opacity:0.7;} /* Firefox 19+ */
:-ms-input-placeholder{color:#000; opacity:0.7;}

img{max-width:100%; height:auto; border:none; outline:none;}
b, strong{font-weight:700;}

/* Ul Li & Ol Li CSS */
ul, ol{margin:0 0 20px; padding:0;}
ul ul, ol ol, ul ol, ol ul{margin-top:15px;}
ul li, ol li{margin:0; padding:0; font-size:17px; line-height:24px; font-family: Source Sans Pro,sans-serif; color:#1f2937; font-weight:400; letter-spacing:0;}
.entry-content ul{display:inline-block; padding:0; margin:0 0 20px;}
.entry-content ol{display:inline-block; padding:0; margin:0 0 20px; list-style: none; counter-reset: my-awesome-counter;}
.entry-content ul li{position:relative; padding:0 0 0 28px; margin:0 0 8px;}
.entry-content ul li:before{content:"\f00c"; font-family:'FontAwesome'; font-weight: 900; position:absolute; left:0; width: 20px; height: 20px; background: var(--white_clr); border-radius: 50%; font-size: 16px; line-height: 20px; color: var(--secondary_clr); text-align: center; top: 2px; }
.entry-content ul li li{list-style:disc;}
.entry-content ol li{counter-increment: my-awesome-counter; margin:0 0 8px;}
.entry-content ol li::before{content: counter(my-awesome-counter) ". "; font-weight:400;}

/* Heading CSS */
h1, .h1, h2, .h2, h3, h4, h5, h6{color: #1f2937; line-height:1.3; font-weight: 700; font-family: var(--secondary_font_family); letter-spacing:0; margin:0 0 15px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: #1f2937;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color:var(--primary_clr);}
h1, .h1{font-size:52px; line-height: 1.3; margin:0 0 20px;}
h2, .h2{font-size:38px;}
h3{font-size:32px;}
h4{font-size:24px;}
h5{font-size:22px;}
h6{font-size:20px;}
/* Paragraph CSS */
p{font-size: 18px; line-height: 1.6; color: #1f2937; font-weight: 400; letter-spacing: 0; margin: 0 0 15px; font-family: Source Sans Pro,sans-serif; }
hr{border:none; margin:30px 0; background:#2a303c; height:1px; width:100%; clear:both; opacity: 0.5;}
blockquote{border-left:5px solid #eee;font-size:16px; margin:0 0 20px; padding:10px 20px;}
/*table structure*/
table, .entry-content table{border-right:1px solid #eee; border-top:1px solid #eee;}
table th, table td, .entry-content th, .entry-content table th, .entry-content td, .entry-content table td {background:var(--white_clr); border-left:1px solid #eee; border-bottom: 1px solid #eee; text-align:left; font-size:16px; color:#333; font-weight:400; padding:12px 20px; vertical-align:middle;}
table th{color:#2a303c; font-weight:400; background:#d4d5d6;}
.table-striped th, .table-striped td{position:relative;}
.table-striped tbody tr:nth-of-type(even) td{background:#d4d5d6;}
/* Button styling */
.button, .btn {
    display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15px 34px; background: none; border: 1px solid var(--primary_clr); color: var(--primary_clr); font-size: 14px; font-weight: 700; text-transform: none; cursor: pointer; letter-spacing: 0.4px; text-align: center; position: relative; min-width: 100px; line-height: 22px; font-family: var(--secondary_font_family); 
    -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; 
    border-radius: 0; overflow: hidden;
}
.button:hover, .btn:hover,
.button:focus, .btn:focus{
	background: var(--hover_clr); border-color: var(--hover_clr); color: var(--white_clr);
    -webkit-box-shadow:0 5px 10px rgba(0,0,0,0); box-shadow:0 5px 10px rgba(0,0,0,0);
}
.btn.primary{
    background: var(--primary_clr); border-color: var(--primary_clr); color: var(--white_clr);
}
.btn.primary:hover,
.btn.primary:focus{
	background: var(--secondary_clr); border-color: var(--secondary_clr); color: var(--white_clr);
}
.btn.secondary{
    background: var(--hover_clr); border-color: var(--hover_clr); color: var(--white_clr);
}
.btn.secondary:hover,
.btn.secondary:focus{
    background: var(--primary_clr); border-color: var(--primary_clr); color: var(--white_clr);
}
.white-btn{
	background: var(--white_clr); border-color: var(--white_clr); color: var(--primary_clr);
}
.white-bdr{
	border-color: var(--white_clr); color: var(--white_clr);
}
.btn.white-hover:hover,
.btn.white-hover:focus{
    background: var(--white_clr); border-color: var(--white_clr); color: var(--primary_clr);
}
.btn.small{
    padding: 9px 20px; font-size: 16px; min-width: 100px;
}
.main-wrapper{overflow:hidden;}
.container{margin:0 auto; width:100%; max-width: 1320px; padding:0 20px;}
.container.relative,
.max-container.relative{z-index: 2;}
.max-container{margin:0 auto; width:100%; max-width:1390px; padding:0 20px;}
section{position: relative;}
section *:last-child{margin-bottom:0;}
.hidden {display: none !important;visibility: hidden !important;}
.hide{display:none;}
.v-center{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.j-center{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.ptb-100{padding:100px 0;}
.ptb-80{padding:80px 0;}
.ptb-60{padding:60px 0;}
.ptb-40{padding:40px 0;}
.ptb-30{padding:30px 0;}
.ptb-20{padding:20px 0;}
.bg1{background: var(--secondary_clr);}
.bg2{background: var(--primary_clr);}
.bg3{background: #2a303c;}
.bg4{background: #f2f2f2;}
.bg5{background: #ebf3f5;}
.bg6{background: #fafafa;}
.relative{position: relative;}
.trans{-webkit-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;}
.mh_500{height: 500px !important;}
/*Midlle Section css*/
.middle-section{position:relative;}
img.alignleft{float:left; margin:0 20px 20px 0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
img.alignright{float:right; margin:0 0 20px 20px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
img.alignnone{margin:0 0 20px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
iframe.alignleft{float:left; margin:0 20px 20px 0;}
iframe.alignright{float:right;margin:0 0 20px 20px;}
iframe.iframe-embed.alignright{max-width:500px;height:315px !important;}
.bg-img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; background-size: cover !important;}
.bg-img:before{display: block; content: ""; background: var(--black_clr); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; opacity: 0.2;}
.bg-img img,
.bg-img video,
.bg-img iframe{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.bg-img.before-none:before{display: none;}
.bg-img.fixed{background-attachment: fixed !important;}
.bg-img.bg-auto{background-size: auto !important;}
.no-img.d-flex{align-items: center;justify-content: center;font-size: 24px;line-height: normal; color: #999; background: #ddd;}

/*============= GLOBAL CSS END ================*/
/*Header & Banner Section*/
.header {
    position: relative; left: 0; right: 0; top: 0; z-index: 10; padding: 0; background: var(--white_clr); box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);
}
.header-inner{
    height: 64px;
}
.header-right {
    padding-left: 50px;
}
.site-logo{
    max-width: 80px; position:relative; z-index:4; margin: 0;width: 100%;height: 100%;
}
.header-right-logo {
    width: 192px;
}
.site-logo a,
.site-logo img{
    display: block; margin: 0;
}
.header-top-inner {
    height: 40px;
}
/*Nav Css*/
.nav-main{text-align:left; position:static; z-index:4; margin-bottom: -12px;}
.nav-main ul{margin:0; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex;display:-webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.nav-main nav ul > li{margin:0; padding:0; list-style:none; position:relative;}
.nav-main nav ul > li a {display: block; background: var(--white_clr); color: #1f2937; font-size: 18px; font-weight: 700; font-family: Open Sans Condensed,sans-serif; line-height: 28px; text-transform: none; letter-spacing: 0; padding: 12px 15px 12px 20px; position: relative; z-index: 2; }
.nav-main nav ul > li.mega-current-menu-ancestor > a, 
.nav-main nav ul > li.current-menu-item > a, 
.nav-main nav ul > li:hover,
.nav-main nav ul > li:hover > a,
.nav-main nav ul > li a:focus{color:var(--primary_clr);}
.nav-main nav ul > li.active > a:before{opacity: 1; width: 100%;}
.nav-main nav ul > li.menu-item-has-children > a:after {display: block; content: "\f107"; font-family: 'FontAwesome'; font-weight: 900; width: 16px; height: 16px; line-height: 16px; font-size: 16px; text-align: center; position: absolute; right: -2px; top: 20px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }
.nav-main .sub-menu{display:flex !important; position:absolute; left:0; top:22px; z-index:1; background:var(--primary_clr); min-width:192px; padding:0; margin:-1px 0 0; opacity: 0;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 5px 40px rgb(0 0 0 / 15%); box-shadow: 0 5px 40px rgb(0 0 0 / 15%); border-radius: 0; justify-content:flex-start;}
.nav-main nav ul > li:hover > .sub-menu {display: block; opacity: 1;top: 53px;}
.nav-main .sub-menu li{display:block; text-align:left; position:relative; margin: 0 10px; padding: 0;}
.nav-main .sub-menu li:before{display: none;}
.nav-main .sub-menu li a{display:block; text-transform:none; background: inherit; color: var(--white_clr); font-size:14px; line-height:normal; padding:8px 0; height: auto;}
.nav-main .sub-menu li a:focus,
.nav-main .sub-menu li.current-menu-item a{color:var(--primary_clr);}
.nav-main .sub-menu li a:hover{
    color: var(--white_clr);
}
.nav-main nav ul > li:hover > .sub-menu a {
    color: #fff;
}
.sub-menu.sub-menu-sales {
    min-width: 286px;
}
.sub-menu.sub-menu-sales li .sub-menu {
    top: 36px !important; left: 0; background: #d1d5db; flex-direction: column; min-width: 202px;
}
.sub-menu.sub-menu-sales li .sub-menu li a {
    color: #000 !important;
    text-transform: uppercase;
}
.sub-menu.sub-menu-sales li .sub-menu li a:hover{
    color: var(--primary_clr) !important;
}
.sub-menu.sub-genuine-parts {
    min-width: 166px;
}
.sub-menu.sub-accessories{
    min-width: 488px;
}
.sub-menu.sub-services {
    min-width: 146px !important;
}
.nav-main nav ul > li.menu-item-has-children .sub-menu li > a:after{
    display: none;
}
.nav-main .sub-menu .sub-menu {left:100%; top:0;}
.nav-main .sub-menu li:hover .sub-menu {display:block;}
.block-title{
    margin-bottom: 30px;
}
.block-title h2{
    text-transform: uppercase;
}
/*Footer Css*/
.footer{
    position: relative;
}
.footer:before {
    display: block; content: ""; position: absolute; left: 0; background: #00334c; width: 50vw; height: 100%;
}
.footer-block-inn h2 {
    color: #00334c; font-size: 36px; line-height: 40px; font-weight: 700; margin-top: -60px; font-family: var(--primary_font_family);
}
.f-nav {
    padding: 30px 0 40px;
}
.f-nav ul li + li{
    margin-top: 10px;
}
.f-nav ul li a {
    color: var(--white_clr); font-family: Source Sans Pro,sans-serif; letter-spacing: 0.3px; border-bottom: 1px solid #00334c;
}
.f-nav ul li a:hover{
    border-bottom: 1px solid #6b7280;
}
.social-media-block {
    text-align: right;
}
.social-media {
    display: flex;
    justify-content: flex-end;
}
.social-media ul {
    display: flex;
}
.social-media ul li a {
    width: 32px; min-height: 32px; min-width: 32px; display: block; color: #00334c;
}
.social-media ul li + li {
    margin-left: 10px;
}
.social-media-block h4 {
    font-size: 17px; text-transform: uppercase; font-weight: 400; color: #00334c; font-family: Source Sans Pro,sans-serif;
}
/* Blog Css */
.internal-caption {
    align-items: flex-end;  padding: 0 0 10px 50px;
}
.inter-cap-text h1 {
    font-size: 60px; line-height: 32px; font-weight: 700; text-transform: uppercase; font-family: Open Sans Condensed,sans-serif; color: #fff;
}
.inter-cap-text h1 span {
    opacity: .25; display: block; margin-left: -50px;
}
/*Blog Card*/
.blog-first .card-post .imgbox {
    width: 100%; position: relative; padding: 0 0 56.66%;
}
.blog-first .card-post .imgbox img {
    display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute;
}
.blog-first .card-post h4 {
    font-size: 28px; line-height: 36px;
}
.card-post .imgbox{
    overflow: hidden;
}
.card-post .imgbox img {
    transition: all 0.4s ease 0s;
}
.card-post:hover .imgbox img {
    transform: scale(1.05);
}
.blog-listing-block .trending-post {
    display: flex; flex-direction: column;
}
.blog-listing-block .trending-post-list {
    width: 100%;
}
.blog-listing-block h2 {
    font-size: 34px; color: var(--secondary_clr);  margin-bottom: 40px;
}
.post-list {
    gap: 30px 0;
}
.card-post {
    flex-direction: column; padding: 30px; border: 2px solid #ccc; height: 100%;
}
.card-post h4 {
    font-size: 24px; line-height: 32px;
}
.textarea {
    padding: 30px 0 0;
}
.blog-meta {
    margin-bottom: 20px; font-size: 14px; color: #00334c; font-weight: 500;
}
.blog-excerpt {
    margin: 25px 0; font-size: 16px; line-height: 1.6;
}
.trending-post h2 {
    font-size: 34px; color: var(--secondary_clr);
}
.trending-post-list{
    display:flex; flex-direction:column; gap:20px;
}
.trending-item{
    padding:28px 28px; transition:0.3s;
}
.trending-item h4 {
    font-size: 24px; line-height: 32px;
}
.trending-item.active{
    background:#d7f3f9;
}
.custom-pagination{
    margin-top:70px; display:flex; justify-content:center;
}
.custom-pagination ul{
    display:flex; align-items:center; gap:12px; padding:14px 24px; background:var(--white_clr); border-radius:18px;
    box-shadow:0 5px 20px rgba(0,0,0,0.08); list-style:none; margin:0;
}
.custom-pagination ul li{
    margin:0;
}
.custom-pagination ul li a,
.custom-pagination ul li span{
    width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:50%; text-decoration:none; font-size:15px; font-weight:600; color:#666; transition:0.3s;
}
.custom-pagination ul li a:hover{
    background:#0d87c9;
    color:var(--white_clr);
}
.custom-pagination ul li .current{
    background:#0d87c9;
    color:#fff;
}
.custom-pagination ul li .prev,
.custom-pagination ul li .next{
    font-size:24px;
    color:#0d87c9;
}
.custom-pagination ul li .prev:hover,
.custom-pagination ul li .next:hover{
    background:transparent;
    color:#086ca0;
}
.blog-second {
    padding: 50px 0 140px;
}
.blog-second .card-post {
    padding: 20px;
}
.blog-second .card-post .imgbox {
    position: relative;
    padding: 0 0 66.66%;
}
.blog-second .card-post .imgbox img {
    display: block; width: 100%; height: 100%; position: absolute; object-fit: cover; object-position: center;
}
.blog-second .btnbox .btn {
    background: inherit; color: var(--primary_clr); border: 0; padding: 0;
    font-weight: 600; font-size: 16px;
}
.blog-second .btnbox .btn i{
    font-size: 14px;
}

/*post-banner*/
.blog-poster{
    padding: 0 20px;
}
.post-banner-imgbox{
    display: flex; justify-content: center;
}
.post-textarea {
    border: 2px solid #ccc;
    padding: 30px;
}
.post-banner .block-title {
    padding: 0 0 70px;
}
.post-banner h2 {
    font-size: 58px; text-transform: uppercase; color: var(--secondary_clr);
}
.post-textarea h3{
    font-size: 36px;
}
.post-textarea p {
    font-size: 16px;
}
.post-textarea img {
    margin: 20px 0 40px;
}
.related-post .block-title h2{
    font-size: 32px; color: var(--secondary_clr);
}

.floating-buttons{
    position: fixed;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
}

.float-item{
    position: relative;
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

.float-icon{
    width: 50px;
    height: 50px;
    background: #fff;
    border: 1px solid #cfcfcf;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    position: absolute;
    right: 0;
    top: 0;
}

.float-icon img{
    width: 24px;
    height: 24px;
    object-fit: contain;
    transition: 0.3s;
}

.float-text{
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    border: 1px solid #cfcfcf;
    border-radius: 6px;
    padding: 10px 14px;
    white-space: nowrap;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.float-item:hover .float-text{
    opacity: 1;
    visibility: visible;
}

.float-item:hover .float-icon{
    background: #e30613;
    border-color: #e30613;
}

.float-item:hover .float-icon img{
    filter: brightness(0) invert(1);
}


/*==========================================
===============:: MEDIA CSS ::==============
============================================*/
@media screen and (max-width:1499px){
.container{max-width: 1120px; }

}

@media screen and (max-width:1365px){


}


/* iPad 1024px View */
@media screen and (max-width:1199px){
.container{width:100%; max-width:100%; padding:0 15px;}
.btnbox{padding:15px 0 0;}
.ptb-100{padding: 80px 0;}
.ptb-60, .ptb-80, .ptb-90{padding:40px 0;}
h1, .h1{font-size: 44px; line-height: 1.3;}
h2, .h2{font-size: 32px; margin: 0 0 15px;}
h3 {font-size: 24px;}
p{font-size: 16px;line-height: 24px; margin-bottom: 15px;}
ul li, ol li{font-size: 16px;line-height: 24px;}
.block-title p br{display: none; }
/*Header and banner*/
.nav-main{display:none !important; }
.mobile-menu-open .mobilemenuicon {
    background: #e5e7eb;
}
.mobi-iconbox {
    display: block;
}
.header .container{max-width: 100%;}
.header .max-container {
    padding-left: 0;
}
.header-right {
    padding-left: 0;
}
.header-left {
    margin: 0 10px 0 0 !important;
}
.mh_500 {
    height: 400px !important;
}
.post-banner h2 {
    font-size: 36px;
}
.blog-poster {
    padding: 0;
}
.post-banner .block-title {
    padding: 0 0 50px;
}

}
/* iPad 768px view*/
@media screen and (max-width:991px){
.ptb-100, .ptb-80{padding:60px 0;}
.mb-60{margin-bottom: 40px !important;}
/*Header and banner*/

.inter-cap-text h1 {
    font-size: 64px;
    line-height: 32px;
}
.blog-listing-block h2 {
    font-size: 25px;
    margin-bottom: 20px;
}
.card-post {
    padding: 20px;
}
.card-post h4 {
    font-size: 24px;
    line-height: 32px;
}
.trending-post-list {
    gap: 10px;
}
.trending-post h2 {
    font-size: 25px;
}
.trending-item {
    padding: 15px;
}
.trending-item h4 {
    font-size: 20px; line-height: 28px;
}
.blog-second {
    padding-bottom: 100px;
}
.post-banner h2 {
    font-size: 38px;
}
.trending-post {
    padding-top: 20px;
    display: flex;
}
.trending-post-list {
    width: 70%;
}
.related-post {
    padding: 0 0 110px !important;
}
.related-post .block-title h2 {
    font-size: 28px;
}
.footer:before {
    width: 100vw;
    height: 40%;
}
.social-media-block {
    text-align: center;
}
.social-media {
    justify-content: center;
}




}
/* iPhone-6 plus 736 (Landscape) view */
@media screen and (max-width:767px){
body{-webkit-text-size-adjust:none;}
h1, .h1 {font-size: 30px;}
h2, .h2{font-size: 25px;}
h3, .h3{font-size: 22px;}
h4, .h4{font-size: 20px;}
h5, .h5{font-size: 18px;}
h6, .h6{font-size: 16px;}
p{margin:0 0 15px;}
.ptb-120, .ptb-100, .ptb-80, .ptb-90, .ptb-60, .ptb-50{padding:40px 0;}
img.alignleft,
img.alignright,
img.alignnone,
iframe.alignleft,
iframe.alignright{float:none; margin:0 0 20px;}
/*Header and banner*/
.input-field {min-width: 100%; max-width: 100%; }
.header-right-logo {
    width: 172px;
    display: none;
}
.header-left {
    margin: 0 0 0 auto !important;
    width: 100%;
    justify-content: flex-end;
}
.header-right {
    position: absolute;
    top: 0;
    left: 0;
}
.mobile-menu-block {
    left: 0;
}
.site-logo {
    max-width: 50px;
}
.mh_500 {
    height: 200px !important;
}
.internal-caption {
    padding-left: 30px;
}
.inter-cap-text h1 {
    font-size: 38px;
    line-height: 20px;
}
.inter-cap-text h1 span {
    margin-left: -30px;
}
.blog-first .card-post h4 {
    font-size: 24px; line-height: 32px;
}
.blog-listing-block .card-post .btnbox .btn{
    font-size: 16px; padding: 10px 20px;
}
.blog-listing-block .card-post .btnbox .btn i{
    font-size: 16px;
}
.card-post h4 {
    font-size: 22px; line-height: 30px;
}
.blog-listing-block h2 {
    font-size: 22px;
}
.trending-post h2 {
    font-size: 22px;
}
.blog-second {
    padding-bottom: 100px;
}
.post-banner h2 {
    font-size: 25px;
}
.post-banner .block-title {
    padding: 0 0 30px;
}
.post-textarea h3 {
    font-size: 22px;
}
.post-textarea img {
    margin: 15px 0 30px;
}
.trending-post-list {
    width: 100%;
}
.trending-post {
    flex-wrap: wrap;
}
.floating-buttons{
    display: none;
}
.social-media-block h4 {
    font-size: 15px;
}


}

/* 767 */