@charset "utf-8";html{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;}
html{font-size: 10px;}
body{margin:0;padding:0;font-family: 'Montserrat', sans-serif;font-size:16px; color: #101010; overflow-x: hidden; background: var(--WhiteColor) ;}
ul, ol, p, form, input, textarea, select, pre, em, sub, sup, canvas, section, article, aside, img, a, li, iframe, table, nav, header, footer, body, menu, button{margin:0;padding:0;vertical-align:middle;box-sizing:border-box;-webkit-box-sizing:border-box;list-style:none;text-decoration:none;outline:none;border:0;border-spacing:0;border-collapse:collapse;font-family: 'Montserrat', sans-serif;}
*, after, before{box-sizing:border-box;-webkit-box-sizing:border-box; font-family: 'Montserrat', sans-serif;}

h1, h2, h3, h4, h5, h6{margin:0;padding:0;}
a{text-decoration: none!important;color: var(--PrimaryColor);display: inline-block;font-family: 'Montserrat', sans-serif;}
a:hover{color: #321839;}
label{font-weight: normal!important;}
b, strong{font-family: 'Montserrat', sans-serif;font-weight: 700;}
u{text-decoration:underline;}
i, em{font-style:italic;}
img{max-width:100%;}
input[type="button"], 
input[type="submit"], 
input[type="reset"],
input[type="text"],
select,
textarea{appearance:none;-webkit-appearance:none;-moz-:none;}
select::-ms-expand{display:none;}
input[type="button"], input[type="submit"], input[type="reset"]{cursor:pointer;}
p{color: var(--PrimaryText); font-family: 'Montserrat', sans-serif;}
a{transition: 0.2s ease-out; -webkit-transition: 0.2s ease-out;}
html{scroll-behavior: smooth;}
body,html{overflow-x: hidden;}


@media (min-width: 1200px){
.container {max-width: 1170px;  }
}




.text-right{text-align: right;}
.onlink{position: absolute; top: 0; bottom: 0; left: 0; right: 0;}

 .form-control{appearance: auto;  -webkit-appearance: auto;}

.btn-width{width: 100% !important;}


.btn{background: var(--PrimaryColor);color: var(--textWhite); font-size: var(--font16); padding: 10px 15px; border-radius: 0px;line-height: 1; border:1px solid var(--PrimaryColor);outline:none !important; box-shadow: none !important; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; font-weight: 400; text-transform: uppercase; min-width: 160px;}
.btn:hover{background: var(--PrimaryText); border-color: var(--PrimaryText); color: var(--textWhite);}

.btn-primary.focus, .btn-primary:focus{background: var(--SecondaryColor);color: var(--PrimaryColor);border-color:var(--SecondaryColor);}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{box-shadow: none;background: var(--SecondaryColor);color: var(--PrimaryColor);border-color:var(--SecondaryColor);}

.btn-primary{min-width: 50px; background-color: transparent; color: #00e0d0; font-weight: 400;}
.btn-primary:hover{background: #00e0d0; border-color:#00e0d0; color: #ffffff;}

.blackbtn.btn{background: var(--PrimaryText); color: #ffffff;font-size: var(--font16); padding: 10px 15px; border-radius: 0px;line-height: 1; border:1px solid var(--PrimaryText);outline:none !important; box-shadow: none !important; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; font-weight: 400; text-transform: uppercase; min-width: 160px;}
.blackbtn:hover{background: var(--SecondaryColor); border-color: var(--SecondaryColor); color: var(--textWhite);}



/*== Margin and Paddinf Class ==*/
.marginT20{margin-top: 20px;}
.marginB20{margin-bottom: 20px;}

.paddingT20{padding-top: 20px;}
.paddingB20{padding-bottom: 20px;}

.marginT30{margin-top: 30px;}
.marginB30{margin-bottom: 30px;}

.paddingT30{padding-top: 30px;}
.paddingB30{padding-bottom: 30px;}

.marginT60{margin-top: 60px;}
.marginB60{margin-bottom: 60px;}

.paddingT60{padding-top: 60px;}
.paddingB60{padding-bottom: 60px;}

/*== END Margin and Paddinf Class ==*/

/*Go to Top*/
.gotop {position: fixed; z-index: 9999; top: auto; bottom: 30px; right: 30px; text-align: center; width: 40px; height: 40px; background: #000000; border-radius: 0px; display: inline-block; color: #ffffff; font-size: var(--font24); line-height: 41px; cursor: pointer; }
.gotop:hover{background: var(--PrimaryColor); color: var(--textWhite);}
a.gotop i { line-height: 40px;}


/*== Header ==*/
.headnav_main{padding: 10px 100px; /*background: var(--SecondaryColor);  box-shadow: 0px 6px 16px rgba(0, 0, 0, 16%); -webkit-box-shadow: 0px 6px 16px rgba(0, 0, 0, 16%); */background: transparent;}
.leftH_logo img{max-width: 200px; max-height: 122px;}

.header_navbar_perent{margin-top: 0px;}
.navH_perent .nav-item a{position: relative; color: #ffffff;background: transparent; font-size: var(--font16); padding-right: 0rem; padding-left: 0rem; padding: 0px 0px !important; text-transform: uppercase;font-weight: 700;text-align: center;}
.navH_perent .nav-item.active a{color: var(--PrimaryColor);}
.navH_perent .nav-item.active a::before{background: var(--PrimaryColor); width: 100%; left: 0%;}
.navH_perent .nav-item a:hover{color: var(--PrimaryColor);}
.navH_perent .nav-item a::before{content: '';position: absolute; bottom: 0px; left: 50%; height: 3px; background: transparent; width: 0%; transition: all 0.5s;}
.navH_perent .nav-item a:hover::before{background: var(--PrimaryColor); width: 100%; left: 0%;}

.headnav_main .col-sm-9.col-md-9.col-lg-9 {align-self: center; }

.navH_perent .nav-item .dropdown-menu{border-top: 2px solid var(--PrimaryColor);min-width: 200px;}
.navH_perent .nav-item .dropdown-menu li{margin: 0; padding: 0; display: block; float: left; width: 100%; position: relative; z-index: 50; border-bottom: 1px solid #f3f3f3; }
 .navH_perent .nav-item .dropdown-menu li .dropdown-item {margin: 0; padding: 15px 20px !important; font-size: 14px; display: inline-block; float: left; width: 100%; color: var(--SecondaryColor); font-weight: 700; min-height: 48px; text-transform: uppercase; text-align: left;}

 .navH_perent .nav-item .dropdown-menu li .dropdown-item:hover  {color: var(--textWhite); background-color:  var(--PrimaryColor);}
 .navH_perent .nav-item .dropdown-menu li .dropdown-item:focus{background-color: var(--textWhite); color: var(--PrimaryColor);}
 .navH_perent .navbar-nav li.nav-item + li.nav-item{margin-left: 30px;}
 .navH_perent .navbar{margin-bottom: 0px; padding-bottom: 0px; padding-top: 0px;}

 .navH_perent .navbar-expand-lg .navbar-collapse {justify-content: flex-end; }

  .navH_perent .navbar-expand-lg .navbar-nav {width: 100%;justify-content: flex-end;}


 .head_contactD {display: flex; flex-direction: column; justify-content: flex-end; }
 .contact_numm {text-align: end; }
 .contact_numm {color: #ffffff; font-size: var(--font12); padding: 4px 10px !important; text-transform: uppercase; font-weight: 500; }
.contact_numm i {color: var(--textWhite); background: var(--PrimaryColor); width: 20px; height: 20px; border-radius: 100px; text-align: center; padding: 4px; font-size: 12px; display: inline-block;}



 /*== Hero slider ==*/
 .slidermain .carousel-caption h2 {font-size: var(--font36); font-weight: 400; color: var(--textWhite); text-shadow: 0 6px 6px rgb(0 0 0 / 46%); -webkit-text-shadow: 0 6px 6px rgb(0 0 0 / 46%); }
 .slidermain .carousel-caption h2 span{color: var(--PrimaryColor); font-weight: bold;}
  .slidermain .carousel-caption{bottom: 20%;}
  .carousel-indicators [data-bs-target]{opacity: 1 !important;}
  .carousel-indicators .active { opacity: 1; background-color: var(--PrimaryColor);}
  #carouselExampleCaptions .carousel-item img { width: 100%;}
 /*  .mob_Ticon {display: none; } */

  /*== Home LATEST STOCK ==*/
  .sectitle{display: flex;}
  .sectitle_flexx{display: flex; flex: 1;}
  .sectit_innL{width: 50px; height: 50px; background: var(--PrimaryColor); color: var(--textWhite); font-size: 24px; line-height: 49px; text-align: center;align-self: center;}
  .sectit_innR{flex: 1; padding-left: 10px; text-align: left;}
 .sectit{color: var(--SecondaryColor); font-size: 28px; font-weight: bold;}
 .sectit_innR p{color: var(--SecondaryColor); font-size: 16px; font-weight: 400;} 
.sectitle_flexxR{width: 120px;align-self: end;}
.sectit_flex{background: var(--PrimaryColor); color: var(--textWhite); font-size: 16px; height: 50px; width: 120px; text-align: center; transition: all 0.2s;}
.sectit_flex:hover{background: var(--SecondaryColor); color: var(--textWhite);}

 .carsell_bx {position: relative;    height: 100%; border: 1px solid rgb(0 0 0 / 13%); transition: all 0.5s; -webkit-transition: all 0.5s; box-shadow: 0px 8px 18px rgb(0 0 0 / 25%); -webkit-box-shadow: 0px 8px 18px rgb(0 0 0 / 25%); }
.carsell_img{overflow: hidden; position: relative; height: 206px;}
.carsell_img a{display: flex;}
.carsell_img img {width: 100%;  height: 100%; object-fit: cover; object-position: center; 
  transition: 0.6s ease-out; 
  -webkit-transition: 0.6s ease-out; -webkit-transform: rotate(0) scale(1);  transform: rotate(0) scale(1); }
.img_lable{display: inline-block; position: absolute; top: 10px; left: 0; padding: 4px 10px; color: #ffffff; background: var(--PrimaryColor); font-size: 16px; font-weight: 500; font-style: italic; z-index: 1;}
.carsell_bx_Dright{position: absolute; top: 15px; right: 15px;    z-index: 1;}
.carsell_bx_Dright a{width: 26px; height: 26px; display: inline-block; border-radius: 100px; background: var(--PrimaryColor); color: var(--textWhite); font-size: 14px; text-align: center;line-height: 26px;}
.carsell_bx_Dright a:hover{background: var(--SecondaryColor);}
.prod_bxtit {color: var(--SecondaryColor); font-size: 18px; font-weight: 600; }
.carsell_bx_Dinn{padding: 10px 10px;}
.pricebxx{display: flex; justify-content: center; margin-top: 0px;}
.pricebxx span{font-size: 12px; align-self: center; padding-right: 10px;}
.pricebxx strong{font-size: 18px; font-weight: bold; color: var(--PrimaryColor);}

.carsell_bx:hover .carsell_img img{transform: scale(1.2) rotate(5deg); -webkit-transform: scale(1.2) rotate(5deg); }
.carsell_bx:hover{box-shadow: 0px 8px 18px rgb(0 0 0 / 5%); -webkit-box-shadow: 0px 8px 18px rgb(0 0 0 / 5%); }

.fuildsearch { font-size: 14px; color: var(--SecondaryColor); outline: none; box-shadow: none; height: 38px;}
.fuildsearch:focus{box-shadow: none;border-color: var(--PrimaryColor);}
.fuildsearch:hover{border-color: var(--PrimaryColor);}
.searchHbx_intwo{display: flex;}
.searchHbx_intwo .searchHbx:nth-of-type(1){margin-right: 8px; width: 50%;}
.searchHbx_intwo .searchHbx:nth-of-type(2){margin-left: 8px; width: 50%;}
.home_searchS{background: var(--PrimaryDBlueColor);}
.perentsix_div01{margin-bottom: 15px;}
.latest_car .col-sm-3.col-md-3.col-lg-3{}

/*== Search bar Section ==*/


/*== Esay Steps ==*/
.stepstiles h2 {color: var(--SecondaryColor); font-size: 28px; font-weight: bold; }

.easysteps_flex{display: flex;justify-content: space-between;}
.easystep_BX{width: 18%; position: relative;padding-bottom: 20px;}
.iconcircle {position: relative; width: 100px; height: 100px; display: inline-block; border-radius: 100px; background: #39ceca; background: -moz-linear-gradient(top, #39ceca 0%, #118294 100%); background: -webkit-linear-gradient(top, #39ceca 0%,#118294 100%); background: linear-gradient(to bottom, #39ceca 0%,#118294 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39ceca', endColorstr='#118294',GradientType=0 ); text-align: center; padding-top: 20px; top: 46px;z-index: 1;}
.fivecornerS::after {content: ''; position: absolute; bottom: -13px; left: 10%; width: 80%; height: 14px; border-radius: 15px; background: #36c8c6; z-index: -1; box-shadow: 0px 5px 12px rgb(0 0 0 / 26%); }
.fivecornerS::before {content: ''; position: absolute; top: 50%; right: -50%; width: 100%; height: 1px; background: transparent; z-index: -1; border: 2px dashed var(--SecondaryColor)}
.sst_five .fivecornerS::before{display: none;}
.circicn{width: 60px; height: 60px; display: inline-block; border-radius: 100px; background: var(--textWhite); color: #39CECA; font-size: 30px; text-align: center; line-height: 58px;    box-shadow: 0px 8px 18px rgb(0 0 0 / 25%);    -webkit-box-shadow: 0px 8px 18px rgb(0 0 0 / 25%);}
.fivecornerS{position: relative; background: rgb(255 255 255 / 51%); border-radius: 20px; padding: 30px 15px; padding-top: 60px; box-shadow: 0px 8px 18px rgb(0 0 0 / 25%);  -webkit-box-shadow: 0px 8px 18px rgb(0 0 0 / 25%);min-height: 328px;}
.fivecornerS:hover {background: rgb(238 240 242); }
.fivecornerS h4{font-size: 18px; color: var(--SecondaryColor); font-weight: 600;}
.fivecornerS p{font-size: 14px; margin-top: 10px;}
.fivecornerS p a{text-decoration: underline !important; margin-top: 10px;}
.heroslider .fivecornerS h4{min-height: 44px;}
.heroslider .fivecornerS {
    height: auto;
}
.heroslider .circicn {
    width: 40px;
    height: 40px;
    font-size: 22px;
    text-align: center;
    line-height: 41px;
}


.heroslider .iconcircle {
    width: 60px;
    height: 60px;
    padding-top: 10px;
    top: 36px;
    }
.number_fiveS {
    margin-top: 15px;
    border-top: 1px dashed var(--MainTextGray);
    width: 40px;
    padding-top: 10px;
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    color: var(--SecondaryColor);
    display: block;
    text-align: center;
    width: 100%;
}
.fivecornerS h4, .fivecornerS .number_fiveS{color:var(--PrimaryText);}
.sst_two .iconcircle{background: #fc9c12; /* Old browsers */
background: -moz-linear-gradient(top, #fc9c12 0%, #ff651c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fc9c12 0%,#ff651c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fc9c12 0%,#ff651c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc9c12', endColorstr='#ff651c',GradientType=0 ); /* IE6-9 */
}
.sst_two .circicn{color: #FC9C12;}
.sst_two .fivecornerS::after{background: #FC9C12;}

.sst_three .iconcircle{background: #e81d5c; /* Old browsers */
background: -moz-linear-gradient(top, #e81d5c 0%, #be1550 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e81d5c 0%,#be1550 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e81d5c 0%,#be1550 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e81d5c', endColorstr='#be1550',GradientType=0 ); /* IE6-9 */
}
.sst_three .circicn{color: #e81d5c;}
.sst_three .fivecornerS::after{background: #e81d5c;}

.sst_four .iconcircle{background: #177fc6; /* Old browsers */
background: -moz-linear-gradient(top, #177fc6 0%, #0b468a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #177fc6 0%,#0b468a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #177fc6 0%,#0b468a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#177fc6', endColorstr='#0b468a',GradientType=0 ); /* IE6-9 */
}
.sst_four .iconcircle{color: #177fc6;}
.sst_four .circicn{color: #177fc6;}
.sst_four .fivecornerS::after{background: #177fc6;}

.sst_five .iconcircle{background: #8fdf58; /* Old browsers */
background: -moz-linear-gradient(top, #8fdf58 0%, #6fa140 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #8fdf58 0%,#6fa140 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #8fdf58 0%,#6fa140 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fdf58', endColorstr='#6fa140',GradientType=0 ); /* IE6-9 */

}
.sst_five .circicn{color: #8fdf58;}
.sst_five .fivecornerS::after{background: #8fdf58;}


/*== About us ==*/
.aboutL_image{position: relative;}
.watch-num {position: absolute; bottom: -1px; left: -1px; min-width: 122px; min-height: 107px; z-index: 1; background-color: #ffffff; clip-path: polygon(0 0, 50% 50%, 100% 100%, 0% 100%); }
.watch-num .wt-no {position: absolute; bottom: 0; left: 0; z-index: 0; color: #ffffff; background: var(--SecondaryColor); width: 90px; height: 78px; padding: 22px 25px 10px 10px; text-align: left; line-height: 66px; font-weight: 600; font-size: 22px; clip-path: polygon(0 0, 50% 50%, 100% 100%, 0% 100%); }

.video-text {display: inline-block; position: absolute; top: 100px; right: -50px; padding: 10px; color: #ffffff; background-color: #05123f; border-radius: 10px; border: 1px solid #ffffff; box-shadow: 4px 4px 15px 0px rgb(0 0 0 / 30%); }
.video-icon {display: block; float: left; font-size: 20px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100%; background-color: #2e4187; color: #ffffff; }
.video-content h6 {line-height: 0.99; font-size: 22px; font-weight: 800 !important; letter-spacing: 0.5px; }
.video-content p {color: #ffffff; font-size: 16px; font-weight: 600; line-height: 1.2; letter-spacing: 0.25px; }
.video-content {margin-left: 48px; }

.aboutL_descp{padding-left: 60px;}
.aboutL_descp p + p{margin-top: 15px;}

.about_contactMain {margin-top: 22px; max-width: 90%; padding: 14px 10px; background-color: #f5f5f5; border: 1px solid #e8e8e8;display: flex }
.about_contactMain .contact-content:first-child { margin-left: 0;}
.contact-content {font-size: 18px; letter-spacing: 0.5px; position: relative; z-index: 0; }
.about_contactMain .contact-content {display: inline-block; margin-left: 12px; }
.about_contactMain .ctc-icon {float: left; width: 42px; height: 42px; text-align: center; line-height: 42px; }
.about_contactMain span.contact-icon { font-size: 18px;color: var(--SecondaryColor);}
.about_contactMain .contact-content .ctc-text { margin-left: 45px;}
.about_contactMain .title, .about_contactMain .descriptions { color: var(--PrimaryText);font-size: 16px; line-height: 1; font-weight: 600; }

.about_contactMain p.descriptions {border-bottom: none; color: var(--PrimaryText);}
.contact-text p {font-size: 16px; line-height: 1; border-bottom: 1px solid #dddddd; display: inline-block; letter-spacing: 0.35px; font-weight: 600; }


  /*== Footer ==*/
footer{background: var(--PrimaryDBlueColor);}
.footer_heading{font-size: 20px; font-weight: 500; color: var(--textWhite); }
.footerabout_se{color: #a5adbb; font-size: 14px;}

.footermap{border: 2px solid var(--SecondBlack); background: var(--textWhite); padding: 10px; border-radius: 10px;}
.footermap iframe{width: 100%; min-height: 300px;}
.footer_workD li {color: #a5adbb; font-size: var(--font16); font-weight: 400;list-style: circle;}
.footer_addressL li {color: #a5adbb; font-size: var(--font16); font-weight: 400;margin-bottom: 10px;}
.footer_addressL li strong, .footer_workD li strong{color: var(--textWhite);}
footer .col-sm-3.col-md-3.col-lg-3:nth-of-type(2) {padding-left: 30px; }
footer .col-sm-3.col-md-3.col-lg-3:nth-of-type(1) {padding-right: 30px; }
.footer_workD {padding-left: 15px; }
footer .col-sm-4.col-md-4.col-lg-4:nth-of-type(1){padding-right: 30px;}
footer .col-sm-4.col-md-4.col-lg-4:nth-of-type(3){padding-left: 30px;}

.social_footer ul li {list-style: none; border: none !important; display: inline-block; }
.footer-widget .widgett-social li a {margin-bottom: 4px; }
.social_footer ul li a {display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; margin: 4px; background-color: rgb(255 255 255 / 10%); color: var(--textWhite); transition: all .3s; }
.social_footer ul li a:hover, .social_footer ul li a:focus {background-color: var(--PrimaryColor); color: var(--textWhite) !important; }
.bottombar{background: #09263a; padding: 10px 0px;}
.bottombar p{color: #a5adbb; font-size: var(--font12);}

/*== Listing page ==*/
.home_searchS.listingP_search { background: rgb(14 47 70 / 12%);}
.carlist_flex, .repeatbox_accFlex{display: flex;}
.accordi_Main .accordion-body{padding: 0px;}
.carlist_dropL{width: 230px;}
.carlist_dropR{flex: 1; padding-left: 30px;}
.repeatbox_accFlex{padding: 6px 10px;}
.repetbx_left{width: 35px;}
.repetbx_right{flex:1;}
.repetbx_right{font-size: 14px; color: var(--SecondaryColor); font-weight: 600; padding-left: 15px;align-self: center;}
.repetbx_right span{color: var(--PrimaryColor); font-size: 12px; font-weight: 500;}
.repeatbox_accFlex{position: relative;}
.repeatbox_accFlex + .repeatbox_accFlex{border-top: 1px solid rgba(0,0,0,.125);}
.repeatbox_accFlex:hover{background: rgb(191 195 219 / 20%);}
.accordi_Main .accordion-button{color: #ffffff; background-color: var(--SecondaryColor); box-shadow: 0px; outline: none; }
.accordi_Main .accordion-button:hover{background-color: var(--PrimaryColor);}
.accordi_Main .accordion-button:focus {outline: 0; box-shadow: none; }
.accordi_Main .accordion-button{box-shadow: 0px; outline: none;font-size: 14px;  font-weight: 600; }
.accordi_Main .accordion-button:not(.collapsed)::after, .accordi_Main .accordion-button::after {filter: brightness(0) invert(100);}
.accordion-button:not(.collapsed){background-color: var(--PrimaryColor);}
.carlist_drMain{display: flex;}
.carlistMian_right{width: 76px;}
.carlistMian_left{display: flex; padding-right: 15px;}
.totalview p {font-weight: 500;}
.carlist_dropR .col-sm-4.col-md-4.col-lg-4{align-self: center;}

.listingIn_BX{display: flex;}
.list_ImgBX{width: 200px;}
.list_ImgBX a img {max-height: 160px; }
.list_titdesc{flex:1; padding-left: 20px;padding-right: 186px;}
.list_titdesc h3{font-size: 22px; color: var(--SecondaryColor); font-weight: 700; }
.list_titdesc{margin-top: 15px;padding-bottom: 15px;}
.lble_plan{display: inline-block; font-size: 12px; font-weight: 600; color: #ffffff; padding: 2px 16px; border-radius: 100px; background: gray; margin-bottom: 10px;}
.lble_plan + .lble_plan{margin-left: 1px;}
.labels_confi {margin-top: 10px; }
.labsaw{background: #39ceca; }
.laborang{background: #ff651c; }
.labred{background: #e81d5c; }
.labgreen{background: #6fa140; }

.listingIn_BX {border: 1px solid #e5e5e5; -webkit-border: 1px solid #e5e5e5; position: relative; transition: all 0.4s; -webkit-transition: all 0.4s; background: #ffffff; box-shadow: 0px 0px 0px rgb(0 0 0 / 16%); -webkit-box-shadow: 0px 0px 0px rgb(0 0 0 / 16%); }
.listingIn_BX:hover {transform: scale(1.05); -webkit-transform: scale(1.05); z-index: 1; box-shadow: 9px 6px 9px 2px rgb(0 0 0 / 32%); -webkit-box-shadow: 9px 6px 9px 2px rgb(0 0 0 / 32%); border: 0px; }
.btnfobP{position: absolute; top: 10px; right: 10px;}
.btnfob_Inn {font-size: 14px; background: var(--SecondaryColor); color: #ffffff; text-align: center; padding: 4px 16px; display: inline-block; }
.btnfob_Inn span {font-weight: bold; color: #ffffff; padding-left: 10px; text-shadow: 0px 1px 0px rgb(0 0 0); } 


.paginatt li{display: inline-block; margin: 0px 1px;}
.paginatt li a{display: inline-block; background: #ffffff; width: 30px; height: 30px; text-align: center; line-height: 28px; font-size: 16px; color: var(--SecondaryColor); border: 1px solid var(--SecondaryColor);}
.paginatt li a:hover{background: var(--PrimaryColor); color: #ffffff; border-color: var(--PrimaryColor);}
.paginatt li.active a{background: var(--PrimaryColor); color: #ffffff; border-color: var(--PrimaryColor); pointer-events: none;}

.listingIn_BX .carsell_bx_Dright {position: relative; top: auto;right: auto;}

/*== Prodect details ==*/

/*== Social buttons ==*/
.So_btn {clear:both; white-space:nowrap; font-size:0.5em; display:inline-block; border-radius:5px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35); margin:2px; -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s; overflow:hidden }
.So_btn:hover {box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.45); }
.So_btn:focus {box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4); }
.So_btn > span, .btn-icon > i {float: left; padding: 8px 16px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; line-height: 1em; padding-left: 10px; }
.So_btn > span {padding: 7px 17px 9px; white-space: nowrap; color: #FFF; background: #b8b8b8; font-size: 1.2em; }
.So_btn:focus > span {background:#9a9a9a }
.btn-icon > i {border-radius:5px 0 0 5px; position:relative; width:13px; text-align:center; font-size:1.25em; color:#fff; background:#212121 }
.btn-icon > i:after {content: ""; border: 8px solid; border-color: transparent transparent transparent #222; position: absolute; top: 5px; right: -13px; }
.btn-icon:hover > i,.btn-icon:focus > i {color:#FFF }
.btn-icon > span {border-radius:0 5px 5px 0 }
/*Facebook*/
.btn-facebook:hover > i,.btn-facebook:focus > i {color:#3b5998 }
.btn-facebook > span {background:#3b5998 }
/*Twitter*/
.btn-twitter:hover > i,.btn-twitter:focus > i {color:#55acee }
.btn-twitter > span {background:#55acee }
/*Google*/
.btn-googleplus:hover > i,.btn-googleplus:focus > i {color:#dd4b39 }
.btn-googleplus > span {background:#dd4b39 }
/*== END Social buttons ==*/

.prodddt{color: var(--SecondaryColor); font-size: 22px; font-weight: bold; }
.totHTitle{color: #ffffff; font-size: 16px; font-weight: bold; }
.totP_head{display: flex; background: var(--SecondaryColor); padding: 4px 15px;}
.totH_left{flex:1; padding-right: 10px; align-self: center;}
.totH_right{width: 84px;}
.vichpri{display: flex; padding: 10px 15px;border: 1px solid #dee2e6;}
.civhleftP, .civhrightP{width: 50%;}
.civhleftP h4{font-size: 16px; color: var(--PrimaryText);}
.civhrightP h4{font-weight: bold; font-size: 16px; color: var(--PrimaryColor);}
.civhrightP{text-align: right;}
.checkperentt{display: flex;}
.checkperentt .form-check{width: 60%;}
.naofirst, .naosecn{width: 40%; text-align: right;}
.naosecn{font-weight: bold; color: var(--PrimaryColor);}
.tableservic table{margin-top: -1px;}
.tableservic table tr td {vertical-align: middle; font-size: 14px; color: #000000; font-weight: 500;}
.tableservic table tr td:nth-of-type(even) {text-align: right;}
.tableservic table tr td:nth-of-type(even) .form-check{text-align: left;}
.tableservic table caption {font-size: 12px; }
.tableservic table tfoot tr td span {color: var(--PrimaryColor); font-weight: 600; }




.Detablehead tr th strong{font-size: 16px; color: #ffffff; font-weight: 600;}
.table_accessories tr th{background: var(--SecondaryColor);font-size: 20px; color: #ffffff; font-weight: 600; }
.table_accessories .table-active{background: rgb(37 64 143 / 15%);}

.tableDetails tr td, .tableDetails tr th{font-size: 14px;}


.imageofHBaner{position: relative;}
.heroBan_cont{position: absolute; bottom: 5%; left: 10%;}
.heroBan_cont h1{font-size: var(--font36); font-weight: bold; color: var(--textWhite); text-shadow: 0 6px 6px rgb(0 0 0 / 46%); -webkit-text-shadow: 0 6px 6px rgb(0 0 0 / 46%); }
.heroBan_cont h2{font-size: var(--font28); font-weight: 400; color: var(--textWhite); text-shadow: 0 6px 6px rgb(0 0 0 / 46%); -webkit-text-shadow: 0 6px 6px rgb(0 0 0 / 46%); }

.enquireForm form label{font-size: 14px; color: var(--PrimaryText); font-weight: 500 !important;}
.enquireForm form textarea{min-height: 100px; resize: none;}
.enquireForm h3{font-size: 18px; color: var(--SecondaryColor); font-weight: bold;}
.enquireForm{border: 2px solid var(--SecondaryColor); padding: 15px 15px;}








 /* Style the header */
.header {
      transition: 0.5s all ease-in-out;
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
    left: 0;
}

/* Page content */
.content {
  padding: 16px;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.header.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.42)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0));
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.header.sticky + .content {
  padding-top: 102px;
}

/*== menu toggle icon ==*/


.header-hamburger {
    display: block;
    z-index: 10;
    position: relative;
    width: 80px;
    height: 64px;
    padding: 16px;
    float: right;
    border: none;
    cursor: pointer;
        background-color: transparent;
}
.header-hamburger:hover .header-hamburger-line::before, .header-hamburger:hover .header-hamburger-line::after {
    -webkit-transform: translateX(180%);
    -webkit-transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transform: translateX(180%);
    transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.header-hamburger-line::before {
    left: 0;
}
.header-hamburger-line::after {
    left: -180%;
}
.header-hamburger-line::before, .header-hamburger-line::after {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-color: #ffffff;
    content: "";
}
.header-hamburger-line {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    display: block;
    position: absolute;
    right: 16px;
    width: 48px;
    height: 2px;
    margin: auto;
    overflow: hidden;
    border-radius: 2px;
    transition: -webkit-transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.header-hamburger-line:nth-child(1) {
    top: 16px;
}
.header-hamburger-line:nth-child(2) {
    top: 0;
    bottom: 0;
}
.header-hamburger-line:nth-child(3) {
    bottom: 16px;
}

.bottomAlign
{
    vertical-align:bottom;
}

body.forHeaderPadding{
padding-top: 140px;
}

.forHeaderPadding .header {
    background: #023e69 !important;
}

.footer_links li a{color: #ffffff;padding: 5px 0px;}
.footer_links li a:hover{opacity: 0.8;}
form#j_idt37 label {font-size: 14px; }

.navbar-nav .ui-outputpanel.ui-widget a {font-size: 16px; }
.navbar-nav .ui-outputpanel.ui-widget{text-align: center;}

#gallery .slick-slider-item{max-height: 450px;overflow: hidden;}
#gallery .slick-slider-item img{height: 100%; width: 100%; object-fit: cover;}

/*== on the slider ==*/
.onthe_slider_mainBX .container {
    width: 100%;
    max-width: 100%;
    min-width: 100%;}
.onthe_slider_mainBX .easystep_BX {width: 18%;}
.onthe_slider_mainBX {position: absolute; top: 50%; width:100%; max-width: 650px; margin: auto; left: 50%; transform: translate(-50%, -50%);}
.fivecornerS {
    min-height: 200px;
    /*height: 100%;*/
    max-height: 347px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.onthe_slider_mainBX .sst_three .fivecornerS::before{display: none;}
.stepstiles {
    text-align: center;
}
.stepstiles h2 {
    background: rgb(0 0 0 / 34%);
    display: inline-block;
    margin: auto;
    color: #ffffff;
    padding: 5px 15px;
}

.stepchanges .easysteps_flex {
    flex-wrap: wrap;
    justify-content: center;
}
.stepchanges .easystep_BX {
    display: flex;
    width: 70%;
    padding: 15px 15px;
}
.stepchanges .iconcircle {
    margin-right: 20px;
}
.stepchanges .iconcircle .circicn i {
    line-height: 60px;
}
.stepchanges .fivecornerS {
    flex: 1;
    text-align: left !important;
    min-height: auto;
    max-height: initial;
    box-shadow: none;
}
.stepchanges .fivecornerS::before{display:none;}

.readmore{
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 30px;
}

.content_sse{text-align: center;}
.content_sse p {color: var(--textWhite); margin: auto; padding-top: 10px; font-weight: 600; text-transform: uppercase; line-height: 18px; font-size: 16px;}
.cate_RBX{border-radius: 12px; padding: 30px 20px; text-align: center; height: 100%;    transition: 0.2s ease-out;position: relative;
    -webkit-transition: 0.2s ease-out;}
.cate_RBX:hover{    box-shadow: 0px 8px 18px rgb(0 0 0 / 25%);
    -webkit-box-shadow: 0px 8px 18px rgb(0 0 0 / 25%);}
.cate_img_BX{width: 80px; height: 80px; display: inline-block; border-radius: 100px; overflow: hidden; border:  4px solid #ffffff;}
.cate_img_BX img{width: 100%; height: 100%; object-fit: cover;}

.box_one{background: linear-gradient(to bottom,  rgba(213,123,48,1) 0%,rgba(178,62,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.box_two{background: linear-gradient(to bottom,  rgba(203,39,120,1) 0%,rgba(158,0,63,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.box_three{background: linear-gradient(to bottom,  rgba(130,37,197,1) 0%,rgba(71,0,104,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

.box_four{background: #39ceca;
    background: -moz-linear-gradient(top, #39ceca 0%, #118294 100%);
    background: -webkit-linear-gradient(top, #39ceca 0%, #118294 100%);
    background: linear-gradient(to bottom, #39ceca 0%, #118294 100%);}

.box_five{    background: #8fdf58;
    background: -moz-linear-gradient(top, #8fdf58 0%, #6fa140 100%);
    background: -webkit-linear-gradient(top, #8fdf58 0%, #6fa140 100%);
    background: linear-gradient(to bottom, #8fdf58 0%, #6fa140 100%);}
.box_six{background: #fc9c12;
    background: -moz-linear-gradient(top, #fc9c12 0%, #ff651c 100%);
    background: -webkit-linear-gradient(top, #fc9c12 0%, #ff651c 100%);
    background: linear-gradient(to bottom, #fc9c12 0%, #ff651c 100%);}

/*== 15/07/2024 ==*/
.service_mapimg{padding-top: 30px; padding-bottom: 30px; text-align: center;}
.worldmap_section p{font-size: 16px; font-weight: 400; margin-top: 10px; color: var(--SecondaryColor);}
.worldmap_section h3{font-size: 22px; font-weight: 400; color: var(--SecondaryColor);}


/*== 16/07/2024 ==*/
.bootom_footer {display: flex; margin: auto; border-top: 1px dashed rgb(255 255 255 / 32%); margin-top: 10px; padding-top: 10px;}
.bootom_left_logo{width:94px;}
.bootom_right_contacts{padding-left: 20px; align-self: center;}
.footer_pakjapan{background: var(--SecondaryColor); padding-bottom: 10px;}

.footer_links{max-width: 600px; margin: auto;}
.footer_links ul li{display: inline-block; padding: 5px 5px; position: relative;}
.footer_links ul li a{color: var(--textWhite); font-size: var(--font14); position: relative;}
.footer_links ul li a:hover{color: var(--PrimaryColor); text-decoration: underline;}
.footer_links ul li:last-child a:after{display: none;}
.footer_links ul li a::after{content: '';position: absolute; right: -8px; top: 11px; height: 10px; width: 1px; background: rgb(255 255 255 / 44%);}
.footer_pakjapan .container{max-width: 100%;}
.bootom_footer{color:  var(--textWhite); max-width: 1800px; margin: auto;     justify-content: center;}
span.mainheading_footer {
    font-size: 22px;
    color: #ffffff;
    font-weight: 600;
}
.bootom_right_contacts p {
    font-size: 13px;
}

span.foot_mail_ID {margin-left: 30px; color: yellow; font-size: var(--font14);}
.bootom_right_contacts p {color:  var(--textWhite); margin-top: 5px;}
.bootom_left_logo img {max-height: 90px;}

.service_mapimg img{max-height: 300px;}

.pageheading{font-size: 32px; font-weight: 600; color: var(--SecondaryColor);}
.business_IOCN_card {display: flex;}
.business_IOCN_card .titlee{ font-size: var(--font14); font-weight: 500; margin-left:10px; color:  var(--textBlack);    align-self: center;}
.business_TB{width: 100%;}
.headerr img {max-height: 40px; max-width: 120px;}

.listingBxs_main {
    min-height: 500px;
}

.heroslider .fivecornerS::before {
    display: none;
}

.readmore_CAPS .list_ES{padding-left: 25px;}
.list_ES li {
    font-size: var(--font14);
    color: var(--PrimaryText);
    font-weight: 400;
    list-style: decimal;
    margin-bottom: 5px;
}
.readmore_CAPS .card-body{background: transparent;}
.fivecornerS a i {
    display: inline-block;
    vertical-align: middle;
}
.fivecornerS a:hover{text-decoration: underline !important;}