// <uniquifier>: Use a unique and descriptive class name

// <weight>: Use a value from 300 to 800


*{margin: 0; padding: 0; box-sizing: border-box;}
html{margin: 0;padding: 0;width: 100%;height: 100%;overflow-y: scroll;overflow-x: hidden;}
body{ font-family: "Open Sans", sans-serif; font-size: 16px; line-height:26px; font-weight: normal; color: #000; line-height: 1.5;}
a {text-decoration: none;}
h1,h2,h3,h4,h5,h6 { font-family: "Inter", sans-serif; font-weight:600; color: #102039; margin-bottom: 15px; letter-spacing: 0px;}
ul{ margin: 0; padding: 0;}
.sec-pad{ padding-top: 60px; padding-bottom: 50px; position: relative;}
.sheading{ margin-bottom: 50px;}
.sheading .stitle { font-weight: 900; font-size: 40px; color: #000; margin-bottom: 20px; position: relative;}
.sheading .stitle:after {position: absolute;content: "";background: url('../images/heading-after.png') no-repeat;height: 4px;width: 83px;bottom: 5px;margin-left: 10px;}
.sheading .sdec { margin-left: auto; margin-right: auto; max-width: 100%; width: 100%;}
.sheading-white .stitle { font-weight: 600; font-size: 35px; color: #000; margin-bottom: 20px; position: relative;}
.sheading-white .stitle span{ margin-left: 50px;}
.sheading-white .stitle:before {position: absolute;content: "";background: url('../images/hbefore.webp') no-repeat;height: 50px;width: 45px;bottom: 0px;margin-left: 0px; background-size: 100%;}
.sheading-white .stitle:after {position: absolute;content: "";background: url('../images/hafter.webp') no-repeat;height: 45px;width: 45px;bottom: 0px;margin-left: 10px; background-size: 100%;}
.sheading-white .sdec { margin-left: auto; margin-right: auto; max-width: 553px; width: 100%; color: #fff;}
.btn-primary { padding: 12px 25px; background: #FF5E14; text-transform: capitalize; color: #fff; display: inline-block; border-radius: 0px; border: none !important; font-weight: 600; text-transform: uppercase;}
.btn-primary:hover{ background-color: #001f37;}
.coverbg {background-repeat: no-repeat !important; background-size: cover !important; position: relative; background-position: center !important;}
.readmore-btn { padding: 12px 25px; background: #ededed; text-transform: capitalize; color: #000; display: inline-block; border-radius: 25px; border: none; font-weight: 600; text-transform: uppercase;}
.readmore-btn:hover{ background-color: #FF512F;}
.btn-more{ background-color: #E4004D; border: none !important; padding: 12px 40px; border-radius: 25px; border: none; color: #fff; text-transform: uppercase; height: 45px; display: inline-block;}
.btn-more:hover{ color: #fff;}
.bg-light{ background-color: #F4F4F4 !important;}
.dnone{ display: none !important;}
.logo-dextop{ display: inline-block;}
.logo-mobile{ display: none;}
.nav-btn-main{ position: relative; align-items: center; padding: 3px 0;}
.nav-btn-one { position: relative;}
.nav-btn-one .form-control { background: #700026; border:1px solid #700026; border-radius:20px; color: #fff;}
.nav-btn-one .nav-search { position: absolute; top: 8px; right: 15px;}
.nav-btn-one .nav-search button { border: 1px solid transparent;}
.nav-btn-one input[type="email"]::placeholder { color: #fff;} 
.nav-btn-one input[type="email"]:-ms-input-placeholder { color: #fff; } 
.nav-btn-one input[type="email"]::-ms-input-placeholder { color: #fff; }


/* =========== Header Start =========== */

.fixed-header { position: fixed !important;
top: 0;left: 0;right: 0;width: 100%;background: rgba(0,125,32,0.75);z-index: 99999;padding-left: 0;padding-right: 0;transition: 0.9s;-webkit-transition: 0.9s;-moz-transition: 0.9s;-webkit-animation: 600ms ease-in-out 0s normal none 1 running fadeInDown; animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;}
.header { position: relative;z-index: 9999;}
.top-header{ padding: 5px 0;background: #CB0044;}
.top-left{ position: relative;}
.top-left img{ position: absolute; left: -135px; top: -15px; width: 120%; height: 80px;}
.hero_request_call { display: inline-flex; align-items: center; gap: 5px;}
.hero_call_left{ height: 35px;width: 35px;display: flex;align-items: center; justify-content: center; background: #fff; border-radius: 50%; font-size: 20px;}
.hero_call_left i{ padding-top: 7px;}
.hero_call_right { display: flex; flex-direction: column; gap: 0px;}
.hero_call_right span { font-size: 14px; color: #fff;}
.hero_call_right a { text-decoration: none; color: #fff; transition: .3s all ease-out;}
.header-gap{ padding: 0 50px;}
.top-header .top-box{ display: inline-block; color: #fff;}
.top-header .top-box ul li{padding:0 0 0 15px; font-weight: 400; display: inline-block; background: url(../images/mline.png) no-repeat; background-position:left; padding: 0 8px;}
.top-header .top-box ul li:first-child{ background: none;}
.top-header .top-box ul li a{ color: #fff; }
.top-header .top-box ul li span{ margin-right: 5px;}
.top-header .top-box ul li span i{ color: #fff;}
.main-header{background: #fff;position: relative;}
.header .logo { }
.header .logo img{ height: 100px;}
.navbar-expand-lg .navbar-collapse {justify-content: flex-end;}
.main-header .navbar{padding: 0px 0;align-items: center;justify-content: space-between;}
.main-header .navbar-expand-lg .navbar-nav .nav-item{}
.main-header .navbar-expand-lg .navbar-nav .nav-item .nav-link{font-size: 15px; color: #000; font-weight: 600;padding: 25px 15px;}
.main-header .navbar-expand-lg .navbar-nav .nav-item.active .nav-link,
.main-header .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link{ color: #fff !important;}
.main-header .dropdown-menu{border-radius: 0;border: none;background: #321D07; padding: 0; margin-top: 0px; border-top: 4px solid #669828;}
.main-header .dropdown-menu li{ border-bottom: 1px dashed #ccc; padding:0;}
.main-header .dropdown-menu a{ color: #fff !important; padding: 12px 10px;}
.main-header .dropdown-menu li a:hover{background: #F6C441; color: #000 !important;}
.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {display: block;}
.dropdown-item{font-size: 14px;}
.dropend .dropdown-menu{position: absolute;right: -100%;top: 0;}
.sticky { position: fixed !important;top: 0 !important;left: 0;width: 100%;z-index: 100;transition: all 0.9s;background-color: var(--white); box-shadow: 0px 0px 62px 0px rgb(0 22 89 / 17%);}
.free-quote-btn{ background: #321D07; color: #F6C441; border-radius: 30px; padding: 10px 20px; margin-left: 20px;font-weight: 700;}
.free-quote-btn a{ color: #F6C441;}


/* =========== Banner Start =========== */

.banner-panel{ position: relative;}
.carousel-caption{ right: 8%; left: 8%; bottom:12%; text-align: left;}
.banner-left h2{ color: #fff; font-size:40px;}
.banner-left p{ padding-right: 50px; color: #fff;}
.carousel-indicators{ margin-left: 8%; margin-right: 8%; text-align: left; justify-content: left; bottom: 15px;}
.banner-right{ background-color: hsl(0deg 0% 0% / 60%); padding: 20px; margin-left: 50px;}
.banner-right h4{ color: #fff;}
.banner-right .form-group .form-control{ margin-bottom: 12px; padding: 10px; background: transparent; border: 1px solid #666; box-shadow: none; color: #fff;}
.banner-right .form-group select{ width: 100%; margin-bottom: 12px; padding: 13px 5px; background: transparent; border: 1px solid #666; box-shadow: none; border-radius: 4px; color: #fff;}
.banner-right .form-group textarea{ height: 100px;}
.banner-panel .carousel-indicators [data-bs-target]{ width: 10px; height: 10px; border-radius: 50%; background: transparent; border: 2px solid #fff;}
.mobile-banner{ display: none;}
.carousel-caption .morebtn{ background-color: #E4004D; color: #fff; padding: 8px 20px; text-transform: uppercase; border: 1px solid #555555; border-radius: 25px; display: inline-block; border: 1px solid #E4004D;}
.carousel-caption:hover .morebtn{ background-color: #00224A; color: #fff; border: 1px solid #00224A;}
.banner-right .form-group select option{ color: #000;}

.banner-right input[type="text"]::placeholder { color: #fff;} 
.banner-right input[type="text"]:-ms-input-placeholder { color: #fff; } 
.banner-right input[type="text"]::-ms-input-placeholder { color: #fff; } 

.banner-right input[type="email"]::placeholder { color: #fff;} 
.banner-right input[type="email"]:-ms-input-placeholder { color: #fff; } 
.banner-right input[type="email"]::-ms-input-placeholder { color: #fff; }

.banner-right input[type="tel"]::placeholder { color: #fff;} 
.banner-right input[type="tel"]:-ms-input-placeholder { color: #fff; } 
.banner-right input[type="tel"]::-ms-input-placeholder { color: #fff; }

.banner-right textarea[name="textarea-572"]::placeholder { color: #fff;} 
.banner-right textarea[name="textarea-572"]:-ms-input-placeholder { color: #fff; } 
.banner-right textarea[name="textarea-572"]::-ms-input-placeholder { color: #fff; }

.banner-right input:focus { color: #fff;}
.form-group{ margin-bottom: 0px !important;}
.form-group p{ margin-bottom: 0px !important;}
.contact-panel-right input[type="tel"]::placeholder { color: #000;} 
.contact-panel-right input[type="tel"]:-ms-input-placeholder { color: #000; } 
.contact-panel-right input[type="tel"]::-ms-input-placeholder { color: #000; }
.contact-panel-right textarea[name="textarea-572"]::placeholder { color: #000;} 
.contact-panel-right textarea[name="textarea-572"]:-ms-input-placeholder { color: #000; } 
.contact-panel-right textarea[name="textarea-572"]::-ms-input-placeholder { color: #000; }



/* =========== About Us Start =========== */

.about-panel-left{ position: relative;}
.about-panel-left h6{ font-size: 16px; color: #E4004D; margin-bottom: 5px; text-transform: uppercase;}
.about-panel-left h2{ color: #00224A; font-size: 35px; line-height:40px; font-weight:600; margin-bottom: 10px;}
.about-icon img{ width: 80px; padding-right: 10px;}
.btn-read-more{ color: #E4004D; font-weight: 600;}
.btn-read-more:hover{ color: #00224A;}
.about-panel-right img{ width: 100%;}
.about-icon{ margin-bottom: 20px; display: inline-flex; align-items: center;}


/* =========== Services Start =========== */

.services-panel{ background-color: #000; position: relative; float: left;}
.services-panel-left{ position: relative; width: 50%; float: left;}
.services-panel-left img{ width: 100%; position: relative;}
.services-panel-left-text{ position: absolute; z-index: 1; top: 0; left: 115px; right: 100px;}
.services-panel-left-text h4{ color: #fff; text-transform: uppercase; top: 0; font-weight: 400; margin: 0;}
.services-panel-left-text h2{ color: #FCFF57; text-transform: uppercase; font-size: 60px;}
.services-panel-left-text p{ color: #fff;}
.services-panel-left-text ul{ margin: 20px 0 20px 20px;}
.services-panel-left-text ul li{ color: #fff; list-style: circle; padding-bottom: 12px;}
.services-panel-left-text .spl-btn{ margin-top: 50px;}
.click-here{ border: 2px solid #FDFF95; padding: 8px 30px; color: #FDFF95; border-radius: 25px; display: inline-block;}
.click-here:hover{ background-color: #E4004D; border: 2px solid #E4004D; color: #fff;}
.order-now{ background-color: #FDFF95; padding: 8px 30px; color: #000; border-radius: 25px; border: 2px solid #FDFF95; display: inline-block;}
.order-now:hover{ background-color: #E4004D; border: 2px solid #E4004D; color: #fff;}
.services-panel-right{ position: relative; width: 50%; float: left;}
.services-panel-right img{ width: 100%;  position: relative;}
.services-panel-right-text{ position: absolute; z-index: 1; top: 0; left: 60px; right: 100px; padding: 20px 0;}
.services-panel-right-text h6{ color: #fff; text-transform: uppercase; font-weight: 400; margin: 0; font-size: 14px;}
.services-panel-right-text h2{ color: #fff; text-transform: uppercase; font-size: 40px; margin: 0;}
.services-panel-right-text p{ color: #fff; margin: 0;}
.services-panel-right-text ul{ margin: 10px 0 10px 20px; display: block;}
.services-panel-right-text ul li{ color: #fff; list-style: circle; padding-bottom: 2px;}
.services-panel-right-text .click-here{ border: 2px solid #FDFF95; padding: 5px 20px; color: #FDFF95; border-radius: 25px; display: inline-block; font-size: 14px;}
.services-panel-right-text .click-here:hover{ background-color: #E4004D; border: 2px solid #E4004D; color: #fff;}
.services-panel-right-text .order-now{ background-color: #FDFF95; padding: 5px 20px; color: #000; border-radius: 25px; border: 2px solid #FDFF95; display: inline-block; font-size: 14px;}
.services-panel-right-text .order-now:hover{ background-color: #E4004D; border: 2px solid #E4004D; color: #fff;}



/* =========== Quality Control Start =========== */

.quality-panel .quality-panel-left h2{ color: #00224A; font-size: 35px; line-height:40px; font-weight:600; margin-bottom: 20px;}
.quality-panel .quality-panel-left p{ margin: 0;}
.quality-panel .quality-panel-left .btn-learn-more{ background-color: #E4004D; border: none !important; padding: 12px 40px; border-radius: 25px; border: none; color: #fff; text-transform: uppercase; height: 45px; display: inline-block; margin: 40px 0;}
.give-us a{ color: #000; font-weight: 600;}
.give-us a:hover{ color: #E4004D;}
.process h2{ color: #E9E9E9; font-size: 60px; margin: -15px 0 0 0;}
.process .line{ width: 100px; height: 2px; background-color: #CB0044;}


/* =========== Packages Panel Start =========== */

.packages-panel{ background:url('../images/packages-bg.png') no-repeat; background-size: 100% 100%;}
.packages-panel .packages-panel-right h6{ font-size: 16px; color: #fff; margin-bottom: 5px; text-transform: uppercase;}
.packages-panel .packages-panel-right h2{ color: #fff; font-size: 35px; line-height:40px; font-weight:600; margin-bottom: 10px;}
.packages-panel .packages-panel-right table thead{ background-color: rgba(8, 38, 82, 1); color: #fff;}
.packages-panel .packages-panel-right table thead tr th{ padding: 15px 10px;}
.packages-panel .packages-panel-right table tbody .color-light{ background-color: rgba(63, 0, 41, 1); color: rgba(224, 164, 202, 1);}
.packages-panel .packages-panel-right table tbody .color-dip{ background-color: rgba(42, 0, 27, 1); color: rgba(224, 164, 202, 1);}
.packages-panel .packages-panel-right table tbody tr td{ padding: 15px 10px;}



/* =========== Buy in Bulk Start =========== */

.bulk-panel h6{ font-size: 16px; color: #E4004D; margin-bottom: 5px; text-transform: uppercase;}
.bulk-panel h2{ color: #00224A; font-size: 35px; line-height:40px; font-weight:600; margin-bottom: 10px;}
.areas-panel .sdec{ color: #434343;}
.bulk-panel ul li{ color: #000; padding-bottom: 5px; list-style: none; display: block;}
.bulk-panel ul li img{ margin: -3px 0 0 0;}
.bulk-panel-right img{ width: 100%;}


/* =========== Subscribe Start =========== */

.subscribe-panel{ padding: 30px 0;}
.subscribe-panel{ background-image: linear-gradient(rgba(228, 0, 77, 1), rgba(123, 0, 41, 1));}
.subscribe-panel .sheading-white .stitle span{ margin-left: 0;}
.subscribe-panel .sheading-white .stitle:after{ display: none;}
.subscribe-panel .sheading-white h2{ color: #fff;}
.subscribe-panel .sdec{ color: #fff;}
.fl-wrap {float: left;width: 100%;position: relative}
.subcribe-form p {color: #fff;font-size: 14px}
.subcribe-form form {max-width: 450px;margin: 15px auto;position: relative}
.subcribe-form #subscribe input {width: 100%;height: 48px;background: #fff;border: none;outline: none;border-radius: 25px;padding: 0 30px;box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.2)}
.subcribe-form #subscribe #subscribe-button {height: 42px; padding: 0 30px; border-radius: 0 25px 25px 0; border: none; position: absolute; right: 3px; top: 3px; font-size: 14px; color: #fff; font-weight: 600; cursor: pointer}
.subscribe-message {color: #fff;float: left;margin-top: 10px; text-align: left; font-weight: 500; line-height: 19px}
.color-bg { background: #00113B}
#subscribe-button:hover { background: #E4004D; color: #fff}


/* =========== News Start =========== */

.news-panel h6{ font-size: 16px; color: #E4004D; margin-bottom: 5px; text-transform: uppercase;}
.news-panel h2{ color: #00224A; font-size: 35px; line-height:40px; font-weight:600; margin-bottom: 10px;}
.news-part{ background-color: #F1F1F1; padding: 20px; border-radius: 10px 0 0 10px; position: relative; margin: -50px 0 25px 30px;}
.pr-0{ padding-right: 0;}
.news-part h5{ font-family: "Open Sans", sans-serif; color: #373737;}
.news-part h5 a{ color: #373737;}
.news-part .date{ color: #fff; background-color: #E4004D; display: inline-block; border-radius: 5px; padding: 3px 10px; margin-bottom: 15px;}
.news-part .admin{ color: #A3A3A3; display: inline-block; margin-left: 10px;}
.news-part .admin i{ color: #fff; background-color: #E4004D; border-radius: 50%; padding: 5px; font-size: 12px; width: 25px; height: 25px; text-align: center;line-height: 18px;}
.news-part .blogbtn{ color: #E4004D; font-weight: 600;}
.news-panel img{ width: 100%; border-radius: 5px 5px 0 0;}
.post-pagination { margin: 30px 0 0;display: flex; gap: 10px; align-items: center;}
.post-pagination a { display: flex; width: 50px; height: 50px; background-color: #f5f2ef; align-items: center; justify-content: center; color: #000; font-size: 16px; font-weight: 500; border-radius: 5px; transition: all 400ms ease;}
.post-pagination a.active, .post-pagination a:hover { background-color: #E4004D; color: #fff;}
.post-pagination.text-centers{ justify-content: center;}
.blog-details-content .image-box img { width: 100%;}
.blog-details-content .content-style-one .post-meta { margin: 15px 0 !important;}
.blog-details-content .content-style-one .post-meta li { position: relative;display: inline-block;margin-right: 12px; font-size: 14px; font-weight: 600; margin-bottom: 0px;}
.blog-details-content .content-style-one .post-meta li i { position: relative; font-size: 14px; color: #E4004D; margin-right: 5px;}
.blog-details-content .content-style-one .title{ font-size: 30px; line-height: 40px; color: #222222;}
.content-style-one h2{ font-size: 25px; line-height: 35px; color: #222222;}
.content-style-one h3{ font-size: 20px; line-height: 30px; color: #222222;}
.content-style-one h4{ font-size: 17px; line-height: 27px; color: #222222;}
.content-style-one ul{ margin-left: 35px !important;}
.content-style-one ul li{ list-style: disc; margin-bottom: 10px; font-size: 18px; line-height: 28px;}
.blog-sidebar .sidebar-widget { position: relative; background: hsl(0deg 0% 97%); padding: 25px;margin-bottom: 30px;}
.blog-sidebar .sidebar-widget h5 { margin-bottom: 20px;border-bottom: 1px dashed hsl(0deg 0% 80%);}
.search-form input { width: 100%; height: 60px; border: 2px solid hsl(0deg 0% 13%); padding: 15px 20px;}
.search-form button { display: none;}
.blog-sidebar .blog-post-sidebar {position: relative;padding: 0 0 0 100px;margin-bottom: 15px; min-height: 100px;border-bottom: 1px solid hsl(0deg 0% 87%);}
.blog-sidebar .blog-post-sidebar .blog-sidebar-thumb { position: absolute;left: 0; top: 0;width: 80px;height: 80px;}
.blog-sidebar .blog-post-sidebar .blog-sidebar-thumb img { width: 100%;height: 80px;opacity: 1; transition: all 500ms ease;}
.blog-sidebar .blog-post-sidebar h6 { position: relative;display: block;font-size: 16px;font-family: 'Poppins', sans-serif; font-weight: 500; color: hsl(0deg 0% 13%);line-height: 24px;}
.blog-sidebar .blog-post-sidebar h6 a{ overflow: hidden;display: -webkit-box !important; -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; color: #000; margin-top: 8px;}
.blog-categories-list li { display: block;position: relative;}
.blog-categories-list li a { display: block; border: none; margin: 0; padding: 15px 25px 15px 0;font-size: 16px; line-height: 1.313;color: #000; position: relative;border-bottom: 1px solid hsl(0deg 0% 80%);-webkit-transition: 0.4s; transition: 0.4s;text-transform: capitalize; }
.sidebar-post a { display: inline-block;font-size: 13px;font-weight: 500;text-transform: capitalize; line-height: 1;padding: 10px;margin-right: 5px;margin-bottom: 10px;color: hsl(0deg 0% 0%);background-color: hsl(0deg 0% 100%); border-radius: 0;}
.sidebar-call { position: relative; display: block;border: 2px solid #E4004D; padding: 66px 30px 52px 30px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.10); text-align: center;}
.sidebar-call .icon-box { margin-bottom: 14px;}
.sidebar-call .icon-box i:before { position: relative;font-size: 60px;color: #222; margin: 0px;}
.sidebar-call .text { position: relative; font-size: 18px;color: #222222;font-weight: 400;margin-bottom: 18px;}
.sidebar-call .phone { font-size: 25px; line-height: 35px; font-weight: 700; margin-bottom: 1px;}
.sidebar-call .phone a {color: #222;}
.sidebar-call .email { font-size: 16px;}
.sidebar-call .email a {color: #222;}
.sidebar-call .btn-style-one{ background-color: #E4004D; color: #fff; padding: 12px 25px; border-radius: 5px; display: inline-block; margin-top: 20px;}
.blog-details-page{ border-top: 1px solid #ccc;}
.news-block-one .lower-content { padding: 15px;}



/* =========== Faq Start =========== */

.faq-panel{ background:url('../images/faq-bg.jpg') no-repeat; background-size: 100% 100%;}
.faq-panel .heading-text h6{ font-size: 16px; color: #E4004D; margin-bottom: 5px; text-transform: uppercase;}
.faq-panel .heading-text h2{ color: #00224A; font-size: 35px; line-height:40px; font-weight:600; margin-bottom: 10px;}
.faq-panel .accordion .accordion-item{ border-radius:10px; margin-bottom: 10px;}
.faq-panel .card .card-header{ color: #003D1F; font-weight:600; border-radius:5px; position: relative; padding: 10px 10px 5px 10px;}
.faq-panel .card .card-header h5{ font-size: 16px; line-height:20px; font-family: "Open Sans", sans-serif; text-transform: inherit;}
.faq-panel .card .card-header h5 a{ color: #616161; font-size: 16.5px; line-height:20px; font-weight: 600; width: 100%; display: block;}
.faq-panel #accordion .card{ background-color: #fff; border: 1px solid #ccc; margin-bottom: 10px;}
[data-toggle="collapse"]:after {display: inline-block;display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: rotate(0deg); content: "\f176"; transition: all linear 0.25s;float: right; border-radius: 50%; width: 25px; height: 25px; color: #00572C; line-height: 25px;text-align: center;}   
[data-toggle="collapse"].collapsed:after {content: "\f175";}
.faq-panel .card .card-header h5 a[aria-expanded="true"]{ color: #00224A;}
.faq-panel .card .card-header h5 a span{ width: 90%; display: inline-block;} 
.card-body p{ margin: 0;}





/* =========== Testimonials Start =========== */

.testimonial-panel{ background-color: #fff;}
.testimonial-panel h6{ font-size: 16px; color: #E4004D; margin-bottom: 5px; text-transform: uppercase;}
.testimonial-panel h2{ color: #00224A; font-size: 35px; line-height:40px; font-weight:600; margin-bottom: 10px;}


/* =========== Contact With Us Start =========== */

.contact-panel{ background-color: #001E67; position: relative;}
.contact-panel .cpr{ margin-bottom: -50px; position: relative; z-index: 9;}
.contact-panel-left{ background-color: #E4004D; padding: 30px;}
.contact-panel .contact-panel-left h2{ font-size: 35px; color: #fff; margin-bottom: 5px; position: relative;}
.contact-panel .contact-panel-left h4{ padding-top: 30px; color: #fff; font-family: "Open Sans", sans-serif; font-weight: normal;}
.contact-panel .contact-panel-left p{ color: #fff;}
.contact-panel .contact-panel-left ul li{ color: #fff; list-style: none; border-top: 1px solid #F64A84; padding: 15px 0; display: flex;}
.contact-panel .contact-panel-left ul li:last-child{border-bottom: 1px solid #F64A84;}
.contact-panel .contact-panel-left ul li span{ color: #fff;width: 30%;}
.contact-panel .contact-panel-left ul li a{ font-weight: 600; color: #fff; font-size: 20px;}
.contact-panel-right{ padding:30px;}
.contact-panel-right h2 { font-size: 35px; color: #000; margin-bottom: 10px; text-align: center;}
.contact-panel-right .form-group .form-control{ margin-bottom: 12px; padding: 10px; border: 1px solid #666; box-shadow: none; color: #000;}
.contact-panel-right .form-group textarea{ height: 100px;}
.btn-submit{ background-color: #E4004D; border:none !important; padding:8px 40px 6px 40px; border-radius: 25px; border: none; color: #fff; text-transform: uppercase; height: 45px !important;}
.btn-submit:hover{ background-color: #00113B; color: #fff;}
.contact-panel-right input[type="text"]::placeholder { color: #000;} 
.contact-panel-right input[type="text"]:-ms-input-placeholder { color: #000; } 
.contact-panel-right input[type="text"]::-ms-input-placeholder { color: #000; }

.contact-panel-right input[type="email"]::placeholder { color: #000;} 
.contact-panel-right input[type="email"]:-ms-input-placeholder { color: #000; } 
.contact-panel-right input[type="email"]::-ms-input-placeholder { color: #000; }

.contact-panel-right input[type="email"]::placeholder { color: #000;} 
.contact-panel-right input[type="email"]:-ms-input-placeholder { color: #000; } 
.contact-panel-right input[type="email"]::-ms-input-placeholder { color: #000; }

.contact-panel-right textarea[name="your-message"]::placeholder { color: #000;} 
.contact-panel-right textarea[name="your-message"]:-ms-input-placeholder { color: #000; } 
.contact-panel-right textarea[name="your-message"]::-ms-input-placeholder { color: #000; }


/* =========== Footer Start =========== */

.footer{ background-color: #00113B; position: relative; z-index: 1; overflow: hidden;}
.footer-top{ padding: 100px 0 30px 0;}
.footer h5{ color: #CADAFF; font-size: 16px;}
.footer p{ color: #CADAFF;}
.footer-col-1 .footer-logo img{ width: 120px; margin-bottom: 15px;}
.footer-col-1{ padding: 0 15px 0 0; height: 100%; background: url('../images/footer-saparator.png') no-repeat; background-position: 100%; height: 100%;}
.footer-col-1 ul li{ list-style: none; color:#CADAFF; padding-bottom: 8px;}
.footer-col-1 ul li a{ color: #CADAFF; position: relative;}
.footer-col-1 ul li a .fa{ padding-right: 10px;}
.footer-col-1 ul li a:hover{ color: #E4004D;}
.footer-col-2{ padding-top: 0px; background: url('../images/footer-saparator.png') no-repeat; background-position: 100%; height: 100%;}
.footer-col-3{ padding-top: 0px;}
.footer-contact .info-contact{ margin-bottom: 16px; padding-left: 28px; display: flex; flex-direction: column; position: relative;}
.footer-contact .info-contact a{ color: #8fa7ba;}
.footer-contact .info-contact h6{ color: #ebebeb; font-size: 18px; margin-bottom: 8px;}
.footer-contact .info-contact i {position: absolute; top: 0%; left: 0%; color: #8fa7ba; font-size: 20px;}
.footer-contact .info-contact p{ padding: 0; margin:0;}
.footer-social p{ color: #CADAFF; font-weight: 600; margin-bottom: 5px;}
.footer-social ul{ display: inline;}
.footer-social ul li{ list-style: none; display: inline; padding: 0 8px 0 5px; height: 100%;}
.footer-social ul li a{color: #CADAFF;}
.footer-bottom { background-color: #000C28;}
.footer-bottom .copywrite-panel{ padding: 20px 0px 5px 0px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.footer-bottom .copywrite-panel p{ color: #aec6d8;}
.footer-bottom .copywrite-panel p a{ color: #ccc;}
.footer .fshape-one { position: absolute; bottom: 10%; right: 0%; z-index: -1; animation: pluse 8s ease-in-out infinite;}
.footer .fshape-two { position: absolute; top: 0%; right: 0%; z-index: -1; animation: bounce 6s ease-in-out infinite;}
.scrollup {position: fixed; right: 4%; bottom: 3%; background: #E4004D; color: #fff; font-size: 20px; opacity: 1; border-radius: 5px; width: 40px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; z-index: 9999;}





/* =========== About Us Start =========== */

.breadcrumb-wrapper { overflow: hidden;position: relative;padding: 40px 0;}
.bg-cover { background-repeat: no-repeat; background-size: cover !important; position: relative; background-position: center !important;}
.breadcrumb-content .title{ color: #fff; font-weight:700; font-size:40px;}
.breadcrumb-wrapper .breadcrumb-content ul{ background-color: #FF512F; border-radius: 5px; display: inline-block;}
.breadcrumb-wrapper .breadcrumb-content ul li{ line-height: 28px; font-size: 18px; padding: 8px 20px; list-style: none; display: inline-block; color: #fff;}
.breadcrumb-wrapper .breadcrumb-content ul li a{ color: #fff; position: relative;}
.breadcrumb-wrapper .breadcrumb-content ul>li a::after { width: 1px; height: 100%; clear: both; content: "/"; position: absolute; color: #fff; top: 0%; right: -20px;}
.contact-block { background: #f1f3f8; padding: 20px 15px; border: 1px solid #FF512F; min-height: 145px; border-radius: 5px;}
.mrl-30 { margin-left: 30px;}
.contact-icon i { width: 64px; height: 64px; background: #FF512F; text-align: center; line-height: 74px; display: inline-block; border-radius: 6px; color: #fff; font-size: 30px;}
.contact-details h5{ font-weight:700;}
.banner-mobile{ display: none;}
.about-panel-right h6{ color: #FF512F;}
.about-panel-right ul li{ margin-left: 20px;}
.about-panel-right ul li::marker{ color: #FF512F;}
.vision-panel .avision-panel-right img{ width: 100%;}
.vision-panel-left .freecon-box-pic{ width: 70px; height: 70px; line-height:48px; padding: 10px; border-radius: 50%; background-color: #166397; text-align: center; margin-bottom: 10px;}
.vision-panel-left .freecon-box-pic:hover{ background-color: #FF512F;}
.contact-us-right h6{ font-family: "Open Sans", sans-serif; text-transform: uppercase; color: #FF512F;}
.contact-us-left h6{ font-family: "Open Sans", sans-serif; text-transform: uppercase; color: #FF512F;}
.contact-us-left .info-contact {margin-bottom: 15px; padding-left: 65px; display: flex; flex-direction: column; position: relative;}
.contact-us-left .info-contact i { background-color: #FF512F;position: absolute;top: 0%;left: 0%;color: hsl(0deg 0% 100%);font-size: 20px; padding: 12px 15px;line-height: 20px;}
.vision-panel-left ul li{ margin-left: 20px; font-size: 14px; margin-bottom: 10px;}
.vision-panel-left ul li::marker{ color: #FF512F;}


/** main-header **/



.main-header{

  position:relative;

  left:0px;

  top:0px;

  z-index:999;

  width:100%;

  transition:all 500ms ease;

  -moz-transition:all 500ms ease;

  -webkit-transition:all 500ms ease;

  -ms-transition:all 500ms ease;

  -o-transition:all 500ms ease;

}



.sticky-header{

  position:fixed;

  opacity:0;

  visibility:hidden;

  background: #fafafa;

  left:0px;

  top:0px;

  border-bottom: 1px solid #e0e0e0;

  width:100%;

  z-index:0;

  transition:all 500ms ease;

  -moz-transition:all 500ms ease;

  -webkit-transition:all 500ms ease;

  -ms-transition:all 500ms ease;

  -o-transition:all 500ms ease;

}



.fixed-header .sticky-header{

  z-index:999;

  opacity:1;

  visibility:visible;

  -ms-animation-name: fadeInDown;

  -moz-animation-name: fadeInDown;

  -op-animation-name: fadeInDown;

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

  -ms-animation-duration: 500ms;

  -moz-animation-duration: 500ms;

  -op-animation-duration: 500ms;

  -webkit-animation-duration: 500ms;

  animation-duration: 500ms;

  -ms-animation-timing-function: linear;

  -moz-animation-timing-function: linear;

  -op-animation-timing-function: linear;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -ms-animation-iteration-count: 1;

  -moz-animation-iteration-count: 1;

  -op-animation-iteration-count: 1;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

}

.fixed-header .sticky-header figure{ margin: 0; padding: 5px 0;}
.fixed-header .sticky-header figure img{ height: 155px;}



/** header-bottom **/



.header-bottom{

  position: relative;

  background: transparent;

  left: 0px;

  bottom: 0px;

  width: 100%;

}



.header-bottom .nav-outer{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  padding: 26px 0px 0px 0px;

}



.header-bottom .logo-outer{

  position: relative;

  float: left;

  padding: 28px 0px 18px 0px;

}

.header-bottom .logo-outer figure{ margin: 0; position: absolute; top: -52px;}
.header-bottom .logo-outer figure img{ height: 155px; width: 170px !important; max-width: 170px !important;}
.header-bottom .menu-area{ position: relative; float: right; padding: 0;}
.header-bottom .outer-box{position: relative;padding: 29px 5px 0px 2px; float: left;}
.header-bottom .outer-box .search-outer{ position: relative; display: inline-block;}





/** main-menu **/



.main-menu{

  position: relative;

  display: block;

  float: left;

}



.main-menu .navbar-collapse{

  padding:0px;  

}



.main-menu .navigation > li{

  position:relative;

  float:left;

  margin: 0px 10px;

}



.main-header .menu-column{

  padding: 0px;

}



.main-menu .navigation > li > a{

  position:relative;

  display:block;

  font-size:14px;

  font-family: 'Poppins', sans-serif;

  color:#ffffff;

  line-height:22px;

  font-weight:500;

  opacity:1;

  text-transform:uppercase;

  padding: 31px 0px 29px 0px;

  transition:all 500ms ease;

  -moz-transition:all 500ms ease;

  -webkit-transition:all 500ms ease;

  -ms-transition:all 500ms ease;

  -o-transition:all 500ms ease;

}



.main-menu .navigation > li > ul{

  position:absolute;

  left:0px;

  top: 100%;

  width:250px;

  z-index:100;

  display:none;

  background:#ffffff;

  border-top: 3px solid #DBB081;

  box-shadow: 0px 0px 10px rgba(0,0,0,0.10);

}



.main-menu .navigation > li > ul > li{

  position:relative;

  width:100%;

  padding: 7px 15px;

  border-bottom: 1px solid #e5e5e5;

  transition: all 500ms ease;

}



.main-menu .navigation > li > ul > li:last-child{

  border-bottom:none; 

}



.main-menu .navigation > li > ul > li > a{

  position:relative;

  display:block;

  font-family: 'Poppins', sans-serif;

  padding:6px 0px;

  line-height:24px;

  font-size:13px;

  color:#222222;

  font-weight: 400;

  text-align:left;

  text-transform:uppercase;

  transition:all 500ms ease;

  -moz-transition:all 500ms ease;

  -webkit-transition:all 500ms ease;

  -ms-transition:all 500ms ease;

  -o-transition:all 500ms ease;

  font-weight: bold;

}



.main-menu .navigation > li > ul > li:hover{

  background: #DBB081;

  border-bottom: 1px solid #DBB081;

}



.main-menu .navigation > li > ul > li:hover a{

  color: #000;

}



.main-menu .navigation > li > ul > li:last-child:hover{

  border-bottom: none;

}



.main-menu .navigation > li.dropdown:hover > ul{

  visibility:visible;

  opacity:1;

}



.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{

  position:absolute;

  right: 0px;

  top: 0px;

  font-size:18px;

  border-left: 1px solid rgba(255, 255, 255, 0.1);

  color:#ffffff;

  width: 50px;

  height: 47px;

  line-height: 47px;

  text-align: center;

  cursor:pointer;

  z-index:5;

  display: none;

}



.navbar-header {

  display: none;

}



/** sub-menu **/



.main-menu .navigation > li > ul > li > ul{

  position:absolute;

  left:100%;

  top:0%;

  width:230px;

  z-index:100;

  display:none;

  padding: 0px 0px;

  background-color: #ffffff;

  border-top: 3px solid #DBB081;

  -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

  -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

  -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

  -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

  box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

}



.main-menu .navigation li > ul > li.dropdown:hover > ul {

  visibility: visible;

  opacity: 1;

  top: 0;

  margin: 0px;

}



.main-menu .navigation > li > ul > li > ul > li{

  position:relative;

  width:100%;

  margin:0px;

  border-bottom: 1px solid #e5e5e5;

}



.main-menu .navigation > li > ul > li > ul > li:last-child{

  border-bottom:none; 

}



.main-menu .navigation > li > ul > li > ul > li > a{

  position:relative;

  display:block;

  padding:10px 18px;

  line-height:24px;

  font-weight:400;

  font-family: 'Poppins', sans-serif;

  font-size:13px;

  text-transform:uppercase;

  color: #222222 !important;

  transition:all 500ms ease;

  -moz-transition:all 500ms ease;

  -webkit-transition:all 500ms ease;

  -ms-transition:all 500ms ease;

  -o-transition:all 500ms ease;

  font-weight: bold;

}



.main-menu .navigation > li > ul > li > ul > li:hover > a{

  color: #000 !important;

  background:#DBB081;

}



.main-menu .navigation > li > ul > li.dropdown > a:after {

  position: absolute;

  content: "\f105";

  font-size: 16px;

  color: #222;

  top: 6px;

  right: -12px;

  font-family: 'Font Awesome 5 Free';

  font-weight: 600;

  cursor: pointer;

  transition: all 500ms ease;

}



.main-menu .navigation > li > ul > li.dropdown:hover > a:after{ color: #ffffff;}



/** stricky-header **/

.sticky-header .main-menu .navigation > li{ margin: 0px !important;}

.sticky-header .main-menu .navigation > li > a{ padding: 24px 12px 24px 12px !important;}

.sticky-header .main-menu .navigation > li > a{ color: #222222;}

.sticky-header .main-menu .navigation > li.current > a,

.sticky-header .main-menu .navigation > li:hover > a{ background: #DBB081; color: #ffffff;}

.sticky-header .logo-box{ position: absolute; float: left; margin-top: 10px; top: 0;}

.sticky-header .menu-area{ position: relative; float: right;}



/*** 

====================================================================

                        Header-Style-Two

====================================================================

***/

 

.header-style-two .header-top .social li a{ background: #DBB081;}
.header-style-two .header-bottom .nav-outer{ position: relative; padding:0px;}
.header-style-two .main-menu .navigation > li > a{ color: #fff; letter-spacing: 2px; padding: 30px 0px 30px 25px;}
.header-style-two .search-box-area .search-toggle i:before{ color: #CB9860;}
.header-style-two .search-box-area .search-toggle i:hover:before{ color: #222222;}
.header-style-two .header-bottom .logo-outer { padding:0px;}
.header-style-two .sticky-header .main-menu .navigation > li > a { padding: 14px 30px 16px 30px; margin-left: 25px;}

.about-panel-left ul{ margin-left: 16px;}
.about-panel-left ul li{ font-weight: bold; margin-bottom: 8px;}
.services-area-panel h2{ color: #007F40; font-size: 35px; line-height:40px; font-weight:600; position: relative;}
.services-area-panel h2:after {position: absolute; content: ""; background: url('../images/line.png') no-repeat; height: 2px; width: 70px; bottom: 5px; margin-left: 10px; background-size: 100% 100%;}
.services-area-panel .lower-mainland{ width:100%; background-color: #006030; color: #fff; font-size:20px; font-weight: bold; text-align: center; position: relative; padding: 10px 0; margin-bottom: 90px;}
.services-area-panel .lower-mainland img{ position: absolute; bottom: -40px; right: -40px;}
.area-box{ background-color: #44B97F; text-align: center; padding: 0 10px 10px 10px; position: relative; margin-bottom: 40px;}
.area-box span{ width: 60px; height: 60px; background-color: #fff; display: inline-block; border-radius: 50%; line-height: 60px; border: 1px solid #44B97F; position: relative; top: -25px; margin-bottom: -10px;}
.area-box span i{ font-size: 20px; color: #000;}
.area-box h5{ color: #fff; font-weight: bold; padding:0 0 12px 0; margin: 0;}
.area-box:hover{ background-color: #006030;}
.area-box:hover span{ border: 1px solid #B2E701;}
.area-box:hover span i{ color: #006030;}
.area-box:hover h5{ color: #fff;}
.conact-panel .heading-text h2{ position: relative; color: #00773C; font-size: 35px; line-height:40px; font-weight:600;}
.conact-panel .heading-text h2:after {position: absolute;content: "";background: url('../images/line.png') no-repeat;height: 2px;width: 70px;bottom: 5px;margin-left: 10px; background-size: 100% 100%;}
.conact-panel-left h6{ color: #00773C; font-size:20px; margin: 0;}
.conact-panel-left h3{ color: #001D1D; font-size: 35px; line-height:40px; font-weight:600;}
.conact-panel-left .info-contact {margin-bottom: 15px; padding-left: 65px; display: flex; flex-direction: column; position: relative;}
.conact-panel-left .info-contact i { background-color: #00773C;position: absolute;top: 0%;left: 0%;color: hsl(0deg 0% 100%);font-size: 20px; padding: 12px 15px;line-height: 20px; border-radius: 3px;}
.conact-panel-right{ background-color: #EBEBEB; padding: 25px;}
.conact-panel-right  h6{ color: #00773C; font-size:20px; margin: 0;}
.conact-panel-right h3{ color: #001D1D; font-size: 35px; line-height:40px; font-weight:600;}
.conact-panel-right .form-control{ margin-bottom: 12px; padding: 10px; background: #000000a6; border: 1px solid #666; box-shadow: none; color: #fff;}
.conact-panel-right .form-group select{ width: 100%; margin-bottom: 12px; padding: 10px 5px; background: #000000a6; border: 1px solid #666; box-shadow: none; border-radius: 4px; color: #fff;}
.ser-panel{ background-color: #EBEBEB;}
.ser-panel .heading-text h2{ color: #00773C; font-size: 35px; line-height:40px; font-weight:600; position: relative;}
.ser-panel .heading-text h2:after {position: absolute;content: "";background: url('../images/line.png') no-repeat;height: 2px;width: 70px;bottom: 5px;margin-left: 10px; background-size: 100% 100%;}
.ser-area{ text-align: center; border: 1px solid #007F40; padding: 5px; border-radius: 5px; margin-bottom: 20px;}
.ser-area a img{ border-radius: 5px 5px 0 0; width: 100%;}
.ser-area a h5{ font-size:16px; color: #00773C; margin: 15px 0;}
.ser-area:hover{ background-color: #00773C;}
.ser-area:hover a h5{ color: #fff;}
.services-details h3{ color: #000;}
.services-details .services-details-pic img{ width: 100%; border-radius: 5px; border: 1px solid #007F40; padding: 5px;}
.services-details .services-details-pic h4{ color: #fff; text-align: center; padding: 15px 0px; margin: 0;}
.services-details-text .heading-text h2{ color: #000; font-size: 35px; line-height:40px; font-weight:600; position: relative;}
.services-details-text .heading-text h2:after {position: absolute;content: ""; background: url('../images/line.png') no-repeat;height: 2px;width: 70px;bottom: 5px;margin-left: 10px; background-size: 100% 100%;}
.area-details-pic img{ border-radius: 5px; width: 100%; border: 1px solid #007F40 !important; padding: 5px;}
.area-details-pic iframe{ border-radius: 5px; width: 100%; border: 1px solid #007F40 !important; padding: 5px;}
.area-details-text h2{position: relative; color: #102039; font-size: 35px; line-height:40px; font-weight:600;}
.area-details-text h2:after {position: absolute;content: "";background: url('../images/line.png') no-repeat;height: 2px;width: 70px;bottom: 5px;margin-left: 10px; background-size: 100% 100%;}
.area-details-text ul{ margin-left: 30px;}
.area-details-text ul li{ margin-bottom:10px; }
.service-carousel .owl-nav{ text-align: center; margin: 20px 0;}
.service-carousel .owl-nav button{ border:1px solid #00773C !important; color: #fff !important; width: 50px; height: 35px; line-height: 25px !important; margin: 0 5px; font-size: 25px !important; background-color: #00773C !important;}
.service-carousel .owl-nav button span{ height: 15px; line-height: 11px; display: block;}
.service-carousel .owl-nav button:hover{ background-color: #000 !important; color: #fff !important; border:1px solid #000 !important;}
.service-carousel .owl-dots{ display: none;}

.first-choice .first-choice-top h6{ font-size: 16px; color: #E4004D; margin-bottom: 5px; text-transform: uppercase;}
.first-choice .first-choice-top h2{ color: #00224A; font-size: 35px; line-height:40px; font-weight:600; margin-bottom: 10px;}
.product-one{ background-color: #FFEBEB;}
.product-two{ background-color: #FFFCD8;}
.product-three{ background-color: #E6FFDC;}
.product-box{ padding: 20px 15px 0 15px; border-radius: 10px; background-color: #E6FFDC;}
.product-box h6{ font-size: 15px; color: #E4004D; margin-bottom: 5px; text-transform: uppercase;}
.product-box h3{ color: #00224A; font-size: 30px; line-height:35px; font-weight:600; margin-bottom: 10px;}
.product-box h3 a{ color: #00224A;}
.product-box .product-box-pic{ background: url('../images/product/product-bg.png') no-repeat; border-radius: 20px;}
.product-box .product-box-pic img{ width: 100%; padding: 10px;}
.product-box p{ padding: 20px 0; margin: 0;}
.product-box ul{ padding: 0; margin-left: 25px;}
.product-box ul li{ font-size:14px; list-style: circle;}
.product-box ul li::marker{ font-size: 25px; color: #E4004D;}
.product-box-btn{ text-align: center; position: relative; height: 60px;}
.product-box .btn-learn-more{ background-color: #DA292A; border: none !important; padding: 12px 40px; border-radius: 25px; border: none; color: #fff; text-transform: uppercase; height: 45px; display: inline-block; display: inline-block;}
.purchase-table{}
.purchase-table h5{ font-size: 15px; color: #00224A; margin-bottom: 0; text-transform: uppercase;}
.purchase-table p{ font-size: 12px; line-height:14px; color: #000000; margin: 0;}
.purchase-table h6{ font-size: 15px; color: #E4004D; margin-bottom: 0; text-transform: uppercase;}
.purchase-table .btn-purchase{ border: 1px solid #DA292A; padding: 12px 30px 8px; border-radius: 25px; color: #fff; text-transform: uppercase; display: inline-block; font-size: 13px; font-weight: bold;}
.purchase-table .btn-purchase:hover{ background-color: #DA292A; color: #fff;}
.purchase-table tr td{ padding: 11px;}
.tablea{ background-color: #FFEBEB;}
.tableb{ background-color: #DCECFF;}
.tablec{ background-color: #E6FFDC;}
.tabled{ background-color: #FFFCD8;}
.tablee{ background-color: #F9E6FF;}
.product-details-panel h6{ font-size: 15px; color: #E4004D; margin-bottom: 5px; text-transform: uppercase;}
.product-details-panel h3{ color: #00224A; font-size: 30px; line-height:35px; font-weight:600; margin-bottom: 5px;}
.product-details-panel .star li{ list-style: none; display: inline;}
.product-details-panel .star li .fa{ color: #E4004D;}
.product-details-panel .price-btn{ background-color: #E4004D; color: #fff; font-weight: bold; padding: 12px 30px; text-align: center;}
.pdescription{ margin-left: 18px;}
.pdescription li{ list-style: none; margin-bottom: 5px;}
.details-btn-part .details-btn{ background-color: #E4004D; border: none !important; padding: 12px 40px; border-radius: 25px; border: none; color: #fff; text-transform: uppercase; height: 45px; display: inline-block;}
.product-image img{ width: 100%;}
.image-list{ margin-top: 15px;}
.image-list li{ list-style: none; display: inline-block; width: 23%; margin: 0 5px;}
.image-list li:first-child{ margin-left: 0;}
.image-list li:last-child{ margin-right: 0;}
.image-list li img{ width: 100%;}


.grid {

  > [class*="column-"] {

    padding: 1rem;

  }

  &.menu, &.product {

    border-bottom: 0.0625rem solid $gray;

  }

  &.menu {

    > [class*="column-"] {

      padding: 0.5rem 1rem 0.5rem 1rem;

    }

  }

  &.product {

    padding: 0 0 1.5rem 0;

  }

  &.second-nav {

    > [class*="column-"] {

      padding: 0.5rem 1rem;

    }

  }

}



.contact-banner{ padding: 150px 0;}
.contact-form .form-group .form-control { margin-bottom: 15px; padding: 10px; background: #F3F3F3; border: 1px solid #666; box-shadow: none; color: #000;}
.contact-form .form-group select{ width: 100%; margin-bottom: 12px; padding: 13px 5px; background: #F3F3F3; border: 1px solid #666; box-shadow: none; border-radius: 4px; color: #000;}
.contact-form .form-group textarea{ height: 150px;}
.contact-form .btn-send{ background-color: #E4004D; color: #fff; padding: 12px 30px; border: none; width: 100%;}
.contact-form input[type="text"]::placeholder { color: #000;} 
.contact-form input[type="text"]:-ms-input-placeholder { color: #000; } 
.contact-form input[type="text"]::-ms-input-placeholder { color: #000; } 

.contact-form input[type="email"]::placeholder { color: #000;} 
.contact-form input[type="email"]:-ms-input-placeholder { color: #000; } 
.contact-form input[type="email"]::-ms-input-placeholder { color: #000; }

.contact-formt input[type="email"]::placeholder { color: #000;} 
.contact-form input[type="email"]:-ms-input-placeholder { color: #000; } 
.contact-form input[type="email"]::-ms-input-placeholder { color: #000; }

.contact-formt input[name="tel-462"]::placeholder { color: #000;} 
.contact-form input[name="tel-462"]:-ms-input-placeholder { color: #000; } 
.contact-form input[name="tel-462"]::-ms-input-placeholder { color: #000; }

.contact-form textarea[name="textarea-572"]::placeholder { color: #000;} 
.contact-form textarea[name="textarea-572"]:-ms-input-placeholder { color: #000; } 
.contact-form textarea[name="textarea-572"]::-ms-input-placeholder { color: #000; }

.address-panel{ background: linear-gradient(90deg, #002D60 0%, #A10036 88.46%);}
.address-panel .contact-part{ color: #fff; background: url('../images/address-line.png') no-repeat; background-position: 100%; height: 100%;}
.address-panel .contact-part i{ font-size: 30px;}
.address-panel .contact-part h6{ font-size: 20px; color: #fff;}
.address-panel .contact-part-last{ color: #fff;}
.address-panel .contact-part-last i{ font-size: 30px;}
.address-panel .contact-part-last h6{ font-size: 20px; color: #fff;}
.aboutus-part .sheading-white h6{ font-size: 16px; color: #E4004D; margin-bottom: 5px; text-transform: uppercase;}
.aboutus-part .sheading-white h2{ color: #00224A; font-size: 35px; line-height:40px; font-weight:600; margin-bottom: 10px;}
.aboutus-part-left img{ width: 100%; margin-bottom: 20px;}
.aboutus-part{ position: relative;} 
.aboutus-part .experience{ position: absolute; left: 42%; right:45%; bottom: 29%;}
.faqpage-panel .heading-text h6{ font-size: 16px; color: #E4004D; margin-bottom: 5px; text-transform: uppercase;}
.faqpage-panel .heading-text h2{ color: #00224A; font-size: 35px; line-height:40px; font-weight:600; margin-bottom: 10px;}
.faqpage-panel .accordion .accordion-item{ border-radius:10px; margin-bottom: 10px;}
.faqpage-panel .card .card-header{ color: #003D1F; font-weight:600; border-radius:5px; position: relative; padding: 10px 10px 5px 10px;}
.faqpage-panel .card .card-header h5{ font-size: 16px; line-height:20px; font-family: "Open Sans", sans-serif; text-transform: inherit;}
.faqpage-panel .card .card-header h5 a{ color: #616161; font-size: 16.5px; line-height:20px; font-weight: 600; width: 100%; display: block;}
.faqpage-panel #accordion .card{ background-color: #fff; border: 1px solid #ccc; margin-bottom: 10px;}
[data-toggle="collapse"]:after {display: inline-block;display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: rotate(0deg); content: "\f176"; transition: all linear 0.25s;float: right; border-radius: 50%; width: 25px; height: 25px; color: #00572C; line-height: 25px;text-align: center;}   
[data-toggle="collapse"].collapsed:after {content: "\f175";}
.faqpage-panel .card .card-header h5 a[aria-expanded="true"]{ color: #00224A;}
.faqpage-panel .card .card-header h5 a span{ width: 90%; display: inline-block;} 


.checkout-panel-top h2{ color: #00224A;}
.checkout-panel-top p{ padding: 0;}
.checkout-panel-top p a{ color: #000; text-decoration: underline;}
.checkout-panel-top ul{ margin-left:35px; margin-bottom:15px;}
.woocommerce-breadcrumb{ display: none;}
.product-details-panel h6{ color: #E4004D; font-size: 15px;}
.product-details-panel h6 a{ color: #E4004D; font-size: 15px;}
.woocommerce-product-details__short-description ul{ margin-left: 35px;}	
.woocommerce img, .woocommerce-page img{ width: 100%;}
.product-details-panel .price-btn p{ margin: 0px;}
.product-description ul{ margin-left: 35px;}
.woocommerce-tabs .tabs{ margin: -8px 0 30px -20px;}
.woocommerce-tabs .tabs li{ list-style: none; display: inline; background-color: #003370; padding: 15px 30px; border-radius: 5px; margin-right: 5px;}
.woocommerce-tabs .tabs li a{ color: #fff; padding: 15px 30px;}
.woocommerce-tabs{ background-color: #f1f1f1; border: 1px solid #ccc; padding: 20px; border-radius: 5px;}
.woocommerce-Tabs-panel--description ul{ margin-left: 35px;}
.woocommerce-tabs .tabs .active{ background-color: #E4004D;}
.wc-block-components-product-name{ color: #E4004D; font-size: 16px !important; text-transform: uppercase; font-weight: 600;}
.wc-block-components-button{ background-color: #E4004D; color: #fff; text-transform: uppercase; font-weight: 600;}
.woocommerce-billing-fields h3{ font-size: 20px; border-bottom: 1px dashed #000;}
#ship-to-different-address{ font-size: 20px; border-bottom: 1px dashed #000;}
.wc_payment_methods label img{ width: 50px;}
.mrl-15{ margin-left: 15px;}
.bulk-panel ul li img{ width: auto;}
.testimonial-box{ background-color: #F1F1F1; padding: 20px; border-radius: 10px 0 0 10px; position: relative; margin-top: 90px; padding: 85px 10px 15px 10px; text-align: center;}
.testimonial-box .testimonial-pic{ position: absolute; left: calc(50% - 70px); overflow: hidden; top: -70px; max-width: 140px;}
.testimonial-box .testimonial-pic img{ width: 140px !important; height:140px !important; border: 6px solid #E4004D; display: inline-block !important; border-radius: 50%; } 
.testimonial-box ul{ margin: 0; padding: 0;}
.testimonial-box ul li{ list-style: none; display: inline;}
.testimonial-box ul li i{ color:#ffce1b; }
.testimonial-carousel .owl-nav{ text-align: center; margin: 20px 0;}
.testimonial-carousel .owl-nav button{ border:1px solid #03265E !important; color: #03265E; width: 50px; height: 35px; line-height: 25px !important; margin: 0 5px;}
.testimonial-carousel .owl-nav button:hover{ background-color: #03265E; color: #fff !important;}



.checkout-panel-top .woocommerce{ background-color: #f5f5f5; padding: 10px 10px 5px 10px;}
.checkout-panel-top .woocommerce .woocommerce-MyAccount-navigation ul{ margin: 0px; padding: 0px;}
.checkout-panel-top .woocommerce .woocommerce-MyAccount-navigation ul li{ list-style: none; margin-bottom: 5px;}
.checkout-panel-top .woocommerce .woocommerce-MyAccount-navigation ul li a{ background-color: #E4004D; color: #fff; padding: 10px 15px; display: block;}
.checkout-panel-top .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a{ background-color: #001E67;}
.checkout-panel-top .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a:hover{ background-color: #001E67;}
.woocommerce-Address-title{ display: block; border-bottom: 1px solid #222; margin-bottom: 20px; padding-bottom: 5px;}
.woocommerce-Address-title h2{ font-size: 20px; margin: 0; display: inline-block;}
.woocommerce-Address-title a{ font-size: 14px;}
.addresses .woocommerce-Address{ background-color: #fff; padding: 10px;}
.woocommerce-Button{ background-color: #E4004D !important; color: #fff !important; padding: 14px 25px !important;}
.woocommerce-form-login__submit{ background-color: #E4004D !important; color: #fff !important; padding: 14px 25px !important;}

.comment-reply-title{ margin-bottom: 15px; display: block;}
.comment-form-rating #comment-form-rating-label{ margin-bottom: 10px;}
.comment-form-comment textarea{ padding: 10px; background: #F3F3F3; border: 1px solid #666; box-shadow: none; color: #000; border-radius: 5px;}
.comment-form .form-submit .submit{ background-color: #E4004D !important; border: none !important; padding: 8px 40px 6px 40px !important; border-radius: 25px !important; border: none !important; color: #fff !important; text-transform: uppercase; height: 45px !important;}
.comment-form .form-submit .submit:hover{ background-color: #00113B !important; color: #fff !important;}
.quality-panel-left .give-us img{ width: auto;}
.woocommerce-product-attributes-item--dimensions{ display: none;}