/*UI07051988*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;500;600;700&family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&family=Oswald:wght@300;400;500;600;700&display=swap');
* { margin:0; padding:0; outline:0; box-sizing:border-box;}
.nobdr { border:none !important; }
.nobg { background:none !important; }
.nobdr_top { border-top:none !important; }
.nomargin { margin:0px !important; }
.nomargin-top{margin-top:0 !important;}
.nomargin-left { margin-left:0px !important; }
.nomargin-right { margin-right:0px !important; }
.nopadding { padding:0px !important; }
.alignbottom { vertical-align:text-top;}
.pdt-1{padding-top: 1rem;}
.pdt-2{padding-top: 2rem;}
.pdt-3{padding-top: 3rem;}
.pdt-4{padding-top: 4rem;}
.pdt-5{padding-top: 5rem;}
.pdt-6{padding-top: 6rem;}
.pdt-7{padding-top: 7rem;}
.pdt-8{padding-top: 8rem;}
.pdt-9{padding-top: 9rem;}
.pdt-10{padding-top: 10rem;}
.pdt-11{padding-top: 11rem;}
.pdt-12{padding-top: 12rem;}
.pdt-13{padding-top: 13rem;}
.pdt-14{padding-top: 14rem;}
.pdt-15{padding-top: 15rem;}
.pdt-16{padding-top: 16rem;}
.pdt-17{padding-top: 17rem;}
.pdt-18{padding-top: 18rem;}
.pdt-19{padding-top: 19rem;}
.pdt-20{padding-top: 20rem;}

.pdb-1{padding-bottom: 1rem;}
.pdb-2{padding-bottom: 2rem;}
.pdb-3{padding-bottom: 3rem;}
.pdb-4{padding-bottom: 4rem;}
.pdb-5{padding-bottom: 5rem;}
.pdb-6{padding-bottom: 6rem;}
.pdb-7{padding-bottom: 7rem;}
.pdb-8{padding-bottom: 8rem;}
.pdb-9{padding-bottom: 9rem;}
.pdb-10{padding-bottom: 10rem;}
.pdb-11{padding-bottom: 11rem;}
.pdb-12{padding-bottom: 12rem;}
.pdb-13{padding-bottom: 13rem;}
.pdb-14{padding-bottom: 14rem;}
.pdb-15{padding-bottom: 15rem;}
.pdb-16{padding-bottom: 16rem;}
.pdb-17{padding-bottom: 17rem;}
.pdb-18{padding-bottom: 18rem;}
.pdb-19{padding-bottom: 19rem;}
.pdb-20{padding-bottom: 20rem;}

br{display: none;}
img {height: auto;  border:0;}
ul { list-style-type:none; padding:0; margin:0;}
ul, ol, li { list-style:none; padding:0; margin:0; font-size: 2rem;font-family: var(--familyIBM);}
a { text-decoration:none; outline:none;color: var(--fontcolor);transition: 0.5s;display: block;font-size: 1.6rem;}
a:hover{text-decoration: none !important;color: var(--fontcolor);}
img{transition: 0.5s;}
figure{margin: 0;}
aside, details, figcaption, figure, ins, summary, small, mark, title, video, footer, header, hgroup, nav, section, article { display: block; }

.clear { padding:0; margin:0; clear:both; }
h1, h2, h3, h4, h5, h6, p { padding:0; margin:0;}
html, body { width: 100%; padding: 0; margin: 0;font-family: var(--familyWork); height: 100%;font-size: 62.5%;color: var(--fontcolor);}
body{overflow-x: hidden;}
.cf::before,.cf::after {content: " "; display: table;}
.cf::after {clear: both;}
.cf {zoom: 1;}
:root{
--fontcolor: #000;
--colorwhite:#fff;
--bluecolor:#00348C;
--grey:#ddd;
--black: #000;
--flex: flex;
--familyIBM: 'IBM Plex Sans', sans-serif ;
--familyWork: 'Work Sans', sans-serif ;
--familyMonts: 'Montserrat', sans-serif ;
--familyOpen: 'Open Sans', sans-serif ;
}

/*img-zoom iffect*/
.img-zoom img{transition:all 1.1s ease 0s;width: 100%;}
.img-zoom figure{overflow: hidden;position: relative;}
.img-zoom a:hover img, .img-zoom figure:hover img{transform: scale(1.1);}

.img-fit figure{height: 100%;}
.img-fit figure img{height: 100%;width: 100%;object-fit: cover;}
/*img-zoom iffect*/
.max-w{max-width: 1920px;margin: auto;}

