@import
url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url(layout.min.css);

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
font-family: 'Book Antiqua';
src: url('../fonts/BookAntiqua.woff2') format('woff2'),
url('../fonts/BookAntiqua.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Book Antiqua';
src: url('../fonts/BookAntiqua-Bold.woff2') format('woff2'),
url('../fonts/BookAntiqua-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}

html {
font-size: 16px;
}

body {
position: relative;
background: #fff;
overflow-x: hidden;
font-family: "Montserrat", sans-serif;
}

:root {
--white: #ffffff;
--black: #000;
--theme-color: #0168ab;
--primary: #0168ab;
}

p {
font-size: 1.125rem;
font-weight: 400;
line-height: 1.67;
margin-bottom: 2rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Book Antiqua';
text-transform: uppercase;
}

.img-auto {
display: block;
max-width: 100%;
margin: 0 auto;
}

a,
button {
text-decoration: none !important;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}

a:hover,
button:hover {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}

ul {
padding: 0;
margin: 0;
list-style: none;
}

figure {
margin: 0;
}

section {
padding: 5rem 0;
position: relative;
}

/* Home Page CSS Start */
.main-Banner {
/* background: url(../images/banner/1.png) bottom center / cover fixed no-repeat; */
height: 900px;
display: flex;
align-items: center;
padding-top: 15rem;
}

.main-Banner2{
height: 860px;
padding-top: 10rem;
}

.bannertext h1 {
font-size: 4.5rem;
/* text-transform: capitalize; */
font-weight: 600;
color: var(--white);
letter-spacing: 2px;
}

.bannertext h6 {
color: #fff;
font-size: 1.125rem;
text-transform: uppercase;
font-weight: 400;
}

.bannertext p {
color: #fff;
}

.leadForm {
background: #fff;
padding: 3rem 2rem;
border-radius: 8px;
}

.leadForm h4 {
font-size: 2.25rem;
font-weight: 500;
color: #333333;
}

.leadForm p {
margin-bottom: 1rem;
}

.leadForm input,
.leadForm select {
width: 100%;
height: 3.5rem;
border-radius: 5px;
border: 2px solid #D2D2D2;
padding: 1rem;
margin: 10px 0;
color: #7c7c7c;
}

.leadForm button {
width: 100%;
margin-top: 1rem;
}

h4 {
color: #0a0a0a;
font-size: 3.038rem;
/* text-transform: capitalize; */
font-weight: 500;
}

.checkBox {
display: flex;
align-items: baseline;
gap: 6rem;
margin: 2rem 0;
}

.checkBox .form-group {
margin: 0;
display: flex;
align-items: baseline;
gap: 1rem;
width: 40%;
}

.checkBox .form-group input {
width: 18px;
height: 18px;
flex-shrink: 0;
}

.checkBox .form-group label {
margin: 0;
color: #000;
font-weight: 400;
font-size: 1.125rem;
}

.checkBox .themeBtn {
width: 15%;
padding: 14px;
}

.carteSec {
background: #F2F2F2;
}

.shopBox h3 {
font-size: 1.125rem;
margin: 1rem 0;
color: #333333;

}

.shopBox h5 {
font-size: 1.5rem;
font-weight: 700;
color: #333333;
}

.shopContnt {
padding: 1.3rem 0rem 0rem 0;
color: #333333;
margin-bottom: 2.4rem;
}

.shopBox {
transition: all 0.5s ease;
display: block;
/* margin: 1rem 0; */
}

.shopBox figure img {
transition: all 0.5s ease;
}

.shopBox figure {
overflow: hidden;
}

.shopBox:hover figure img {
transform: scale(1.1) rotate(3deg);
}

.counterSec {
background: var(--theme-color);
padding: 3rem 0;
}

.counter-section {
display: flex;
justify-content: space-around;
align-items: center;
color: white;
}

.counter-box {
text-align: center;
}

.counter-number,
.counter-number2 {
font-size: 4.063rem;
font-weight: bold;
}

.counter-label {
font-size: 1.125rem;
}

h6 {
font-size: 1.375rem;
color: var(--theme-color);
font-weight: 400;
}

.abtSec ul {
display: flex;
margin-bottom: 2rem;
}

.abtSec ul li h3 span {
display: block;
font-size: 1.35rem;
font-weight: 600;
color: #000;
}

.abtSec ul li h3 {
text-align: center;
font-size: 3.5rem;
font-weight: 600;
color: #000;
}

.abtSec ul li:first-child {
border-right: 2px solid #00000038;
padding-right: 5rem;
margin-right: 4rem;
}

.abtImg {
position: relative;
}

.abtImg .abtContnt {
position: absolute;
top: -2rem;
left: -2rem;
background: #fff;
padding: 1rem 3rem;
text-align: center;
z-index: 1;
box-shadow: 0 0 20px #00000021;
border-radius: 10px;
}

.abtImg .abtContnt p {
margin: 0;
}

.newsSec {
background: #f2f2f2;
padding: 3rem 0;
}

.newsSec p {
margin: 0;
}

.newsSec .newslatter {
display: flex;
align-items: center;
justify-content: space-between;
}

.newsSec .newslatter input {
height: 4rem !important;
padding: 1rem;
border-radius: 5px;
border: none;
width: 100%;
outline: none;
}

.newsSec .newslatter input[type="submit"] {
padding: 18px 2.5rem;
width: 30%;
}

.socailIcons {
display: flex;
gap: 10px;
margin: 2rem 0;
}

footer ul li a:hover {
color: var(--primary);
}

footer ul li a i {
color: var(--white);
}

footer ul li a:hover i {
color: var(--white);
}

/* Home Page CSS End */

/* Inner Pages CSS Start */
.innerBanner {
height: 60vh;
padding-top: 12rem;
background: url(../images/banner/1.png) bottom center / cover fixed no-repeat;
}

.proInner {
background: #F2F2F2;
}

.serviceSlider {
transform: translateX(210px);
padding-top: 5rem;
}

.serviceSlider .swiper-slide {
opacity: 0.4;
}

.serviceSlider .swiper-slide-active {
opacity: 1;
}

.ctaInner {
background: #292828;
margin: 5rem 0;
}

.ctaInner * {
color: #fff;
}

.ctaInner img {
position: absolute;
right: 0;
top: -5rem;
}

.contact-info {
display: flex;
justify-content: space-around;
margin-bottom: 30px;
}

.info-box {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 0px 15px rgb(0 0 0 / 15%);
padding: 20px;
width:
230px;
text-align: center;
}

.info-box .icon {
font-size: 2rem;
margin-bottom: 10px;
background: #f3f1f2;
width: 5rem;
height: 5rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 1.35rem;
color: var(--theme-color);
margin: auto auto 1rem;
}

.info-box h4 {
margin-bottom: 5px;
font-size: 1.2rem;
color: #333;
}

.info-box p {
color: #555;
font-size: 0.9rem;
}

.form-container {
background-color: #f1f1f1;
border-radius: 8px;
padding: 35px;
margin: 0 auto;
}

.form-container form {
display: flex;
flex-direction: column;
}

.form-container form input,
.form-container form textarea,
.form-container form button {
width: 100%;
margin-bottom: 15px;
padding: 1rem;
border-radius: 5px;
height: 3.5rem;
border: none;
}

.form-container form textarea {
height: 140px;
}

/* Inner Pages CSS End */

.heroBanner .bannertext h1 {
font-size: 36px;
line-height: 50px;
max-width: 820px;
padding: 0 0 35px;
}

.leadForm2 {
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.abtSec2 span {
font-size: 20px;
padding: 24px 0 0;
display: block;
}

.abtSec2 .top p {font-size: 18px;padding: 20px 0 40px;max-width: 800px;margin: auto;}

.abtSec2 h6 {
color: #000;
font-weight: 500;
}

ul.listingParent {
list-style: disc;
margin-left: 20px;
}

ul.listingChild {
list-style: square;
margin-left: 20px;
margin-top: 12px;
}

ul.listingSubChild {
list-style: circle;
margin-left: 20px;
}

ul.listingParent>li {
margin-bottom: 14px;
}

ul.listingChild>li {
margin-bottom: 12px;
}

ul.listingSubChild>li {
margin-top: 6px;
}

.abtSec2 ul li {
font-size: 18px;
}

.abtSec2Img img {
width: 100%;
}

a.cart {position: relative;z-index: 2;}

span.cart-badge {
position: absolute;
width: 17px;
height: 17px;
background-color: var(--primary);
border-radius: 50%;
right: -10px;
top: -7px;
z-index: 5;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
font-size: 9px;
font-weight: 400;
line-height: 0;
}

a.btnCard {
background: #0168ab;
padding: 6px 18px;
color: #fff;
font-size: 13px;
margin: 6px 0 0;
display: inline-block;
border-radius: 2px;

}

.abtSec2 .btnCard {
padding: 12px 32px;
border-radius: 3px;
}

.carteSec .top {
padding: 0 0 26px;
}

.map iframe {
width: 100%;
}

.carteSecInner .shopBox figure img {
height: 200px;
width: 100%;
object-fit: cover;
}

.heroBanner video#myVideo {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
z-index: -12;
}

.heroBanner .overlay-bg {
opacity: .4;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: #000;
z-index: -1;
}

.abtSec2 .top h2 {
font-size: 1.8rem;
}

.counter {
text-align: center;
}

.counter span {
font-size: 22px;
}

.counter h5 {
font-size: 5.5rem;
margin-bottom: 0;
padding: 8px 0px;
}

.counter p {
margin-bottom: 0;
padding: 0;
}

.counter span.s1 {
font-size: 44px;
padding-top: 0;
padding: 0 3px 8px;
}

.abtSec2 .top h4 {
font-size: 2.8rem;
}

section.abtSec h5 {
font-size: 2.5rem;
}

.abtSec ul.listing {
display: block;
list-style: disc;
margin-left: 20px;
}

.abtSec ul.listing li:first-child {
padding-right: 0;
margin-right: 0;
border-right: 0;
}

.abtSec ul.listing li {
margin-bottom: 10px;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.67;
}

section.abtSec p.p1 {
margin-bottom: 12px;
}

section.abtSec ol li {
margin: 5px 5px;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.67;
}

section.abtSec ol {
margin-top: 20px;
}

section.abtSec ol li::marker {
font-weight: 700;
}

section.abtSec3 p {
padding-bottom: 0rem;
margin-bottom: 15px;
}

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

.carteSecInner .swiper-button-prev {
left: 12%; /* container ke left side */
}

.carteSecInner .swiper-button-next {
right: 12%; /* container ke right side */
}

.carteSecInner .swiper-button-prev, .carteSecInner .swiper-button-next {
background: transparent;
border: 0 !important;
color: var(--primary);
}

.carteSecInner .swiper-button-next:after, .carteSecInner .swiper-button-prev:after{
font-size: 25px;
color: var(--primary);
font-weight: 700;
}

.carteSecInner .swiper-pagination-bullet-active{
background-color: var(--primary) !important;
}

.purchaseSlide .shopContnt{
margin-bottom: 4.4rem;
}

.purchaseSlide .swiper-pagination-bullet {
height: 10px;
width: 10px;
}

.main-header.con-pad{
padding-left: 7rem;
padding-right: 7rem;
}

a.cart i {
    font-size: 20px;
}