/* ===================== Font used ==================*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');
body, html{margin: 0px;padding: 0px;font-size:16px;color:#000;font-family: "Inter", serif;}
* {margin: 0;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; outline:none;}
aside, details, figcaption, figure, ins, summary, mark, title, video, footer, header, hgroup, nav, section, article{display: block;}
.clear {padding: 0;margin: 0;line-height: 0;height: 0;font-size: 0;clear: both;width: 100%;display: block;}
h1, h2, h3, h4, h5, h6 {padding: 0;margin: 0;}
html, body {padding: 0;margin: 0;height:100%;}
body * {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
ul, ul li {list-style: none;padding: 0;margin: 0;}
input, button {outline: none;border: none;box-shadow:none;}
a, a:hover, a:focus {text-decoration: none;outline: none;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
a:active, a:hover {outline: 0;}
button {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;outline:none;border:none;outline:none;}
:focus {outline: none;border:none;}
button:focus{outline:none;}
img {border: none;}
p{margin:0;padding:0;}
figure{margin:0;}


/* ===================== Placeholder ==================*/
input::placeholder{opacity:1;}
input::-webkit-input-placeholder {opacity:1;}
input::-moz-placeholder {opacity:1;}
input:-ms-input-placeholder {opacity:1;}
input:-moz-placeholder {opacity:1;}

/*---------------------- mega Menu Css --------------*/

/*-----------------------End Mega Menu --------------*/

