/* Inner Page CSS */
.abts-banner{ width:100%; position:relative; z-index:0; margin-bottom:0px;}
.abts-banner .bnr-item{ transition:transform 1.5s ease, opacity .5s ease-out; overflow:hidden; height:400px; position:relative; display:flex; text-align:center;}
.abts-banner .bnr-item .abts-sctn{ width:100%; height:100%; background-color:#fff; display:flex; justify-content:flex-end;}
.abts-banner .inr-bnr-caption { position:absolute; padding:0px; z-index:8; left:0; right:0; margin:auto; bottom:60px; width:100%; max-width:100%; padding:0px 40px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; max-width:1600px;} 
.abts-banner .inr-bnr-caption h1{ color:#fff; font-size:50px; font-weight:600; position:relative; margin:0px; text-align:center; width:100%;}
.abts-bnr { width:100%; height:100%; text-align:center; position:relative;}
.abts-bnr::before{ width:100%; height:100%; right:0; top:0; position:absolute; background-color:rgba(2, 7, 28, 0.75); content:""; z-index:1;}
.abts-bnr span{ width:100%; height:100%; display:flex;}
.abts-bnr span img{ width:100%; height:100%; object-fit:cover;}
.abts-bg{ width:100%; position:relative; background-color:transparent;}

.inr-abts-lnk{ width:100%; display:flex; align-items:center; justify-content:center; margin-top:5px;}
.inr-abts-lnk ul{ margin:0; display:flex; align-items:center; padding:0px 0px;}
.inr-abts-lnk ul li{ list-style:none; font-size:14px; color:#fff; font-weight:400;}
.inr-abts-lnk ul li i{ padding:0px 8px; font-style:normal;}
.inr-abts-lnk ul li a{ color:#fff; transition:0.4s;}
.inr-abts-lnk ul li a:hover{ color:#da261d !important; transition:0.4s;}
.inr-abts-lnk ul li a.active{ color:#da261d !important;}
.inr-abts-lnk ul li a.active:hover{ color:#da261d !important; transition:0.4s;}

/* About Content */
.abtwel-bg{ padding:100px 0 50px; position:relative; z-index:0;}
.abtwel-bg .max-cntr { max-width:1600px;}

.abtwel-main{ width:95%; margin:0 auto; display:flex; grid-gap:80px; align-items:flex-start; justify-content:space-between; padding-bottom:20px;}
.abtwel-main .abtwel-lft{ width:30%; position:relative;}
.abtwel-main .abtwel-lft::after{ width:75%; height:80%; content:""; left:0px; top:-100px; position:absolute; background-color:#2ab75b; z-index:-1; right:0; margin:0 auto;}

.abtwel-lft .abtwel-vdo{ width:100%; position:relative; z-index:0; display:flex; justify-content:center; padding:20px 0px 25px;}
.abtwel-lft .abtwel-vdo span{ display:flex; align-items:center; justify-content:center; padding:30px; border-radius:50%; width:350px; height:350px; position:relative; background-color:#fff; box-shadow:0px 20px 30px 0px rgba(0,0,0,0.1);}
.abtwel-lft .abtwel-vdo span img{ max-width:100%; max-height:250px;}

.abtwel-main .abtwel-rht{ width:70%; padding-top:20px;}
.abtwel-main .abtwel-rht .tit{ width:100%; margin-bottom:25px;}
.abtwel-main .abtwel-rht .tit h2{ margin:0px; font-weight:700; font-size:50px; color:#1c327f; position:relative; display:flex; }
.abtwel-main .abtwel-rht .tit h3{ margin:0px; font-weight:300; font-size:24px; color:#333; padding-left:50px; position:relative; display:flex; align-items:center;}
.abtwel-main .abtwel-rht .tit h3::before{ position:absolute; left:0; top:55%; background-color:#d9241b; width:35px; height:1px; content:"";}

.abtwel-main .abtwel-rht .cnt{ width:100%;}
.abtwel-main .abtwel-rht .cnt p{ width:100%; font-size:18px; text-align:left; line-height:25px; color:#333; font-weight:300; margin-bottom:20px;}
.abtwel-main .abtwel-rht .cnt ul{ margin:0; padding-left:30px;}
.abtwel-main .abtwel-rht .cnt ul li{ list-style:none; position:relative; display:flex; align-items:center; padding-left:35px; font-size:16px; font-weight:400; line-height:22px; color:#333; margin-bottom:10px;}
.abtwel-main .abtwel-rht .cnt ul li::before{ position:absolute; content:"\e87a"; font-family:'Linearicons-Free'; font-size:15px; color:#bbb; left:0; font-weight:500; top:3px;}

/* Testimonials */
.tstml-bg{ width:100%; background-color:#f2f2f2; padding:80px 0px 100px;}
.tstml-main{ width:100%;}
.tstml-lst{ width:100%; display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center; grid-gap:40px;}
.tstml-lst .bx{ width:30%; background-color:#fff; box-shadow:0px 20px 30px rgba(0,0,0,0.05); border-radius:30px; padding:50px 30px 110px; position:relative;}
.tstml-lst .bx::before{ position:absolute; top:-15px; left:25px; width:40px; height:40px; content:""; background:url(../images/symbol.png) no-repeat; background-size:contain;}
.tstml-lst .bx p{ width:100%; font-size:18px; text-align:left; line-height:25px; color:#333; font-weight:300; margin-bottom:20px;}
.tstml-lst .bx .btm{ width:100%; position:absolute; bottom:0; left:0; display:flex; align-items:center; grid-gap:15px; border-top:1px solid #eee; padding:22px 30px;}
.tstml-lst .bx .btm span{ width:50px; height:50px; border-radius:50%; background-color:#f3f3f3; display:flex; align-items:center; justify-content:center;}
.tstml-lst .bx .btm span img{ max-height:22px;}
.tstml-lst .bx .btm h3{ margin:0px; font-weight:500; font-size:20px; color:#1c327f; position:relative;}
.tstml-lst .bx .btm small{ margin:0px; font-weight:300; font-size:16px; color:#444; display:flex;}

.tstml-main .tit{ margin-bottom:80px;}
.tstml-main .tit h2{ margin:0px; font-weight:800; font-size:52px; color:#222; position:relative; display:flex; justify-content:center; text-align:center;}
.tstml-main .tit p{ margin:10px 0px; font-weight:300; font-size:22px; color:#333; text-align:center;}

/* Certificate  */
.awrd-bg{ width:100%; background-color:#fff; padding:80px 0px 100px;}
.awrd-main{ width:100%;}
.awrd-main .tit{ margin-bottom:70px;}
.awrd-main .tit h2{ margin:0px; font-weight:800; font-size:52px; color:#222; position:relative; display:flex; justify-content:center;}
.awrd-main .tit p{ margin:10px 0px; font-weight:300; font-size:22px; color:#333; text-align:center;}

.awrd-lst{ width:100%; display:flex; align-items:center; grid-gap:40px; justify-content:center;}
.awrd-lst .bx{ width:30%; background-color:#fff; box-shadow:0px 0px 20px rgba(0,0,0,0.1); border-radius:30px; padding:25px; position:relative;}
.awrd-lst .bx span{ width:100%; background-color:#fff; display:flex; align-items:center; justify-content:center;}
.awrd-lst .bx span img{ max-height:460px;}

/* Models Page CSS */
.mdl-banner{ width:100%; position:relative; z-index:0; margin-bottom:0px;}
.mdl-banner .bnr-item{ transition:transform 1.5s ease, opacity .5s ease-out; overflow:hidden; height:400px; position:relative; display:flex; text-align:center;}
.mdl-banner .bnr-item .mdl-sctn{ width:100%; height:100%; background-color:#fff; display:flex; justify-content:flex-end;}
.mdl-banner .inr-bnr-caption { position:absolute; padding:0px; z-index:8; left:0; right:0; margin:auto; bottom:60px; width:100%; max-width:100%; padding:0px 40px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; max-width:1600px;} 
.mdl-banner .inr-bnr-caption h1{ color:#fff; font-size:50px; font-weight:600; position:relative; margin:0px; text-align:center; width:100%;}
.mdl-bnr { width:100%; height:100%; text-align:center; position:relative;}
.mdl-bnr::before{ width:100%; height:100%; right:0; top:0; position:absolute; background-color:rgba(2, 7, 28, 0.7); content:""; z-index:1;}
.mdl-bnr span{ width:100%; height:100%; display:flex;}
.mdl-bnr span img{ width:100%; height:100%; object-fit:cover;}
.mdl-bg{ width:100%; position:relative; background-color:transparent;}

.inr-mdl-lnk{ width:100%; display:flex; align-items:center; justify-content:center; margin-top:5px;}
.inr-mdl-lnk ul{ margin:0; display:flex; align-items:center; padding:0px 0px;}
.inr-mdl-lnk ul li{ list-style:none; font-size:14px; color:#fff; font-weight:400;}
.inr-mdl-lnk ul li i{ padding:0px 8px; font-style:normal;}
.inr-mdl-lnk ul li a{ color:#fff; transition:0.4s;}
.inr-mdl-lnk ul li a:hover{ color:#da261d !important; transition:0.4s;}
.inr-mdl-lnk ul li a.active{ color:#da261d !important;}
.inr-mdl-lnk ul li a.active:hover{ color:#da261d !important; transition:0.4s;}

/* Model Page Content */
.mdl-cntbox-sctn { position:relative; width:100%; padding:0px; margin:0px;}
.mdl-cnt{ width:100%; display:grid; grid-gap:30px; grid-template-columns:repeat(4,1fr);}
.mdl-cnt .bx{ width:100%; box-shadow:0px 5px 25px rgba(0, 0, 0, 0.1); border:1px solid #eee; padding:15px 15px 30px; border-radius:30px; transition:all ease 0.4s; position:relative;}
.mdl-cnt .bx a{ display:flex; flex-wrap:wrap; justify-content:center;}
.mdl-cnt .bx a span{ display:flex; margin:15px auto; align-items:center; justify-content:center; width:100%; height:250px;}
.mdl-cnt .bx a span img{ max-width:100%; max-height:220px;}
.mdl-cnt .bx a h3{ text-align:center; font-size:25px; transition:all ease 0.4s; position:absolute; bottom:-20px; width:85%; left:0; background-color:#d9241b; right:0; margin:0 auto; color:#fff; padding:10px; border-radius:30px;}
.mdl-cnt .bx:hover{ box-shadow:none; transition:all ease 0.4s;}
.mdl-cnt .bx:hover h3{ background-color:#1d337f; transition:all ease 0.4s;}
.mdl-cntbox-main{ width:100%; background-color:#fff; padding:100px 0px;}

/* Models Details Page CSS */
.mdl-dtl-banner{ width:100%; position:relative; z-index:0; margin-bottom:0px;}
.mdl-dtl-banner .bnr-item{ transition:transform 1.5s ease, opacity .5s ease-out; overflow:hidden; height:140px; position:relative; display:flex; text-align:center;}
.mdl-dtl-banner .bnr-item .mdl-dtl-sctn{ width:100%; height:100%; background-color:#fff; display:flex; justify-content:flex-end;}
.mdl-dtl-banner .inr-bnr-caption { position:absolute; padding:0px; z-index:8; left:0; right:0; margin:auto; bottom:60px; width:100%; max-width:100%; padding:0px 40px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; max-width:1600px;} 
.mdl-dtl-banner .inr-bnr-caption h1{ color:#fff; font-size:50px; font-weight:600; position:relative; margin:0px; text-align:center; width:100%;}
.mdl-dtl-bnr { width:100%; height:100%; text-align:center; position:relative;}
.mdl-dtl-bnr::before{ width:100%; height:100%; right:0; top:0; position:absolute; background-color:rgba(2, 7, 28, 0.75); content:""; z-index:1;}
.mdl-dtl-bnr span{ width:100%; height:100%; display:flex;}
.mdl-dtl-bnr span img{ width:100%; height:100%; object-fit:cover;}
.mdl-dtl-bg{ width:100%; position:relative; background-color:transparent;}

/* Product details page */
.prdet-bg{ padding:70px 0px 30px;}
.prdct-viw{ padding:0; background-color:transparent;}
.prod-dls{ width:100%; display:flex; align-items:flex-start; grid-gap:65px; padding:30px 30px; background-color:#fff; border-radius:15px;}
.prod-phto{ width:40%;}
.prd-cont{ width:60%;}
.prd-cont .titl{ width:100%; margin-bottom:25px; position:relative;}
.prd-cont .titl span{ position:absolute; right:0; bottom:5px;}
.prd-cont .titl span a{ font-size:16px; color:#333; font-weight:300; display:flex; align-items:center; text-decoration:underline;}
.prd-cont .titl span a ion-icon{ font-size:16px; padding-right:3px; padding-top:3px;}
.prd-cont .titl span a:hover{ color:#da261d;}
.prd-cont .titl h2{ margin-bottom:0; font-weight:800; color:#1d337f; font-size:45px;}
.prd-cont .titl ul{ margin:5px 0px 0px; display:flex; justify-content:flex-start; align-items:center; padding:0px 0px;}
.prd-cont .titl ul li{ list-style:none; font-size:14px; color:#333; font-weight:400;}
.prd-cont .titl ul li i{ padding:0px 8px; font-style:normal;}
.prd-cont .titl ul li a{ color:#333; transition:0.4s;}
.prd-cont .titl ul li a:hover{ color:#da261d !important; transition:0.4s;}
.prd-cont .titl ul li a.active{ color:#da261d !important;}
.prd-cont .titl ul li a.active:hover{ color:#da261d !important; transition:0.4s;}

.prd-cont .cont-bx{ width:100%;}
.prd-cont .cont-bx p{ width:100%; font-size:18px; text-align:left; line-height:26px; color:#333; font-weight:300; margin-bottom:20px;}
.prd-cont .cont-bx ul{ margin:0; padding-left:30px;}
.prd-cont .cont-bx ul li{ list-style:none; position:relative; display:flex; align-items:center; padding-left:35px; font-size:16px; font-weight:400; line-height:22px; color:#333; margin-bottom:10px;}
.prd-cont .cont-bx ul li::before{ position:absolute; content:"\e87a"; font-family:'Linearicons-Free'; font-size:15px; color:#bbb; left:0; font-weight:500; top:3px;}

.prd-cont .dtl-clr{ margin:30px 0px; width:100%; background-color:#f3f3f3; border-radius:15px; padding:15px 20px; display:flex; align-items:center; grid-gap:15px;}
.dtl-clr h3{ margin-bottom:0; font-weight:500; color:#333; font-size:18px;}
.dtl-clr .clr-bx{ display:flex; grid-gap:10px;}
.dtl-clr .clr-bx a{ display:flex; grid-gap:7px; align-items:center; text-align:center; background-color:#fff; padding:3px 15px 3px 5px; border-radius:20px;}
.dtl-clr .clr-bx a span{ width:20px; height:20px; border-radius:50%; display:flex; margin:0 auto;}
.dtl-clr .clr-bx a span.red{ background-color:#da261d;}
.dtl-clr .clr-bx a span.green{ background-color:#07a63f;}
.dtl-clr .clr-bx a span.blue{ background-color:#009cbd;}
.dtl-clr .clr-bx a b{ font-weight:400; font-size:14px; color:#333;}

/* Models Share */
.prd-cont .social{ width:100%; display:flex; align-items:center; grid-gap:15px;}
.prd-cont .social h3{ margin-bottom:0; font-weight:500; color:#333; font-size:18px;}
.prd-cont .social-icons{ display:flex; justify-content:flex-start; grid-gap:8px;}
.prd-cont .social-icons a{ color:#6e7b80; border-radius:50%; transition:all ease-in 0.4s; display:flex; align-items:center; justify-content:center; transition:all ease 0.4s; border:1px solid #ccc; width:35px; height:35px;}
.prd-cont .social-icons a img{ max-height:20px; filter:invert(0%) sepia(100%) saturate(7463%) hue-rotate(76deg) brightness(98%) contrast(108%); transition:all ease 0.4s; opacity:0.8;}
.prd-cont .social-icons a ion-icon{ font-size:24px; transition:all ease 0.4s;}
.prd-cont .social-icons a:hover ion-icon{ color:#0096db; transition:all ease 0.4s;}
.prd-cont .social-icons a:hover{ background-color:#f3f3f3; border:1px solid #dfd9d9;}

/* Specification */
.prdt-fets{ width:100%; margin-bottom:50px; position:relative;}
.prdt-fets::before{ background-color:rgba(0, 0, 0, 0.15); position:absolute; left:0; height:1px; width:100%; content:""; top:50%;}
.prdt-cnt{ width:100%; display:flex; align-items:center; justify-content:flex-start; grid-gap:13px; margin:15px 0px 10px; background-color:#05a63b; padding:15px 30px; border-radius:40px; position:relative;}
.prdt-cnt .dtls{ width:85%; display:flex; align-items:center; justify-content:flex-start; grid-gap:12px; position:relative; flex-wrap:wrap;}
.prdt-cnt .dtls .bx{ display:flex; align-items:center; grid-gap:10px; position:relative; padding-right:20px;}
.prdt-cnt .dtls .bx::before{ background-color:rgba(255, 255, 255, 0.35); position:absolute; right:0; height:25px; width:1px; content:"";}
.prdt-cnt .dtls .bx:last-child{ padding-right:0;}
.prdt-cnt .dtls .bx:last-child::before{ background-color:transparent;}
.prdt-cnt .dtls .bx span{ display:flex; align-items:center; justify-content:center; width:40px;}
.prdt-cnt .dtls .bx span img{ max-height:30px; width:auto; filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); transition:all ease 0.4s;}
.prdt-cnt .dtls .bx strong{ display:flex; align-items:center; font-size:18px; font-weight:700; color:#fff;}
.prdt-cnt .dtls .bx strong i{ margin-right:5px; font-style:normal; font-size:17px; font-weight:200; color:rgba(255,255,255,0.7);}
.prdt-cnt .dtls .bx:nth-child(1) span img{ max-height:32px;}
.prdt-cnt .dtls .bx:nth-child(2) span img{ max-height:32px;}
.prdt-cnt .dtls .bx:nth-child(3) span img{ max-height:45px;}
.prdt-cnt .dtls .bx:nth-child(4) span img{ max-height:32px;}
.prdt-cnt .dwd{ width:15%; display:flex; justify-content:flex-end;}
.prdt-cnt .dwd a{ background-color:#fff; border-radius:50px; padding:5px 10px; font-weight:500; font-size:18px; display:flex; align-items:center; justify-content:center; min-width:140px; grid-gap:5px;}
.prdt-cnt .dwd a img{ max-height:20px; width:auto; filter:invert(0%) sepia(95%) saturate(0%) hue-rotate(200deg) brightness(89%) contrast(104%); transition:all ease 0.4s;}

/* Models Features */
.prdt-spcy .det-lst{ margin:0px 0px 50px; width:100%;}
.prdt-spcy .det-lst .titl{ width:100%;}
.prdt-spcy .det-lst .titl h3{ width:100%; margin-bottom:30px; font-weight:800; color:#333; font-size:30px;}
.prdt-spcy .det-lst ul{ margin:10px 0px 20px; list-style:none; border:1px solid #e8e8e8; background-color:#fff; border-radius:15px; padding:5px 0px;}
.prdt-spcy .det-lst ul li{ padding:10px 0; margin:0; list-style:none; border-bottom:1px solid #e8e8e8; display:flex;}
.prdt-spcy .det-lst ul li:last-child{ border-bottom:0 none;}
.prdt-spcy .det-lst ul li span{ width:30%; text-align:right; padding-right:20px; border-right:1px solid #e8e8e8; color:#333; font-weight:300; font-size:18px;}
.prdt-spcy .det-lst ul li b{ width:70%; padding:0px 20px; font-size:18px; font-weight:700; color:#1b3380;}
.prdt-spcy .det-lst p{ width:100%; font-size:18px; text-align:left; line-height:26px; color:#333; font-weight:300; margin-bottom:20px;}

/* Models Enquiry */
.mdl-eqiry-slct { width:60%; margin:60px auto; background:#fff; padding:30px 35px 55px; border-radius:20px; position:relative; z-index:1; box-shadow:0px 5px 30px rgba(0, 0, 0, 0.15);}
.mdl-eqiry-slct h2 { width:100%; text-align:center; font-size:35px; font-weight:200; letter-spacing:-0.25px; color:#222; margin:10px 0px 40px;}
.mdl-eqiry-slct .enq-frm { width:100%; margin-top:40px; justify-content:center; display:flex; text-align:center;}
.mdl-eqiry-slct .enq-frm .frm-slct { display:flex; width:100%; padding:0px; flex-wrap:wrap; justify-content:space-between;}
.mdl-eqiry-slct .enq-frm .frm-slct .form-group { width:100%; margin-bottom:30px; position:relative;}
.mdl-eqiry-slct .enq-frm .frm-slct .form-group:last-child {width:100%;}
.mdl-eqiry-slct .enq-frm .frm-slct .form-group ion-icon { position:absolute; left:5px; z-index:1; top:10px; font-size:20px;
color:rgba(0, 0, 0, 0.4);}
.mdl-eqiry-slct .enq-frm .frm-slct .form-group img { position:absolute; left:5px; z-index:1; top:10px; max-height:20px; opacity:0.8;}
.mdl-eqiry-slct .enq-frm .frm-slct .form-group .form-control { border:0; border-radius:0px; border-bottom:1px solid rgba(0, 0, 0, 0.15); background-color:transparent; position:relative; padding-left:35px; font-size:18px;}
.mdl-eqiry-slct .enq-frm .frm-slct .form-group .form-control:focus { outline:none; box-shadow:none;}
.mdl-eqiry-slct .enq-frm .frm-slct .form-group .form-control::placeholder { font-size:16px; color:rgba(0, 0, 0, 0.5); font-weight:200; letter-spacing:-0.25px;}
.mdl-eqiry-slct .enq-frm .frm-slct .form-group .error { text-align:left; width:100%; display:flex; color:#db261c;}
.mdl-eqiry-slct .enq-frm .btn-enqhm{ text-align:center; text-transform:uppercase; font-weight:500; font-size:18px; background-color:#04a53c; padding:10px 70px; color:#fff; border-radius:50px; letter-spacing:0.50px; margin-top:25px;}
.mdl-eqiry-slct .enq-frm .btn-enqhm:hover { background-color:#1d337f;}

.captca-bx{ width:100%; display:flex; justify-content:center;}

/* Xzoom */
.exzoom .exzoom_img_box { background:transparent; position:relative; }
.exzoom .exzoom_img_box .exzoom_main_img { display:block; width:100%; }
.exzoom .exzoom_img_box span { background-color:rgba(0,0,0,0.2); border-radius:50%; }
.exzoom .exzoom_preview { margin:0; position:absolute; top:0; overflow:hidden; z-index:999; background-color:#fff; border:1px solid #ddd; display:none; }
.exzoom .exzoom_preview .exzoom_preview_img { position:relative; max-width:initial !important; max-height:initial !important; left:0; top:0; }
.exzoom .exzoom_nav { margin-top:30px; overflow:hidden; position:relative; left:20px; display:flex; align-items:center;}
.exzoom .exzoom_nav .exzoom_nav_inner { position:absolute; left:0; right:0; /* top:0; */ margin:0 auto; padding:1px; transition:all ease 0.4s;}
.exzoom .exzoom_nav .exzoom_nav_inner span { overflow:hidden; position:relative; float:left; border:1px solid #eee; border-radius:10px; transition:all ease 0.4s; width:70px !important; height:70px !important; background-color:#fff;}
.exzoom .exzoom_nav .exzoom_nav_inner span:hover{  border:1px solid #4363d7 !important;}
.exzoom .exzoom_nav .exzoom_nav_inner span.current { border:1px solid #e8e8e8; border-radius:10px;}
.exzoom .exzoom_nav .exzoom_nav_inner span img { max-width:100%; max-height:100%; position:relative;}
.exzoom .exzoom_btn { position:relative; margin:0;}
.exzoom .exzoom_btn a { text-align:center; font-size:18px; position:absolute; left:0px; top:-55px; text-decoration:none; background-color:#eee; color:#333; display:flex; justify-content:center; align-items:center; padding:2px; width:40px; height:40px; border-radius:50px; cursor:pointer; margin:0px 0px;}
.exzoom .exzoom_btn a:hover { background:#eee; color:#333; }
.exzoom .exzoom_btn a.exzoom_prev_btn{ left:-15px;}
.exzoom .exzoom_btn a.exzoom_next_btn { left:auto; right:-15px; }
.exzoom .exzoom_zoom { position:absolute; left:0; top:0; display:none; z-index:5; cursor:crosshair;}
.exzoom .exzoom_img_ul_outer { position:absolute; overflow:hidden; overflow:hidden; display:flex; border:1px solid #eee; padding:15px; border-radius:20px; box-shadow:0px 20px 20px 10px rgba(18, 1, 37, 0.04);}
.exzoom .exzoom_img_ul_outer .exzoom_img_ul { padding:0; margin:0; overflow:hidden; position:absolute; display:flex; left:0; top:0; height:100%;}
.exzoom .exzoom_img_ul_outer .exzoom_img_ul li { list-style:none; padding:30px; display:inline-block; text-align:center; background-color:#fff; }
.exzoom .exzoom_img_ul_outer .exzoom_img_ul li img { width:100%; }	

/* Relative Models */
.relatve-mdl{ width:100%; padding-bottom:50px;}
.relatve-mdl .tit{ width:100%; display:flex; justify-content:center; padding-top:20px;}
.relatve-mdl .tit h4{ margin:0px 0px 20px; color:#242728; font-weight:700; font-size:40px; line-height:40px; position:relative; padding-bottom:20px;}
.relatve-mdl .tit h4::before{ position:absolute; height:1px; width:60px; content:""; left:0; right:0; margin:0 auto; z-index:1; bottom:0px; background-color:#08a43f;}
.relatve-lst{ width:90%; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); grid-gap:45px 25px; padding:50px 0px 80px;}
.relatve-lst .bx{ width:100%;}
.relatve-lst .bx a{ width:100%; display:block; height:100%; overflow:hidden; transition:all ease 0.4s; padding:20px; border:1px solid #eee; border-radius:25px;}
.relatve-lst .bx a span{ display:flex; background-color:#f3f3f3; align-items:center; justify-content:center; height:250px; transition:all ease 0.4s; overflow:hidden; border-radius:25px;}
.relatve-lst .bx a span img{ max-width:100%; max-height:200px; object-fit:contain; transition:all ease 0.4s;}
.relatve-lst .bx a:hover span img{ transform:scale(1.1); transition:all ease 0.4s;}
.relatve-lst .bx a:hover h3{ color:#1d337f; transition:all ease 0.4s;}
.relatve-lst .bx a h3{ margin:15px 0px 10px; font-size:22px; color:#da251c; text-align:center; transition:all ease 0.4s;}
.relatve-lst .bx a p{ margin:0; font-size:15px; font-weight:400; line-height:24px; color:#333; padding:0px 15px; text-align:center;}
.relatve-det{ width:100%;}
.relatve-det .max-cntr{ margin:0 auto; width:100%;}
.relatve-det .inr-bnr-lnk{ margin:0; background-color:rgba(0,0,0,0.2); padding:10px 0px; position:absolute; bottom:0;}

/* Services Page CSS */
.srvs-banner{ width:100%; position:relative; z-index:0; margin-bottom:0px;}
.srvs-banner .bnr-item{ transition:transform 1.5s ease, opacity .5s ease-out; overflow:hidden; height:400px; position:relative; display:flex; text-align:center;}
.srvs-banner .bnr-item .srvs-sctn{ width:100%; height:100%; background-color:#fff; display:flex; justify-content:flex-end;}
.srvs-banner .inr-bnr-caption { position:absolute; padding:0px; z-index:8; left:0; right:0; margin:auto; bottom:40px; width:100%; max-width:100%; padding:0px 40px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; max-width:1600px;} 
.srvs-banner .inr-bnr-caption h1{ color:#fff; font-size:55px; font-weight:700; position:relative; margin:0px; text-align:right; width:100%;}
.srvs-bnr { width:100%; height:100%; text-align:center; position:relative;}
.srvs-bnr::before{ width:100%; height:100%; right:0; top:0; position:absolute; background-color:rgba(2, 7, 28, 0.75); content:""; z-index:1;}
.srvs-bnr span{ width:100%; height:100%; display:flex;}
.srvs-bnr span img{ width:100%; height:100%; object-fit:cover;}
.srvs-bg{ width:100%; position:relative; background-color:transparent;}

.inr-srvs-lnk{ width:100%; display:flex; align-items:center; justify-content:flex-end; margin-top:5px;}
.inr-srvs-lnk ul{ margin:0; display:flex; align-items:center; padding:0px 0px;}
.inr-srvs-lnk ul li{ list-style:none; font-size:14px; color:#fff; font-weight:400;}
.inr-srvs-lnk ul li i{ padding:0px 8px; font-style:normal;}
.inr-srvs-lnk ul li a{ color:#fff; transition:0.4s;}
.inr-srvs-lnk ul li a:hover{ color:#da261d !important; transition:0.4s;}
.inr-srvs-lnk ul li a.active{ color:#da261d !important;}
.inr-srvs-lnk ul li a.active:hover{ color:#da261d !important; transition:0.4s;}

.svs-bg{ width:100%;}
.svs-main{ width:100%; display:flex; align-items:stretch; grid-gap:50px; padding-bottom:80px;}
.svs-main .svs-lft{ width:30%; border-radius:30px; overflow:hidden; background-color:#1d337f; padding:70px 0px 0px; margin-top:-80px; position:relative;}
.svs-main .svs-lft .top{ width:100%; padding:10px 25px 250px;}
.svs-main .svs-lft .top span{ width:100%; display:flex; align-items:center; justify-content:center; margin-bottom:25px;}
.svs-main .svs-lft .top span img{ max-height:95px; width:auto; filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); transition:all ease 0.4s;}
.svs-main .svs-lft .top h3{ margin-bottom:10px; font-weight:800; color:#fff; font-size:40px; line-height:46px; text-align:center;}
.svs-main .svs-lft .top small{ margin-bottom:0; font-weight:100; color:#fff; font-size:28px; text-align:center; display:block;}

.svs-main .svs-lft .btm{ width:100%; margin-top:40px; background-color:rgba(0,0,0,0.15); padding:50px 25px; position:absolute; bottom:0; left:0;}
.svs-main .svs-lft .btm span{ width:100%; display:flex; align-items:center; justify-content:center; margin-bottom:10px;}
.svs-main .svs-lft .btm span img{ max-height:60px; width:auto; filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); transition:all ease 0.4s;}
.svs-main .svs-lft .btm a{ color:#fff; text-align:center; font-size:32px; font-weight:700; display:flex; justify-content:center;}

.svs-main .svs-rht{ width:70%; margin-top:50px;}
.svs-lst{ width:100%;}
.svs-lst .bx{ width:100%; display:flex; align-items:center; grid-gap:30px; margin-bottom:45px;}
.svs-lst .bx:last-child{ margin-bottom:0;}
.svs-lst .bx .lt{ width:40%;}
.svs-lst .bx .lt span{ width:100%; display:flex; border-radius:25px; overflow:hidden;}
.svs-lst .bx .lt span img{ max-width:100%; max-height:300px; width:100%; object-fit:cover;}
.svs-lst .bx .rt{ width:65%; background-color:#fff;}
.svs-lst .bx .rt p{ margin:0; font-size:18px; font-weight:300; line-height:24px; color:#333; text-align:left;}
.svs-lst .bx .rt .svs-lnk{ width:100%; margin-top:15px; display:flex; align-items:center;}
.svs-lst .bx .rt .svs-lnk a{ font-size:17px; color:#da251c; display:flex; align-items:center;}
.svs-lst .bx .rt .svs-lnk a:hover{ color:#07a63f;}
.svs-lst .bx .rt .svs-lnk a ion-icon{ padding-top:4px; padding-left:5px;}

/* Gallery Page CSS */
.glry-banner{ width:100%; position:relative; z-index:0; margin-bottom:0px;}
.glry-banner .bnr-item{ transition:transform 1.5s ease, opacity .5s ease-out; overflow:hidden; height:400px; position:relative; display:flex; text-align:center;}
.glry-banner .bnr-item .glry-sctn{ width:100%; height:100%; background-color:#fff; display:flex; justify-content:flex-end;}
.glry-banner .inr-bnr-caption { position:absolute; padding:0px; z-index:8; left:0; right:0; margin:auto; bottom:80px; width:100%; max-width:100%; padding:0px 40px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; max-width:1600px;} 
.glry-banner .inr-bnr-caption h1{ color:#fff; font-size:55px; font-weight:700; position:relative; margin:0px; text-align:center; width:100%;}
.glry-bnr { width:100%; height:100%; text-align:center; position:relative;}
.glry-bnr::before{ width:100%; height:100%; right:0; top:0; position:absolute; background-color:rgba(2, 7, 28, 0.75); content:""; z-index:1;}
.glry-bnr span{ width:100%; height:100%; display:flex;}
.glry-bnr span img{ width:100%; height:100%; object-fit:cover;}
.glry-bg{ width:100%; position:relative; background-color:transparent;}

.inr-glry-lnk{ width:100%; display:flex; align-items:center; justify-content:center; margin-top:5px;}
.inr-glry-lnk ul{ margin:0; display:flex; align-items:center; padding:0px 0px;}
.inr-glry-lnk ul li{ list-style:none; font-size:14px; color:#fff; font-weight:400;}
.inr-glry-lnk ul li i{ padding:0px 8px; font-style:normal;}
.inr-glry-lnk ul li a{ color:#fff; transition:0.4s;}
.inr-glry-lnk ul li a:hover{ color:#da261d !important; transition:0.4s;}
.inr-glry-lnk ul li a.active{ color:#da261d !important;}
.inr-glry-lnk ul li a.active:hover{ color:#da261d !important; transition:0.4s;}

/* Gallery page */
.gallery-box{ width:100%; background-color:rgba(255, 255, 255, 0.95); padding:80px 80px 100px;}
.glry-lst{ max-width:100%; display:grid; grid-template-columns:repeat(3,1fr); grid-gap:30px;}
.glry-lst .bx{ text-align:center; overflow:hidden; position:relative; border-radius:15px; }
.glry-lst .bx span{ display:flex; align-items:center; justify-content:center; border-radius:15px; transition:all ease 0.6s; position:relative; z-index:0; overflow:hidden; box-shadow:0px 20px 30px rgba(0, 0, 0, 0.2);}
.glry-lst .bx span img{ width:100%; height:auto; transform-origin:bottom center; transform:perspective(500px) rotateX(0); transition:all 0.5s ease 0s; }
.glry-lst .bx:hover span img{ transform:perspective(500px) rotateX(50deg); }
.glry-lst .bx .bx-content{ color:#fff; background:linear-gradient(to right, rgba(30, 51, 126, 0.6), rgba(4, 120, 47,0.5)); width:100%; height:100%; opacity:0; transform-origin:top center; transform:perspective(500px) rotateX(-50deg); position:absolute; top:0; left:0; transition:all 0.5s ease 0s; }
.glry-lst .bx:hover .bx-content{ opacity:1; transform:perspective(500px) rotateX(0); }
.glry-lst .bx .content{ width:80%; transform:translateX(-50%) translateY(-50%); position:absolute; top:50%; left:50%; display:flex; justify-content:center;}
.glry-lst .bx .content small{ color:#fff; background:#da251b; font-size:22px; line-height:35px; height:38px; width:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; position:relative; transition:all 0.3s ease 0s; font-weight:400;}
.glry-lst .bx .content small ion-icon:hover{ color:#da251c; background-color:#fff; }

/* Dealers Page CSS */
.dlrs-banner{ width:100%; position:relative; z-index:0; margin-bottom:0px;}
.dlrs-banner .bnr-item{ transition:transform 1.5s ease, opacity .5s ease-out; overflow:hidden; height:400px; position:relative; display:flex; text-align:center;}
.dlrs-banner .bnr-item .dlrs-sctn{ width:100%; height:100%; background-color:#fff; display:flex; justify-content:flex-end;}
.dlrs-banner .inr-bnr-caption { position:absolute; padding:0px; z-index:8; left:0; right:0; margin:auto; bottom:70px; width:100%; max-width:100%; padding:0px 40px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; max-width:1600px;} 
.dlrs-banner .inr-bnr-caption h1{ color:#fff; font-size:55px; font-weight:700; position:relative; margin:0px; text-align:center; width:100%;}
.dlrs-bnr { width:100%; height:100%; text-align:center; position:relative;}
.dlrs-bnr::before{ width:100%; height:100%; right:0; top:0; position:absolute; background-color:rgba(2, 7, 28, 0.75); content:""; z-index:1;}
.dlrs-bnr span{ width:100%; height:100%; display:flex;}
.dlrs-bnr span img{ width:100%; height:100%; object-fit:cover;}
.dlrs-bg{ width:100%; position:relative; background-color:transparent;}

.inr-dlrs-lnk{ width:100%; display:flex; align-items:center; justify-content:center; margin-top:5px;}
.inr-dlrs-lnk ul{ margin:0; display:flex; align-items:center; padding:0px 0px;}
.inr-dlrs-lnk ul li{ list-style:none; font-size:14px; color:#fff; font-weight:400;}
.inr-dlrs-lnk ul li i{ padding:0px 8px; font-style:normal;}
.inr-dlrs-lnk ul li a{ color:#fff; transition:0.4s;}
.inr-dlrs-lnk ul li a:hover{ color:#da261d !important; transition:0.4s;}
.inr-dlrs-lnk ul li a.active{ color:#da261d !important;}
.inr-dlrs-lnk ul li a.active:hover{ color:#da261d !important; transition:0.4s;}

.dlrs-lst{ width:95%; display:grid; grid-template-columns:repeat(2,1fr); grid-gap:45px; margin:30px auto; padding:40px; background-color:#fff; border-radius:30px;}
.dlrs-lst .dlr-bx{ width:100%; background-color:#f0f0f0; border-radius:25px 25px; overflow:hidden;}
.dlr-bx .lft{ width:100%; padding:30px 30px 25px;}
.dlr-bx .lft h3{ color:#1d337f; font-size:25px; font-weight:600; margin-bottom:5px; position:relative; width:100%;}
.dlr-bx .lft small{ color:#0ba03b; font-size:16px; font-weight:300; margin-bottom:10px; position:relative; width:100%; display:flex;}
.dlr-bx .lft ul{ padding:0; margin:20px 0px;}
.dlr-bx .lft ul li{ list-style:none; display:flex; align-items:center; margin-bottom:8px;}
.dlr-bx .lft ul li:last-child{ margin-bottom:0;}
.dlr-bx .lft ul li i{ font-style:normal; width:33px; height:33px; margin-right:12px; display:flex; align-items:center; justify-content:center; background-color:#fff; border-radius:50px;}
.dlr-bx .lft ul li i ion-icon{ font-size:18px;}
.dlr-bx .lft ul li b{ width:90%; font-size:17px; font-weight:400;}
.dlr-bx .rht{ width:100%;}
.dlr-bx .rht .map{ width:100%; height:100%; display:flex;}
.dlr-bx .rht .map iframe{ width:100%; height:220px; border:0 none; display:flex;}

/* Loan Page CSS */
.loan-banner{ width:100%; position:relative; z-index:0; margin-bottom:0px;}
.loan-banner .bnr-item{ transition:transform 1.5s ease, opacity .5s ease-out; overflow:hidden; height:120px; position:relative; display:flex; text-align:center;}
.loan-banner .bnr-item .loan-sctn{ width:100%; height:100%; background-color:#fff; display:flex; justify-content:flex-end;}
.loan-banner .inr-bnr-caption { position:absolute; padding:0px; z-index:8; left:0; right:0; margin:auto; bottom:80px; width:100%; max-width:100%; padding:0px 40px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; max-width:1600px;} 
.loan-banner .inr-bnr-caption h1{ color:#fff; font-size:55px; font-weight:700; position:relative; margin:0px; text-align:center; width:100%;}
.loan-bnr { width:100%; height:100%; text-align:center; position:relative;}
.loan-bnr::before{ width:100%; height:100%; right:0; top:0; position:absolute; background-color:rgba(2, 7, 28, 0.75); content:""; z-index:1;}
.loan-bnr span{ width:100%; height:100%; display:flex;}
.loan-bnr span img{ width:100%; height:100%; object-fit:cover;}
.loan-bg{ width:100%; position:relative; background-color:transparent;}

.inr-loan-lnk{ width:100%; display:flex; align-items:center; justify-content:center; margin-top:5px;}
.inr-loan-lnk ul{ margin:0; display:flex; align-items:center; padding:0px 0px;}
.inr-loan-lnk ul li{ list-style:none; font-size:14px; color:#fff; font-weight:400;}
.inr-loan-lnk ul li i{ padding:0px 8px; font-style:normal;}
.inr-loan-lnk ul li a{ color:#fff; transition:0.4s;}
.inr-loan-lnk ul li a:hover{ color:#da261d !important; transition:0.4s;}
.inr-loan-lnk ul li a.active{ color:#da261d !important;}
.inr-loan-lnk ul li a.active:hover{ color:#da261d !important; transition:0.4s;}

/* loan Content */
.loan-bg{ width:100%; padding-top:40px;}
.login { width:100%; margin:0% auto; transition:0.4s; display:flex; align-items:center; justify-content:center; padding:65px 0px 80px;}
.login .login-box{ display:flex; justify-content:space-between; position:relative; background-size:cover; overflow:hidden; transition:0.4s; width:40%; padding:0px; background-color:#fff; }
.login .login-box .login-det{ width:100%;}
.login .login-box:hover .login-det:after{ height:100%; transition:0.4s;}

.login-form-main .top-tit h2{ position:absolute; right:30px; top:45px; text-transform:uppercase; font-weight:700 !important; color:rgba(255, 255, 255, 0.8) !important; font-size:34px !important; margin:0 !important;}
.login .login-box .login-det .login-form-main{ width:100%; padding:0px}
.login-frm-tit{ width:100%; margin-bottom:50px;}
.login-frm-tit .log-logo{ width:100%; display:flex; align-items:center; justify-content:center; margin-bottom:12px;}
.login-frm-tit .log-logo span{ display:flex; justify-content:center;}
.login-frm-tit .log-logo span img{ max-height:50px;}
.login-frm-tit h2{ color:#3d9426; display:flex; justify-content:center; font-size:45px; font-weight:600; margin:0;}
.login-frm-tit h4{ margin:5px 0px; line-height:35px; font-weight:200; color:#222; font-size:24px; text-align:center;}

.login-det .login-frm-btn .btn ion-icon { padding-left:5px; font-size:17px;}
.login .login-box .login-det .login-frm-btn { width:100%; text-align:center; margin-top:50px;}

.btn-lnk{ width:100%; display:flex; justify-content:center;}
.btn-lnk b{ display:flex; align-items:center; justify-content:center; transition:0.4s; position:relative;} 
.btn-lnk .btn{ color:#fff; margin:0 auto; text-align:center; font-size:18px; font-weight:400; transition:0.4s; background:#0096db; padding:6px 35px; border:1px solid #0096db; border-radius:50px; width:100%;}
.btn-lnk b ion-icon{ position:absolute; right:32px; color:#fff; font-size:18px; transition:0.4s;}
.btn-lnk .btn:hover { border:1px solid #0096db; background:transparent; color:#0096db; transition:0.4s; }
.btn-lnk b:hover ion-icon{ color:#0096db; transition:0.4s;}
.btn-lnk .btn:focus{ box-shadow:none;}

.login .login-box .login-det .login-frm-lnk { width:100%; text-align:center; margin:30px 0px 25px; display:flex; align-items:center; justify-content:space-around;}
.login .login-box .login-det .login-frm-lnk a{ color:#444; font-size:16px;}
.login .login-box .login-det .login-frm-lnk a:hover{ color:#0096db;}
.login .login-box .login-det .login-frm-lnk label { margin:0; font-weight:400; display:flex; align-items:center; font-size:16px; color:#444; pointer-events:all;}
.login .login-box .login-det .login-frm-lnk label input { margin-right:5px; }
.login .login-box .login-det .login-frm-lnk1 { text-align:center; margin:15px 0px; }
.login .login-box .login-det .login-frm-lnk1 a { font-size:13px; color:#929292; font-weight:500; text-align:center; transition:0.4s; }
.login .login-box .login-det .login-frm-lnk1 a:hover { color:#333; transition:0.4s; }
.login-form .login-frm-main .form-row { padding-left:0; margin-left:0px;}
.login-form .login-frm-main .form-group { position:relative; padding-top:10px; margin-bottom:15px; width:100%;}
.login-form .login-frm-main .form-group select{ background-color:#fff;}
.login-form .login-frm-main .form-group .error { text-align:left; width:100%; display:flex; color:#db261c;}

.btn-shw { position:absolute; right:6px; top:35%; padding:5px 5px; font-size:16px; cursor:pointer; background-color:#eaeaea; border:0; color:#555; border-radius:50px; display:flex; align-content:center; }
.btn-shw:hover { background-color:#eee; }

.login-form .login-frm-main .form-group .custom-select { border:0 none; border-bottom:1px solid #ddd; border-radius:0; padding:9px 2px; position:relative; height:auto;}
.login-form .login-frm-main .form-group .custom-select:focus { box-shadow:none; }
.login-form .cont-frm-main .form-row { justify-content:space-between; }
.login-form .form-group:first-child:last-child { height:100%; }
.login-form .form-group:first-child:last-child .form-control { height:100%; }
.login-form .form-group textarea { resize:vertical; width:100%; border:0 none; border-bottom:1px solid #ddd; border-radius:0px; border-radius:15px !important; border-width:0 0 1px 0; font-size:16px; padding:0px 5px; color:#495057; }
.login-form .form-group label { position:absolute; left:17px; top:-5px; transition:all 0.4s ease; color:#888; font-size:15px; font-weight:400; padding:2px 8px; margin-bottom:0px; background-color:#fff; line-height:20px;}
.login-form .form-group .form-control { border-width:0 0 1px 0; font-size:16px; padding:8px 25px; border:1px solid #ddd; background-color:transparent; color:#333; font-weight:400; box-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05); min-height:40px; border-radius:30px; letter-spacing:0.2px;}
.login-form .form-group .form-control::placeholder{ color:#bbb; font-weight:300;}
.login-form .form-group .form-control:focus { box-shadow:none; border-color:#aeb7bf;}
.login-form .form-group .input-highlight { content:""; width:0; height:1px; background:#7f8184; position:absolute; display:block; bottom:0px; transition:width 0.4s ease; }
.login-form .form-group .form-control:focus, .login-form .form-group .form-control.hasValue { box-shadow:0 15px 10px -3px rgba(0,0,0,.05); border-color:#98a0a8; }
.login-form .form-group .form-control:focus ~ .input-highlight, .login-form .form-group .form-control.hasValue ~ .input-highlight { width:100%;}
.login-form .form-group .form-control:focus ~ label, .login-form .form-group .form-control.hasValue ~ label { top:-3px; left:17px;} 

/* Contact Us Page CSS */
.cntct-banner{ width:100%; position:relative; z-index:0; margin-bottom:0px;}
.cntct-banner .bnr-item{ transition:transform 1.5s ease, opacity .5s ease-out; overflow:hidden; height:400px; position:relative; display:flex; text-align:center;}
.cntct-banner .bnr-item .cntct-sctn{ width:100%; height:100%; background-color:#fff; display:flex; justify-content:flex-end;}
.cntct-banner .inr-bnr-caption { position:absolute; padding:0px; z-index:8; left:0; right:0; margin:auto; bottom:50px; width:100%; max-width:100%; padding:0px 40px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; max-width:1600px;} 
.cntct-banner .inr-bnr-caption h1{ color:#fff; font-size:55px; font-weight:700; position:relative; margin:0px; text-align:left; width:100%;}
.cntct-bnr { width:100%; height:100%; text-align:center; position:relative;}
.cntct-bnr::before{ width:100%; height:100%; right:0; top:0; position:absolute; background-color:rgba(2, 7, 28, 0.75); content:""; z-index:1;}
.cntct-bnr span{ width:100%; height:100%; display:flex;}
.cntct-bnr span img{ width:100%; height:100%; object-fit:cover;}
.cntct-bg{ width:100%; position:relative; background-color:transparent;}

.inr-cntct-lnk{ width:100%; display:flex; align-items:center; justify-content:flex-start; margin-top:5px;}
.inr-cntct-lnk ul{ margin:0; display:flex; align-items:center; padding:0px 0px;}
.inr-cntct-lnk ul li{ list-style:none; font-size:14px; color:#fff; font-weight:400;}
.inr-cntct-lnk ul li i{ padding:0px 8px; font-style:normal;}
.inr-cntct-lnk ul li a{ color:#fff; transition:0.4s;}
.inr-cntct-lnk ul li a:hover{ color:#da261d !important; transition:0.4s;}
.inr-cntct-lnk ul li a.active{ color:#da261d !important;}
.inr-cntct-lnk ul li a.active:hover{ color:#da261d !important; transition:0.4s;}

/* Contact Content */
.contct-bx{ width:100%; display:flex; align-items:stretch; justify-content:space-between; padding:0px 20px;}
.cnt-us-min{ width:55%; position:relative; background-color:#fff; padding:60px 0px 0px; position:relative; z-index:0;}
.cnt-us-min::before { position:absolute; content:""; width:250px; height:350px; bottom:0px; right:-60px; background:url(../images/contact-bg.png) no-repeat; background-size:contain; z-index:-1; opacity:0.8;}
.cnt-us-min h2{ font-size:35px; font-weight:600; color:#1d337f; text-align:left; margin-bottom:30px;}
.cnt-us-min p{ text-align:center; font-size:18px;}
.cnt-us-min p ion-icon{ margin-right:10px; font-size:20px; color:#409527;}
.cnt-us-cnt{ display:flex; flex-wrap:wrap; grid-gap:8px;}
.cnt-us-box{ width:100%; display:flex; align-items:center; grid-gap:15px;}
.cnt-us-box i{ text-align:center; display:flex; align-items:center; justify-content:center; color:#1e337e; width:45px; height:45px; border-radius:50px; background-color:#e9ecfb;}
.cnt-us-box i ion-icon{ font-size:22px;}
.cnt-us-box span{ display:flex; justify-content:flex-start; text-align:left; width:65%; grid-gap:20px;}
.cnt-us-box span strong{ text-align:center; font-weight:300;}
.cnt-us-box span a{ color:#333; transition:0.4s; font-size:18px;}
.cnt-us-box span a:hover{ transition:0.4s; color:#09a63f;}
.cnt-us-box span a:nth-child(2){ border-left:3px solid #ddd; padding-left:15px;}

/* contact Social Links */
.cnt-us-min .social{ width:75%; display:flex; align-items:center; grid-gap:15px; margin:35px 0px 0; border-top:1px solid #e8e8e8; padding-top:25px;}
.cnt-us-min .social h3{ margin-bottom:0; font-weight:500; color:#333; font-size:18px;}
.cnt-us-min .social-icons{ display:flex; justify-content:flex-start; grid-gap:8px;}
.cnt-us-min .social-icons a{ color:#6e7b80; border-radius:50%; transition:all ease-in 0.4s; display:flex; align-items:center; justify-content:center; transition:all ease 0.4s; border:1px solid #ccc; width:35px; height:35px;}
.cnt-us-min .social-icons a img{ max-height:19px; filter:invert(0%) sepia(100%) saturate(7463%) hue-rotate(76deg) brightness(98%) contrast(108%); transition:all ease 0.4s; opacity:0.8;}
.cnt-us-min .social-icons a ion-icon{ font-size:24px; transition:all ease 0.4s;}
.cnt-us-min .social-icons a:hover ion-icon{ color:#0096db; transition:all ease 0.4s;}
.cnt-us-min .social-icons a:hover{ background-color:#f3f3f3; border:1px solid #dfd9d9;}

/* Contact Enquiry */
.cnt-eqiry-slct { width:38%; background:#fff; padding:30px 35px 40px; border-radius:20px 20px 0px 0px; position:relative; z-index:1; box-shadow:0px -15px 30px rgba(0, 0, 0, 0.15); margin-top:-100px;}
.cnt-eqiry-slct h2 { width:100%; text-align:center; font-size:35px; font-weight:200; letter-spacing:-0.25px; color:#222; margin:5px 0px 30px;}
.cnt-eqiry-slct .enq-frm { width:100%; margin-top:30px; justify-content:center; display:flex; text-align:center;}
.cnt-eqiry-slct .enq-frm .frm-slct { display:flex; width:100%; padding:0px; flex-wrap:wrap; justify-content:space-between;}
.cnt-eqiry-slct .enq-frm .frm-slct .form-group { width:100%; margin-bottom:25px; position:relative;}
.cnt-eqiry-slct .enq-frm .frm-slct .form-group:last-child {width:100%;}
.cnt-eqiry-slct .enq-frm .frm-slct .form-group ion-icon { position:absolute; left:5px; z-index:1; top:10px; font-size:20px;
color:rgba(0, 0, 0, 0.4);}
.cnt-eqiry-slct .enq-frm .frm-slct .form-group .form-control { border:0; border-radius:0px; border-bottom:1px solid rgba(0, 0, 0, 0.15); background-color:transparent; position:relative; padding-left:35px; font-size:18px;}
.cnt-eqiry-slct .enq-frm .frm-slct .form-group .form-control:focus { outline:none; box-shadow:none;}
.cnt-eqiry-slct .enq-frm .frm-slct .form-group .form-control::placeholder { font-size:16px; color:rgba(0, 0, 0, 0.5); font-weight:200; letter-spacing:-0.25px;}
.cnt-eqiry-slct .enq-frm .frm-slct .form-group .error { text-align:left; width:100%; display:flex; color:#db261c;}
.cnt-eqiry-slct .enq-frm .btn-enqhm{ text-align:center; text-transform:uppercase; font-weight:500; font-size:18px; background-color:#04a53c; padding:10px 70px; color:#fff; border-radius:50px; letter-spacing:0.50px; margin-top:5px;}
.cnt-eqiry-slct .enq-frm .btn-enqhm:hover { background-color:#1d337f;}

.map-bg{ width:100%; margin:0px; padding:70px 0px; background-color:#f3f3f3;}
.map-bg .map-bx{ width:97%; margin:0 auto; border-radius:20px; overflow:hidden;}
.map-bg .map-bx iframe{ width:100%; height:400px; display:flex; background-color:#fff;}

/* Blog Page CSS */
.blog-banner{ width:100%; position:relative; z-index:0; margin-bottom:0px;}
.blog-banner .bnr-item{ transition:transform 1.5s ease, opacity .5s ease-out; overflow:hidden; height:400px; position:relative; display:flex; text-align:center;}
.blog-banner .bnr-item .blog-sctn{ width:100%; height:100%; background-color:#fff; display:flex; justify-content:flex-end;}
.blog-banner .inr-bnr-caption { position:absolute; padding:0px; z-index:8; left:0; right:0; margin:auto; bottom:70px; width:100%; max-width:100%; padding:0px 40px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; max-width:1600px;} 
.blog-banner .inr-bnr-caption h1{ color:#fff; font-size:55px; font-weight:700; position:relative; margin:0px; text-align:center; width:100%;}
.blog-bnr { width:100%; height:100%; text-align:center; position:relative;}
.blog-bnr::before{ width:100%; height:100%; right:0; top:0; position:absolute; background-color:rgba(3, 7, 23, 0.75); content:""; z-index:1;}
.blog-bnr span{ width:100%; height:100%; display:flex;}
.blog-bnr span img{ width:100%; height:100%; object-fit:cover;}
.blog-bg{ width:100%; position:relative; background-color:transparent;}

.inr-blog-lnk{ width:100%; display:flex; align-items:center; justify-content:center; margin-top:5px;}
.inr-blog-lnk ul{ margin:0; display:flex; align-items:center; padding:0px 0px;}
.inr-blog-lnk ul li{ list-style:none; font-size:14px; color:#fff; font-weight:400;}
.inr-blog-lnk ul li i{ padding:0px 8px; font-style:normal;}
.inr-blog-lnk ul li a{ color:#fff; transition:0.4s;}
.inr-blog-lnk ul li a:hover{ color:#da261d !important; transition:0.4s;}
.inr-blog-lnk ul li a.active{ color:#da261d !important;}
.inr-blog-lnk ul li a.active:hover{ color:#da261d !important; transition:0.4s;}

/* Blog Box */
.blg-bg{ width:100%; position:relative; z-index:0;}
.blg-cnt { display:grid; grid-template-columns:repeat(3, 1fr); gap:70px 50px; width:95%; margin:0 auto; padding:80px 0px 100px; }
.blg-cnt .blg-box { display:block; transition:all ease 0.4s; border-radius:30px; box-shadow:0px 20px 20px rgba(0, 0, 0, 0.2);}
.blg-cnt .blg-box:hover{ box-shadow:none;}
.blg-cnt .blg-box a { background:#fff url(../images/no-image.png) center no-repeat; transition:all ease-in 0.4s; border-radius:30px; display:block; position:relative;}
.blg-cnt .blg-box a span { display:flex; position:relative; height:340px; overflow:hidden; border-radius:30px;}
.blg-cnt .blg-box a span img { display:flex; width:100%; object-fit:cover; transition:0.8s;}
.blg-cnt .blg-box a:hover span img{ transition:0.8s; }
.blg-cnt .blg-box a .blg-fter { margin:0; left:0; right:0; margin:0 auto; position:absolute; bottom:-25px; width:90%; background-color:rgba(218, 37, 28, 0.95); padding:15px 25px; transition:all ease 0.4s; border-radius:20px; text-align:center; min-height:95px;}

.blg-cnt .blg-box a .blg-fter small { font-size:14px; font-weight:100; color:#fff; margin-bottom:8px; text-align:center; opacity:0.9;}
.blg-cnt .blg-box a .blg-fter h2 { font-size:18px; font-weight:500; color:#fff; padding:0px; transition:all ease 0.4s; width:100%; margin:0; line-height:22px; text-align:center;} 
.blg-cnt .blg-box a:hover .blg-fter { bottom:15px; transition:all ease 0.4s;}

/* pagination product grid list */
.pgnumr{ display:flex; flex-wrap:wrap; width:96%; padding:30px 0px; align-items:center; border-top: 1px solid rgba(0,0,0,0.1); margin:25px auto 30px;}
.pgnumr em{ margin:0; font-weight:400; font-style:normal; font-size:15px; width:23%; color:#888;}
.pgnumr .pg-wrpr{ display:flex; flex-wrap:wrap; width:77%; justify-content:flex-end;}
.pgnumr .pagination{ margin:0; align-items:center;}
.pgnumr .pagination .page-item:first-child .page-link{ font-size:20px; padding-bottom:8px;}
.pgnumr .pagination .page-item:last-child .page-link{ font-size:20px; padding-bottom:8px;}
.pgnumr .pagination .page-link:focus{box-shadow:none;}
.pgnumr .pagination .page-link{ color:#555; font-weight:600; border:0; display:flex; justify-content:center; align-items:center; transition:all 0.2s; background-color:transparent; font-size:15px; border:1px solid #ddd; margin:0px 4px; border-radius:50px; height:35px; min-width:35px; padding:5px 5px;}
.pgnumr .pagination .page-link ion-icon{ font-size:18px; margin:0px 3px; padding-top:2px;}
.pgnumr .pagination .page-link span{ transition:unset}
.pgnumr .pagination .page-link.active{ background:#1d327e; color:#fff; border:1px solid #1d327e;}
.pgnumr .pagination .page-link.active:hover{background:#444; color:#fff;}

.pgnumr .pagination .page-item.active span{ background:#999; color:#fff; border:1px solid #999;}
.pgnumr .pagination .page-item.active span:hover{ background:#444; color:#fff; border:1px solid #444;}
.pgnumr .pagination .page-link:hover{ background-color:#ddd; color:#333;}
.pgnumr .pagination li.page-item:last-child .page-link{ margin-right:0;}

/* Blog Details Page CSS */
.blg-dtl-banner{ width:100%; position:relative; z-index:0; margin-bottom:0px;}
.blg-dtl-banner .bnr-item{ transition:transform 1.5s ease, opacity .5s ease-out; overflow:hidden; height:400px; position:relative; display:flex; text-align:center;}
.blg-dtl-banner .bnr-item .blg-dtl-sctn{ width:100%; height:100%; background-color:#fff; display:flex; justify-content:flex-end;}
.blg-dtl-banner .inr-bnr-caption { position:absolute; padding:0px; z-index:8; left:0; right:0; margin:auto; bottom:40px; width:100%; max-width:100%; padding:0px 40px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; max-width:1600px;} 
.blg-dtl-banner .inr-bnr-caption h1{ color:#fff; font-size:55px; font-weight:700; position:relative; margin:0px; text-align:left; width:100%;}
.blg-dtl-bnr { width:100%; height:100%; text-align:center; position:relative;}
.blg-dtl-bnr::before{ width:100%; height:100%; right:0; top:0; position:absolute; background-color:rgba(2, 7, 28, 0.75); content:""; z-index:1;}
.blg-dtl-bnr span{ width:100%; height:100%; display:flex;}
.blg-dtl-bnr span img{ width:100%; height:100%; object-fit:cover;}
.blg-dtl-bg{ width:100%; position:relative; background-color:transparent;}

.inr-blg-dtl-lnk{ width:100%; display:flex; align-items:center; justify-content:flex-start; margin-top:5px;}
.inr-blg-dtl-lnk ul{ margin:0; display:flex; align-items:center; padding:0px 0px;}
.inr-blg-dtl-lnk ul li{ list-style:none; font-size:14px; color:#fff; font-weight:400;}
.inr-blg-dtl-lnk ul li i{ padding:0px 8px; font-style:normal;}
.inr-blg-dtl-lnk ul li a{ color:#fff; transition:0.4s;}
.inr-blg-dtl-lnk ul li a:hover{ color:#da261d !important; transition:0.4s;}
.inr-blg-dtl-lnk ul li a.active{ color:#da261d !important;}
.inr-blg-dtl-lnk ul li a.active:hover{ color:#da261d !important; transition:0.4s;}

/* Blog Details Content */
.blg-dls-bg{ width:100%;}
.blg-dls{ width:100%; padding:0px 20px 70px 20px; display:flex; grid-gap:50px;}
.blg-dls .dls-lst{ width:60%; padding-top:60px;}
.dls-lst .dls-top{ width:100%; display:flex; align-items:center; grid-gap:25px; margin-bottom:45px;}
.dls-lst .dls-top .lt{ width:100px; background-color:#06a53e; padding:10px 15px; border-radius:12px; display:flex; align-items:center; justify-content:center;}
.dls-lst .dls-top .lt b{ font-size:17px; text-align:center; font-weight:300; line-height:22px; color:#fff;}
.dls-lst .dls-top .lt b i{ width:100%; font-style:normal; display:flex; justify-content:center;}
.dls-lst .dls-top .rt{ width:85%;}
.dls-lst .dls-top .rt h2{ margin:0px; font-weight:600; font-size:28px; color:#222; position:relative; display:flex; line-height:30px;}

.dls-lst .bck-link{ width:100%; margin:30px 0px 20px; border-top:1px solid #ddd; padding-top:20px;}
.dls-lst .bck-link span{ width:100%; display:flex; justify-content:flex-start;}
.dls-lst .bck-link span a{ display:flex; justify-content:flex-start; align-items:center; font-size:16px;}
.dls-lst .bck-link span a ion-icon{ font-size:16px; padding:3px 5px 0px 0px;}
.dls-lst .bck-link span a:hover{ color:#09a63f;}

.dls-lst .dls-cnt{ width:100%;}
.dls-lst .dls-cnt span{ width:100%; display:flex; overflow:hidden; justify-content:center; margin:30px 0px 40px; border-radius:20px; background-color:#f3f3f3;}
.dls-lst .dls-cnt span img{ max-width:100%;}
.dls-lst .dls-cnt h1{ font-size:36px; color:#209f56; text-align:left; font-weight:600; display:block; margin-bottom:15px;}
.dls-lst .dls-cnt h2{ font-size:28px; color:#1d337f; text-align:left; font-weight:600; display:block; margin-bottom:10px;}
.dls-lst .dls-cnt h3{ font-size:24px; color:#209f56; text-align:left; font-weight:600; display:block; margin-bottom:15px;}
.dls-lst .dls-cnt h4{ font-size:20px; color:#1d337f; text-align:left; font-weight:600; display:block; margin-bottom:10px;}
.dls-lst .dls-cnt p{ font-size:17px; font-weight:300; color:#333; text-align:left; line-height:25px; margin-bottom:15px; padding:0px;}
.dls-lst .dls-cnt ul{ padding-left:30px; margin:30px 0px;}
.dls-lst .dls-cnt ul li{ list-style:none; margin:11px 0px 11px; font-size:17px; font-weight:300; color:#444; line-height:20px; position:relative; padding-left:25px;}
.dls-lst .dls-cnt ul li::before{ width:12px; height:12px; background:url(../images/arrow.png); position:absolute; left:0; content:""; background-size:contain; top:6px;}

.rcnt-blk{ width:38%; padding:20px 20px; background-color:#f3f3f3; border-radius:20px; margin-top:-100px; position:relative;}
.rcnt-lst .titl{ width:100%;}
.rcnt-lst .titl h3{ width:100%; text-align:center; font-size:32px; font-weight:200; letter-spacing:-0.25px; color:#222; margin:10px 0px 35px;}

/* Recent Blogs */
.bg-cnt { display:grid; grid-template-columns:repeat(1, 1fr); gap:15px 0px; width:100%; margin:0 auto; padding:0px; }
.bg-cnt .bg-box { display:flex; transition:all ease 0.4s; border-radius:10px;}
.bg-cnt .bg-box:hover{ box-shadow:none;}
.bg-cnt .bg-box a { transition:all ease-in 0.4s; background-color:rgba(255,255,255,1); border-radius:10px; display:flex; position:relative;}
.bg-cnt .bg-box a span { display:flex; width:30%; position:relative; height:100%; overflow:hidden; border-radius:10px;}
.bg-cnt .bg-box a span img { display:flex; width:100%; object-fit:cover; transition:0.8s;}
.bg-cnt .bg-box a:hover span img{ transition:0.8s; }

.bg-cnt .bg-box a .bg-fter { width:70%; margin:0; margin:0 auto; padding:10px 15px; transition:all ease 0.4s; border-radius:0px 10px 10px 0px; text-align:left;}
.bg-cnt .bg-box a .bg-fter small { font-size:13px; font-weight:300; color:#666; margin-bottom:8px; text-align:left; opacity:0.9;}
.bg-cnt .bg-box a .bg-fter h2 { font-size:16px; font-weight:400; color:#333; padding:0px; transition:all ease 0.4s; width:100%; margin:0; line-height:20px; text-align:left;} 
.bg-cnt .bg-box a:hover .bg-fter { bottom:15px; transition:all ease 0.4s;}
.bg-cnt .bg-box a:hover h2{ color:#da251c;}
.bg-cnt .bg-box a:hover small{ color:#09a63f;}

/* Promotion Page CSS */
.prmo-banner{ width:100%; position:relative; z-index:0; margin-bottom:0px;}
.prmo-banner .bnr-item{ transition:transform 1.5s ease, opacity .5s ease-out; overflow:hidden; height:400px; position:relative; display:flex; text-align:center;}
.prmo-banner .bnr-item .prmo-sctn{ width:100%; height:100%; background-color:#fff; display:flex; justify-content:flex-end;}
.prmo-banner .inr-bnr-caption { position:absolute; padding:0px; z-index:8; left:0; right:0; margin:auto; bottom:70px; width:100%; max-width:100%; padding:0px 40px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; max-width:1600px;} 
.prmo-banner .inr-bnr-caption h1{ color:#fff; font-size:55px; font-weight:700; position:relative; margin:0px; text-align:center; width:100%;}
.prmo-bnr { width:100%; height:100%; text-align:center; position:relative;}
.prmo-bnr::before{ width:100%; height:100%; right:0; top:0; position:absolute; background-color:rgba(2, 7, 28, 0.75); content:""; z-index:1;}
.prmo-bnr span{ width:100%; height:100%; display:flex;}
.prmo-bnr span img{ width:100%; height:100%; object-fit:cover;}
.prmo-bg{ width:100%; position:relative; background-color:transparent;}

.inr-prmo-lnk{ width:100%; display:flex; align-items:center; justify-content:center; margin-top:5px;}
.inr-prmo-lnk ul{ margin:0; display:flex; align-items:center; padding:0px 0px;}
.inr-prmo-lnk ul li{ list-style:none; font-size:14px; color:#fff; font-weight:400;}
.inr-prmo-lnk ul li i{ padding:0px 8px; font-style:normal;}
.inr-prmo-lnk ul li a{ color:#fff; transition:0.4s;}
.inr-prmo-lnk ul li a:hover{ color:#da261d !important; transition:0.4s;}
.inr-prmo-lnk ul li a.active{ color:#da261d !important;}
.inr-prmo-lnk ul li a.active:hover{ color:#da261d !important; transition:0.4s;}

/* Promotion Box */
.prmtn-bg{ width:100%; position:relative; z-index:0;}
.prmtn-cnt { display:grid; grid-template-columns:repeat(3, 1fr); gap:70px 50px; width:95%; margin:0 auto; padding:80px 0px 120px; }
.prmtn-cnt .prmtn-box { display:block; transition:all ease 0.4s; border-radius:30px; box-shadow:0px 20px 20px rgba(0, 0, 0, 0.2);}
.prmtn-cnt .prmtn-box:hover{ box-shadow:none;}
.prmtn-cnt .prmtn-box a { background:#fff url(../images/no-image.png) center no-repeat; transition:all ease-in 0.4s; border-radius:30px; display:block; position:relative;}
.prmtn-cnt .prmtn-box a span { display:flex; position:relative; height:340px; overflow:hidden; border-radius:30px;}
.prmtn-cnt .prmtn-box a span img { display:flex; width:100%; object-fit:cover; transition:0.8s;}
.prmtn-cnt .prmtn-box a:hover span img{ transition:0.8s; }
.prmtn-cnt .prmtn-box a .prmtn-fter { margin:0; left:0; right:0; margin:0 auto; position:absolute; bottom:-25px; width:90%; background-color:rgba(218, 37, 28, 0.95); padding:15px 25px; transition:all ease 0.4s; border-radius:20px; text-align:center;}

.prmtn-cnt .prmtn-box a .prmtn-fter small { font-size:14px; font-weight:100; color:#fff; margin-bottom:8px; text-align:center; opacity:0.9;}
.prmtn-cnt .prmtn-box a .prmtn-fter h2 { font-size:18px; font-weight:500; color:#fff; padding:0px; transition:all ease 0.4s; width:100%; margin:0; line-height:22px; text-align:center;} 
.prmtn-cnt .prmtn-box a:hover .prmtn-fter { bottom:15px; transition:all ease 0.4s;}

/* Accessories Page CSS */
.acs-banner{ width:100%; position:relative; z-index:0; margin-bottom:0px;}
.acs-banner .bnr-item{ transition:transform 1.5s ease, opacity .5s ease-out; overflow:hidden; height:400px; position:relative; display:flex; text-align:center;}
.acs-banner .bnr-item .acs-sctn{ width:100%; height:100%; background-color:#fff; display:flex; justify-content:flex-end;}
.acs-banner .inr-bnr-caption { position:absolute; padding:0px; z-index:8; left:0; right:0; margin:auto; bottom:60px; width:100%; max-width:100%; padding:0px 40px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; max-width:1600px;} 
.acs-banner .inr-bnr-caption h1{ color:#fff; font-size:50px; font-weight:600; position:relative; margin:0px; text-align:center; width:100%;}
.acs-bnr { width:100%; height:100%; text-align:center; position:relative;}
.acs-bnr::before{ width:100%; height:100%; right:0; top:0; position:absolute; background-color:rgba(2, 7, 28, 0.75); content:""; z-index:1;}
.acs-bnr span{ width:100%; height:100%; display:flex;}
.acs-bnr span img{ width:100%; height:100%; object-fit:cover;}
.acs-bg{ width:100%; position:relative; background-color:transparent;}

.inr-acs-lnk{ width:100%; display:flex; align-items:center; justify-content:center; margin-top:5px;}
.inr-acs-lnk ul{ margin:0; display:flex; align-items:center; padding:0px 0px;}
.inr-acs-lnk ul li{ list-style:none; font-size:14px; color:#fff; font-weight:400;}
.inr-acs-lnk ul li i{ padding:0px 8px; font-style:normal;}
.inr-acs-lnk ul li a{ color:#fff; transition:0.4s;}
.inr-acs-lnk ul li a:hover{ color:#da261d !important; transition:0.4s;}
.inr-acs-lnk ul li a.active{ color:#da261d !important;}
.inr-acs-lnk ul li a.active:hover{ color:#da261d !important; transition:0.4s;}

/* Accessories Page Content */
.acs-cntbox-sctn { position:relative; width:100%; padding:0px; margin:0px;}
.acs-cnt{ width:100%; display:grid; grid-gap:30px; grid-template-columns:repeat(4,1fr);}
.acs-cnt .bx{ width:100%; box-shadow:0px 5px 25px rgba(0, 0, 0, 0.1); border:1px solid #eee; padding:15px 15px 30px; border-radius:30px; transition:all ease 0.4s; position:relative;}
.acs-cnt .bx a{ display:flex; flex-wrap:wrap; justify-content:center;}
.acs-cnt .bx a span{ display:flex; margin:15px auto; align-items:center; justify-content:center; width:100%; height:250px;}
.acs-cnt .bx a span img{ max-width:100%; max-height:220px;}
.acs-cnt .bx a h3{ text-align:center; font-size:25px; transition:all ease 0.4s; position:absolute; bottom:-20px; width:85%; left:0; background-color:#d9241b; right:0; margin:0 auto; color:#fff; padding:10px; border-radius:30px;}
.acs-cnt .bx:hover{ box-shadow:none; transition:all ease 0.4s;}
.acs-cnt .bx:hover h3{ background-color:#1d337f; transition:all ease 0.4s;}
.acs-cntbox-main{ width:100%; background-color:#fff; padding:100px 0px;}

/* Product details page */
.aces-bg{ padding:100px 0px 50px; position:relative; z-index:0;}
.aces-bg::before{ position:absolute; width:37%; height:100%; background-color:#eee; top:0; left:0; content:""; z-index:-1;}
.aces-viw{ padding:0; background-color:transparent;}
.aces-dls{ width:100%; display:flex; align-items:flex-start; justify-content:space-between; grid-gap:65px;}
.aces-phto{ width:30%; background-color:#eee;}
.aces-cont{ width:62%; padding-top:20px;}
.aces-cont .titl{ width:100%; margin-bottom:25px; position:relative;}
.aces-cont .titl span{ position:absolute; right:0; bottom:5px;}
.aces-cont .titl span a{ font-size:16px; color:#333; font-weight:300; display:flex; align-items:center; text-decoration:underline;}
.aces-cont .titl span a ion-icon{ font-size:16px; padding-right:3px; padding-top:3px;}
.aces-cont .titl span a:hover{ color:#da261d;}
.aces-cont .titl h2{ margin-bottom:0; font-weight:800; color:#1d337f; font-size:45px;}
.aces-cont .titl ul{ margin:5px 0px 0px; display:flex; justify-content:flex-start; align-items:center; padding:0px 0px;}
.aces-cont .titl ul li{ list-style:none; font-size:14px; color:#333; font-weight:400;}
.aces-cont .titl ul li i{ padding:0px 8px; font-style:normal;}
.aces-cont .titl ul li a{ color:#333; transition:0.4s;}
.aces-cont .titl ul li a:hover{ color:#da261d !important; transition:0.4s;}
.aces-cont .titl ul li a.active{ color:#da261d !important;}
.aces-cont .titl ul li a.active:hover{ color:#da261d !important; transition:0.4s;}

.aces-sctn .exzoom .exzoom_img_ul_outer{ border:none;}
.aces-cont .cont-bx{ width:100%;}
.aces-cont .cont-bx p{ width:100%; font-size:18px; text-align:left; line-height:26px; color:#333; font-weight:300; margin-bottom:20px;}
.aces-cont .cont-bx ul{ margin:0; padding-left:30px;}
.aces-cont .cont-bx ul li{ list-style:none; position:relative; display:flex; align-items:center; padding-left:35px; font-size:16px; font-weight:400; line-height:22px; color:#333; margin-bottom:10px;}
.aces-cont .cont-bx ul li::before{ position:absolute; content:"\e87a"; font-family:'Linearicons-Free'; font-size:15px; color:#bbb; left:0; font-weight:500; top:3px;}

/* Models Share */
.aces-cont .scl-bx{ display:flex; align-items:center; justify-content:space-between; width:100%; border-top:1px solid #e8e8e8; padding-top:20px; margin-top:30px;}
.aces-cont .social{ width:50%; display:flex; align-items:center; grid-gap:15px;}
.aces-cont .social h3{ margin-bottom:0; font-weight:500; color:#333; font-size:18px;}
.aces-cont .social-icons{ display:flex; justify-content:flex-start; grid-gap:8px;}
.aces-cont .social-icons a{ color:#6e7b80; border-radius:50%; transition:all ease-in 0.4s; display:flex; align-items:center; justify-content:center; transition:all ease 0.4s; border:1px solid #ccc; width:35px; height:35px;}
.aces-cont .social-icons a img{ max-height:20px; filter:invert(0%) sepia(100%) saturate(7463%) hue-rotate(76deg) brightness(98%) contrast(108%); transition:all ease 0.4s; opacity:0.8;}
.aces-cont .social-icons a ion-icon{ font-size:24px; transition:all ease 0.4s;}
.aces-cont .social-icons a:hover ion-icon{ color:#0096db; transition:all ease 0.4s;}
.aces-cont .social-icons a:hover{ background-color:#f3f3f3; border:1px solid #dfd9d9;}

.aces-cont .dwd{ width:50%; display:flex; justify-content:flex-end;}
.aces-cont .dwd a{ background-color:#da251c; border-radius:50px; padding:5px 10px; font-weight:400; font-size:18px; display:flex; align-items:center; justify-content:center; min-width:150px; grid-gap:5px; color:#fff;}
.aces-cont .dwd a img{ max-height:18px; width:auto; filter:invert(100%) sepia(0%) saturate(7493%) hue-rotate(267deg) brightness(93%) contrast(109%); transition:all ease 0.4s;}
.aces-cont .dwd a:hover{ background-color:#1d337f;}

/* Spares Page CSS */
.sprs-banner{ width:100%; position:relative; z-index:0; margin-bottom:0px;}
.sprs-banner .bnr-item{ transition:transform 1.5s ease, opacity .5s ease-out; overflow:hidden; height:400px; position:relative; display:flex; text-align:center;}
.sprs-banner .bnr-item .sprs-sctn{ width:100%; height:100%; background-color:#fff; display:flex; justify-content:flex-end;}
.sprs-banner .inr-bnr-caption { position:absolute; padding:0px; z-index:8; left:0; right:0; margin:auto; bottom:60px; width:100%; max-width:100%; padding:0px 40px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; max-width:1600px;} 
.sprs-banner .inr-bnr-caption h1{ color:#fff; font-size:50px; font-weight:600; position:relative; margin:0px; text-align:center; width:100%;}
.sprs-bnr { width:100%; height:100%; text-align:center; position:relative;}
.sprs-bnr::before{ width:100%; height:100%; right:0; top:0; position:absolute; background-color:rgba(2, 7, 28, 0.7); content:""; z-index:1;}
.sprs-bnr span{ width:100%; height:100%; display:flex;}
.sprs-bnr span img{ width:100%; height:100%; object-fit:cover;}
.sprs-bg{ width:100%; position:relative; background-color:transparent;}

.inr-sprs-lnk{ width:100%; display:flex; align-items:center; justify-content:center; margin-top:5px;}
.inr-sprs-lnk ul{ margin:0; display:flex; align-items:center; padding:0px 0px;}
.inr-sprs-lnk ul li{ list-style:none; font-size:14px; color:#fff; font-weight:400;}
.inr-sprs-lnk ul li i{ padding:0px 8px; font-style:normal;}
.inr-sprs-lnk ul li a{ color:#fff; transition:0.4s;}
.inr-sprs-lnk ul li a:hover{ color:#da261d !important; transition:0.4s;}
.inr-sprs-lnk ul li a.active{ color:#da261d !important;}
.inr-sprs-lnk ul li a.active:hover{ color:#da261d !important; transition:0.4s;}

/* Spares Page Content */
.sprs-cntbox-sctn { position:relative; width:100%; padding:0px; margin:0px;}
.sprs-cntbox-main{ width:90%; background-color:#fff; padding:60px 0px; margin:0 auto;}

.sprs-cnt{ width:100%; display:grid; grid-gap:30px; grid-template-columns:repeat(1,1fr);}
.sprs-cnt .bx{ width:100%; box-shadow:0px 5px 25px rgba(0, 0, 0, 0.1); border:1px solid #eee; padding:10px 20px; border-radius:20px; transition:all ease 0.4s; position:relative; display:flex; align-items:center; grid-gap:30px; justify-content:space-between;}
.sprs-cnt .bx:hover{ box-shadow:none;}
.sprs-cnt .bx .lft{ width:17%; display:flex; flex-wrap:wrap; justify-content:center; border-right:1px solid #eee; padding-right:15px;}
.sprs-cnt .bx .lft span{ display:flex; margin:0 auto; align-items:center; justify-content:center; width:100%; min-height:140px;}
.sprs-cnt .bx .lft span img{ max-width:100%; max-height:150px;}
.sprs-cnt .bx .cnt{ width:66%;}
.sprs-cnt .bx .cnt h3{ margin-bottom:10px; font-weight:800; color:#1d337f; font-size:30px;}
.sprs-cnt .bx .cnt p{ width:100%; font-size:18px; text-align:left; line-height:25px; color:#333; font-weight:300; margin-bottom:20px;}

.sprs-cnt .bx .btm{ width:18%; margin-top:25px; background-color:#1e3480; border-radius:15px; padding:10px 10px; position:relative;}
.sprs-cnt .bx .btm em{ display:flex; align-items:center; justify-content:center; color:#fff; font-style:normal; text-align:center;}
.sprs-cnt .bx .btm h3{ text-align:center; font-size:20px; transition:all ease 0.4s; margin-bottom:1px; color:#fff;}
.sprs-cnt .bx .btm small{ text-align:center; display:flex; align-items:center; justify-content:center; font-size:28px; color:#f0291f; font-weight:700;}
.sprs-cnt .bx .btm small i{ font-style:normal; padding-right:5px; font-size:28px; font-weight:200;}
.sprs-cnt .bx .btm b{ position:absolute; width:75%; left:0; right:0; margin:0 auto; display:flex; align-items:center; justify-content:center; top:-29px; background-color:#dcf7e5; color:#059536; padding:4px 10px; font-weight:400; font-size:14px; letter-spacing:0.2px; text-transform:uppercase; border-radius:10px 10px 0px 0px; text-align:center;}
.sprs-cnt .bx .btm b.un-avbl{ background-color:#ffe5e4; color:#f0291f;}

/* Spares Details Page CSS */
.sprs-dtl-banner{ width:100%; position:relative; z-index:0; margin-bottom:0px;}
.sprs-dtl-banner .bnr-item{ transition:transform 1.5s ease, opacity .5s ease-out; overflow:hidden; height:140px; position:relative; display:flex; text-align:center;}
.sprs-dtl-banner .bnr-item .sprs-dtl-sctn{ width:100%; height:100%; background-color:#fff; display:flex; justify-content:flex-end;}
.sprs-dtl-banner .inr-bnr-caption { position:absolute; padding:0px; z-index:8; left:0; right:0; margin:auto; bottom:60px; width:100%; max-width:100%; padding:0px 40px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; max-width:1600px;} 
.sprs-dtl-banner .inr-bnr-caption h1{ color:#fff; font-size:50px; font-weight:600; position:relative; margin:0px; text-align:center; width:100%;}
.sprs-dtl-bnr { width:100%; height:100%; text-align:center; position:relative;}
.sprs-dtl-bnr::before{ width:100%; height:100%; right:0; top:0; position:absolute; background-color:rgba(0, 0, 0, 0.75); content:""; z-index:1;}
.sprs-dtl-bnr span{ width:100%; height:100%; display:flex;}
.sprs-dtl-bnr span img{ width:100%; height:100%; object-fit:cover;}

/* Spares details page */
.sprs-bg{ padding:100px 0px 80px; position:relative; z-index:0;}
.sprs-viw{ padding:0; background-color:transparent;}
.sprs-dls{ width:100%; display:flex; align-items:flex-start; justify-content:space-between; grid-gap:65px;}
.sprs-phto{ width:30%;}
.sprs-cont{ width:65%; padding-top:5px;}

.sprs-cont .titl{ width:100%; margin-bottom:25px; position:relative;}
.sprs-cont .titl span{ position:absolute; right:0; bottom:5px;}
.sprs-cont .titl span a{ font-size:16px; color:#333; font-weight:300; display:flex; align-items:center; text-decoration:underline;}
.sprs-cont .titl span a ion-icon{ font-size:16px; padding-right:3px; padding-top:3px;}
.sprs-cont .titl span a:hover{ color:#da261d;}
.sprs-cont .titl h2{ margin-bottom:0; font-weight:800; color:#1d337f; font-size:45px;}
.sprs-cont .titl ul{ margin:5px 0px 0px; display:flex; justify-content:flex-start; align-items:center; padding:0px 0px;}
.sprs-cont .titl ul li{ list-style:none; font-size:14px; color:#333; font-weight:400;}
.sprs-cont .titl ul li i{ padding:0px 8px; font-style:normal;}
.sprs-cont .titl ul li a{ color:#333; transition:0.4s;}
.sprs-cont .titl ul li a:hover{ color:#da261d !important; transition:0.4s;}
.sprs-cont .titl ul li a.active{ color:#da261d !important;}
.sprs-cont .titl ul li a.active:hover{ color:#da261d !important; transition:0.4s;}

.sprs-sctn .exzoom .exzoom_btn a.exzoom_prev_btn{ left:0;}
.sprs-sctn .exzoom .exzoom_btn a.exzoom_next_btn{ right:0;}

.sprs-cnt-box .sdetail{ width:100%;}
.sprs-cnt-box .sdetail h1{ margin-bottom:0; font-weight:800; color:#1d337f; font-size:45px;}
.sdetail .dtl-main{ width:100%; display:flex; margin-top:30px;}
.sdetail .dtl-main .det-lst{ margin:0px; width:100%;}
.sdetail .dtl-main .det-lst > ul{ margin:0; list-style:none; border:1px solid #f2f2f2; background-color:#f2f2f2; border-radius:15px; padding:5px 0px;}
.sdetail .dtl-main .det-lst > ul li{ padding:10px 0; margin:0; list-style:none; border-bottom:1px solid #fff; display:flex;}
.sdetail .dtl-main .det-lst > ul li:last-child{ border-bottom:0 none;}
.sdetail .dtl-main .det-lst > ul li span{ width:30%; text-align:right; padding-right:20px; border-right:1px solid #fff; color:#666; font-weight:300; font-size:17px;}
.sdetail .dtl-main .det-lst > ul li b{ width:70%; padding:0px 20px; font-size:17px; font-weight:500; color:#333;}
.sdetail .dtl-main .det-lst > ul li b i{ font-weight:300; font-style:normal; margin-right:3px; font-size:15px;}
.sdetail .dtl-main .det-lst > ul li b.actv{ color:#098e04; font-weight:600;}
.sdetail .dtl-main .det-lst > ul li b.prce{ color:#ff2c2c; font-weight:600;}
.sdetail .dtl-main .det-lst > ul li b.lnkcstmr{ color:#5e1288; font-weight:600;}
.sdetail .dtl-main .det-lst > ul li b.lnkcstmr a{ color:#6a1d95; font-weight:600;}
.sdetail .dtl-main .det-lst > ul li b.lnkcstmr a:hover{ color:#531078;}
.sdetail .dtl-main .det-lst > ul li b .rmk{ width:100%;}
.sdetail .dtl-main .det-lst > ul li b .rmk p{ margin:0; font-size:14px; font-weight:300;}

/* Extra large devices (large desktops, 1368px and up) */
@media (max-width:1366px) { 
.mdl-cntbox-rht{ min-height:450px;}
.blg-cnt .blg-box a span { height:280px;}
.prmtn-cnt .prmtn-box a span { height:270px;}
.mdl-cnt .bx a h3{ font-size:20px;}
.acs-cnt .bx a h3{ font-size:20px;}
.aces-bg::before{ width:35%;}
.sprs-cnt .bx a h3{ font-size:20px;}
.sprs-bg::before{ width:35%;}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width:1200px) {
.acs-cntbox-main{ padding:60px 0px;}
.dlrs-lst{ width:100%; padding:20px; grid-gap:30px;}
.mdl-cntbox-main{ padding:70px 0px;}
.sprs-cntbox-main{ width:100%; padding:40px 0px;}

.svs-main{ grid-gap:30px;}
.svs-main .svs-lft .top h3{ font-size:32px; line-height:38px;}
.svs-main .svs-lft .top small{ font-size:24px;}
.svs-main .svs-lft .btm a{ font-size:28px;}
.svs-main .svs-lft .btm span img{ max-height:50px;}
}

/* iPads (portrait and landscape)  @media only screen and (min-device-width :970px) and (max-device-width :1024px) */
@media (max-width:1024px) {
.abts-banner .bnr-item{ height:350px;}
.abts-banner .inr-bnr-caption h1{ font-size:45px;}

.abtwel-bg{ padding:50px 0 20px;}
.abtwel-main{ width:100%;}
.abtwel-lft .abtwel-vdo span img{ max-height:200px;}
.abtwel-lft .abtwel-vdo span{ width:280px; height:280px;}
.abtwel-main .abtwel-rht .tit h2{ font-size:40px;}
.abtwel-main .abtwel-rht .cnt p{ font-size:17px;}

.tstml-main .tit h2{ font-size:45px;}
.tstml-main .tit p{ font-size:20px;}
.tstml-bg{ padding:60px 0px 70px;}
.tstml-lst{ flex-wrap:wrap;}
.tstml-lst .bx{ width:45%;}
.tstml-lst .bx p{ font-size:17px; line-height:23px;}
.tstml-lst .bx .btm h3{ font-size:18px;}

.awrd-bg{ padding:50px 0px 70px;}
.awrd-main .tit h2{ font-size:45px;}
.awrd-main .tit{ margin-bottom:45px;}

.acs-banner .bnr-item{ height:350px;}
.acs-banner .inr-bnr-caption h1{ font-size:45px;}
.acs-cnt{ grid-template-columns:repeat(3,1fr); grid-gap:50px 30px;}
.acs-cnt .bx a h3{ font-size:18px;}
.acs-cnt .bx a span{ height:220px;}

.aces-bg{ padding:90px 0px 60px;}
.mdl-dtl-banner .bnr-item{ height:100px;}
.aces-cont .titl h2{ font-size:35px;}
.aces-cont .cont-bx p{ font-size:17px; line-height:25px; text-align:justify;}
.aces-cont .scl-bx{ flex-wrap:wrap;}
.aces-cont .social{ width:100%;}
.aces-cont .dwd{ width:100%; justify-content:flex-start; margin-top:15px;}

.blg-cnt{ padding:50px 0px 80px;}
.blog-banner .bnr-item{ height:350px;}
.blog-banner .inr-bnr-caption h1{ font-size:45px;}
.blg-cnt{ width:100%; grid-gap:60px 40px; grid-template-columns:repeat(2,1fr);}
.blg-cnt .blg-box a span{ height:340px;}

.blg-dtl-banner .bnr-item{ height:350px;}
.blg-dtl-banner .inr-bnr-caption h1{ font-size:45px;}
.blg-dtl-banner .inr-bnr-caption{ padding:0px 30px;}

.blg-dls{ padding:0px 0px 50px 0px; grid-gap:30px;}
.dls-lst .dls-top .rt h2{ font-size:25px;}
.dls-lst .dls-top .lt{ padding:10px;}
.dls-lst .dls-top .lt b{ font-size:16px;}
.dls-lst .dls-cnt p{ font-size:17px;}

.cntct-banner .bnr-item{ height:350px;}
.cntct-banner .inr-bnr-caption h1{ font-size:45px;}
.cntct-banner .inr-bnr-caption{ padding:0px 25px;}
.contct-bx{ padding:0;}
.cnt-us-min{ padding:50px 0px 0px;}
.cnt-us-min h2{ font-size:32px;}

.cnt-eqiry-slct{ padding:20px 25px 45px;}
.cnt-eqiry-slct h2{ font-size:30px;}
.cnt-eqiry-slct .enq-frm .btn-enqhm{ margin-top:15px;}
.cnt-us-min::before{ width:200px; height:280px;}
.map-bg .map-bx{ width:100%;}
.map-bg{ padding:40px 0px;}

.dlrs-banner .bnr-item{ height:350px;}
.dlrs-banner .inr-bnr-caption h1{ font-size:45px;}
.dlrs-lst{ padding:20px 0px; margin-bottom:0;}

.mdl-banner .bnr-item{ height:350px;}
.mdl-banner .inr-bnr-caption h1{ font-size:45px;}
.mdl-cntbox-main{ padding:50px 0px 80px;}
.mdl-cnt{ grid-template-columns:repeat(2,1fr); grid-gap:55px 30px;}

.sprs-banner .bnr-item{ height:350px;}
.sprs-banner .inr-bnr-caption h1{ font-size:45px;}
.sprs-cnt .bx .cnt h3{ font-size:26px; margin-bottom:5px;}
.sprs-cnt .bx .cnt p{ font-size:17px;}

.login{ padding:50px 0px 60px;}
.loan-banner .bnr-item{ height:90px;}
.login .login-box{ width:60%;}

.glry-banner .bnr-item{ height:350px;}
.glry-banner .inr-bnr-caption{ bottom:70px;}
.glry-banner .inr-bnr-caption h1{ font-size:45px;}
.gallery-box{ padding:50px 0px;}
.glry-lst{ grid-gap:25px;}

.prmo-banner .bnr-item{ height:350px;}
.prmo-banner .inr-bnr-caption h1{ font-size:45px;}
.prmtn-cnt{ width:100%; grid-gap:60px 30px; grid-template-columns:repeat(2,1fr);}
.prmtn-cnt .prmtn-box a span{ height:340px;}

.prod-dls{ padding:30px 0px; grid-gap:45px;}
.prd-cont .titl h2{ font-size:38px;}
.prd-cont .titl span{ top:-20px;}
.prd-cont .cont-bx p{ font-size:17px;}
.prdt-cnt{ flex-wrap:wrap;}
.prdt-cnt .dtls{ width:100%; justify-content:center;}
.prdt-cnt .dwd{ width:100%; justify-content:center;}

.relatve-lst{ width:100%;}

.srvs-banner .bnr-item{ height:350px;}
.srvs-banner .inr-bnr-caption{ bottom:50px;}
.srvs-banner .inr-bnr-caption h1{ font-size:45px; text-align:center;}
.inr-srvs-lnk{ justify-content:center;}
.svs-main{ flex-wrap:wrap; flex-direction: column-reverse;}
.svs-main .svs-lft{ width:100%; margin-top:25px;}
.svs-main .svs-rht{ width:100%;}

}

/* Medium devices (tablets, less than 992px) */
@media (max-width:992px) {
.abts-banner .bnr-item{ height:320px;}
.abts-banner .inr-bnr-caption h1{ font-size:40px;}

.abtwel-main{ flex-wrap:wrap; grid-gap:30px; padding-bottom:0;}
.abtwel-main .abtwel-lft{ width:100%;}
.abtwel-main .abtwel-lft::after{ top:-50px; height:65%; border-radius:0px 0px 30px 30px;}
.abtwel-main .abtwel-rht{ width:100%; padding-top:0;}
.abtwel-main .abtwel-rht .tit h2{ text-align:center; font-size:38px; justify-content:center;}
.abtwel-main .abtwel-rht .cnt p{ text-align:justify;}
.abtwel-main .abtwel-rht .tit h3{ padding-left:0; justify-content:center;}
.abtwel-main .abtwel-rht .tit h3::before{ background-color:transparent;}

.tstml-main .tit h2{ font-size:40px;}
.tstml-main .tit p{ font-size:18px;}
.tstml-main .tit{ margin-bottom:60px;}
.tstml-bg{ padding:40px 0px 40px;}
.tstml-lst .bx p{ font-size:16px; line-height:22px;}

.awrd-bg{ padding:40px 0px 60px;}
.awrd-main .tit h2{ font-size:40px;}
.awrd-main .tit{ margin-bottom:45px;}
.awrd-lst{ flex-wrap:wrap;}
.awrd-lst .bx{ width:45%;}

.acs-banner .bnr-item{ height:320px;}
.acs-banner .inr-bnr-caption h1{ font-size:40px;}
.acs-cnt{ grid-template-columns:repeat(2,1fr);}

.aces-dls{ flex-wrap:wrap; grid-gap:50px;}
.aces-phto{ width:60%; margin:0 auto; background-color:transparent;}
.aces-bg::before{ height:200px; width:100%;}
.exzoom .exzoom_preview{ display:none !important;}
.exzoom .exzoom_img_box span{ display:none !important;}
.aces-cont{ width:100%; padding:0;}

.blog-banner .bnr-item{ height:320px;}
.blog-banner .inr-bnr-caption h1{ font-size:40px;}
.blg-cnt .blg-box a span{ height:270px;}
.blg-cnt .blg-box a .blg-fter h2{ font-size:17px; line-height:20px;}

.blg-dtl-banner .bnr-item{ height:320px;}
.blg-dtl-banner .inr-bnr-caption{ bottom:60px;}
.blg-dtl-banner .inr-bnr-caption h1{ font-size:40px; text-align:center;}

.inr-blg-dtl-lnk{ justify-content:center;}
.blg-dls .dls-lst{ padding-top:40px; width:100%;}
.dls-lst .dls-top{ margin-bottom:35px;}
.blg-dls{ flex-wrap:wrap; grid-gap:10px;}
.rcnt-blk{ width:100%; margin:0;}
.bg-cnt .bg-box a span{ width:25%;}
.bg-cnt .bg-box a .bg-fter{ width:78%;}
.bg-cnt .bg-box a .bg-fter h2{ font-size:18px;}

.cntct-banner .bnr-item{ height:320px;}
.cntct-banner .inr-bnr-caption h1{ font-size:40px; text-align:center;}
.cntct-banner .inr-bnr-caption{ padding:0px 20px;}
.inr-cntct-lnk{ justify-content:center;}

.contct-bx{ flex-wrap:wrap;}
.cnt-us-min{ width:100%; margin-bottom:40px;}
.cnt-eqiry-slct{ width:100%; margin:0;}
.cnt-us-min::before{ display:none;}
.cnt-us-box span{ width:88%;}
.cnt-us-cnt{ grid-gap:2px;}
.cnt-us-min .social{ width:100%; flex-wrap:wrap;}
.cnt-us-min .social h3{ font-size:16px;}
.cnt-us-min .social-icons a{ width:32px; height:32px;}
.cnt-us-min .social-icons a img{ max-height:18px;}

.dlrs-banner .bnr-item{ height:320px;}
.dlrs-banner .inr-bnr-caption h1{ font-size:40px;}
.dlrs-lst{ margin-top:20px;}
.dlrs-lst .dlr-bx{ margin-bottom:0;}
.dlr-bx .lft{ padding:20px 20px 15px;}
.dlr-bx .lft ul li b{ font-size:16px;}

.mdl-banner .bnr-item{ height:320px;}
.mdl-banner .inr-bnr-caption h1{ font-size:40px;}
.mdl-cntbox-main{ padding:40px 0px 80px;}
.mdl-cnt .bx a h3{ font-size:18px;}

.sprs-cntbox-main{ padding:30px 0px;}
.sprs-cnt{ grid-gap:20px;}
.sprs-banner .bnr-item{ height:320px;}
.sprs-banner .inr-bnr-caption h1{ font-size:40px;}
.sprs-cnt{ grid-gap:10px;}
.sprs-cnt .bx .cnt{ width:55%;}
.sprs-cnt .bx .cnt h3{ font-size:24px;}
.sprs-cnt .bx .cnt p{ font-size:16px; line-height:22px;}
.sprs-cnt .bx .lft{ border-right:none; padding-right:0;}
.sprs-cnt .bx .btm{ width:22%;}
.sprs-cnt .bx .btm em{ font-size:15px;}
.sprs-cnt .bx .btm small{ font-size:24px;}
.sprs-cnt .bx .btm b{ font-size:13px;}

.login .login-box{ width:80%;}
.glry-banner .bnr-item{ height:320px;}
.glry-banner .inr-bnr-caption{ bottom:60px;}
.glry-banner .inr-bnr-caption h1{ font-size:40px;}
.gallery-box{ padding:30px 0px;}
.glry-lst{ grid-template-columns:repeat(2,1fr);}

.prmo-banner .bnr-item{ height:320px;}
.prmo-banner .inr-bnr-caption{ bottom:60px;}
.prmo-banner .inr-bnr-caption h1{ font-size:40px;}
.prmtn-cnt{ width:100%; grid-gap:60px 30px; padding:40px 0px 80px;}
.prmtn-cnt .prmtn-box a span{ height:250px;}

.prod-dls{ flex-wrap:wrap; padding:15px 0px 0;}
.prod-phto{ width:60%; margin:0 auto;}
.prd-cont{ width:100%; margin-top:10px;}
.prdt-fets{ margin-bottom:30px;}
.prdt-cnt{ border-radius:20px;}
.prdt-spcy .det-lst{ margin-bottom:30px;}
.prdt-spcy .det-lst .titl h3{ text-align:center;}
.prdt-spcy .det-lst ul li{ padding:8px 0;}
.prdt-spcy .det-lst ul li span{ font-size:17px;}
.prdt-spcy .det-lst ul li b{ font-size:17px;}
.mdl-eqiry-slct{ width:100%; margin:30px auto; padding:30px 35px 45px;}
.mdl-eqiry-slct h2{ margin:0px 0px 30px; font-size:30px;}
.mdl-eqiry-slct .enq-frm .btn-enqhm{ margin-top:15px;}
.relatve-mdl .tit h4{ font-size:35px; margin-bottom:0;}
.relatve-lst{ grid-template-columns:repeat(2,1fr); grid-gap:20px; padding:40px 0px;}

.svs-main{ grid-gap:20px;}
.srvs-banner .bnr-item{ height:320px;}
.srvs-banner .inr-bnr-caption{ bottom:60px;}
.srvs-banner .inr-bnr-caption h1{ font-size:40px;}
.svs-main .svs-lft{ padding:30px 0px 0px;}
.svs-main .svs-lft .top{ padding:10px 25px;}
.svs-main .svs-lft .top span{ margin-bottom:15px;}
.svs-main .svs-lft .top span img{ max-height:85px;}
.svs-main .svs-lft .top h3{ font-size:30px;}
.svs-main .svs-lft .btm{ position:relative;}

.pgnumr{ flex-wrap:wrap; width:100%;}
.pgnumr em{ width:100%; text-align:center; margin-bottom:5px;}
.pgnumr .pg-wrpr{ width:100%; justify-content:center; flex-wrap:wrap;}
.pgnumr .pagination{ flex-wrap:wrap; justify-content:center;}
.pgnumr .pagination .page-link{ margin:0px 2px;}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width:768px) {

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width:576px) {
.abts-banner .bnr-item{ height:280px;}
.abts-banner .inr-bnr-caption{ bottom:50px;}
.abts-banner .inr-bnr-caption h1{ font-size:35px;}

.abtwel-main .abtwel-rht .tit h3{ font-size:22px; margin-bottom:10px;}
.abtwel-main .abtwel-rht .tit h2{ font-size:30px; line-height:32px;}
.abtwel-main .abtwel-rht .cnt p{ line-height:22px;}

.tstml-main .tit{ margin-bottom:40px;}
.tstml-main .tit h2{ font-size:30px;}
.tstml-main .tit p{ line-height:20px;}
.tstml-lst .bx{ width:100%; padding:40px 20px 100px;}
.tstml-lst .bx::before{ width:30px; height:30px; top:-10px;}
.tstml-lst .bx p{ text-align:justify;}
.tstml-lst .bx .btm{ padding:20px 20px;}
.tstml-lst .bx .btm span{ width:45px; height:45px;}
.tstml-lst .bx .btm span img{ max-height:20px;}

.awrd-main .tit h2{ font-size:35px;}
.awrd-lst{ grid-gap:20px;}
.awrd-lst .bx{ width:100%;}
.awrd-main .tit{ margin-bottom:35px;}
.awrd-bg{ padding:30px 0px 40px;}

.acs-cntbox-main{ padding:30px 0px 60px;}
.acs-banner .bnr-item{ height:280px;}
.acs-banner .inr-bnr-caption{ bottom:50px;}
.acs-banner .inr-bnr-caption h1{ font-size:35px;}
.acs-cnt{ grid-template-columns:repeat(1,1fr);}

.mdl-dtl-banner .bnr-item{ height:60px;}
.aces-phto{ width:100%;}
.aces-cont .titl h2{ font-size:30px;}
.aces-cont .titl span{ top:-30px;}
.aces-cont .cont-bx p{ line-height:24px;}
.aces-cont .scl-bx{ justify-content:center;}
.aces-cont .social{ justify-content:center;}
.aces-cont .dwd{ justify-content:center;}

.blog-banner .bnr-item{ height:280px;}
.blog-banner .inr-bnr-caption{ bottom:50px;}
.blog-banner .inr-bnr-caption h1{ font-size:35px;}
.blg-cnt{ grid-template-columns:repeat(1,1fr); grid-gap:50px 40px; padding:30px 0px 60px;}

.blg-dtl-banner .bnr-item{ height:280px;}
.blg-dtl-banner .inr-bnr-caption{ bottom:50px;}
.blg-dtl-banner .inr-bnr-caption h1{ font-size:35px;}

.blg-dls .dls-lst{ padding-top:30px;}
.dls-lst .dls-top{ margin-bottom:35px; flex-wrap:wrap; grid-gap:15px;}
.dls-lst .dls-top .lt{ margin:0 auto;}
.dls-lst .dls-top .rt{ width:100%;}
.dls-lst .dls-top .rt h2{ font-size:22px; line-height:25px; text-align:center; justify-content:center;}
.rcnt-lst .titl h3{ margin:0px 0px 25px; font-size:26px;}
.rcnt-blk{ padding:20px;}
.bg-cnt .bg-box a .bg-fter h2{ font-size:16px;}
.blg-dls{ padding:0px 0px 30px 0px;}
.dls-lst .dls-cnt h4{ font-size:20px;}
.dls-lst .dls-cnt h3{ font-size:24px;}

.cntct-banner .bnr-item{ height:280px;}
.cntct-banner .inr-bnr-caption h1{ font-size:35px; text-align:center;}
.cnt-us-min{ padding:30px 0px 0px;}
.cnt-us-min h2{ font-size:30px; text-align:center;}
.cnt-us-box i{ width:38px; height:38px;}
.cnt-us-box span a{ font-size:16px;}
.cnt-us-box i ion-icon{ font-size:20px;}
.cnt-eqiry-slct h2{ font-size:28px;}
.cnt-us-min .social{ justify-content:center;}

.dlrs-banner .bnr-item{ height:280px;}
.dlrs-banner .inr-bnr-caption{ bottom:60px;}
.dlrs-banner .inr-bnr-caption h1{ font-size:35px;}
.dlrs-lst{ grid-template-columns:repeat(1,1fr); margin-top:5px;}
.dlrs-lst .dlr-bx{ border-radius:15px; margin-bottom:0;}

.mdl-banner .bnr-item{ height:280px;}
.mdl-banner .inr-bnr-caption{ bottom:50px;}
.mdl-banner .inr-bnr-caption h1{ font-size:35px;}
.mdl-cntbox-main{ padding:30px 0px 60px;}
.mdl-cnt .bx a span{ height:220px;}
.mdl-cnt .bx a span img{ max-height:200px;}
.mdl-cnt{ grid-template-columns:repeat(1,1fr); grid-gap:45px 30px;}

.sprs-banner .bnr-item{ height:280px;}
.sprs-banner .inr-bnr-caption{ bottom:50px;}
.sprs-banner .inr-bnr-caption h1{ font-size:35px;}
.sprs-cnt{ grid-gap:25px;}
.sprs-cnt .bx{ flex-wrap:wrap; grid-gap:2px; padding:15px;}
.sprs-cnt .bx .lft{ width:100%;}
.sprs-cnt .bx .cnt{ width:100%;}
.sprs-cnt .bx .cnt h3{ text-align:center; margin-bottom:10px;}
.sprs-cnt .bx .cnt p{ text-align:center;}
.sprs-cnt .bx .btm{ width:100%;}

.login{ padding:20px 0px 30px;}
.login-frm-tit{ margin-bottom:30px;}
.login-frm-tit h2{ font-size:35px;}
.login-frm-tit h4{ font-size:22px;}
.login .login-box{ width:100%;}

.glry-banner .bnr-item{ height:280px;}
.glry-banner .inr-bnr-caption{ bottom:50px;}
.glry-banner .inr-bnr-caption h1{ font-size:35px;}
.gallery-box{ padding:20px 0px;}
.glry-lst{ grid-template-columns:repeat(1,1fr);}

.prmo-banner .bnr-item{ height:280px;}
.prmo-banner .inr-bnr-caption{ bottom:55px;}
.prmo-banner .inr-bnr-caption h1{ font-size:35px;}
.prmtn-cnt .prmtn-box{ border-radius:15px;}
.prmtn-cnt .prmtn-box a span{ border-radius:15px;}
.prmtn-cnt{ width:100%; padding:30px 0px 60px; grid-template-columns:repeat(1,1fr);}
.prmtn-cnt .prmtn-box a span{ height:250px;}
.exzoom .exzoom_nav .exzoom_nav_inner span{ width:70px !important; height:70px !important;}

.prod-phto{ width:100%;}
.prd-cont .titl h2{ font-size:30px;}
.prd-cont .titl{ margin-bottom:20px;}
.prd-cont .cont-bx p{ text-align:justify; line-height:24px;}

.prd-cont .dtl-clr{ flex-wrap:wrap; padding:10px;}
.dtl-clr .clr-bx{ flex-wrap:wrap; grid-gap:5px;}
.dtl-clr .clr-bx a b{ font-size:13px;}
.prd-cont .social{ justify-content:center;}
.prd-cont .social h3{ font-size:16px;}
.prd-cont .social-icons a{ width:32px; height:32px;}
.prd-cont .social-icons a img{ max-height:18px;}
.prdt-cnt{ margin:0; padding:20px 15px;}
.prdt-cnt .dtls .bx{ padding-right:0; flex-wrap:wrap; width:100%; justify-content:center;}
.prdt-cnt .dtls .bx::before{ background-color:transparent;}
.prdt-cnt .dtls .bx span{ width:100%; justify-content:center;}

.prdt-spcy .det-lst .titl h3{ font-size:28px;}
.prdt-spcy .det-lst ul{ padding:15px;}
.prdt-spcy .det-lst ul li{ flex-wrap:wrap; padding:5px 0;}
.prdt-spcy .det-lst ul li span{ width:100%; padding:0; text-align:left; border-right:none;}
.prdt-spcy .det-lst ul li b{ width:100%; padding:0;}

.mdl-eqiry-slct{ padding:25px 20px 35px;}
.mdl-eqiry-slct h2{ margin:0px 0px 20px; font-size:25px;}
.mdl-eqiry-slct .enq-frm{ margin-top:20px;}
.mdl-eqiry-slct .enq-frm .btn-enqhm{ margin-top:0;}

.relatve-mdl .tit h4{ font-size:30px; line-height:25px;}
.relatve-lst{ grid-template-columns:repeat(1,1fr); padding:30px 0px;}
.relatve-lst .bx a{ padding:10px;}
.relatve-lst .bx a p{ line-height:22px;}

.srvs-banner .bnr-item{ height:280px;}
.srvs-banner .inr-bnr-caption{ bottom:60px;}
.srvs-banner .inr-bnr-caption h1{ font-size:35px;}
.svs-main{ padding-bottom:30px;}
.svs-main .svs-rht{ margin-top:30px;}
.svs-lst .bx{ flex-wrap:wrap; grid-gap:15px; margin-bottom:30px;}
.svs-lst .bx .lt{ width:100%;}
.svs-lst .bx .rt{ width:100%;}
.svs-lst .bx .rt p{ font-size:17px; line-height:22px; text-align:justify;}
.svs-lst .bx .rt .svs-lnk{ justify-content:center;}
.svs-main .svs-lft{ margin-top:10px; border-radius:20px;}
.svs-main .svs-lft .top span img{ max-height:80px;}
.svs-main .svs-lft .top{ padding:10px 15px;}
.svs-main .svs-lft .top h3{ font-size:26px; line-height:28px;}
.svs-main .svs-lft .top small{ font-size:22px;}
.svs-main .svs-lft .btm{ margin-top:10px; padding:30px 15px;}
.svs-main .svs-lft .btm span img{ max-height:40px;}
.svs-main .svs-lft .btm a{ font-size:25px;}

}