/*lightbox*/
body .lb-data .lb-details{width: 92%;}
body .lightbox .lb-data .lb-close {background: url(../images/close.svg) top right / 100% no-repeat;margin-right: 3rem;margin-bottom: 4rem;}
body .lightbox .lb-nav a.lb-next {background: url(../images/light-next.svg) left 48% / 100% no-repeat; opacity: 1;width: 4.5rem;margin-right: -2.5rem;}
body .lightbox .lb-nav a.lb-prev {background: url(../images/light-prev.svg) left 48% / 100% no-repeat;opacity: 1;width: 4.5rem;margin-left: -2.5rem;}
body .lightboxOverlay {background: url(../images/bg.webp) repeat;}
body .lightbox .lb-image{border-width: 2.5rem;}
body .lb-data .lb-caption{font-size: 2.1rem;color: #282828;line-height: 2.8rem;font-weight: normal;padding:0 3.5rem 3.5rem;display: block;}
body .lb-data .lb-number{display: none!important;}
body .lb-dataContainer{background: #fff;margin-top: -.5rem;}
/*lightbox*/

p{font-size: 2rem;line-height: 2.8rem;font-family: var(--familyIBM);color: var(--fontcolor);transition: 0.5s;color: #333333;}
p span{font-weight: bold;margin-right: 1rem;}
label{font-family: var(--familyIBM);}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0; }
input[type=number] {-moz-appearance: textfield;}

.owl-nav button{width: 3rem;height: 3rem;background: url('../images/slider-arrow.svg') no-repeat center center !important;border-radius: 100%;margin: .6rem;transition: 0.5s;}
.owl-nav button:hover{background-color: #F3A100C4 !important;}
.owl-nav button span{font-size: 0rem;}
.owl-nav button.owl-prev {
  transform: rotate(180deg);
}
.owl-nav { text-align: center;padding-top: 7rem;}
.owl-dots{text-align: center;padding-top: 1rem;}
.owl-dot { background: #000 !important; min-width: .7rem; min-height: .7rem; margin: .3rem; border-radius: 100%; opacity: 0.53;}
.owl-dot.active{opacity: 1;}

.commn-link { display: inline-block; }
.commn-link img{border-radius: 100%;  transition: 0.5s;}
.commn-link:hover img{background: #F3A100C4 ;}

/* Form */
.robot-sec {display:var(--flex); align-items: center; flex-wrap: wrap; width: 100%;}
.form-control:required { border-right: .5rem solid #F3A100;}
.form-control { height: 6rem; border-color: #ccc;  border-right-color: rgb(204, 204, 204); border-radius: .5rem; background-color: var(--colorwhite);  font: 1.6rem/2.4rem 'Work Sans', sans-serif; color: var(--fontcolor);  padding: 1rem 2rem;}
.form-group { width: 49%; margin: 1rem 0; position: relative;}
.form-control.form-select { background-color: #F2F4F9;}
.form-repeat { display:var(--flex); justify-content: space-between; flex-wrap: wrap; padding-bottom: 1rem; align-items: flex-end;}
.check-section { padding: 1.5rem 2rem; background: #F2F4F9; border-radius: .5rem; margin: 3rem 0; display: inline-block; align-items: center;}
.check-section p { font-style: italic; border-left: .3rem solid #F3A100; padding: 0 0rem 0 1rem; margin-bottom: 0;}
.robot-sec figure { margin-left: 2rem;}
.button-form button, .button-form input{ display:var(--flex); background: #046684; font-size: 1.6rem; color:var(--colorwhite); font-weight: 500;border: 0;padding: 1.5rem 3rem; border-radius: .5rem;transition: 0.5s;}
.button-form p{color:var(--colorwhite);padding-right: 2rem;font-weight: bold;text-transform: uppercase;font-size: 1.8rem;padding-bottom: 0;}
textarea.form-control { height: 12rem;}
.form-group .custom-file-label { position: absolute; left: .5rem; margin: 0; background: #F3A100; padding: 1rem 2rem; font-size: 1.5rem; top: 0; height: 4.8rem; bottom: 0; margin: auto; cursor: pointer; box-shadow: 0rem .1rem .4rem #00000029; border-radius: .5rem;color:var(--colorwhite);font-weight: 500;display: none;}
.captcha-colm {margin-top: 1.6rem}
.captcha-colm a{width: auto; display: inline-block;}
/* Form */

.automot_menu {display: flex;justify-content: space-between;}
.automot_menu a img{transition: 0.3s;}
.automot_menu a, .automot_menu a figcaption{ transition:.3s all ; -webkit-transition:.3s all ; -moz-transition:.3s all ; -ms-transition:.3s all ; -o-transition:.3s all ; }
.automot_menu a {box-shadow: 0px 5px 10px #0000000a;text-align: center;padding: 2rem;background: #fcfcfc;width: 24%;height: 18rem; display: flex;flex-wrap: wrap;justify-content: center;border: .1rem solid #f5f5f5;border-radius: .5rem;transition: 0.3s;}
.automot_menu a:hover, .automot_menu a.active{background:#F3A100;}
.automot_menu a:hover img, .automot_menu a.active img{ filter:brightness(0) invert(1) ; -webkit-filter:brightness(00) invert(1) ; }
.automot_menu a:hover span, .automot_menu a:hover figcaption, .automot_menu a.active figcaption{color: #fff;}
.automot_menu span, .automot_menu figcaption {font-weight: normal;line-height: 2.6rem;display: block;margin-top: 2rem;font-size: 1.9rem;width: 100%;}


@media (min-width: 1400px){
.container{max-width: 1366px;}
}

@media (max-width: 1399px){
.automot_menu span, .automot_menu figcaption {  line-height: 2.2rem;font-size: 1.6rem;}
p{font-size: 1.7rem;}


}
@media (max-width: 1199px){


}

@media (max-width: 991px){
.max-w { max-width: 720px;}


}
@media (max-width:767px){
.max-w { max-width: 540px;}
body .lightbox .lb-nav a.lb-next{width: 3.5rem;margin-right: 1rem;}
body .lightbox .lb-nav a.lb-prev{width: 3.5rem;margin-left: 1rem;}

}
@media (max-width:575px){
.max-w { max-width: 100%;padding-left:4% ;padding-right: 4%;}
.form-group { width: 100%; margin: .5rem 0;}
.form-control{font-size: 1.5rem;}
.check-section{margin: 0rem 0 1rem;}
.button-form button{margin: auto;}
.button-form { padding: 3rem 0 0;}
body .lb-data .lb-caption{font-size: 1.6rem;padding: 0 2rem 2.5rem;line-height: 2.5rem;}
body .lightbox .lb-data .lb-close{position: absolute;right: 0;}
body .lightbox .lb-image { border-width: 2rem;}

}







