/* Global Styles */

html, body {height: 100%; font-family: "Century Gothic", AppleGothic, sans-serif;}

* {font-family: "Century Gothic", AppleGothic, sans-serif;}

a { text-decoration:none; color:#111}

body {overflow-x:hidden}

.img-portfolio {margin-bottom: 30px;}
.img-hover:hover {
opacity: 0.8;
}
/* Home Page Carousel */

header.carousel {
height:100%; position:relative;
}
header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {
height: 100%;
}
header.carousel .fill {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
/* 404 Page Styles */

.error-404 {
font-size: 100px;
}
/* Pricing Page Styles */

.price {
display: block;
font-size: 50px;
line-height: 50px;
}
.price sup {
top: -20px;
left: 2px;
font-size: 20px;
}
.period {
display: block;
font-style: italic;
}
/* Footer Styles */


.footer1 {margin:10px 0; background:#fff; position:relative}
.footer2 {margin:0; background:#111; padding:29px 0; color:#fff;}
.footer2 a {color:#fff}
.footer2 a:hover {color:#ccc}
.footer2 p { margin:0; padding:0; text-align:center; font-size:14px; color:#fff; text-transform:uppercase; font-weight:500; letter-spacing:1px}
/* Responsive Styles */

@media(max-width:991px) {
.customer-img,  .img-related {
margin-bottom: 30px;
}
}
@media(max-width:767px) {
.img-portfolio {
margin-bottom: 15px;
}
header.carousel .carousel {
height:90%;
}


}


.logo-css a { margin:0!important; padding:0 0!important; border:0!important;}

.scrolled {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}

.scrolled  .navbar-nav > li { font-size:14px}


.logo-css {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;}

.scrolled .logo-css {-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;}


.top-bg {padding:0 3.5%;height:93%;}
.logo-css { position:relative; left:0; right:0}
.navbar-nav>li { position:relative; text-transform:uppercase; font-size:16px;}

.patten { background:url(../images/patten.png) repeat; width:100%; height:100%; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; border:solid 14px rgba(255, 255, 255, 0.5)}
.curve { position:absolute; bottom:0; left:0; right:0; text-align:center; z-index:999;}


/*carousel-caption*/
.carousel-caption {font-family: 'Source Sans Pro', sans-serif; width:480px;}

.carousel-caption p { font-size:14px; font-weight:500; text-transform:uppercase; letter-spacing:1px; margin:0 0 8px 0; padding:0}
.carousel-caption h3{ font-size:56px; font-weight:800;  margin:0 0 10px 0; padding:0}
.carousel-caption h4{ font-size:25px; font-weight:400; margin:0 0 20px 0; padding:0}
.carousel-caption a { font-weight:800; padding:0 25px 0 25px; display:inline-block} 

.link-1 {background: rgba(177,17,22,1);
background: -moz-linear-gradient(left, rgba(177,17,22,1) 0%, rgba(177,69,10,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(177,17,22,1)), color-stop(100%, rgba(177,69,10,1)));
background: -webkit-linear-gradient(left, rgba(177,17,22,1) 0%, rgba(177,69,10,1) 100%);
background: -o-linear-gradient(left, rgba(177,17,22,1) 0%, rgba(177,69,10,1) 100%);
background: -ms-linear-gradient(left, rgba(177,17,22,1) 0%, rgba(177,69,10,1) 100%);
background: linear-gradient(to right, rgba(177,17,22,1) 0%, rgba(177,69,10,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b11116', endColorstr='#b1450a', GradientType=1 ); color:#fff; height:58px; line-height:58px}

.link-1 {
position: relative;font-size:29px; 
}

.link-1:before {
content:"";position: absolute;
left:99.99%;top:0px;width:0px;height:0px;border-top:58px solid transparent;border-left:30px solid #b1450a; }

.link-1:hover:before {border-top:58px solid transparent;
border-left:30px solid #b11116; }
.link-1:hover {background:#b11116; color:#fff;}

.link-2 { background:#fff; color:#000; position:relative; margin:0 0 0 265px; font-size:26px; height:58px; line-height:58px}
.link-2:before{
content:"";
position: absolute;
right: 100%;
top:0px;
width:0px;
height:0px;
border-top:58px solid #fff ;
border-left:30px solid transparent;
}

.link-2:hover:before  {  border-top:58px solid #000 ;
border-left:30px solid transparent;}
.link-2:hover {background:#000; color:#fff}
/*carousel-caption*/


/*about-section*/
#about-section { background:#fafafa; padding:80px 0; position:relative}
#about-section h2 { color:#de1e37; text-transform:uppercase; font-weight:800; position:relative; display:inline-block;
margin:0; padding:0 0 10px 0}

#about-section h2 span { color:#434343; font-size:14px; font-weight:300;}
#about-section h2:after { content:" "; position:absolute; bottom:0; left:0; width:50px; height:3px; z-index:1; background:#111}

.about-img { position:relative;  float:left}
 
 
.about-text { position:relative; width:100%; z-index:99;}
.about-text h4 {}

.about-text h3 { font-size:28px; font-weight:300; line-height:45px}
.about-text p {color:#6c6c6c; line-height:22px; margin:0 0 20px 0; text-align:justify}
.orange {color:#de1e37}
.green {color:#33983d}
.green2 {color:#111}

:root {
--red:#de1e37;
--dark-red: #990000;
--black: #111;
--gray: #f4f4f4;
}

.red {color:var(--red);}
.black {color:var(--black);}

.read-more {background:#de1e37; border:0; padding:12px 30px; text-transform:uppercase; font-size:14px; border-radius:3px;  transition: 0.3s; color:#fff}
.read-more:hover {background:#111; border:0; color:#fff}

/*service-section*/
#service-section {padding:80px 0; position:relative}
.service-right h5 { letter-spacing:1px;}
.service-right ul { margin:0; padding:0;}
.service-right li { margin:0; padding:0; list-style:none}
.service-right li img { display:inline-block}
.service-right li { font-size:28px; display:block}
.icon-div {width:15%;float:left; margin:10px 0 0 0}
.service-right .text {width:85%; float:left; color:#6c6c6c; line-height:22px; margin:0 0 20px 0; font-size:14px}
.service-right .text h5 { letter-spacing:1px;}  
/*service-section*/

/*scroll-section*/
#scroll-section  { background:#f7f7f7; padding:80px 3.5%; position:relative}
#scroll-section .owl-theme .item { position:relative}
#scroll-section .owl-theme .item .img-boder {border:solid 14px rgba(255, 255, 255, 0.5); position:absolute; width:100%; height:100%; border-radius:0; left:0; top:0; right:0; bottom:0; z-index:1}

.text-hover { position:absolute; z-index:5; left:0; right:0; top:0; bottom:0; opacity:0; cursor:pointer; background: rgba(214,85,3,1);
background: -moz-linear-gradient(-45deg, rgba(214,85,3,1) 0%, rgba(22,66,33,0.76) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(214,85,3,1)), color-stop(100%, rgba(22,66,33,0.76)));
background: -webkit-linear-gradient(-45deg, rgba(214,85,3,1) 0%, rgba(22,66,33,0.76) 100%);
background: -o-linear-gradient(-45deg, rgba(214,85,3,1) 0%, rgba(22,66,33,0.76) 100%);
background: -ms-linear-gradient(-45deg, rgba(214,85,3,1) 0%, rgba(22,66,33,0.76) 100%);
background: linear-gradient(135deg, rgba(214,85,3,1) 0%, rgba(22,66,33,0.76) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d65503', endColorstr='#164221', GradientType=1 ); height:100%;  transition: 0.3s;}
.text-hover h4 {text-align:center; color:#fff; font-size:22px; margin-top:100%; font-weight:300}
.owl-theme .item:hover  .text-hover {opacity:1; cursor:pointer}
.text-hover a { display:block; width:100%; height:100%;}
/*scroll-section*/




/*Projects*/
#projects-section { padding:70px 0 45px 0; background:#efefef; position:relative}
#projects-section .owl-theme .item { position:relative}


#projects-section .owl-theme .item { text-align:center; background:#fff; font-size:16px; font-weight:800; text-transform:uppercase; border-radius:10px; overflow:hidden}
#projects-section .owl-theme .item h4 { padding:15px 0; margin:0;}
/*Projects*/
/*Our Clients*/	
#projects-section hr {border-top: 1px solid #d2d2d2; margin:18px 0 50px 0}
.clients .owl-theme .item {border-radius:0!important; margin:0 1px}
.clients img {border:solid 1px #9fc462; transition: 0.3s;}
.clients img:hover {border:solid 1px #de1e37;   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);}


/*get-in-touch*/
.footer1 { padding:70px 0}

.get-in-touch h2 { font-size:34px; color:var(--black); margin:0 0 20px 0}
.get-in-touch h2 span { display:inline-block; background:#de1e37; line-height:48px; 
color:#fff; padding:0 15px;}

.get-in-touch h4 { font-size:18px; font-weight:300; color:#717171; margin:0 0 20px 0}
.get-in-touch p {color:#6c6c6c; line-height:25px; max-width:412px;} 
.footer1  h5 { letter-spacing:2px; margin:0 0 10px 0; padding:0; text-transform:uppercase; font-weight:600; font-size:15px}
.headquarter p { margin:0 0 28px 0;color:#6c6c6c; line-height:25px;}
.headquarter p a {color:#000;}
.headquarter p a:hover {color:#de1e37;}

.social-media a { color:#444; margin:0 9px; font-size:16px}
.social-media a:hover { color:#de1e37}
.general { line-height:25px}
.general i { font-size:15px; margin:0 15px 0 0; vertical-align:middle}
.general .fa-envelope { font-size:12px}
/*get-in-touch*/




.rotate span {
/* Safari */
-webkit-transform: rotate(-90deg);
/* Firefox */
-moz-transform: rotate(-90deg);
/* IE */
-ms-transform: rotate(-90deg);
/* Opera */
-o-transform: rotate(-90deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); display:block
}

.intro { position:absolute; left:-50px; top:45%; z-index:999; font-size:18px; letter-spacing:1px; text-transform:uppercase}
.intro:after {content: " ";
position: absolute;right:-65px;top:52%;width:80px;height: 1px;z-index: 1;
background:#ccc;}

.who { position:absolute; left:-25px; top:50%; z-index:999; font-size:18px; letter-spacing:1px;text-transform:uppercase}
.who:after {content: " ";
position: absolute;right:-50px;top:50%;width:80px;height: 1px;z-index: 1;
background:#ccc;}

.products {position: absolute;
left:-35px;top:28%;z-index:999;font-size:18px;letter-spacing:1px; text-transform:uppercase}
.products:after {content: " ";
position: absolute;right:-20px;top:50%;width:80px;height: 1px;z-index: 1;
background:#ccc;}

.projects  {position: absolute;
left:-10px;top:28%;z-index:999;font-size:18px;letter-spacing:1px; text-transform:uppercase}

.projects:after {content: " ";
position: absolute; right:-60px; top:50%;width:80px;height: 1px;z-index: 1;
background:#ccc;}

.get  {position: absolute;
left:-30px;top:28%;z-index:999;font-size:18px;letter-spacing:1px; text-transform:uppercase}
.get:after {content: " ";
position: absolute;right:-40px;top:50%;width:80px;height: 1px;z-index: 1;
background:#ccc;}


.navbar-inverse .navbar-nav>li>a i { margin:0 0 0 10px}

/*inner*/
.top-bg2 { background:#efefef; padding:10px 3.5%;}
.inner-header {position: relative;width:100%;overflow: hidden; height:360px}
.inner-header .fill {width: 100%;height: 100%;background-position: center;background-size: cover;}
.inner-header .container { position:relative;}

.page-heading { position:absolute; left:0; right:0; z-index:888; margin:8% 0 0 0}
.page-heading  h1 {font-family: 'Oswald', sans-serif; color:#fff; font-size:42px; text-transform:uppercase;  position:relative; display:inline-block;}

.page-heading h1:after { content:" "; position:absolute; right:-60px; top:23px; width:51px; height:1px; z-index:1; border:solid 1px #C8102E}

.page-heading h1:before {content:" "; position:absolute; right:-60px; top:25px; width:51px; height:1px; z-index:1; border:solid 1px #C8102E}
/*inner*/


.bg-gray { background:#efefef; padding:80px 0}
.bg-white { background:#fff; padding:80px 0 }
.bg-transparent .carousel-inner { background-color:transparent!important;}

.text-css p {color:#111; line-height:28px; margin:0 0 20px 0; text-align:justify}

.text-css h2 { font-size:23px;line-height:45px; color:#de1e37; text-transform:uppercase; font-weight:800; position:relative; padding:0 0 5px 0; margin:0 0 20px 0}
.text-css h2:after { content:""; position:absolute; left:0; bottom:0; width:14%; height:1px; background:#cdcdcd;}
.img-radius { border-radius:20px}
.our-mission  h3 { font-size:18px; color:#454545; font-weight:600; text-transform:uppercase	}
.our-mission  h4 { color:#de1e37; font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; font-weight:600; border-bottom: solid 1px #d5d5d5; padding:10px 0 33px 0; margin:0 0 40px 0}
.carousel-control { background:#494e53; width:40px; height:50px;}
.left { border-top-right-radius:5px; border-bottom-right-radius:5px}
.right { border-top-left-radius:5px; border-bottom-left-radius:5px}
.hr-boder {border-bottom:solid 1px #d7d7d7; margin:45px 0 20px 0}

/*Our Values*/
.icon-round {width:160px; height:160px; border-radius:100px; text-align:center; line-height:160px; background:#fff; margin:0 auto; border:solid 1px #fc8d9c; cursor:pointer} 
.icon-round:hover {border:solid 1px #fc8d9c;}

.icon-round img { vertical-align:central}
.our-values h4 { font-size:30px; color:#de1e37; text-align:center}
.our-values h5 { font-size:22px; color:#000; text-align:center; font-weight:300}
.our-values p { font-size:16px; color:#000; margin:0 0 50px 0}
.text-c h4 { font-size:20px; font-weight:800; margin:30px 0 18px 0; padding:0; text-transform:uppercase}
.text-c p { font-size:14px; color:#000; font-weight:300; margin:0 0 27px 0;}
.text-black p{ color:#000!important;}

/*Our Values*/


/*PRODUCTS*/
.producte-img img { border-radius:100%;   border:solid 4px transparent;  transition: 0.3s;}
.producte-img img:hover { border-radius:100%;  border:solid 4px #de1e37;}

.producte-img h4 {font-size:16px; color:#282828; position:relative; margin:-10px 0 40px 0; text-transform:uppercase; font-weight:600}
.producte-img h4 a {padding:20px 0; display:block; background:#fff;}
.producte-img h4 a:hover { background:#f48123; color:#fff;}

.ptb { padding:20px 20px;  margin:0 0 30px 0}
.pb { padding-bottom:20px; padding-top:50px}

.producte-img2 img {
border-radius:100%; border:solid 1px #b9b9b9;transition: 0.3s; cursor:pointer}
.producte-img2:hover img {border:solid 1px #de1e37;} 



.sub-pro-text h4 { font-size:18px; position:relative; padding:0 0 18px  0; text-transform:uppercase; font-weight:600; color:#282828}
.sub-pro-text h4:before { content:""; position:absolute; left:0; bottom:0; width:100px; height:1px; background:#d5d5d5;}

.sub-pro-text h3 { font-size:18px; position:relative;  text-transform:uppercase; font-weight:600; color:#282828}

.sub-pro-text ul { margin:0 0 20px 0;padding:0;}
.sub-pro-text li { margin:0; padding:0 0 0 25px; list-style:none; font-size:14px; font-weight:400; line-height:32px; background:url(../images/arrow.png) no-repeat left 10px; color: #6c6c6c;}

.sub-pro-text li ul li { margin:0; padding:0; list-style:none; font-size:14px; font-weight:400;  background:none!important}
.sub-pro-text table {color:#6c6c6c;}


.sub-pro-text p {padding:0;}
.sub-pro-text a {margin:0 0 10px 0; display:inline-block}
/*PRODUCTS*/

/*Gallery*/
.gallery-div { margin-bottom:5px; position:relative; min-height:208px;}
.gallery-div img { width:100%;}
.hover-div { position:absolute; left:0; right:0; width:100%; height:100%; z-index:9; text-align:center; opacity:0; cursor:pointer; background: rgba(214,85,3,1);
background: -moz-linear-gradient(-45deg, rgba(214,85,3,1) 0%, rgba(22,66,33,0.76) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(214,85,3,1)), color-stop(100%, rgba(22,66,33,0.76)));
background: -webkit-linear-gradient(-45deg, rgba(214,85,3,1) 0%, rgba(22,66,33,0.76) 100%);
background: -o-linear-gradient(-45deg, rgba(214,85,3,1) 0%, rgba(22,66,33,0.76) 100%);
background: -ms-linear-gradient(-45deg, rgba(214,85,3,1) 0%, rgba(22,66,33,0.76) 100%);
background: linear-gradient(135deg, rgba(214,85,3,1) 0%, rgba(22,66,33,0.76) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d65503', endColorstr='#164221', GradientType=1 );  transition: 0.3s;}
.gallery-div:hover .hover-div {opacity:1;}
.hover-div a  { width:100%; height:100%; display:block; color:#fff; padding:45% 0}
.hover-div a i { color:#fff; font-size:30px;}
/*Gallery*/

/*clint-logo*/
.clint-logo .col-md-2 {margin-bottom:20px; text-align:center}
.clint-logo .col-md-2 img { border-radius:100%; border:solid 1px transparent; cursor:pointer;  transition: 0.3s;}
.clint-logo .col-md-2:hover img { border-radius:100%; border:solid 1px #d3d0d0}
/*clint-logo*/


/*contact*/
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color:#000;opacity: 1; /* Firefox */}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#000;}
.form-control::-ms-input-placeholder { /* Microsoft Edge */color:#000;}
.send-bt { font-size:16px; font-weight:bold; text-align:center; padding:13px 80px; border-radius:0;color:#fff; border:0; background: var(--red);}
.send-bt:hover {background:#111; color:#fff;}
.send-bt:focus {background:#111; color:#fff;}
.map-div { padding:7px; background:#fff; margin:24px 0 0 0}

.contact-text p {color:#444444; line-height:30px; margin:0 0 20px 0; font-size:15px; letter-spacing:.5px}
.contact-text p strong { font-weight:700}
.contact-text h2 { font-size:23px;line-height:45px; color:#de1e37; text-transform:uppercase; font-weight:800; position:relative; padding:0 0 8px 0; margin:0 0 30px 0; letter-spacing:.5px}
.contact-text h2:after { content:""; position:absolute; left:0; bottom:0; width:14%; height:1px; background:#cdcdcd;}

.contact-text p a { color:#444;}
.contact-text p a:hover { color:#de1e37;}

.p-0 { padding:0;}
.icon-css img { margin:7px 0 0 5px}
.form-group select { margin:0; padding:0 10px; height:42px}


/*contact*/

/*product-details*/
.list-group-item { padding:0;}
.list-group-item a{ padding:15px 15px 15px 45px; display:block; color:#fff; font-size:15px; font-weight:500; text-transform:uppercase; background:url(../images/arrow-li.png) no-repeat 18px center #111;}
.list-group-item a:hover {background:url(../images/arrow-li.png) no-repeat 18px center #de1e37;color:#fff;}

.list-group-item .active {
background:url(../images/arrow-li.png) no-repeat 18px center #de1e37!important;color:#fff;
}

.nav-tabs>li>a { background:#000; border-radius:0;color:#fff; font-weight:700; letter-spacing:1px; font-size:12px;border:0; padding:8px 20px; line-height:17px; display:inline-table}
.nav-tabs>li> a:hover { background:#de1e37; border-radius:0;font-weight:700; letter-spacing:1px; font-size:12px; border:0}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { background:#de1e37; color:#fff;  border-radius:0; border:0}


#sidebar2 {right:0;width:48px;position:absolute;z-index:999;top:50%;}

#sidebar2 a { margin:0 0 3px 0; display:block}
#sidebar2 a:hover { opacity:.8} 

/*product-details*/

ol, ul { margin:0; padding:0;}

@media (min-width:1280px) {
.product-details {}	

.clint-logo .col-md-2 { width:14.1%}
.who-we-are .col-md-7 {width:53.333333%;}
.who-we-are .col-md-5 {width:46%;}

.our-mission .col-md-5 {width:48.666667%}
.our-mission .col-md-7 {width:51.333333%}

.ptb .col-md-2 {width:20%}
.ptb .col-md-10 {width:80%}

/*
#about-section:after {
content:"";
background-color:#f5f5f5;
height:100%;
position: absolute;
width:43%;right:0; top:0; z-index:0
}*/

.carousel-indicators { width:auto; right:0; left:inherit}
.carousel-indicators li { display:block; margin:0 0 5px 0}
.carousel-indicators { top:35%; bottom:inherit; right:-30px}


.carousel-indicators:after {content: " ";
position: absolute;right:15px;top:52%;width:80px;height: 1px;z-index: 1;
background:#ccc;}


}


.group-span-filestyle {
background: #d1d1d1; border:solid 1px #b1b1b1; margin:0 -1px 0 0px}

#topcontrol  {z-index:999}
.navbar-nav {margin:0;}
.top-logo { display:none}
.mt { margin-top:20px!important}


/*dropdown*/
.dropdown-menu>li>a:hover { background:#de1e37; color:#fff}


/*dropdown*/
.justify-content-center { float:none; margin:0 auto;}
.tablebg { background:#87b737; color:#fff; font-size:12px}

.ul-list { margin:0; padding:0;}
.ul-list li { margin:0; padding:0; list-style:none; line-height:25px; position:relative;}
.ul-list li:before  { content: "\f178";     font: normal normal normal 14px/1 FontAwesome;	}
.branch-office p { margin:0 0 20px 0; padding:0;}  
.bolder-0 { background:none!important}
.bolder-0:after { display:none!important}
.branch-office p { color:#000}
.branch-office strong { color:#000}

.send-bt3 { padding:10px 20px!important; font-size:14px!important;}
.close2 {font-size:15px; position:absolute; right:15px; top:15px; background:#ed1c24!important; color:#fff; width:20px; height:20px; line-height:20px; z-index:999; outline:none; border-radius:100%; border:0;}
.close2:hover { background:#03803d!important;}
.modal-body h3{ margin:0 0 15px 0; padding:0; font-weight:800; text-transform:uppercase}

.nav-tabs > li { text-align:center; display:table; height:50px; margin:0 0 3px 2px}

.nav-tabs li a  {display:table-cell; vertical-align: middle; text-transform:uppercase}

.tablebg2 { background:#87b737; color:#fff;}
.tab-pane img { max-width:100%;} 

.gallery-full p { height:30px}



.dropdown-left-list { background:#fff;}
.dropdown-left-list li { list-style:none}
.dropdown-left-list li a {display: block;padding:8px 10px 8px 20px;clear: both;font-weight: 400;
line-height: 1.42857143;color: #333;text-transform: none;white-space: nowrap;font-size: 13px;}

.dropdown-left-list li a:hover{background:#f48123; color:#fff!important}

.mb-2 { margin:0 0 20px 0}
.modal {padding-right:0!important;}




.hoverWrapper {position: relative; cursor:pointer}
.hoverWrapper:hover #hoverShow1 {display: block;}
.hoverWrapper #hoverShow1 {display:none;position:absolute; background:#111; width:150px;height:50px;right:48px;line-height:50px;top:35px;color:#fff; text-align:center; border-radius:10px; text-transform: uppercase;
font-weight:600; font-size:17px; border-top-right-radius:0; border-bottom-right-radius:0;}


.thankyou h3 {
font-size: 23px;
line-height: 45px;
color: #de1e37;
text-transform: uppercase;
font-weight: 800;
position: relative;
padding: 0 0 8px 0;
margin: 0 0 30px 0;
letter-spacing: .5px;
}

.catalogue h4 { font-size:15px; min-height:40px}

.text-ul { margin:0; padding:0}
.text-ul li { margin:0; padding:0; list-style:none}
.coming h3 { margin:0; padding:0;font-family: 'Oswald', sans-serif; font-size:30px}
.dropdown-menu > li > a { text-transform:uppercase}

.text-about ul {padding:0; }
.text-about li {color: #6c6c6c;line-height: 28px;font-size: 14px;text-align: justify; margin:0 0 0 15px}

/* Bullet list */
.frp-list {
list-style: none;
padding: 0;
margin: 0 0 20px;
}
.frp-list li {
padding: 11px 0 11px 28px;
position: relative;
border-bottom: 1px solid #e8e3dc;
font-size: 15px;
color: #333;
line-height: 1.65; position:relative; margin:0;
}
.frp-list li:last-child { border-bottom: none; }
.frp-list li::before {
font-family: 'FontAwesome';
content: '\f00c';
position: absolute;
left: 0;
color: #de1e37;
font-size: 13px;
top: 14px;
}

.frp-list li strong { font-weight: 600; color: #1a2b3c;}
/* Section divider */
.frp-divider {
border: none;border-top: 1px solid #ddd8d0; margin:30px 0;}
.text-css h3 {font-size: 18px; color: #1a2b3c;}


.frp-section { background: #1a2535; border-radius: 10px; padding: 40px 35px; position: relative; overflow: hidden; }
.frp-section::before { content: ''; position: absolute; top: -60px; right: -60px; width: 220px; height: 220px; border-radius: 50%; border: 1px solid rgba(245,130,32,0.15); }
.frp-section::after { content: ''; position: absolute; bottom: -50px; left: -40px; width: 160px; height: 160px; border-radius: 50%; border: 1px solid rgba(245,130,32,0.08); }
.frp-section p { color: #ddd9d0;   margin:0; padding:0;}
.frp-section p.muted { color: rgba(221,217,208,0.75); }
.frp-section .highlight { color: #de1e37; font-weight: 600; border-bottom: 1px solid rgba(245,130,32,0.5); }
.btn-frp { background: #de1e37; color:#fff; border: none; border-radius: 5px; padding: 12px 28px; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-top:10px; cursor:pointer; border:0;}
.btn-frp:hover, .btn-frp:focus { background:#fff; color: #1a2535; outline: none; }
.flex-row {display: flex;flex-wrap: wrap;}
.flex-row > [class*='col-'] {display: flex;}
.card-box {
background: #fff;padding: 20px;border-radius: 6px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);height:100%;}
.m-b-7 { margin-bottom:20px}
.frp-subheading { margin:0 0 10px 0; padding:0; color:#de1e37!important; font-size:20px!important;}



/*swiper*/
.mySwiper  { margin-top:30px; padding-bottom:30px}

.swiper {
width: 100%;
}

.swiper-slide {
display: flex;
justify-content: center;
align-items: center;
}

.swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}

/* Optional: customize arrows */
.swiper-button-next,
.swiper-button-prev {
color: #fff;
}

/* Optional: pagination dots */
.swiper-pagination-bullet {
background: #fff;
opacity: 0.7;
}

.swiper-pagination-bullet-active {
opacity: 1;
}
/*swiper*/	



/* --- Card --- */
.service-card {
background: #181c27;
border: 1px solid #252a3a;
border-radius: 16px;
padding: 2rem 1.6rem 1.8rem;
position: relative;
overflow: hidden;
transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
height: 100%;
}

.service-card::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse at top left, rgba(232,96,10,0.08) 0%, transparent 65%);
pointer-events: none;
}

.service-card p { color:#fff;}
.mb-0 { margin:0;} 

.service-card:hover {
transform: translateY(-6px);
border-color: #de1e37;
box-shadow: 0 12px 40px rgba(232,96,10,0.18);
}

/* Corner accent line */
.service-card::after {
content: '';
position: absolute;
top: 0; left: 0;
width: 50px;
height: 3px;
background: #de1e37;
border-radius: 0 0 4px 0;
transition: width 0.3s ease;
}

.service-card:hover::after {
width: 100%;
}

/* Icon */
.icon-circle {
width: 62px;
height: 62px;
border-radius: 50%;
background: rgba(232,96,10,0.12);
border: 1.5px solid rgba(232,96,10,0.3);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1.2rem;
transition: background 0.3s, border-color 0.3s;
}

.service-card:hover .icon-circle {
background: rgba(232,96,10,0.22);
border-color: #E8600A;
}

.icon-circle i {
font-size: 1.7rem;
color: #E8600A;
}


/* Card number badge */
.card-num {
position: absolute;
top: 1.2rem;
right: 1.4rem;

font-size:6rem;
font-weight: 700;
color:#313034;
line-height: 1;
user-select: none;
}

.card-title-text {
font-size: 1.25rem;
font-weight: 700;
color: #E8600A;
letter-spacing: 0.5px;
margin-bottom: 0.75rem;
}

.card-text {
font-size: 0.88rem;
color: #8a8fa8;
line-height: 1.75;
margin-bottom: 0.6rem;
}

.highlight-tag {
color: #de1e37 ;
font-weight: 600;
}

.mb-3 { margin-bottom:20px;}
.img-css { border-radius: 20px; border:solid 1px #dbdbdb}



/* Modal Styling */
.modal-content-2 {
border-radius:20px;
border: none;
overflow: hidden;
box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6);
}
.modal-header-2 {
padding:9px 28px 9px;
background: linear-gradient(135deg, #1a1a2e, #0f3460);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.modal-header-2 .close {
color:#fff;
opacity: 1;
font-size:30px;
margin-top:9px;
}
.modal-header-2 .close:hover {
color:#de1e37;
}
.modal-title-2 {
font-size:50px;
font-weight:500; text-align:center; color:#fff
}
.modal-body-2 {
padding:9px 0;
font-size:15px;
line-height: 1.7;background: #0d0d1a; color:#fff
}
.modal-dialog-2 {
margin: 0 auto !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
-webkit-transform: translate(-50%, -50%) !important;
}


.modal-body-2 h4 {
font-size:22px;
line-height:35px; margin-top:50px; margin-bottom:50px;
}
.modal-body-2 .info-card h5 {
color: #fff;
font-size: 14px;
font-weight: 600;
margin: 0 0 4px;
}
.modal-body-2 .info-card p {
color: rgba(255, 255, 255, 0.5);
font-size: 13px;
margin: 0;
}
.welcome-pulse {
animation: pulse 2s infinite;
}



@keyframes pulse {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.5;
}
}



@media (max-width: 575px) {
.modal-dialog-2 { width:90%!important}
.modal-title-2 { font-size:30px;}
.modal-body-2 h4 {
font-size: 15px;
line-height: 27px;
margin-top:20px;
margin-bottom:20px;}
.modal-body-2 { padding:10px;}
}


/* ===== ICON SERVICES (New style like Image 2) ===== */

.section-title h2 { color:#de1e37; text-transform:uppercase; font-weight:800; position:relative; display:inline-block;
margin:0 0 20px 0; padding:0 0 10px 0}
.section-title h2:after { content:" "; position:absolute; bottom:0; left:0; width:50px; height:3px; z-index:1; 
background:#111} 

.service-icon-card {
background: #fff; border: 1px solid #e0e0e0; border-radius: 4px;
padding: 36px 20px 28px; text-align: center;
transition: all 0.3s; cursor: pointer;
position: relative; overflow: hidden; min-height:300px; margin-top:10px;
}
.service-icon-card:hover { border-color: var(--red); transform: translateY(-6px); box-shadow: 0 8px 30px rgba(204,0,0,0.12); }
.service-icon-card .icon-wrap {
width: 80px; height: 80px; margin: 0 auto 18px;
border: 2px solid var(--red); border-radius: 50%;
display: flex; align-items: center; justify-content: center;
color: var(--red); font-size: 32px;
}
.service-icon-card h5 { font-size: 15px; font-weight: bold; color: var(--black); margin-bottom: 10px; }
.service-icon-card p { font-size: 13px; color: #666; margin: 0; }
.service-icon-card:hover .icon-wrap { background: var(--red); color: #fff;}

/* WhatsApp floating */
.whatsapp-btn {
position: fixed; bottom: 30px; left: 24px; z-index: 9999;
background: #25d366; color: #fff; width: 56px; height: 56px;
border-radius: 50%; display: flex; align-items: center; justify-content: center;
font-size: 28px; text-decoration: none; box-shadow: 0 4px 16px rgba(0,0,0,0.3);
animation: pulse 2s infinite;
}
@keyframes pulse {
0%,100% { box-shadow: 0 0 0 0 rgba(37,211,102,0.4); }
50% { box-shadow: 0 0 0 12px rgba(37,211,102,0); }
}
/* WhatsApp floating */


/*map*/
.map-section { padding: 70px 0; background:#fefdfd;}
/*map*/


/* ===== PRODUCTS ===== */
.products-section { padding: 80px 0; background: var(--black); }
.products-section .section-title h2{ color: #fff; }
.products-section .section-title h2::after { background: var(--red);}

/* Top header row */
.products-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 40px; flex-wrap: wrap; gap: 16px; }
.products-header p {color:#fff;}

/* Filter tabs */
.prod-filter { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 32px; }
.prod-filter button {
background: transparent; border: 1px solid #333; color: #888;
padding: 7px 18px; font-size: 12px; letter-spacing: 1px; text-transform: uppercase;
cursor: pointer; transition: all 0.25s; font-family: inherit;
}
.prod-filter button:hover,
.prod-filter button.active { background: var(--red); border-color: var(--red); color: #fff; }

/* Product card */
.product-card {
position: relative; overflow: hidden; cursor: pointer;
background: #1a1a1a; margin-bottom:20px; border:solid 1px #2b2b2b
}
.product-card img {
width: 100%; height: 260px; object-fit: cover;
filter: brightness(0.97) grayscale(0.1);
transition: transform 0.5s ease, filter 0.5s ease;
display: block;
}
.product-card:hover img { transform: scale(1.08); filter: brightness(0.45) grayscale(0); }


/* View all button */
.btn-viewall {
display: inline-flex; align-items: center; gap: 10px;
border: 1px solid #333; color: #fff; padding: 12px 32px;
font-size: 12px; letter-spacing: 2px; text-transform: uppercase;
text-decoration: none; transition: all 0.3s; font-family: inherit;
}
.btn-viewall:hover { border-color: var(--red); color: var(--red); }


/* Number badge */
.product-card .prod-num {
position: absolute; top: 16px; left: 16px;
width: 32px; height: 32px; background: var(--red);
color: #fff; font-size: 12px; font-weight: bold;
display: flex; align-items: center; justify-content: center;
z-index: 2;
}
/* NEW badge */
.product-card .prod-new {
position: absolute; top: 16px; right: 16px;
background: var(--red); color: #fff;
font-size: 10px; font-weight: bold; padding: 3px 10px;
letter-spacing: 1.5px; text-transform: uppercase; z-index: 2;
}

/* Bottom overlay */
.product-card .prod-overlay {position: absolute; bottom: 0; left: 0; right: 0;
background: linear-gradient(transparent 0%, rgba(0,0,0,1.92) 100%);
padding: 48px 20px 20px;transform: translateY(0); transition: padding 0.35s;}
.product-card:hover .prod-overlay { padding-bottom: 24px; }

.product-card .prod-overlay h6 {
color: #fff; margin: 0 0 8px; font-size: 15px;
font-weight: bold; letter-spacing: 1px; text-transform: uppercase;
}
.product-card .prod-overlay p {
margin: 0 0 14px; line-height: 1.5;
max-height: 0; overflow: hidden; opacity: 0; color:#fff;
transition: max-height 0.35s ease, opacity 0.35s ease; font-weight:500;
}
.product-card:hover .prod-overlay p { max-height: 60px; opacity: 1; }

/* View details link */
.product-card .prod-link {
display: inline-flex; align-items: center; gap: 8px;
color: var(--red);
text-transform: uppercase; font-weight: bold; text-decoration: none;
opacity: 0; transform: translateY(6px); transition: all 0.3s;
}
.product-card:hover .prod-link { opacity: 1; transform: translateY(0); }
.product-card .prod-link i { font-size: 10px; transition: transform 0.2s; }
.product-card .prod-link:hover i { transform: translateX(4px); }

/* Red bottom line */
.product-card .red-bar {
position: absolute; bottom: 0; left: 0; width: 100%; height: 3px;
background: var(--red); transform: scaleX(0); transform-origin: left;
transition: transform 0.35s ease;
}
.product-card:hover .red-bar { transform: scaleX(1); }

/* Featured large card */
.product-card.featured img { height: 540px; }


/* Reusable buttons */
.btn-red  { background: var(--red); color: #fff; border: none; padding: 13px 28px; font-size: 13px; letter-spacing: 1px; }
.btn-red:hover { background: var(--dark-red); color: #fff; }
.btn-outline-red { border: 2px solid var(--red); color:#fff; padding: 13px 28px; background: transparent; font-size:14px; letter-spacing: 1px;}
.btn-outline-red:hover { background: var(--red); color:#fff;}

/* CHANGE 05: International tab / section */
.intl-section { padding: 70px 0; background: var(--white); }
.intl-tabs .nav-link { color: var(--text); border: 1px solid #ddd; margin-right: 6px; border-radius: 0; }
.intl-tabs .nav-link.active { background: var(--red); border-color: var(--red); color: #fff; }
.intl-tabs .nav-link:hover:not(.active) { border-color: var(--red); color: var(--red);}
.intl-section .nav-tabs > li {height:40px;}
.form-control { background:#fff!important}

.tab-content h4 {font-weight:600; font-size:20px}
.tab-content li {list-style:none; margin-bottom:5px}
ul.custom-list {list-style: none;padding-left:0;}
ul.custom-list li {position: relative;padding-left: 25px;margin-bottom: 10px;}
ul.custom-list li::before {
content: "\f00c"; /* check icon */
font-family: "Font Awesome 6 Free";
font-weight: 900;color:#de1e37;position: absolute;left: 0;top:10px;}




/* ===== MEDIA TAB (CHANGE 04: Instagram + LinkedIn feeds) ===== */
.media-section { padding: 70px 0; background: var(--gray); }
.feed-card {
background: #fff; border: 1px solid #e0e0e0; padding: 24px;
text-align: center; transition: box-shadow 0.3s;
}
.feed-card:hover { box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
.feed-icon { font-size: 48px; margin-bottom: 14px; }
.feed-card h5 { font-size: 15px; font-weight: bold; margin-bottom: 8px; }
.feed-card p { font-size: 13px; color: var(--muted); margin-bottom: 16px; }
.feed-card .feed-embed {
background: #f9f9f9; border: 1px dashed #ddd;
align-items: center; justify-content: center;
color: var(--muted); font-size: 13px;
}


/* CHANGE 07: Download page with gated PDF form */
.downloads-section { background: var(--white); }
.download-card {border: 1px solid #e0e0e0; padding: 24px; transition: border-color 0.3s; background:#fff; margin-bottom:15px;}
.download-card:hover { border-color: var(--red); }
.download-card h6 { font-weight: bold; font-size: 14px; margin-bottom: 6px; }
.download-card p { font-size: 13px; color: var(--muted); margin-bottom: 14px; }
.download-card .btn-download {
background: var(--red); color: #fff; border: none; padding:8px 15px;font-size: 13px; cursor: pointer; letter-spacing: 0.5px; font-weight:600}
.btn-download i {margin-right:5px}
.download-card svg {width:45px; height:45px;}
.download-card .btn-download:hover { background: var(--dark-red); }
/* Modal form styling */
.modal-header { background: var(--black); color: #fff; border-bottom: 2px solid var(--red); }
.modal-header .btn-close { filter: invert(1); }
.modal-footer .btn-red { background: var(--red); color: #fff; border: none; padding: 8px 24px;}
.modal-footer .btn-red i { margin-right:5px}
.close-2 {font-size: 21px;font-weight: 700;line-height:1;position:absolute;right:10px;top:20px; background:none!important; color:#fff!important; border:0!important;}
.mt-3 {margin-top:1rem!important;}
.me-2 {margin-right:.5rem!important;}

.dropdown-menu { box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.1), 0 3px 5px -3px rgba(0, 0, 0, 0.1);}



/*27-06-2026*/
:root{
--amrock-red:#C8102E;
--amrock-navy:#0E2A47;
--amrock-navy-dark:#0A1F35;
--amrock-yellow:#F5A623;
--text-light:#E9EEF3;
}


.fw-display{
font-family:'Poppins', sans-serif;
}

/* ===== Top bar ===== */
.navbar-amrock{
padding:5px 0;
background:#fff;
box-shadow:0 2px 10px rgba(0,0,0,.06);
position:fixed;
top:0;
left:0;
right:0;
width:100%;
z-index:1030;
transition:padding .25s ease, box-shadow .25s ease;
}
.navbar-amrock.scrolled{
box-shadow:0 4px 16px rgba(0,0,0,.12);
}

.navbar-amrock .bi-telephone { font-size:20px}


.navbar-amrock .navbar-toggler{
background-color:#C8102E;
border:none;
padding:8px 10px;
border-radius:4px;
}
.navbar-amrock .navbar-toggler:focus{
box-shadow:0 0 0 .2rem rgba(200,16,46,.4);
}
.navbar-amrock .navbar-toggler-icon{
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


/* push page content down so it isn't hidden behind the fixed navbar */
.page-offset{
height:107px;
}
.navbar-amrock .nav-link{
font-family:'Poppins',sans-serif;
font-weight:500;
font-size:1rem;
color:#1c1c1c;
margin:0 5px;
letter-spacing:.2px;
}
.navbar-amrock .nav-link.active{
color:var(--amrock-red);
position:relative;
}
.navbar-amrock .nav-link.active::after{
content:"";
position:absolute;
left:0; right:0; bottom:0;
height:2px;
background:var(--amrock-red);
}
.navbar-amrock .nav-link:hover{ color:var(--amrock-red); }

/* ===== Multi-level dropdown submenu support (Bootstrap 5 doesn't include this by default) ===== */
.dropdown-menu{
font-size:.88rem;
}
.dropdown-submenu{
position:relative;
}
.dropdown-submenu > .dropdown-menu{
top:0;
left:100%;
margin-top:-2px;
}
.navbar-amrock .dropdown-toggle::after{
display:none;
}
.navbar-amrock .nav-link.dropdown-toggle{
display:inline-flex;
align-items:center;
gap:5px;
}
.navbar-amrock .nav-link.dropdown-toggle .bi{
font-size:.72rem;
transition:transform .2s ease;
}
.navbar-amrock .nav-item.dropdown:hover > .nav-link.dropdown-toggle .bi-chevron-down{
transform:rotate(180deg);
}
.dropdown-item.dropdown-toggle{
 
}
.dropdown-item.dropdown-toggle .bi{
font-size:.7rem;
transition:transform .2s ease;
}
.dropdown-submenu.show > .dropdown-item.dropdown-toggle .bi-chevron-right{
transform:rotate(90deg);
}
 @media (min-width: 992px){
    /* top-level menu items: open on hover */
    .navbar-amrock .nav-item.dropdown:hover > .dropdown-menu{
      display:block;
      margin-top:0;
      animation:dropFade .15s ease;
    }
    .navbar-amrock .nav-item.dropdown > .dropdown-menu{
      display:none;
    }
    @keyframes dropFade{
      from{ opacity:0; transform:translateY(6px); }
      to{ opacity:1; transform:translateY(0); }
    }
    /* nested submenu: open on hover */
    .dropdown-submenu:hover > .dropdown-menu{
      display:block;
    }
  }


@media (max-width: 991.98px) {
  .dropdown-submenu .dropdown-menu {
    position: static;
    float: none;
    width: 100%;
    padding-left: 15px;
    display: none;
    border: none;
    box-shadow: none;
    margin: 0;
  }
  .dropdown-submenu .dropdown-menu.show {
    display: block;
  }
  .dropdown-submenu.show > .dropdown-toggle {
    /* optional: highlight the open submenu trigger */
  }
}



 

.logo-wrap{ line-height:1; }
.logo-wrap .brand-name{
font-family:'Poppins',sans-serif;
font-weight:800;
font-size:1.15rem;
letter-spacing:1px;
color:#1c1c1c;
}

.call-us{
font-weight:600;
font-size:.9rem;
color:#1c1c1c;
}
.btn-quote{
background:var(--amrock-red);
color:#fff;
font-family:'Poppins',sans-serif;
font-weight:700;
font-size:.85rem;
padding:10px 20px;
border-radius:4px;
white-space:nowrap;
}
.btn-quote:hover{ background:#a90d26; color:#fff; }

/* ===== Hero / Swiper ===== */
.hero-swiper{
position:relative;
width:100%;
overflow:hidden;
}
.heroSwiper{
width:100%;
}
.heroSwiper .swiper-wrapper{
align-items:stretch;
}
.heroSwiper .swiper-slide{
height:auto;
}
.hero-slide{
position:relative;
min-height:700px;
height:100%;
background-size:cover;
background-position:center;
display:flex;
align-items:center;
}
.hero-slide::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg, var(--amrock-navy-dark) 0%, rgba(14,42,71,.70) 28%, rgba(14,42,71,.40) 55%, rgba(14,42,71,.05) 75%);
z-index:1;
}


.hero-content{
position:relative;
z-index:2;
padding:90px 15px 70px;
}
.eyebrow{
color:#fff;
font-family:'Poppins',sans-serif;
font-weight:700;
font-size:.95rem;
letter-spacing:1.5px;
margin-bottom:14px;
}
.eyebrow-line{
width:50px;
height:3px;
background:var(--amrock-red);
margin-bottom:22px;
}
.hero-title-accent{
font-family:'Poppins',sans-serif;
font-weight:800;
font-size:3.5rem;
color:var(--amrock-red);
line-height:1.05;
margin-bottom:0;
text-transform:uppercase;
}
.hero-title-main{
font-family:'Poppins',sans-serif;
font-weight:800;
font-size:3.5rem;
color:#fff;
line-height:1.1;
margin-bottom:22px;
text-transform:uppercase;
}
.hero-sub{
color:var(--text-light);
font-size:1.15rem;
max-width:520px;
margin-bottom:30px;
font-weight:400;
}
.feature-row{
display:flex;
gap:34px;
margin-bottom:36px;
flex-wrap:wrap;
}
.feature-item{
display:flex;
align-items:center;
gap:10px;
color:#fff;
}
.feature-item i{
font-size:2rem;
color:var(--amrock-red);
}
.feature-item span{
font-size:.92rem;
line-height:1.25;
font-weight:500;
}
.hero-btns .btn{
font-family:'Poppins',sans-serif;
font-weight:700;
font-size:.85rem;
padding:13px 26px;
border-radius:4px;
letter-spacing:.3px;
}
.btn-hero-red{
background:var(--amrock-red);
border:1px solid var(--amrock-red);
color:#fff;
}
.btn-hero-red:hover{ background:#a90d26; color:#fff; }
.btn-hero-outline{
background:transparent;
border:1px solid rgba(255,255,255,.6);
color:#fff;
}
.btn-hero-outline:hover{
background:#fff;
color:var(--amrock-navy);
}

/* swiper nav/pagination */
.hero-swiper .swiper-button-next,
.hero-swiper .swiper-button-prev{
color:#fff;
background:#de1e37;
width:46px;
height:46px;
border-radius:50%;
backdrop-filter:blur(2px);
}
.hero-swiper .swiper-button-next:after,
.hero-swiper .swiper-button-prev:after{
font-size:1.1rem;
}


.hero-swiper .swiper-button-next:hover,
.hero-swiper .swiper-button-prev:hover{
background:#111;
}


.swiper-button-next svg, .swiper-button-prev svg { width:auto!important; height:auto!important}



.hero-swiper .swiper-pagination-bullet{
background:#fff;
opacity:1;
}

.hero-swiper .swiper-pagination-bullet-active{
background:var(--amrock-red)!important;
opacity:1;
}

/* side vertical tabs */
.side-tabs{
position:fixed;
right:0;
top:50%;
transform:translateY(-50%);
z-index:50;
display:flex;
flex-direction:column;
}
.side-tab{
writing-mode:vertical-rl;
text-orientation:mixed;
color:#fff;
font-family:'Poppins',sans-serif;
font-weight:700;
font-size:.78rem;
letter-spacing:1px;
padding:16px 10px;
display:flex;
align-items:center;
gap:8px;
text-decoration:none;
}
.side-tab.quote{ background:var(--amrock-red); }
.side-tab.callback{ background:var(--amrock-navy-dark); }
.side-tab i{ transform:rotate(90deg); font-size:1rem; }

/* whatsapp float */
.whatsapp-float{
position:fixed;
bottom:24px;
left:24px;
z-index:50;
width:54px;
height:54px;
background:#25D366;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:1.6rem;
box-shadow:0 4px 14px rgba(0,0,0,.25);
text-decoration:none;
}

/* ===== Stats bar ===== */
.stats-bar{
background:#fff;
border-radius:10px;
box-shadow:0 10px 35px rgba(0,0,0,.12);
margin-top:-60px;
position:relative;
z-index:10;
padding:34px 10px;
}
.stat-item{
display:flex;
align-items:center;
gap:14px;
justify-content:center;
}
.stat-item i{
font-size:2.2rem;
color:var(--amrock-red);
}
.stat-number{
font-family:'Poppins',sans-serif;
font-weight:800;
font-size:1.8rem;
color:var(--amrock-red);
line-height:1;
}
.stat-label{
font-size:.85rem;
color:#333;
font-weight:500;
}
.stat-divider{
border-left:1px solid #e2e2e2;
}

@media (max-width: 991px){
.hero-title-accent, .hero-title-main{ font-size:2.3rem; }
.hero-slide{ min-height:auto; }
.hero-content{ padding:60px 15px 50px; }
.side-tabs{ display:none; }
.stats-bar{ margin-top:20px; }
.stat-item{ margin-bottom:18px; justify-content:flex-start; }
.stat-divider{ border-left:none; }
}

.breadcrumb {
padding: 10px 18px;
margin-bottom: 20px;
list-style: none;
background-color: rgba(0, 0, 0, 0.5);
text-transform: uppercase;
font-size: 12px; color:#fff;     display:inline-flex;
}

.breadcrumb a {color:#fff}
.breadcrumb .active {color:#fff}
.breadcrumb-item+.breadcrumb-item::before {color:#fff}

 /* ===== International section ===== */
  .intl-section{
    padding:80px 0;
    background:#fff;
  }
  .section-title-wrap{
    margin-bottom:36px;
  }
  .section-title-wrap .section-title{
    font-family:'Poppins',sans-serif;
    font-weight:800;
    font-size:2rem;
    color:var(--amrock-navy);
    letter-spacing:1px;
    margin-bottom:14px;
  }
  .section-title-underline{
    width:60px;
    height:3px;
    background:var(--amrock-red);
  }

  .intl-tabs{
    border-bottom:1px solid #e5e5e5;
    gap:6px;
    margin-bottom:36px;
  }
  .intl-tabs .nav-link{
    font-family:'Poppins',sans-serif;
    font-weight:600;
    font-size:.95rem;
    color:#555;
    border:none;
    border-bottom:3px solid transparent;
    border-radius:0;
    padding:10px 22px;
    background:transparent;
    transition:color .2s ease, border-color .2s ease;
  }
  .intl-tabs .nav-link:hover{
    color:var(--amrock-red);
    border-color:rgba(200,16,46,.3);
  }
  .intl-tabs .nav-link.active{
    color:var(--amrock-red);
    background:transparent;
    border-bottom-color:var(--amrock-red);
  }

  .intl-tab-content h4{
    font-family:'Poppins',sans-serif;
    font-weight:700;
    color:var(--amrock-navy);
    margin-bottom:14px;
  }
  .intl-tab-content p{
    color:#444;
    line-height:1.7;
    margin-bottom:18px;
  }
  .custom-list{
    list-style:none;
    padding:0;
    margin:0;
  }
  .custom-list li{
    padding:9px 0 9px 28px;
    position:relative;
    border-bottom:1px solid #f0f0f0;
    color:#333;
    font-size:.95rem;
  }
   
  .custom-list li:last-child{
    border-bottom:none;
  }
  .custom-list strong{
    color:var(--amrock-navy);
  }
  .intl-map{
    width:100%;
    height:360px;
    object-fit:cover;
    border:0;
    border-left:4px solid var(--amrock-red);
    border-radius:4px;
    box-shadow:0 4px 18px rgba(0,0,0,.08);
  }

  @media (max-width: 767px){
    .intl-section{ padding:56px 0; }
    .intl-map{ height:280px; }
  }
.navbar-brand {padding:0}

.form-control {
background: #fff !important;
}

.form-group {
  margin-bottom: 15px;
}

.form-control {
display: block;
width: 100%;
padding: 10px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #000;
background: none;
background-image: none;
border: 1px solid #b1b1b1; border-radius:0;
}

@media (min-width: 992px) {
.modal-lg, .modal-xl {--bs-modal-width: 660px;}
}

@media (min-width:1700px) {
.navbar .container-fluid {max-width: 1524px;}
}
 

@media (max-width:1500px) {.d-none-2 { display:none!important}}
@media (max-width:1280px) {
.page-offset { display:none}
}

@media (max-width:1199px) {
.page-offset { display:none}
.hero-title-main, .hero-title-accent {font-size: 2.5rem;}
.dropdown-menu > li > a { text-align:center}
.dropdown-submenu .dropdown-menu {background:#fff; border-radius:0; border: 0;}
}

@media (max-width:580px) {
.hero-title-main, .hero-title-accent {font-size:2rem;}
.hero-sub {font-size:1rem}
.hero-btns { display:none!important}
.hero-slide::before {background: linear-gradient(90deg, var(--amrock-navy-dark) 0%, rgba(14, 42, 71, .92) 28%, rgba(14, 42, 71, .35) 75%, rgba(14, 42, 71, .05) 80%);}

}

@media (max-width:480px) {
.hero-title-main, .hero-title-accent {font-size:1.5rem;}
.hero-sub {margin-bottom:0}
.eyebrow {font-size:14px!important}
.hero-sub { line-height:24px; font-size:15px; margin-bottom:15px}
.navbar-amrock .nav-link {font-size:.9rem; padding:4px;}
.feature-row {gap:10px;}
.feature-item i { font-size:25px} 

}

@media (max-width:414px) {
.feature-item i { font-size:20px}
.feature-item span { font-size:12px}
.feature-row { font-size:10px; gap:10px;}}

.location-1 i{
font-size: 36px;
margin:-20px 0 0 0;
display: block; color:#de1e37
	}
/*27-06-2026*/