/*------------ Header -----------*/
header{margin-top: 20px;}
/* header .container{max-width: 1500px;} */
header p{color:#0D0D0D; font-size:15px;font-weight:800;}
header p:hover{color:#EBAD28; font-size:15px;font-weight:800;}
.headerInner{background:#FAFAF6;border-radius: 15px; padding:5px 20px; border:1px solid  rgba(0, 0, 0, .20);}
.logo{width:70px;}
.logoTxt p{font-size: 10px; font-weight: normal;}
.logoTxt p:hover{font-weight: normal; font-size: 10px;}
.call a{background-image: linear-gradient(to right, #E44D26 0%, #F16529  51%, #E44D26  100%);
margin: 10px;padding: 12px 25px;text-align: center;text-transform: uppercase;transition: 0.5s;background-size: 200% auto;
color: white;box-shadow: 0 0 20px #eee;border-radius: 50px;font-size:14px;font-weight:500;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;}
.call a:hover{background-position: right center; /* change the direction of the change here */ color: #fff; text-decoration: none;}
.call img{width:30px; margin-left: 10px;}

.main-banner { padding: 30px 0;}
.main-banner .banner{position: relative;}
.main-banner .banner img{border-radius: 20px;}
.main-banner .banner .bannerOverlay{background: #000000; position: absolute; top: 0;width: 100%;height: 100%;display: flex; border-radius: 20px; padding:50px;
  flex-direction: column;justify-content: end;/*background: linear-gradient(360deg, rgba(0, 0, 0, 0.69) 0%, rgba(0, 0, 0, 0) 100%);*/background: #110550;
background: linear-gradient(180deg, rgba(17, 5, 80, 0) 25%, rgba(17, 5, 80, 0.21) 51%, rgba(17, 5, 80, 0.67) 100%);}
.main-banner h1{font-size: 60px; color: #fff; font-weight:600; margin-bottom:50px;}
.main-banner h1 span{display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-weight: normal; font-style: italic;}
.main-banner i {color: #fff;text-transform: uppercase;font-weight: 600;font-style: normal;font-size: 18px;margin-bottom: 10px;}
.main-banner ul{padding: 0; display: flex; gap: 15px;}
.main-banner ul li a{padding:15px 30px; color: #fff; background-image: linear-gradient(to right, #F7971E 0%, #FFD200  51%, #F7971E  100%); font-size: 16px; text-transform: uppercase; font-weight: 600; border-radius: 25px; text-align: center; transition: 0.5s; background-size: 200% auto; display: block;}
.main-banner ul li a:hover{background-position: right center; color: #fff;}
.main-banner ul li:last-child a{background-image: linear-gradient(to right, #232526 0%, #414345  51%, #232526  100%); transition: 0.5s; background-size: 200% auto; border:1px solid #fff;}
.main-banner ul li:last-child a:hover{background-position: right center; color: #fff;}

.nextSection{padding-bottom: 100px; padding-top: 70px;}
.bgBox{background: #FAFAF6; border-radius: 20px; padding:40px; border: 1px solid rgba(0, 0, 0, 0.08);}
.nextSection h2{color:#0D0D0D; font-size: 30px; text-transform:inherit; font-weight: 700;}
.nextSection h3{color:#000;  font-size: 30px; font-weight: 700; margin-bottom: 20px;}
.nextSection p{color: #0D0D0D; font-size: 18px; line-height:25px; margin:15px 0; font-weight: 300;}
.latMain{position: relative;}
.latMain img{border-radius: 20px;}
.latOverlay{position: absolute; top: 0;width: 100%;height: 100%;display: flex; border-radius: 20px; padding:50px;
  flex-direction: column;justify-content: end;background: #000000;background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 62%);}
.latOverlay p{color: #fff; font-size:30px; font-weight: 700;}
.latOverlay img{width:40px; margin-left: 25px;}
.scSt{background: #fff;border-radius: 30px; padding:10px 30px; color: #0D0D0D; display: inline-block; font-size: 14px; font-weight: 700; text-transform: uppercase; border: 1px solid rgba(0, 0, 0, .20); line-height: 20px; display: inline-flex; margin: 30px 0 15px;}
.scSt span{display: inline-block;width: 20px; height: 20px; background: #EBAD28; margin-right: 10px; border-radius: 20px;}

.dasSection{padding-bottom: 100px;}
.dasTitle{font-size: 30px; font-weight: 700; margin-bottom:20px;}
.jaBox{background: rgba(235, 173, 40, .10); min-height:300px; border-radius: 20px; padding:40px;}
.jaBox img{width: 100px;}
.jaBox figure{margin-bottom: 20px;}
.jaBox p{color:#0D0D0D; font-size: 14px; font-weight: 300; line-height:20px;}
.jaBox label{color:#0D0D0D; font-size: 22px; font-weight: 800;}
.jaBox.grey{background: #F5F5F5;}
.jaBox.lightGrey{background:#EBAD28;}
.jaBox.lightGrey5{background: #F5F3EE;}
.jaBox.lightGrey6{background: #F5F3EE;}
.jaBox.lightGrey7{background: #dcdde1;}
.uvImg{border-radius: 10px;min-width: 300px;height: 300px;object-fit: cover;width: 100%;}
.jaBox.overlayCon{background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 62%);}
.jaBox.overlayCon label{color: #fff;}

.zaBox img{width: 100%; border-radius: 20px;}
.zaBox .zaInfo{background:#0D0D0D;background: linear-gradient(360deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0) 100%); border-radius:20px; padding: 50px;}
.zaBox .zaInfo h4{text-align: center; color: #fff; font-size: 30px; font-weight: 800;}
.zaBox .zaInfo p{text-align: center; color: #fff; font-size: 16px; font-weight: 600;}
.zaBox .zaInfo a{background: #ffffffb3; backdrop-filter: blur(15px); border-radius: 50px; font-size: 15px; font-weight: 600; text-transform: uppercase; color: #0D0D0D; padding: 10px 30px; margin-top: 40px;}
.zaBox .zaInfo a:hover{background:#EBAD28; color: #fff;}

.spaceBottom{padding-bottom: 100px;}
.spaceTop{padding-top: 100px; background: #FAFAF6}
.brdrad20{border-radius: 20px;}

.ihrInfo h4{color:#0D0D0D; font-size: 40px; font-weight: 700; margin-bottom:30px;}
.ihrInfo ul{margin: 0;}
.ihrInfo ul li{display: flex; font-size: 25px; font-weight: 700; color: #0D0D0D; margin-bottom:25px;}
.ihrInfo ul li img{width:30px; margin-right: 15px;}

.accordionMenu{padding: 70px 0;background-color: #fff; color: #0D0D0D;}
.accordionMenu .faqTitle h4{color:#0D0D0D; font-size: 35px; font-weight: 700; margin-bottom: 15px;}
.accordionMenu .faqTitle p{font-size:18px; font-weight:200; margin-bottom: 15px;}
.accordionMenu .accordion-item{margin-bottom: 25px; border-radius: 10px; background: #FAFAF6; /*box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; */}
.accordionMenu .accordion-header{width: 100%;}
#accordion-wrapper{margin-top:0px;margin-bottom:0px;border-radius:12px;padding:0;}
.accordion .accordion-button {background-color: transparent; padding: 20px; color:#0D0D0D; font-size:16px; font-weight:500; padding-right:70px;}
.accordion-button:focus {box-shadow: unset;}
.accordion-button::after {background-image: url(../images/acc_plus_ico.svg);position: absolute;right: 24px;filter: invert(0);}
.accordion-button:not(.collapsed)::after {background-image: url(../images/acc_minus_ico.svg);}













footer{background:#EBEBEB; padding:0;}
footer p a{color: #0D0D0D;}
footer p a:hover{color: #d12926;}
.footerMenu{padding: 140px 0;}
.ftMenu{padding: 0;}
.ftMenu li{display: block;padding-bottom: 15px; line-height: normal;}
.ftMenu li a{display: block;color:#0D0D0D; font-size:30px; font-weight:500;}
.ftMenu a:hover{color:#d12926; text-decoration:underline;}
.social{padding: 0;}
.social li{display: inline-block;padding-right: 15px;}
.social li a{display: block;color: #0D0D0D; font-size: 16px;font-weight:500;}
.social a:hover{color: #5D5D5D;}
.social li p{display: block;color: #0D0D0D; font-size: 16px;font-weight:500;}
footer h6{color:#0D0D0D;display: block;margin-bottom:15px;font-size:20px;}
.copyRight p{font-size: 14px; color: #5D5D5D; font-weight: 200;}
.copyRight a{font-size: 14px; color: #5D5D5D; padding-left:50px; font-weight: 200;}
.copyRight a:hover{color: #000;}
.bottomFoter{border-top: 1px solid #5D5D5D3B;}
.mainForm{padding-bottom: 70px;}
.flag{display: flex; gap:8px;}
.flag li span{display: inline-block; width:80px;height:40px; border-radius:5px; background: #000;}
.flag li span.red{background: #DD0000;}
.flag li span.yellow{background: #FFCC00;}



.subHeader{padding: 30px 0;}
.subHeader .inHeader{border-radius: 10px; padding:40px 50px; background: #F3B93F;background: linear-gradient(90deg, rgba(243, 185, 63, 1) 0%, rgba(241, 210, 95, 1) 100%);}
.subHeader .inHeader .imgMachine{background: #ffffff57; backdrop-filter: blur(15px); border-radius: 15px; padding:20px 30px;}
.subHeader .inHeader h1{color: #0D0D0D; font-size:30px; font-weight: 700;}
.subHeader .inHeader p{color: #0D0D0D; font-size:18px; font-weight: 300; margin-top: 10px;}
.stepTitle{color: #0D0D0D; font-size:30px; font-weight: 700;}
.stepTitle p{font-size: 16px; font-weight: 300; margin-top: 5px;}
/* .customCheckBox {
    display: block;
    position: relative;
    padding-left: 0px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  } */
  
  /* Hide the browser's default checkbox */
  .customCheckBox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }
  
  /* Create a custom checkbox */

  .customCheckBox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color:transparent;
    border-radius: 0;
    border: none;
	cursor: pointer;
  }
  
  /* On mouse-over, add a grey background color */
  /* .customCheckBox:hover input ~ .checkmark {
    background-color: #ccc;
    border: 3px solid #2196F3;
    border-radius: 20px;
  } */
  
  /* When the checkbox is checked, add a blue background */
  .customCheckBox input:checked ~ .checkmark {
    /* background-color: #2196F3; */
    border: 5px solid #EBAD28;
    border-radius: 20px;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .customCheckBox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .customCheckBox input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .customCheckBox .checkmark:after {
    right: 25px;
    top: 14px;
    width: 10px;
    height: 20px;
    border: solid #002856;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
.proCar- label {
  position: relative;
}
.baseimg {background: #F6F6F6; border-radius: 20px; border: 1px solid rgba(0, 0, 0, .13); padding: 20px; text-align: center; font-size: 20px; color: #000; height: 100%;}
.baseimg p{color:#0D0D0D; font-size: 18px; font-weight:700; min-height: 50px; width: 100%;}
.baseimg img{/*height: 250px !important;width: 250px;*/margin-bottom: 20px;object-fit: contain;}
.proCar- label{position: relative;width: 100%; height: 100%;}
.proCar label input{position: absolute; width: 100%; height: 100%;}
.generalInfo input{border: 1px solid #D3D4D7; height:50px; font-weight: 400;}
.generalInfo input::placeholder{color: rgba(34, 41, 54, .70);}
.generalInfo textarea{border: 1px solid #D3D4D7; height:100px; font-weight: 400;}
.generalInfo input:focus{box-shadow: none;}
.generalInfo label{font-size: 16px; margin-bottom: 6px;}
.colorSection img{width: 150px; height: 150px; margin-bottom: 0;}
.colorSection .customCheckBox{width: 100%;}
.uploadFile{background: #F5F5F5; border-radius: 20px; border: 1px solid rgba(0, 0, 0, .19); width: 100%; padding: 40px 50px; position: relative; cursor: pointer;}
.uploadFile img{width: 50px; margin-bottom:20px;}
.uploadFile input{position: absolute; width: 100%; height: 100%; opacity: 0; top: 0;left: 0;}
.uploadFile p{font-size:20px; font-weight: 300;}
.uploadFile p span{font-weight: 600;}
.title2 {font-size: 20px;margin-bottom: 20px;}

.sbt_btn {background-image: linear-gradient(to right, #F7971E 0%, #FFD200 51%, #F7971E 100%);
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: #0D0D0D;
  box-shadow: 0 0 20px #eee;
  padding: 10px 30px;
  margin: 20px 0 0;
  font-weight: 500;
  font-size: 20px;
  padding: 15px 45px;
  border-radius:50px;}
  
 .sbt_btn:hover{background-position: right center; color: #fff;}

.nextButton  li a{background: #222936; text-transform: uppercase; color: #fff; padding: 10px 50px; border-radius:50px; display: inline-block; transition: all 0.5s; min-width: 200px; text-align: center;}
.nextButton  li a:hover{background: #F3B93F;background: linear-gradient(90deg, rgba(243, 185, 63, 1) 0%, rgba(241, 210, 95, 1) 100%);}
.nextButton  li:last-child a{background: #F3B93F;background: linear-gradient(90deg, rgba(243, 185, 63, 1) 0%, rgba(241, 210, 95, 1) 100%);transition: all 0.5s;}
.nextButton  li:last-child a:hover{background: #F3B93F;
background: linear-gradient(271deg,rgba(243, 185, 63, 1) 0%, rgba(241, 210, 95, 1) 100%);}

/*------------ Custom Radio Button---------*/
.cstmcheckbox {display: inline-block;position: relative;padding-left:45px;margin-bottom:18px;cursor: pointer;font-size:18px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; font-weight: 300;}
.cstmcheckbox input {position: absolute;opacity: 0;cursor: pointer;}
.checkmark {position: absolute;top: 1px;left: 0;height: 25px;width: 25px;background-color: #eee;border-radius: 50%;}
.cstmcheckbox:hover input ~ .checkmark {background-color: #ccc;}
.cstmcheckbox input:checked ~ .checkmark {background-color: #2196F3;}
.checkmark:after {content: "";position: absolute;display: none;}
.cstmcheckbox input:checked ~ .checkmark:after {display: block;}
.cstmcheckbox .checkmark:after {top: 6px;left: 6px;width:12px;height:12px;border-radius: 50%;background: white;} 
/*------------------------ End ------------------*/
.sndTitle .title_2{font-size: 20px; font-weight: 600;}
.sndTitle p{font-size: 18px; font-weight: 200; margin-bottom: 25px;}

/*-------------- 3 Radion Button -----------*/
.chmBtn {display: block;position: relative;padding-left: 35px;cursor: pointer;font-size: 22px;-webkit-user-select: none;
-moz-user-select: none;-ms-user-select: none;user-select: none;color: #000;z-index: 0;height:40px;line-height: 40px;
text-align: center;padding: 0 24px;font-size: 14px;}
.chmBtn input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.chmBtn .checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color:#fff;width: 100%;
border-radius:10px;padding:10px 25px;z-index: -1;height:100%;border: 1px solid #D9D9D9;}
.chmBtn:hover input ~ .checkmark {background-color: #ccc;}
.chmBtn input:checked ~ .checkmark {background-color: #D9D9D9;}
.chmBtn .checkmark:after {content: "";position: absolute;display: none;}
.chmBtn input:checked ~ .checkmark:after {display: none;}
.chmBtn .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.checkBox2 {display: flex;justify-content: start;align-items: center;font-size: 17px;font-weight: 300;}
.checkBox2 input {width: 25px;height: 25px;margin-right: 15px;}
.sBtn button{margin-top: 30px; color: #222936; transition: 0.5s; background: #EBAD28; display: inline-block; padding: 15px 80px; border-radius:50px;  font-size:16px; text-transform: uppercase;font-weight: 600;  text-align: center;}
.sBtn button:hover{background: #222936; color: #fff;}
.form-horizontal_1{border: 1px solid #ccc; padding: 50px; border-radius: 20px;}
.form-horizontal_1 h2{font-size: 24px; font-weight: 600; margin-bottom:30px;}
.contactTitle h1{font-size: 40px; font-weight: 700; margin-bottom:10px;}
.contactTitle p{font-size: 28px; font-weight:400; line-height:40px; margin-bottom:30px; width:50%;}
.contactMain{padding: 70px 0;}
.address{padding-bottom: 70px;}
.address iframe{border-radius: 20px;}
.addressDetail{border-radius: 20px; background: #EBAD28; padding:50px; height: 100%;}
.addressDetail h3{font-size: 30px; font-weight: 600; margin-bottom: 10px;}
.addressDetail p{font-size: 20px; font-weight: 300; margin-bottom: 10px;}
.thank{padding: 70px 0;}
.thankTitle{text-align: center; margin-bottom: 50px;}
.thankTitle h1{text-transform: uppercase; font-weight: 700; font-size: 30px; margin-bottom:5px;}
.thankTitle p{font-weight:300; font-size:18px; width: 50%; margin:  0 auto;}
.besTitle span{background:#EBAD28; display: inline-block; width: 80px; height: 80px; border-radius:100%; font-size: 30px; font-weight: 700; text-align: center; line-height: 80px; margin-bottom:30px;}
.zuBtn{text-align: center;}
.zuBtn a{margin-top: 30px; color: #222936; transition: 0.5s; background: #EBAD28; display: inline-block; padding: 15px 50px; border-radius:50px;  font-size:16px; text-transform: uppercase;font-weight: 600;  text-align: center;}
.zuBtn a:hover{background: #222936; color: #fff;}

  /*---------------------------- Imperssion Page --------------*/
.impression{padding: 70px 0;}
.impression .imerMain{background: #F5F5F5; padding: 50px; border-radius: 20px;}
.impression .imerMain p{font-weight: 300; margin-bottom: 10px;}
.impression .imerMain h1{font-size: 30px; margin-bottom: 10px;}
.impression .imerMain h2{font-size: 24px;margin-bottom: 10px;}
.impression .imerMain pre{font-size:16px; font-weight: 300 !important;white-space: pre-line;font-family: "Inter", serif;}
.impression .imerMain .step1{margin-top: 20px;}
.impression .imerMain .step1 h2{font-size: 22px; font-weight:600; margin-bottom: 10px;}
.impression .imerMain .step1 h3{font-size: 20px; font-weight:500; margin-bottom: 10px;}
.impression .imerMain .step1 label{font-size: 18px; font-weight:400; margin-bottom: 10px;}
.impression .imerMain .step1 ul{margin: 0;}
.impression .imerMain .step1 ul li{font-weight: 300; line-height:30px; position: relative; padding-left: 20px;}
.impression .imerMain .step1 ul li::before{width:6px; height:6px; border-radius: 50%; position: absolute; left: 0; top:8px; background: #000; content: "";}


/*======== Media Queries for Mobile =========*/
@media all and (max-width:1440px){
    
}
@media all and (max-width:1199px){
.bgBox{padding:15px;}
.nextSection{padding-bottom:30px;}
.nextSection{padding-top:30px;}
.dasSection{padding-bottom:0px;}
.spaceTop{padding-top: 40px;}
.spaceBottom{padding-bottom: 40px;}
.accordionMenu,.footerMenu, .impression{padding: 40px 0;}
.ftMenu li a{font-size: 14px;}
.zaBox .zaInfo h4{font-size: 24px;}
.zaBox .zaInfo{padding: 20px;}
.ihrInfo h4{font-size: 30px;}
.main-banner h1{font-size: 40px;}
.latOverlay{padding: 20px;}
.row.g-5.w-75.proCar- {width: 100% !important;}
.row.w-75.proCar- {width: 100% !important;}
.addressDetail, .form-horizontal_1{padding: 25px;}
.form-horizontal_1 h2{margin-bottom: 15px;}
.uploadFile{padding: 20px 27px;}
.contactMain, .thank{padding: 40px 0;}
.thankTitle p{width: 100%; font-size: 16px;}
.impression .imerMain{padding: 25px;}
.besTitle span{margin-bottom: 10px;}
}
@media all and (max-width:991px){

.main-banner .banner img {height: 350px; object-fit: cover;}
.main-banner h1{font-size: 22px; margin-bottom: 10px;}
.main-banner .banner .bannerOverlay{padding:15px;}
.main-banner ul{display: d=flex;}
.main-banner ul li, .main-banner ul li a{width:50%; display: block;}
.main-banner ul li a{font-size: 12px; padding: 15px 10px; display: block; width: 100%;}
.main-banner ul li:last-child a{margin-top:0px;} 
.main-banner i{display: none;}
.nextSection h2, .nextSection h3{font-size: 15px;}    
.nextSection p{font-size: 14px;}
.latOverlay{padding: 20px;}
.latOverlay{font-size: 20px;}
.latOverlay img{height: 40px !important;}
.latMain img {height: 200px;object-fit: cover;}
.latMain img{height: 200px;object-fit: cover;}
.copyRight{display: block !important; text-align: center;}
.copyRight a{padding-left: 8px;}
.dasTitle{font-size: 20px;}
.jaBox{margin-bottom: 20px;}
.jaBox label{font-size: 18px;}
.zaBox .zaInfo h4{font-size: 20px;}
.zaBox .zaInfo{padding: 10px;}
.zaBox .zaInfo p{font-size: 14px; line-height: normal;}
.zaBox img{height: 250px; object-fit: cover;}
.ihrInfo h4{font-size: 20px;}
.ihrInfo ul li{font-size: 18px;}
.ihrInfo ul li img{width: 22px;}
.ftMenu li{padding-bottom: 10px;}
.flagIcon {margin-top: 24px;}
footer h6{margin-bottom: 10px;}
.subHeader .inHeader h1{font-size:20px;}
.subHeader .inHeader{padding: 20px 30px;}
.subHeader .inHeader p{margin-bottom: 20px;}
.stepTitle{font-size: 18px;}
.stepTitle{margin-bottom: 10px;}
.stepTitle p{font-size: 15px;}
.sndTitle p{font-size: 14px;}
.logoTxt p{display: none;}
.call a{font-size: 10px;padding: 12px 16px;}
.contactTitle h1{font-size:24px;}
.contactTitle p{font-size: 14px; line-height: normal;width: 100%;}
.address iframe {width: 100%;margin-top: 20px;}
.addressDetail h3{font-size: 20px;}
.addressDetail p{font-size: 16px;}
.thankTitle h1{font-size: 20px;}
.besTitle {text-align: center;margin-bottom: 30px;}
.zuBtn a{padding: 15px 50px; font-size: 14px; margin-top: 0;}
.impression .imerMain h2{font-size: 14px;}
.impression .imerMain h1{font-size: 24px;}
.impression .imerMain .step1 h3{font-size: 16px;}
.impression .imerMain p{font-size: 14px;}

}
@media all and (max-width:767px){
  .accordion .accordion-button{font-size: 14px;}
  .main-banner ul{display: block;}
  .main-banner ul li, .main-banner ul li a{width: 100%; display: block;}
  .main-banner ul li a{font-size: 12px; padding: 15px 10px; display: block;}
  .main-banner ul li:last-child a{margin-top: 10px;}   
  .baseimg p{font-size: 14px;}

}
@media all and (max-width:575px){
    .logo{width: 70px;}



}
@media all and (max-width:375px){



}