/*!
Theme Name: radoengineering
Theme URI: https://www.evergreenautoindia.com/
Author: evergreenautoindia.com
Author URI: https://www.evergreenautoindia.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: radoengineering
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
*/

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@charset "utf-8";
/* CSS Document */

::selection {
	background: #000; /* Safari */
	color:#fff;
}
::-moz-selection {
	background: #000; /* Firefox */
	color:#fff;
} 
 
/*
   font-family: "Barlow", sans-serif;
   font-family: "Inter", sans-serif;
*/

	
* { margin:0; padding:0; outline:none;}
.container {  position:relative;}
body { margin:0; padding:0; font-family: "Inter", sans-serif; font-weight:400; line-height:normal; overflow-x: hidden; }
p { margin:0; padding:15px 0 0 0; font-family: "Inter", sans-serif; font-weight:400; font-size:16px; line-height:24px; color:#333; }
h1, h2, h3, h4, h5, h6  { margin:0; padding:0; font-weight:700; font-family: "Barlow", sans-serif; color:#333;}
ul, li { margin:0; padding:0; font-family: "Inter", sans-serif;}
a { color:#D81324; text-decoration:none;}
a:hover  { text-decoration:none; color:#000;}
img { width:100%;}
.form-control:focus {box-shadow:none;}
h1 { font-size: clamp(24px, 5vw, 60px); }
h2 { font-size: clamp(22px, 4vw, 36px); }
h3 { font-size: clamp(18px, 3vw, 30px); } 
h4 { font-size: clamp(16px, 2vw, 20px); }
h5 { font-size: clamp(14px, 1vw, 16px); }
h6 { font-size: clamp(14px, 1vw, 16px); color:#D81324; text-transform:uppercase;}
 
.btn {display: inline-block; overflow: hidden;  padding: 12px 25px; border:none; background:#D81324; font-size:16px; line-height: 22px; border-radius:5px; font-weight:600; color: #fff; z-index: 1; position:relative; touch-action: manipulation; transition: all 0.5s ease 0s; font-family: "Barlow", sans-serif;}
.btn::before {background:#0B2154; content: ""; height:100%; left:auto; position:absolute; top: 0; right:0; width:0; z-index: -1; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;}
.btn:hover::before { width:100%; right:auto; left:0; }
.btn:hover { color:#fff !important; }
.btn i { font-size:12px;}

header { width:100%; z-index:999; position:relative; background:#f1f1f1;} 
.header_top_bg { background:#0B2154; padding:10px 0; }
.header_top_bg .container { display: flex; justify-content:space-between;}
.header_top_bg .header_icon {display: flex; align-items: center;}
.header_top_bg .header_icon a { font-size:20px; color:#fff; margin-left:15px;}
.header_top_bg .header_icon a:hover { color:#fff;}
.header_top_bg .header_icon span { font-size:14px; color:#fff; font-weight:300;}
.header_top_bg .header_icon .multigual_launguage {margin-left: 15px;}
.header_top_bg .header_icon .multigual_launguage .gt_selector { height: 28px; font-size: 14px; padding: 0 7px;}
.header_top_bg .header_phone { padding:0; display: flex; }
.header_top_bg .header_phone a { display: flex; align-items: center; font-size:14px; line-height:18px; font-weight:300; color:#fff; margin-right:30px;}
.header_top_bg .header_phone a i {color:#fff; font-size:16px; margin-right:6px;}
.header_top_bg .header_phone a:hover { color:#fff;}
 
.navbar-nav .nav-link { font-family: "Barlow", sans-serif; font-weight:600; color: #333 !important; padding:0 !important; margin:4px 17px;}
.navbar-nav .nav-link:hover {  color:#D81324 !important; }
.navbar-toggler { border-color: rgba(0,0,0,1) !important;} 

.f-nav { z-index: 9999; position: fixed; top: 0; width: 100%; background:#fff !important; box-shadow:0 1px 6px #CCC; }
/*.f-nav .navbar-brand { max-width:160px; padding:15px 0; transition: all 800ms ease;}*/

.dropdown { position:relative;}
.dropdown input{ display:none;}
.mobile_toggle{ display:none; cursor:pointer; padding:10px;}
.dropdown-menu{ display:none; position:absolute;  top:100%; left:0; min-width:240px; background:#fff; padding:0;  border:1px solid #DBDBDB; z-index:999; border-radius:0;}
.dropdown:hover > .dropdown-menu{ display:block;}
.dropdown-menu li { list-style:none; position:relative;}
.dropdown-menu li a { display:flex; align-items:center; justify-content:space-between; padding:10px 15px;  color:#333; text-decoration:none;}
.dropdown-menu li a:hover { background:#D81324; color:#fff;}

.submenu{ display:none; position:absolute; top:0; left:100%; min-width:200px; background:#fff;   padding:0;  border:1px solid #DBDBDB;}
.dropdown-submenu:hover > .submenu{ display:block;}
 
section { width:100%; background:#ffffff;}
.banner_top_bg { width:100%; position:relative; text-align:center; overflow:hidden;}
.banner_top_bg .carousel-item::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(11, 33, 84, 0.7); z-index:2; }
.banner_top_bg .carousel-caption { position:absolute; top:23%; bottom:auto; z-index:99; text-align:center; left:5%; right:5%; margin:0 auto;}
.banner_top_bg .carousel-caption h1 { max-width:800px; margin:0 auto; padding:0 12px;  color:#fff; }
.banner_top_bg .carousel-caption p { font-size: clamp(16px, 2vw, 20px); line-height: clamp(24px, 2vw, 30px); color:#fff; font-weight:400; padding:15px 0 0 0; text-align:center; max-width:600px; margin:0 auto;}
.banner_top_bg .carousel-caption .btn { margin-top:25px;}
.banner_top_bg .carousel-indicators { display:none;}
.banner_top_bg .carousel-indicators [data-bs-target] { width:10px; height:10px; background-color:#ffffff !important; opacity:1; border-radius:50%; border:none; margin:0 6px;}
.banner_top_bg .carousel-indicators .active { background-color:#DD223F !important; opacity:1;}
.banner_top_bg .carousel-control-prev { background:url(images/arrow-left.svg) center center no-repeat; width:36px; height:36px; background-size:36px; top:43%; left:15px; border:1px solid #fff; border-radius:50%; z-index:2;}
.banner_top_bg .carousel-control-next { background:url(images/arrow-right.svg) center center no-repeat; width:36px; height:36px; background-size:36px; top:43%; right:15px; border:1px solid #fff; border-radius:50%; z-index:2;}
 
.about_section_bg { background:#F8F8F8; padding:140px 0 80px 0; position:relative;}
.about_section_bg .absolute_top { position:absolute; top:-198px; left:10%; right:10%; z-index:2;}
.about_section_bg .card_box { width:100%; background:#fff; border-radius:5px; box-shadow:0 2px 5px #ccc; padding:20px; text-align:center;}
.about_section_bg .card_box h2 { color:#D81324;}
.about_section_bg .card_box p { padding:10px 0 0 0;}
.about_section_bg ul { list-style:none; margin:0; padding:0;}
.about_section_bg li { list-style:none; line-height:24px; background:url(images/check-icon.svg) left 21px no-repeat; padding:15px 0 0 20px;}
.about_section_bg .btn { margin-top:20px;}
.about_image_video { width:100%; position:relative;}
.about_image_video img { width:65%; border-radius:10px;}
.about_image_video video { position:absolute; bottom:0; right:0; width:60%; border-radius:10px;}
.about_image_video .click_video { width:40%; display:flex; }
.about_image_video .click_video img { width:92%; margin:10px auto 0 auto; border-radius:0;}
  
.why_choose_section_bg { width:100%; padding: clamp(40px, 5vw, 80px) 0;}
.why_choose_box { margin-top:30px; border:1px solid #EBEBEB; border-radius:10px; display:flex; padding:30px; transition: all 0.3s ease;} 
.why_choose_box .icon { width:40px; height:40px; margin-right:20px; padding:8px; border:1px solid #D81324; border-radius:5px; background:rgba(216, 19, 36, 0.1);}
.why_choose_box .icon img { width:24px;}
.why_choose_box:hover {transform: translateY(-10px); border:1px solid #D81324;}
.why_choose_box .text p { padding:10px 0 0 0;}
.why_choose_box .text ul { list-style:none; margin:0; padding:0;}
.why_choose_box .text li { list-style:none; line-height:24px; background:url(images/check-icon.svg) left 16px no-repeat; padding:10px 0 0 20px;}

.home_products_bg {  width:100%; padding:clamp(40px, 5vw, 80px) 0; position:relative; background:#F8F8F8;}
.home_products_bg .slick-slider { margin: 0 -15px;}
.product_box { background:#fff; border:1px solid #EBEBEB; text-align:center; padding:0; margin-top:30px; border-radius:10px; position:relative; overflow:hidden;}
.product_box img {  width:100%; border-radius:0; transition: all 0.4s; transition: all 0.4s; scale: 1.05 ;}
.product_box:hover img {transition: all 0.4s; scale: 1.00 ;  border-radius:0;}
.product_box .overlay { background-color: rgba(0, 0, 0, 0.7); width:100%; padding:25px; border-radius:0; position: absolute; bottom:0; left:0;  transition: transform 0.3s ease; transform: translatey(100%); height:100%; display: flex; flex-direction:column; justify-content:center; align-items: center;} 
.product_box .overlay h4 { color:#fff; text-align:center; padding:0; position: absolute; top:-40px; left:0; right:0; align-items: center; display: flex; justify-content:center; text-shadow:0 2px 2px #000;}
.product_box .overlay p {display: flex; align-items: center; text-align: center; padding:12px 0 0 0; color:#fff; justify-content: space-between;}
.product_box .overlay a { display: flex; width: 46px; height:46px; margin:10px auto 0 auto; }
.product_box .overlay a img { width:46px; height:46px; background:#D81324; border-radius:50%;}
.product_box:hover .overlay {transform: translatey(0);}
.product_box:hover .overlay h4 { padding:0; position:initial; top:0;}


.product_slider .slick-next { background:url(images/arrow-right.svg) right center no-repeat; width:36px; height:36px; background-size:36px; top:-15px; right:15px;}
.product_slider .slick-prev { background:url(images/arrow-left.svg) right center no-repeat; width:36px; height:36px; background-size:36px; top:-15px; left:auto; right:60px;}
.product_slider .slick-next:before { display:none;}
.product_slider .slick-prev:before { display:none;}

.infra_grid {display: grid; grid-template-columns: repeat(6, 1fr); gap:8px;}
.image_wrapper { position: relative; overflow: hidden;}
.image_wrapper img { width:100%; height:100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.image_wrapper .overlay { position: absolute; top:0; left:0; width:100%; height:100%; background:rgba(11, 33, 84, 0.7); display: flex; align-items: center; justify-content: center; text-align:center; padding:15px; opacity:0; transition: opacity 0.3s ease; display:none;}
.image_wrapper:hover img {transform: scale(1.1);}
.image_wrapper:hover .overlay { opacity:1;}
.image_wrapper:hover .overlay h4 { color:#fff;}

.quality_assurance_bg { padding-bottom:clamp(40px, 5vw, 80px);}
.quality_assurance_bg ul { list-style:none; margin:0; padding:0;}
.quality_assurance_bg li { list-style:none; line-height:24px; background:url(images/check-icon.svg) left 21px no-repeat; padding:15px 0 0 20px;}
.quality_assurance_bg .btn { margin:20px 0;}
.quality_assurance_bg img { border-radius:10px; height:120px; width: auto; object-fit: contain;}
.video_img_bg { width:100%;}
.quality_assurance_bg .industries_we_serve_img img { width:100%; height:auto;}

.models_following_bg { background:#F8F8F8; padding:clamp(40px, 5vw, 80px) 0; text-align:center;}
.vehicle_brands_logo img {  width:100%; background:#fff; border:1px solid #EBEBEB; border-radius:10px; padding:15px; margin-top:30px;}
.vehicle_brands_logo.slick-slider { margin:0 -15px;}

.core_competence_box {flex-wrap: wrap; justify-content: center;}
.core_competence_box .icon { margin:0 0 15px 0;}
.core_competence_box .text { text-align:center;}

footer { width:100%; background:#0B2154; margin-top:60px; padding:60px 0 0 0;}
.newsletter_top_bg { width:100%; border-radius:10px; background:#D81324; position:absolute; top:-110px; padding:30px;  }
.newsletter_top_bg .row {align-items: center;}
.newsletter_top_bg h2 {  color:#fff; padding:0;}
.newsletter_top_bg p { font-size:18px; line-height:22px; color:#fff; padding:0;}
.footer_newsletter_box {  width:100%; display: flex; align-items: center; justify-content: end;}
.footer_newsletter_box .newsletter_input { width:400px; padding:0 0 0 20px; background:#fff; font-size:16px; color:#333; height:46px; margin-right:10px; border:none; border-radius:3px;}
.footer_newsletter_box .btn  {background:#0B2154; color:#fff; text-transform:capitalize; }   
.footer_box { width:100%; padding:60px 0 0 0;}  
.footer_box h3 { color:#fff; position:relative; padding-bottom:10px;}
.footer_box p { color:#CCCCCC; text-align:center; padding:15px 0 0 0;}
.footer_box p span { font-weight:700; color:#D81324;}
.footer_box p a {color:#CCCCCC;}
.footer_box p a:hover { color:#fff; }
.footer_box ul { width:100%; list-style:none; padding:7px 0 0 0; margin:0;}
.footer_box li { width:100%; list-style:none; padding:10px 0 10px 0; margin:0;}
.footer_box li a { font-size:15px; color:#CCCCCC; padding:0 0 0 0;  }
.footer_box li a:hover { color:#fff;}
.footer_box.right_text li { text-align:right;}
.footer_box.right_text li a { float:none;}
.footer_box.center_text h5 { text-align:center;}
.footer_box .footer_icon { width:100%; text-align:center; padding:20px 0 0 0;}
.footer_box .footer_icon a { font-size:20px; color:#fff; margin-left:15px;}
.footer_box .footer_icon a:hover { color:#fff;}
.copyright_text_bottom { width:100%; text-align:center; color:#ccc; font-size:15px; border-top:1px solid #999999; padding:25px 0; margin-top:50px;}
 
.inner_page_title_bg {  width:100%; background-size:cover !important;  padding:clamp(70px, 5vw, 120px) 0; position:relative;}
.inner_page_title_bg::before {content: ''; position:absolute; top:0; left:0; width: 100%; height:100%; background-color: rgba(11, 33, 84, 0.7);}
.inner_page_title_bg h1 { width:100%; text-align:center;  color:#fff; z-index:2; position:relative; padding:0;}
.inner_page_title_bg .header_link {  width:100%; text-align:center; font-size:16px; color:#fff; padding:10px 0 0 0;}
.inner_page_title_bg .header_link a { text-align:center; font-size:16px; color:#fff;}
.inner_page_title_bg .header_link span { text-align:center; font-size:16px; padding:0 15px; color:#fff;} 

.about_page_text {padding:clamp(40px, 5vw, 80px) 0; background:none;}
.vision_mission_bg {  width:100%; background:#F8F8F8; padding:clamp(40px, 5vw, 80px) 0; }
.vision_mission_text {padding:30px;background:#fff;  border-radius: 10px; transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;  -webkit-box-shadow: 0 9px 33px 0 rgba(2, 8, 53, 0.05);  box-shadow: 0 9px 33px 0 rgba(2, 8, 53, 0.05);  display: flex;}
.vision_mission_text:hover {  -webkit-transform: translate(0, -3px);  transform: translate(0, -3px);  -webkit-box-shadow: 0 9px 33px 0 rgba(2, 8, 53, 0.1); box-shadow: 0 9px 33px 0 rgba(2, 8, 53, 0.1);}
.vision_mission_text .icon { width:140px; margin-right:15px;}
.vision_mission_text .icon img { border-radius:50%; background:#D81324; width:140px;}
.vision_mission_text .text p { padding:10px 0 0 0; }

.get_touch_withus { width:100%; padding:clamp(40px, 5vw, 80px) 0;}
.contact_info_right { width:100%; padding:40px 30px; background:#0B2154; border-radius:10px;}
.contact_info_right h3 { text-align:left; color:#fff;}
.contact_info_right p { width:100%; font-size:16px; color:#fff; padding:30px 0 0 0; display: flex;}
.contact_info_right p i { font-size:20px; margin:3px 10px 0 0; color:#fff; background: #D81324; min-width:38px; height:38px; border-radius:5px; text-align:center; padding:7px 0 0 0;}
.contact_info_right p i.fa-map-marker { font-size:22px; margin-bottom:28px;}
.contact_info_right p a { color:#fff; align-items: center; display: flex;}
.contact_info_right .left_icon { margin-top:25px;  width:100%;}
.contact_info_right .left_icon a { margin-top:20px; color: #ffffff; font-size:30px; margin-right:20px; text-align:center;  }
.contact_info_right .left_icon a:hover { color:#D81324; }
.contact_from_box { width:100%; text-align:left;}
.contact_from_box .form-control { width:100%; margin:15px 0 0 0; background:#fff; border:1px solid #cccc; min-height:52px; font-size:16px; color:#000; padding:0 15px;}
.contact_from_box .btn { margin-top:15px;}
.contact_from_box .btn:hover { background:#0B2154; color:#fff !important;}
.contact_map { width:100%; padding-bottom:clamp(40px, 5vw, 80px);}

.sendenquiry_popup .modal-content { background:#fff;}
.sendenquiry_popup .modal-header { padding:15px 20px;}
.sendenquiry_popup .modal-body { padding:5px 20px 20px 20px;}
.sendenquiry_popup .modal-title { text-align:left;}
.sendenquiry_popup label { margin:0 0 5px 0; padding:0; color:#666;}
.sendenquiry_popup .form-control { width:100%; font-size:16px; color:#000; background:#fff; border:1px solid #ccc; min-height:50px; padding:8px 15px; margin-top:0; border-radius:5px;} 
.sendenquiry_popup .form-select { width:100%; font-size:16px; color:#000; background-color:#fff; border:1px solid #ccc; min-height:50px; padding:8px 15px; margin-top:0; border-radius:5px;}
.sendenquiry_popup .btn {  margin-top:15px; }
.sendenquiry_popup .btn:hover { background:#0B2154; color:#fff !important;}
.iti__selected-country { border-right:none !important;}
.wpcf7-not-valid-tip { float:none; width:100%;}
.scpv-error-message { padding:22px 0 0 0;}

.product_page_bg {  width:100%; padding:clamp(25px, 5vw, 65px) 0;}
.product_page_bg .product_box { margin:15px 0;}
.product_left_img {  width:100%; margin:15px 0; border:1px solid #e3e3e3; border-radius:10px;}
.product_left_img img { padding:5px; border-radius:10px;}
.product_left_img .carousel-indicators [data-bs-target]{ width:12px; height:12px; background:#999999; opacity:1; border-radius:50%; border:none; margin:0 6px;}
.product_left_img .carousel-indicators .active { background:#D81324; opacity:1;}
.product_right_text { width:100%; margin:15px 0;}
.product_right_text h2 { text-align:left;}
.product_right_text h4 { color:#0B2154; padding:20px 0 0 0;}
.product_right_text ul { list-style:none; margin:0; padding:0;}
.product_right_text li { list-style:none; line-height:24px; background:url(images/check-icon.svg) left 21px no-repeat; padding:15px 0 0 20px;}  
.product_right_text .button { margin-top:5px;}
.product_right_text .button .btn { margin:10px 10px 0 0;}
.product_right_text .button .btn1 { background:#0B2154;}  

.key_features_product_bg { width:100%; padding: clamp(40px, 5vw, 80px) 0; margin:clamp(40px, 5vw, 80px) 0; text-align:center; background: #F8F8F8;}
.feature_box {background: #fff;	padding:30px; border-radius: 16px; border: 1px solid #EBEBEB; margin-top:30px; transition: .3s;  }
.feature_box:hover {transform: translateY(-6px); border: 1px solid #D81324;}
.feature_box h4 { color:#0B2154;}
.feature_box i {font-size: 40px; color:#D81324;	margin-bottom: 20px;}
.key_features_product_bg.applications_bg { margin:0; padding:0; background:#fff;}
 
.technical_specifications_bg { width:100%; text-align:center;} 
.technical_specifications_bg h2 { padding-bottom:30px;} 

.infrastructure_page_bg {  width:100%; padding:clamp(40px, 5vw, 80px) 0;}
.infrastructure_page_bg .row {align-items: center;}

.infrastructure_text { width:100%; margin-top:30px;}
.infrastructure_text ul { list-style:none; margin:0; padding:0;}
.infrastructure_text li { list-style:none; line-height:24px; background:url(images/check-icon.svg) left 21px no-repeat; padding:15px 0 0 20px;}   
.infrastructure_img { width:100%; position:relative; text-align:center; overflow:hidden; margin-top:30px;}
.infrastructure_img img { width:100%; border-radius:15px;}
.infrastructure_img .carousel-indicators { display:none;}
.infrastructure_img .carousel-control-prev { background:url(images/arrow-left.svg) center center no-repeat; width:36px; height:36px; background-size:36px; top:43%; left:15px; border:1px solid #fff; border-radius:50%; z-index:2;}
.infrastructure_img .carousel-control-next { background:url(images/arrow-right.svg) center center no-repeat; width:36px; height:36px; background-size:36px; top:43%; right:15px; border:1px solid #fff; border-radius:50%; z-index:2;}

.quality_page_bg {  width:100%; padding:clamp(40px, 5vw, 80px) 0;}
.quality_page_bg .why_choose_box .icon { width:80px; height:80px; padding:14px;}
.quality_page_bg .why_choose_box .icon img { width:100%;} 

.quality_tested_rate_bg {background: #F8F8F8; padding:clamp(30px, 5vw, 60px); margin-top:40px;}
.quality_tested_rate_bg .card_box { width:100%; background:#fff; border-radius:10px; box-shadow:0 1px 2px #ccc; padding:20px; text-align:center;}
.quality_tested_rate_bg .card_box h2 { color:#D81324;}
.quality_tested_rate_bg .card_box p { padding:10px 0 0 0;}

.certified_box { width:100%; display:flex; align-items:center; margin-top:40px; border:1px solid #EBEBEB; border-radius:10px; padding:30px; transition: all 0.3s ease;}
.certified_box .image img { margin-right:20px; width:200px;}
.certified_box .btn { margin-top:15px;}
.certified_box:hover {transform: translateY(-10px); border:1px solid #D81324;}

.model_box {background: #fff; padding:25px;	border-radius: 14px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); display: flex; align-items: center; transition: .3s; margin-top:30px; width:100%;}
.model_box:hover {transform: translateX(8px);}
.model_box i {min-width: 65px; height:65px; line-height:65px; text-align:center; border-radius:50%;	background:#D81324; color:#fff; font-size: 28px; margin-right:15px;}
.model_box h4 { color:#0B2154; text-align:left;}
.model_box p { margin:0; padding:5px 0 0 0; text-align:left;}

.faq_question { max-width:1000px; width:auto; margin:0 auto; padding-bottom:clamp(30px, 5vw, 80px);}
.faq_question h2 { text-align:center; padding-bottom:20px;}
.faq_question .accordion-item { border:none; margin-top:10px;  border:1px solid #ececec;}
.faq_question .accordion-button { background:#fff; font-weight:600; font-size:18px; line-height:24px; color:#222;  padding:10px 20px 10px 20px; }
.faq_question .accordion-button:not(.collapsed) { background:#222222 !important; color:#fff !important; padding:10px 20px 10px 20px;}
.faq_question .accordion-button::after { background-color:#fff; border-radius:50%; background-position: center center; background-size:14px;}
.faq_question .accordion-button:focus {   box-shadow:0 0 5px #e8e8e8;}
.faq_question .accordion-body { padding:0 20px 20px 20px;} 
.faq_question .accordion-button::after { background:url(images/plus-icon.svg) right center no-repeat; width:24px; height:24px;}
.faq_question .accordion-button:not(.collapsed)::after {background:url(images/minus-icon.svg) right center no-repeat; width:24px; height:24px; transform: rotate(0); }
.faq_question .accordion-body p {color:#333; padding:15px 0 0 0; font-size:16px; line-height:24px;}
.faq_question .button { margin-top:10px;}
.faq_question .button .btn { margin:10px 10px 0 0;}
.faq_question .button .btn1 { background:#0B2154;} 

.blog_page_main { width:100%; padding:clamp(25px, 5vw, 65px) 0;}
.blog_box { width:100%; display: flex; align-items: center; margin-top:30px;}
.blog_box .blog_left_img { width:42%; margin:0 4% 0 0; }
.blog_box .blog_left_img img { border-radius:10px;}
.blog_box .blog_text { width:54%; margin:0; }
.blog_box .blog_text .date { font-size:16px; color:#666666;}
.blog_box .blog_text .date .fa-calendar-alt { color:#D81324; margin-right:10px;}
.blog_box .blog_text h4 { margin:10px 0 0 0;}
.blog_box .blog_text .btn { background:none; color:#D81324 !important; padding:0 !important; margin:15px 0 0 0; }
.blog_box .blog_text .btn:hover { background:none !important; color:#000 !important; }
.blog_box .blog_text .btn:before { background:none !important;}

.blog_left_bg { width:100%; background:#F8F8F8; margin:15px 0; border-radius:15px; padding:20px; display: inline-block;}
.blog_left_bg h4 { padding:0; color:#D81324;}
.blog_left_bg ul { width:100%; list-style:none; margin:10px 0; padding:0;}
.blog_left_bg li { width:100%; list-style:none; padding:10px; margin:4px 0; background: #fff;}
.blog_left_bg li a { font-size:16px; font-weight:600; color:#000; background:url(images/check-icon.svg) left 4px no-repeat; padding:0 0 0 20px;}
.blog_left_bg li a:hover { color:#D81324;}
.blog_left_bg .blog_img_box { display:flex; align-items:center; width:100%; border-bottom: 1px solid #D9D9D9; padding:20px 0;}
.blog_left_bg .blog_img_box:last-child { border:none; padding-bottom:5px;}
.blog_left_bg .blog_img_box .img img { width:115px; margin-right:20px; border-radius:5px;}
.blog_left_bg .blog_img_box .img img:hover { opacity:0.8;}
.blog_left_bg .blog_img_box .text p { color:#666666; padding:0; font-size:14px;}
.blog_left_bg .blog_img_box .text h5 { line-height:20px;}
.blog_left_bg .blog_img_box .text h5 a { color:#000; padding:0; font-size:16px; line-height:20px; font-weight:600;}
.blog_left_bg .blog_img_box .text h5 a:hover { color:#D81324;}
.our_news_detail_text {  width:100%; margin:15px 0; }
.our_news_detail_text h2 { padding:20px 0 0 0;}
.our_news_detail_text img { border-radius:15px; }
.our_news_detail_text .date {  width:100%; font-size:16px; color:#666; padding:15px 0 0 0;}
.our_news_detail_text .date .fa-calendar-alt { margin-right:8px; color:#D81324;}
.our_news_detail_text h3 { padding:15px 0 0 0;  }
.our_news_detail_text h4 { padding:15px 0 0 0;  }
.our_news_detail_text ul { padding:8px 0 0 0; list-style:none;}
.our_news_detail_text ul li { background:url(images/check-icon.svg) left 15px no-repeat; padding:10px 0 0 20px; font-size:16px; font-weight:400; color:#333;}
.our_news_detail_text ol { padding:8px 0 0 15px;  }
.our_news_detail_text ol li {  padding:10px 0 0 0; font-size:16px; font-weight:400; color:#333; background:none;}
   
@media (min-width:1100px) {
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width:1300px; position:relative;}
}
 
@media only screen and (min-width:220px) and (max-width:1540px) { 
.banner_top_bg .carousel-caption { top:10%;}
}

@media only screen and (min-width:220px) and (max-width:1160px) { 
.banner_top_bg .carousel-caption { top:4%;}
.about_section_bg .absolute_top { position:inherit; top:auto; left: auto; right:auto; }
.about_section_bg { padding:clamp(40px, 5vw, 80px) 0;}
.about_section_bg .card_box {margin-bottom:30px;}
}

@media only screen and (min-width:220px) and (max-width:1100px) { 
.infra_grid {grid-template-columns: repeat(4, 1fr); gap:8px;}
.navbar-nav .nav-link { margin:4px 10px;}
}

@media only screen and (min-width:220px) and (max-width:991px) { 
.header_top_bg .container {flex-wrap: wrap; justify-content: center;} 
.header_top_bg .header_phone {flex-wrap: wrap; width:100%;}
.header_top_bg .header_phone a {justify-content:center; width:100%; margin:0 0 10px 0;}  
.navbar-nav .nav-item { width:100%; border-top: 1px solid #e0e0e0;}
.navbar-nav .nav-link { padding:0 !important; margin:10px 0;} 
.navbar-nav .nav-item .btn { margin-top:10px;}
.navbar-toggler:focus {   box-shadow:none;}
.vision_mission_text { margin:10px 0;}
.contact_info_right { margin-top:30px; padding:30px 20px;}
.video_img_bg { margin-top:30px;}
.about_image_video { margin-bottom:30px;}
 
.navbar .dropdown-toggle::after{ display:none !important;}
.mobile_toggle{ display:block;}
.menu_flex,
.submenu_flex{ display:flex; align-items:center; justify-content:space-between;}
.submenu_flex i { display:none;}
.mobile_toggle i { display:block;}
.dropdown-menu{ position:static; width:100%; box-shadow:none;}
.dropdown:hover > .dropdown-menu{ display:none;}
#products-menu:checked ~ .dropdown-menu { display:block;}
.submenu{ position:static; width:100%; padding-left:15px; border:none;}
.dropdown-submenu:hover > .submenu{ display:none;}
#bedset-menu:checked ~ .submenu{ display:block;}
}
 
@media only screen and (min-width:220px) and (max-width:860px) {

}

@media only screen and (min-width:220px) and (max-width:767px) {

.banner_top_bg .carousel-caption p { display:none;}
.newsletter_top_bg h2 { text-align:center; padding-bottom:10px;}

.footer_box h3 { text-align:center !important; padding-bottom:0;}
.footer_box li { text-align:center;}
.footer_box.right_text li { text-align:center;}
.quality_tested_rate_bg .card_box { margin:10px 0;}
}

@media only screen and (min-width:220px) and (max-width:640px) {
.infra_grid {grid-template-columns: repeat(3, 1fr); gap:8px;} 
.newsletter_top_bg { position:inherit; top:inherit;}
.footer_newsletter_box {flex-wrap: wrap; justify-content: center;}
.footer_newsletter_box .newsletter_input { width:100%; margin:0 0 10px 0;}
footer {padding: 40px 0 0 0; margin-top:0;}
.footer_box {padding: 40px 0 0 0;}
.copyright_text_bottom {padding:15px 0; margin-top:30px;}
}

@media only screen and (min-width:220px) and (max-width:560px) {
.banner_top_bg .carousel-item img { height:200px; width:auto;}	
.infra_grid {grid-template-columns: repeat(2, 1fr); gap:8px;} 
.vision_mission_text { flex-wrap: wrap;}
.vision_mission_text .icon {width:100px; margin:0 0 15px 0;}
.vision_mission_text .icon img { width:100px;}
.quality_assurance_bg img { height:90px;}
}

@media only screen and (min-width:220px) and (max-width:480px) {
.certified_box {flex-wrap: wrap;}
.certified_box .image img { width:100%; margin:0 0 15px 0;}
.quality_page_bg .why_choose_box .icon { width:50px; height:50px; padding:8px;}
.quality_assurance_bg img { height:75px;}
}  
