/* ===================== 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; Color:#002856; outline: none;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
a:active, a:hover {text-decoration: none; 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: #fff; font-size: 16px; font-weight:600;}
header a{color: #fff; font-size: 15px; font-weight:300;}
header a:hover{color:#0079AB;}
.headerInner{background:#000000; border-radius: 20px; padding:18px 25px; box-shadow: rgba(0, 0, 0, .1) 0 1px 2px 0;}
.logo{width: 180px;}
.call{background:#0079AB;color:#ffffff;padding:10px 40px; text-transform:inherit; border-radius:30px; font-size:16px; font-weight:600;}
.call:hover{background:#ffffff;color: #000000;}
.call img{width:30px; margin-left: 10px;}
.call img:hover{filter:invert(1);}
.menu{background: #252525; border-radius: 15px; box-shadow: 0 4px 4px rgba(0, 0, 0, .25); padding: 10px 25px;}
.menu ul{display: flex; align-items: center; justify-content: space-between; height:50px;}
.menu ul li a{color: #fff; padding: 15px 25px;}

.spaceTop{padding-top:70px;}
.ownerDetailmain{background:linear-gradient(50deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 80%, rgba(0, 77, 122, 1) 100%); padding: 50px; border-radius: 15px; display: flex; align-items: center; justify-content: center;}
.ownerDetail{background: #202326;padding: 15px 0px 0 0px;border-radius: 15px;width: 270px;flex: 0 0 auto;}
.onrDetail{ color: #fff; padding: 0 50px; font-size:18px; font-weight: 300; text-align: center;}
.ownerDetail img {width: 100%;height:320px;object-fit: cover;border-radius: 15px 0 15px 15px;}
.overlay_3{/*background: #0079AB;background: linear-gradient(180deg, rgba(0, 121, 171, 0) 0%, rgba(0, 180, 255, 0.87) 100%);*/ border-radius: 15px 0 15px 15px;padding: 15px; display: flex;align-items: end;justify-content: center;}
.onrName{background: #ffffffb3; backdrop-filter: blur(15px); border-radius: 10px; padding:5px 10px; flex-direction: column; align-items: center; justify-content: end;width: 100%;}
.onrName label{font-size: 16px; color: #000; font-weight: 500;}
.onrName p{color: #000; font-size:14px; font-weight:300;}
.info2{width: 70%;}

.nichInfo{background:#f3f3f3; padding:50px; border-radius: 20px;}
.titlenich{font-size: 30px; color: #999999; font-weight: 600; margin-bottom: 25px;}
.nichInfo .blogBox2{background: none; border: none; border-radius: 0; box-shadow: none;}
.nichInfo .blogBox2 img{height: 450px;}
.nichInfo .blogBox2 p{margin-top: 20px; font-size: 16px;}
.spaceBottom{padding-bottom:100px;}

.coloImages{margin-top: 10px;}
.coloImages li img{width:80px; height: 60px; border-radius:0px;}

.nichInfo{background:#f3f3f3; padding:50px; border-radius: 20px;}
.titlenich{font-size: 30px; color: #999999; font-weight: 600; margin-bottom: 25px;}
.nichInfo .blogBox2{background: none; border: none; border-radius: 0; box-shadow: none;}
.nichInfo .blogBox2 img{height: 450px;}
.nichInfo .blogBox2 p{margin-top: 20px; font-size: 16px;}
.spaceBottom{padding-bottom:100px;}







.banner{margin-top: 25px;}
.imgDiv img{height: 100%; width: 100%; object-fit: cover; border-radius:20px;}
.overlay{background: linear-gradient(-90deg, #00000000 45%, #000000 100%); border-radius: 20px; box-shadow: rgba(0, 0, 0, .1) 0 1px 2px 0;}
.overlay .heaing{font-size: 60px; color: #fff; line-height:60px; font-weight: 700; margin-bottom:30px;}
.overlay label{font-size:28px; color: #fff; font-weight:600; line-height:40px;}
.overlay .heaing span{color: #0079AB;}
.info {max-width: 60%;}
.overlay a{background: #0079AB; display: inline-block;
  color: #fff;padding: 10px 20px;border-radius: 100px;min-width: 250px; line-height: 40px;text-align: center; transition: all 0.5s; font-size: 16px; font-weight: 500;}
.overlay a img{width: 25px; margin-left: 10px;}
.overlay a:hover{background:#002856; color:#fff;}
.overlay p{font-size: 25px; color: #fff; font-weight:600; line-height: 35px; margin:30px 0;}
.imgDiv.imghg img {min-height: 300px;}
.allSect .imgDiv img {height:400px;}
.overlay a:last-child{background:#ffffffb3; color: #626262; backdrop-filter: blur(15px); font-size:16px; font-weight:500;}
.overlay a + a{margin-left: 40px;}
.overlay a:last-child:hover{background: #999999; color: #fff;}
.thanks .info{max-width: 100%;}


.overlay_2{background: linear-gradient(180deg, #00000000 45%, #000000 100%); border-radius: 20px; box-shadow: rgba(0, 0, 0, .1) 0 1px 2px 0;}
.overlay_2 .heaing{font-size: 50px; color: #fff; line-height:60px; font-weight: 700; margin-bottom:30px;}
.overlay_2 label{font-size:28px; color: #fff; font-weight:600; line-height:40px;}
.overlay_2 .heaing span{color: #0079AB;}
.overlay_2 p{font-size:18px; color: #fff; font-weight:300; line-height: 30px; margin:0 0 13px 0;}

.readmore:hover{ color: #0079AB;}
.number{margin-bottom: 60px;}

.overlay.overlay2{background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 0%, rgba(255,255,255,0.21004898541447825) 200%);}
.overlay.overlay2 label{font-size:25px; color: #000; font-weight:500;}
.overlay.overlay2 p{font-size: 20px; color: #000; line-height: 30px; margin-top: 15px;}

.overlay3{background: linear-gradient(0deg, rgba(6,6,6,0.6907095601912641) 10%, rgba(3,3,3,0.2649392520680147) 50%, rgba(0,0,0,0) 100%); border-radius: 20px; box-shadow: rgba(0, 0, 0, .1) 0 1px 2px 0;} 

.staInfoMain{padding: 70px 0 100px;}
.staInfo{display: flex; background:#f3f3f3; padding:100px; border-radius: 20px;}
.staInfo h1{font-size:22px; font-weight:400; color:#002856; margin-bottom:25px; line-height: 30px;}
.staInfo p{max-width: 90%; font-size:16px; font-weight:300; color:#002856; margin-bottom:25px; line-height: 30px;}
.blogBox2{transition: all 0.5s; background:#e4e4e480; padding: 0px; border-radius: 20px; margin-bottom:50px; box-shadow: rgba(0, 0, 0, .1) 0 1px 2px 0;}
.blogBox2 label{font-size:24px; font-weight:600; margin-bottom: 10px; color:#fff;}
.blogBox2 p{font-size:18px; font-weight:300; margin-bottom: 15px; color: #36454F; min-height: 50px;}
.blogBox2 figure{transition: all 0.5s;;}
.blogBox2 figure img{border-radius: 15px; height:280px; object-fit: cover; width: 100%;}
.blogBox2:hover{transform: translateY(-3px);}
.blogBox2 .infoIcon img{width: 40px; height: auto;}

.infoIcon { position: absolute; top: 10px; right: 10px; background: none;}
.blogBox2 .infoIcon img {width: 40px; height: auto;}

.prouct{padding: 100px 0;}
.title{margin-bottom:40px;}
.title h1 span{ font-size:35px; font-weight:700; color:#021320; margin-bottom: 15px;}
.title h1{ font-size: 30px; font-weight:600; margin-bottom: 15px;}
.title h2 span{ font-size:40px; margin-bottom: 15px;}
.title h2{ font-size: 30px; margin-bottom: 15px;}
.title p{font-size:18px; font-weight:300; color:#021320; line-height: 25px; max-width:70%;}

.dasSec{background:#f3f3f3; padding: 100px 0;}
.dasBox{background: #fff; border-radius: 20px; padding:30px; min-height: 320px; box-shadow: rgba(0, 0, 0, .1) 0 1px 2px 0;}
.dasBox img{margin-bottom: 15px; width:50px;}
.dasBox label{font-size: 17px; font-weight:500; margin-bottom: 10px; display: block;}
.dasBox p{font-size: 15px; font-weight:300; margin-bottom: 10px;}
.planSce{background:linear-gradient(240deg,rgba(43, 205, 188, 1) 0%, rgba(0, 121, 171, 1) 50%, rgba(0, 40, 86, 1) 100%); height: 100%;border-radius:20px; display: flex; align-items: top; justify-content: center; padding: 40px;}
.dasTitle{color: #002856; font-size:30px; font-weight:700; margin-bottom:30px;}
.planSce h3{font-size: 24px; color:#fff; font-weight:500; margin-bottom: 15px;}
.planSce p{font-size:16px; font-weight:300; line-height:25px; color: #fff;}
.planSce a{color: #000; background:#ffffff8a; backdrop-filter: blur(10px); display: inline-block; padding:16px 18px;border-radius:15px;width: 100%;font-size: 20px; font-weight: 300; line-height:35px; border: 1px solid #fff; text-align: center;margin-top:50px;}
.planSce a:hover{color: #000; background:#ffffff;}
.planSce a img {padding-left: 15px;width: 40px; filter: invert();}

.dasBan{background: #F6F6F6; padding: 40px 0 70px;}
.planSce2{background:linear-gradient(240deg,rgba(43, 205, 188, 1) 0%, rgba(0, 121, 171, 1) 50%, rgba(0, 40, 86, 1) 100%); min-height: 350px; box-shadow: rgba(0, 0, 0, .1) 0 1px 2px 0; padding:50px 100px;}
.planSce2 h3{font-size:30px; font-weight: 300; color: #fff;}
.planSce2 p{font-weight: 300; font-size: 20px; color: #fff;}

.mitSce2 img{height: 220px; width: auto; margin-right: 40px;}
.mitSce2 h1{font-size:30px; font-weight:700; color: #fff;}
.mitSce2 h3{font-size:30px; font-weight:600; color: #fff;}
.mitSce2 p{font-weight: 400; font-size: 20px; color: #fff;}
.baseimg {background: #F6F6F6; border-radius: 20px; border: 1px solid rgba(0, 0, 0, .13); padding: 20px; text-align: center; font-size: 20px; color: #000;}
.baseimg p{font-size: 15px; min-height: 50px;}
.baseimg img{height: 250px !important;width: 250px;margin-bottom: 20px;object-fit: contain;}
.proCar- label{position: relative;}
.proCar label input{position: absolute; width: 100%; height: 100%;}
/* .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 #BCDDFC;
    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);
  }


  .blogBox2 .anLink a{color: #fff; transition: 0.5s; background: linear-gradient(to right, #000428 0%, #004D7A  51%, #004D7A  100%); background-size: 200% auto; box-shadow: 0 0 20px #eee; display: inline-block; padding:15px 18px;border-radius:15px;width: 100%;font-size: 18px; font-weight:200; text-align: center;margin-top: 20px;}
  .blogBox2 .anLink a img{padding-left: 15px; width: 35px;}
  .blogBox2 .anLink a:hover{background-position: right center; color: #fff;}

.step{display: flex; align-items: center; margin-bottom:50px;}
.iconCmn{background: #BCDDFC;border-radius: 10px;border: 1px solid #2581C4;padding: 12px;margin-right: 20px;}
.iconCmn img{width: 40px;}
.step label{font-size: 25px; font-weight:400; color:#002856;}
.step span{ font-size:28px; font-weight:700; color:#002856;}

.blogBox2 figure .infoDetail img{width:40px; height: 40px;}
.blogBox2 figure .infoDetail span{display: inline-block;transition: all 0.5s;; background:#ffffffbd; backdrop-filter: blur(10px); border-radius:30px; padding: 0px 20px; line-height:38px; height:38px; font-size: 15px; font-weight: 400}
.blogBox2 figure:hover span{background:#004D7A; color: #fff;}


.info_2{position: absolute; background:#ffffffb3; backdrop-filter: blur(10px); font-size: 16px;font-weight: 300; color: #021320; padding: 10px; border-radius: 10px; bottom: 68px; display: none;width: 90%;right: 20px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.info_2::after{width: 0;content: "";position: absolute;height: 0;backdrop-filter: blur(10px); border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #FFf; bottom: -10px;right: 15px; transform: all 0.5s;filter: blur(1px);}
/* .blogBox2 figure .infoDetail:hover .info_2{display: block;}   */
.blogBox2 figure .infoDetail .hariom2:hover .info_2{display: block;}  

.allSect{padding: 100px 0;}
.imgDive img{border-radius: 20px; height:400px; object-fit: cover; width: 100%;}
.arrowImg img{width:50px;}
.arrowImg img:hover{filter:invert(1);}
.accordionMenu{padding: 100px 0;background-color: #fff; color: #000000;}
.accordionMenu .accordion-item{margin-bottom: 25px; border-radius: 15px; background: #f6f6f6;}
.accordionMenu .accordion-header{width: 100%;}
.accordionMenu p{font-weight: 300; margin-bottom: 15px;}
.accordionMenu ul{padding: 0; margin: 0;}
.accordionMenu ul li{padding-left: 25px; position: relative; margin-bottom: 10px; font-weight: 300;}
.accordionMenu ul li::before{width: 8px; height: 8px;border-radius: 50%; background: #000; position: absolute; left: 0; top: 10px;content: '';}
#accordion-wrapper{margin-top:0px;margin-bottom:0px;border-radius:15px;padding:0;}
.accordion .accordion-button {background-color: transparent; padding: 20px; color:#021320; font-size:20px; font-weight:300; padding-right:70px;}
.accordion-button:focus {box-shadow: unset;}
.accordion-button::after {background-image: url(../images/plus.svg);position: absolute;right: 24px;}
.accordion-button:not(.collapsed)::after {background-image: url(../images/minus.svg);}

footer{padding: 80px 0 0; background: linear-gradient(90deg, rgba(0, 0, 6, 1.000) 0.000%, rgba(0, 0, 6, 1.000) 2.941%, rgba(1, 1, 7, 1.000) 2.941%, rgba(1, 1, 7, 1.000) 5.882%, rgba(2, 2, 8, 1.000) 5.882%, rgba(2, 2, 8, 1.000) 8.824%, rgba(3, 3, 9, 1.000) 8.824%, rgba(3, 3, 9, 1.000) 11.765%, rgba(4, 5, 10, 1.000) 11.765%, rgba(4, 5, 10, 1.000) 14.706%, rgba(6, 6, 11, 1.000) 14.706%, rgba(6, 6, 11, 1.000) 17.647%, rgba(7, 7, 12, 1.000) 17.647%, rgba(7, 7, 12, 1.000) 20.588%, rgba(8, 8, 13, 1.000) 20.588%, rgba(8, 8, 13, 1.000) 23.529%, rgba(9, 9, 14, 1.000) 23.529%, rgba(9, 9, 14, 1.000) 26.471%, rgba(10, 10, 16, 1.000) 26.471%, rgba(10, 10, 16, 1.000) 29.412%, rgba(11, 11, 17, 1.000) 29.412%, rgba(11, 11, 17, 1.000) 32.353%, rgba(12, 13, 18, 1.000) 32.353%, rgba(12, 13, 18, 1.000) 35.294%, rgba(13, 14, 19, 1.000) 35.294%, rgba(13, 14, 19, 1.000) 38.235%, rgba(14, 15, 20, 1.000) 38.235%, rgba(14, 15, 20, 1.000) 41.176%, rgba(15, 16, 21, 1.000) 41.176%, rgba(15, 16, 21, 1.000) 44.118%, rgba(16, 17, 22, 1.000) 44.118%, rgba(16, 17, 22, 1.000) 47.059%, rgba(17, 18, 23, 1.000) 47.059%, rgba(17, 18, 23, 1.000) 50.000%, rgba(18, 19, 24, 1.000) 50.000%, rgba(18, 19, 24, 1.000) 52.941%, rgba(19, 20, 25, 1.000) 52.941%, rgba(19, 20, 25, 1.000) 55.882%, rgba(20, 21, 26, 1.000) 55.882%, rgba(20, 21, 26, 1.000) 58.824%, rgba(21, 22, 27, 1.000) 58.824%, rgba(21, 22, 27, 1.000) 61.765%, rgba(22, 23, 28, 1.000) 61.765%, rgba(22, 23, 28, 1.000) 64.706%, rgba(23, 23, 29, 1.000) 64.706%, rgba(23, 23, 29, 1.000) 67.647%, rgba(24, 24, 30, 1.000) 67.647%, rgba(24, 24, 30, 1.000) 70.588%, rgba(25, 25, 31, 1.000) 70.588%, rgba(25, 25, 31, 1.000) 73.529%, rgba(26, 26, 31, 1.000) 73.529%, rgba(26, 26, 31, 1.000) 76.471%, rgba(26, 27, 32, 1.000) 76.471%, rgba(26, 27, 32, 1.000) 79.412%, rgba(27, 27, 33, 1.000) 79.412%, rgba(27, 27, 33, 1.000) 82.353%, rgba(28, 28, 34, 1.000) 82.353%, rgba(28, 28, 34, 1.000) 85.294%, rgba(28, 29, 34, 1.000) 85.294%, rgba(28, 29, 34, 1.000) 88.235%, rgba(29, 29, 35, 1.000) 88.235%, rgba(29, 29, 35, 1.000) 91.176%, rgba(30, 30, 36, 1.000) 91.176%, rgba(30, 30, 36, 1.000) 94.118%, rgba(30, 30, 36, 1.000) 94.118%, rgba(30, 30, 36, 1.000) 97.059%, rgba(31, 31, 37, 1.000) 97.059% 100.000%);}
.ftMenu{padding: 0;}
.ftMenu li{display: block;padding-bottom: 10px;}
.ftMenu li a{display: block;color:#fff; font-size:16px; font-weight:200;}
.ftMenu a:hover{color: #fff;}
.social{padding: 0;}
.social li{display: inline-block;padding-right: 15px;}
.social li a{display: block;color: #fff;font-size: 16px;font-weight:500;}
.social a:hover{color: #fff;}
.cmInfo label{color: #fff; display: block; margin-bottom: 10px; font-size: 22px; font-weight: 400;}
.heizAdd label{color: #fff; display: block; margin-bottom: 10px; font-size: 22px; font-weight: 400;}
.heizAdd p{font-size: 16px; font-weight:200; color: #fff; line-height:30px;}
.heizAdd p span{display: block;}
.heizAdd img {width: 180px;}
.cmInfo p{font-size:14px; font-weight:200; line-height:30px; color: #fff; display: block;}
.cmInfo a{color: #fff; display: block; margin: 0; padding: 0;}
footer h6{color: #fff;display: block;margin-bottom:15px;font-size: 22px; font-weight: 400;}
.cmInfo img{width: 30px;}
footer p{font-size: 16px; font-weight:200; color: #fff;}
footer a{font-size: 16px; font-weight:200; color: #fff;}
footer a:hover{color:#0079AB;}
.copyRight p{font-size: 12px; color: #afafaf; font-weight: 200;}
.copyRight p:hover{color: #ffffff;}
.copyRight a{font-size: 12px; color:#afafaf; padding-left:50px; font-weight: 200;}
.copyRight a:hover{color: #fff;}
.bottomFoter{border-top: 1px solid #afafaf1a; margin-top:80px;}
.mainForm{padding-bottom: 120px;}
.certificate img {width: 150px; margin-top: 40px;}

.customEnterDetail{display: flex; column-gap: 20px;}
.customEnterDetail li input{background: #F6F6F6; border: 1px solid rgba(0, 0, 0, 0.13); height:50px; border-radius: 5px;}

/*============== Custom Checkboc =============*/
.title2{color:#002856; font-size: 30px; font-weight:700; margin-bottom: 20px;}
.title2 span{font-size: 35px; font-weight:700;}
.cstmcheckbox {display: 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;height: 0;width: 0}
.checkmark {position: absolute;top:1px;left: 0;height: 25px;width: 25px;background-color: #F6F6F6;border:1px solid #E2E2E2; border-radius: 5px;}
/* .cstmcheckbox:hover input ~ .checkmark {background-color: #ccc;} */
.cstmcheckbox input:checked ~ .checkmark {background-color: #0079AB; border: 1px solid #0079AB;}
.checkmark:after {content: "";position: absolute;display: none;}
.cstmcheckbox input:checked ~ .checkmark:after {display: block;}
.cstmcheckbox .checkmark:after {left: 9px;top: 4px;width:7px;height:12px;border: solid white;border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}


.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: #F4F4F4;border-radius: 50%; border: 1px solid #E2E2E2;}
.cstmcheckbox:hover input ~ .checkmark {background-color: #ccc;}
.cstmcheckbox input:checked ~ .checkmark {background-color: #0079AB;}
.checkmark:after {content: "";position: absolute;display: none;}
.cstmcheckbox input:checked ~ .checkmark:after {display: block;}
.cstmcheckbox .checkmark:after {top: 4px;left: 4px;width:14px;height:14px;border-radius: 50%;background: white;}    
.jaInfo textarea{background: #F6F6F6; border: 1px solid #D9D9D9; border-radius: 20px; box-shadow: rgba(0, 0, 0, .1) 0 1px 2px 0; padding: 20px;}    
.mainForm textarea{background: #F6F6F6; border: 1px solid #D9D9D9; border-radius: 20px; box-shadow: rgba(0, 0, 0, .1) 0 1px 2px 0; padding: 20px;}    

.imgDiv.thanImg img {max-height:100%;height: 400px;}

.uploadFile{background: #F6F6F6; border-radius: 20px; border: 1px solid #E2E2E2; width: 100%; padding: 40px 50px; position: relative; box-shadow: rgba(0, 0, 0, .1) 0 1px 2px 0;}
.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;}
.generalInfo input{border: 1px solid #E2E2E2; height: 50px; font-weight: 300; border-radius: 10px; background: #f6f6f6;}
.generalInfo textarea{border: 1px solid #E2E2E2; height:100px; font-weight: 300; border-radius: 15px; background: #f6f6f6;}
.generalInfo input:focus{box-shadow: none;}
.generalInfo label{font-size: 16px; margin-bottom: 6px;}
.checkBox2{display: flex; justify-content: start; align-items: start; font-size: 15px; font-weight: 300;}
.checkBox2 input{width: 20px; height: 20px; margin-right: 15px; margin-top: 3px;}
.checkBox2 input:checked{background: #000;}
.sBtn button{ margin-top: 30px; color: #fff; transition: 0.5s; background: linear-gradient(to right, #232526 0%, #414345 51%, #232526 100%); display: inline-block; padding: 12px 80px; border-radius:15px; background-size: 200% auto; font-size: 20px; box-shadow: 0 0 20px #eee; text-align: center;}
.sBtn img {padding-left: 15px;width: 35px;}
.sBtn button:hover{color: #fff; background-position: right center;}
.infoForm{margin-left: 25px;}
.infoForm img{width: 30px; height: 30px; border-radius: 50px; box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;;}
.info_3{position: absolute; background:#ffffffb3; backdrop-filter: blur(10px); margin: 0 0 0 -10px; font-size: 15px;font-weight: 300; color: #021320; padding: 10px; border-radius: 10px; bottom: 68px; display: none;width:60%;right: auto; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.info_3::after{width: 0;content: "";position: absolute;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff; bottom: -10px;left: 15px; transform: all 0.5s;}
.infoForm:hover .info_3{display: block;}  

.wahaInfo{position: absolute; left: 0;z-index: 1; top: 16px;}
.wahaInfo .info_3{position: relative; width: 100%; top:20px; bottom: auto;}
.wahaInfo .info_3::after{border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;top: -9px;border-top: none}

/*-------------- Contact Us -------------*/
.contact{padding: 120px 0;}
.contact h1{font-size: 35px; font-weight:600; margin-bottom:40px;}
.contInfo{flex-direction: column; padding: 50px; background: linear-gradient(240deg,rgba(43, 205, 188, 1) 0%, rgba(0, 121, 171, 1) 50%, rgba(0, 40, 86, 1) 100%); height: 100%; border-radius: 20px; display: flex; justify-content: center;}
.contInfo h2{color:#fff; margin-bottom:28px; font-size: 28px; font-weight:500;}
.contInfo p{color: #fff; margin-bottom:18px; line-height:25px; font-size: 18px; font-weight:200;}
.contInfo a{color: #fff; margin-bottom:18px; line-height:25px; font-size: 16px; font-weight:200;}
/* .contInfo p{margin-bottom:40px;} */
.contInfo label{font-size: 20px; font-weight: 600; margin-bottom:0px; color: #fff;}
.contInfo ul{margin-top: 40px;}
.contInfo ul li{display: flex; font-weight: 300; }
.contInfo ul li + li{margin-top: 40px;}
.contInfo ul li p{line-height:25px; font-size:16px;}
.contInfo ul li img{width:40px; margin-right: 25px; filter: invert();}

.conForm{border: 1px solid #D9D9D9; padding: 50px; border-radius: 15px; margin-left: 30px;}
.conForm .sBtn button{width: 100%; margin-top: 25px;}

.thanks{padding: 70px 0;}
.thanks .overlay h1 {font-size: 30px; font-weight: 600; color:#fff; line-height:normal; margin:32px 0;}
.thanks .overlay span {font-size: 20px; font-weight: 300; line-height:35px; color:#ffffff; margin-top:15px;}
.thanks .overlay p {font-size: 17px; font-weight: 200; line-height:25px; color:#ffffff; margin-top:15px;}
.thanks .imgDiv.imghg img {min-height: 300px;}

.confirm{padding: 70px 0;}
.confirm h1{font-size: 40px; border-bottom: 1px solid #ccc; padding-bottom:30px; margin-bottom: 25px;}
.confirm p{font-size:18px; font-weight: 300; margin-bottom: 20px;}
.confirm ul{margin: 0; padding: 30px 0;}
.confirm ul li{font-size:18px; font-weight: 300; margin-bottom:5px;}
.confirm label{font-weight: 600; font-size: 20px;}
.eurTitle div{font-size: 20px; font-weight: 500;}

.euroBoxInfo{background: #F6F6F6; padding: 40px;}
.euroBoxInfo i{font-style: normal;}
.euroBoxInfo ul{padding: 0;}
.colors-selected {margin-top: -20px; font-size: 14px; font-weight: 500;}

.empSec{ background:linear-gradient(225deg, rgba(130, 205, 224, 1.000) 0.000%, rgba(149, 201, 222, 1.000) 16.667%, rgba(174, 200, 216, 1.000) 33.333%, rgba(202, 201, 208, 1.000) 50.000%, rgba(232, 206, 199, 1.000) 66.667%, rgba(255, 213, 194, 1.000) 83.333%, rgba(255, 221, 192, 1.000) 100.000%); padding: 70px 0;}
.empSec h2{font-size: 30px; font-weight: 600; line-height:40px; margin-bottom:20px;}
.empSec p{font-size:16px; font-weight:400; line-height: 25px; margin-bottom:15px;}
.empSec .baseimg{padding: 0;}
.empSec .baseimg img{margin-bottom: 0; border-radius: 20px;}
.viewBtn a{display: inline-block;
  position: absolute;
  bottom: 70px;
  left: 0;
  transition: all 0.5s;
  background: #ffffffbd;
  backdrop-filter: blur(10px);
  border-radius: 10px;
  padding: 10px 20px;
  line-height: 38px;
  font-weight: 400;
  right: 0;
  width: 80%;
  margin: 0 auto;
  color: #000;
  font-size: 18px;}
 
 .viewBtn a:hover{background:#ffffff;}
.dank{background: linear-gradient(240deg,rgba(43, 205, 188, 1) 0%, rgba(0, 121, 171, 1) 50%, rgba(0, 40, 86, 1) 100%);}

/*----------- Color Popup --------------*/
.colorList{display: flex;flex-wrap: wrap; row-gap: 25px; background:#F6F6F6;border-radius:25px;padding:30px; justify-content: center;}
.colorList li{width: 12%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.colorList li .color{width:80px; height:60px; background: #F0EDE1; color: #fff; /*box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;*/ border-radius:0px;display: flex;
    align-items: center;justify-content: center;flex-direction: column;}
    .colorOption span{font-size: 14px; font-weight: 200;}
    .colorOption p{font-size: 12px; font-weight: 600;}
    .colorList li:first-child .color span{color: #000;}    
    .colorList li:first-child .color p{color: #000;}  
    
    .colorList li:nth-child(2) .color{background: #E6D3B5;}
    .colorList li:nth-child(3) .color{background: #B5AF9F;}
    .colorList li:nth-child(4) .color{background: #4B2B20;}
    .colorList li:nth-child(5) .color{background: #F7B500;}
    .colorList li:nth-child(6) .color{background: #E65300;}
    .colorList li:nth-child(7) .color{background: #A42821;}
    .colorList li:nth-child(8) .color{background: #5E2028;}
    .colorList li:nth-child(9) .color{background: #68825B;}
    .colorList li:nth-child(10) .color{background: #497E76;}
    .colorList li:nth-child(11) .color{background: #058B8C;}
    .colorList li:nth-child(12) .color{background: #353C40;}
    .colorList li:nth-child(13) .color{background: #3481B8;}
    .colorList li:nth-child(14) .color{background: #004D7A;}
    .colorList li:nth-child(15) .color{background: #C5C7C4;}
    .colorList li:nth-child(16) .color{background: #0A0C10;}
    .colorOption.selected {border: 2px solid #28a745; /* green border */position: relative;background-color: #e9f9ed; padding: 10px;}
    .colorOption.selected::after {content: "✔";position: absolute;top:11px;right: 28px;font-size: 18px;color: #28a745;font-weight: bold;}

  .number li{border: 1px solid rgba(0, 0, 0, .13); border-radius: 20px; padding: 20px 50px;}
  .number input{border: 1px solid #E2E2E2;height: 40px;font-weight: 300;border-radius: 10px;background: #f6f6f6; width:130px; text-align: center; margin-left: 25px;}
  .number label{max-width: 200px; margin-right: 20px;}


  /*---------------------------- 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: "";}



/*------------------------- Umkleindspine Html 7/12/2025 ------------*/
.umkbanner{margin-top: 25px;}
.umkbanner .imgDiv img{height: 100%; width: 100%; object-fit: cover; border-radius:20px;}
.umkbannerOverlay{background: linear-gradient(-180deg, #00000000 45%, #000000 100%); border-radius: 20px; box-shadow: rgba(0, 0, 0, .1) 0 1px 2px 0;}
.umkbannerOverlay .heaing{font-size: 60px; color: #fff; line-height:60px; font-weight: 700; margin-bottom:30px;}
.umkbannerOverlay label{font-size:28px; color: #fff; font-weight:600; line-height:40px;}
.umkbannerOverlay .heaing span{color: #0079AB;}
.umkbannerOverlay p {font-size: 25px;color: #fff;font-weight: 600;line-height: 35px;margin: 30px 0;}
.info {max-width: 60%;}

.EinMain{padding: 70px 0;}
.einBox{border: 1px solid #D9D9D9; padding:40px 40px; border-radius: 20px;}
.EinMain p{font-size: 18px; font-weight: 300; font-size: 16px; line-height: 22px; margin-bottom: 25px; line-height: 26px;color: #000;}
.einBoxInn{background: rgba(0, 40, 86, .06); border-radius: 20px; padding: 40px 50px;}
.einBoxInn h1{font-size: 30px; margin-bottom: 10px; color: #002856;font-weight: 600;}
.einBoxInn p{color: #002856;}
.brdRd20{border-radius: 20px;}

.einUmgMain{padding:0px 0 70px;}
.einUmgInn{background: #F5F5F5; border-radius: 20px; padding: 50px;}
.einUmgInn h2{font-size:30px; margin-bottom:5px; color: #002856;}
.einUmgInn p{font-size:16px; margin-bottom:25px; color: #002856;}
.einUmgInn ul{padding: 0;}
.einUmgInn ul li{position: relative; font-size: 18px; font-weight: 300; margin-bottom: 25px; padding-left: 25px; position: relative;}
.einUmgInn ul li span{font-weight:700; display: block;}
.einUmgInn ul li::before{width: 12px; height: 12px;border-radius: 100%; background: #000; content: ""; left: 0; top:10px; position: absolute;}

.vorMain{padding-bottom: 70px;}
.vorMain h3{font-size:30px; margin-bottom:5px; color: #002856;}
.vorMain p{font-size:16px; margin-bottom:25px; color: #002856;}
.vorMain ul{padding: 0;}
.vorMain ul li{position: relative; font-size: 18px; font-weight: 300; margin-bottom: 25px; padding-left: 25px; position: relative;}
.vorMain ul li span{font-weight:700; display: block;}
.vorMain ul li::before{width: 12px; height: 12px;border-radius: 100%; background: #000; content: ""; left: 0; top:10px; position: absolute;}

.unkList{background: #F5F5F5; border-radius: 20px; padding: 50px;}
.unkList h3{font-size:30px; margin-bottom:5px; color: #002856;}
.unkList p{font-size:16px; margin-bottom:25px; color: #002856;}
.unkList ul{padding: 0;}
.unkList ul li{position: relative; font-size: 16px; font-weight: 300; margin-bottom: 25px; padding-left: 25px; position: relative;}
.unkList ul li span{font-weight:700; display: inline-block;}
.unkList ul li::before{width: 12px; height: 12px;border-radius: 100%; background: #000; content: ""; left: 0; top:6px; position: absolute;}
.derText{font-weight: 600;}
.vorMain .welList li span{display: inline-block;}
.vorMain .welList li::before{top: 6px;}
a.cnBtn{transition: all 0.5s; display: inline-block; padding: 15px 60px; font-size:20px; font-weight: 400; color: #fff; border-radius:50px; margin-top: 20px; background: #009AF4;background: linear-gradient(180deg, rgba(0, 154, 244, 1) 0%, rgba(0, 90, 142, 1) 100%);}
a.cnBtn:hover{background: #009AF4;
background: radial-gradient(circle, rgba(0, 154, 244, 1) 0%, rgba(0, 90, 142, 1) 100%);}
/*------------------------- End of Umkleindspine Html 7/12/2025 ------------*/



/*======== Media Queries for Mobile =========*/
@media all and (max-width:1440px){
    .heizAdd img {width: 200px;}
    .imgDive img{height: 350px;}
    .planSce h3{font-size: 23px;}
    .planSce a{font-size: 19px;}
    .step span{font-size: 22px;}
    .step label{font-size: 20px;}
    .title2{font-size: 22px;}
    .overlay h1{font-size: 35px; line-height: normal;}
    .overlay label{font-size: 22px;line-height: normal;}
    .staInfo h1{font-size: 32px;}
}
@media all and (max-width:1199px){
    .prouct,.dasSec,.allSect,.thanks,.contact, .accordionMenu{padding: 40px 0;}
    .overlay a.link{padding: 9px 15px;}
    .overlay h1{font-size:34px; line-height: normal;}
    .title p{max-width: 100%;}
    .blogBox2{margin-bottom: 25px;}
    .dasBox{padding: 20px;}
    .planSce{padding: 20px; margin-top: 25px;}
    .planSce.contInfo{padding: 40px;}
    .planSce p{font-size: 15px;line-height: initial;}
    .planSce a{margin-top: 25px; font-size: 17px;padding:13px 11px;border-radius:10px;}
    .social{margin-bottom: 25px;}
    .planSce2{height: 230px;}
    .dasBox p{font-size: 14px;}
    .planSce h3{font-size: 20px;}
    .blogBox2 a{font-size: 16px;}
    .imgDive img{height: 300px;}
    .thanks .overlay h1{font-size: 40px;}
    .thanks .overlay label{font-size:20px;}
    .overlay p{font-size: 15px;}
    .thanIocn{width:60px;}
    .contInfo h2{font-size: 22px;}
    .conForm{padding: 25px;}
    .checkBox2{font-size: 13px;}
    .step{margin-bottom: 18px;}
    .step span{font-size: 18px;}
    .step label{font-size: 16px;}
    .title2{font-size: 18px;}
    .staInfo{padding: 25px; text-align: center; display: block;}
    .staInfo p{max-width: 100%; font-size: 14px; line-height: normal; text-align: center;}
    .faqTitle {color: #002856; font-size: 30px; font-weight:700; margin-bottom: 25px;}
    .accordion .accordion-button{font-size:15px;}
    .bottomFoter{margin-top: 20px;}
    .blogBox2 label{font-size: 20px;}
    .overlay label{font-size: 20px; line-height: normal;}
    .staInfo h1{font-size: 30px;}
    .blogBox2 figure img{height: 230px;}
    .ownerDetailmain{flex-direction: column;}
    .onrDetail{padding:50px 0px;}
    .ownerDetailmain{padding: 50px 20px;}
    .info{max-width: 100%;}
    header p{font-size: 14px;}

}
@media all and (max-width:991px){
    .dasBan{padding-bottom: 40px;}
    .overlay .heaing{font-size: 30px; line-height: normal;}
    .title h2 span{font-size: 25px;}
    .title h2{font-size: 20px;}
    .overlay p, .overlay.overlay2 p{font-size: 15px; line-height: normal;}
    .thanks .overlay p, .thanks .overlay.overlay2 p{font-size: 15px; line-height: normal;}
    .thanks .overlay span{font-size: 18px;line-height: normal;}
    .imgDiv.thanImg img{height: 275px;}
    .info p,.overlay.overlay2 p {margin-top: 0;}
    .allSect .imgDiv img{height: 240px; object-fit: cover;}
    .imgDive img{height: 250px; object-fit: cover;}
    /* .copyRight{display: block !important; text-align: center;} */
    .copyRight a{padding-left: 8px;}
    .overlay label,.overlay.overlay2 label{font-size: 20px;}
    .title2{font-size: 16px;}  
    .title2 span{font-size: 20px;}
    .planSce2{min-height: 250px; margin-top: 0;}
    .thanks .imgDiv.imghg img{min-height: 276px;}
    .thanks .overlay h1{font-size: 28px;}
    .contact h1{font-size: 20px;}
    .contInfo h2{font-size: 20px; margin-bottom: 20px;}
    .conForm{margin-left: 0; padding:20px;margin-top: 25px;}
    .checkBox2{font-size: 13px;}
    .step span{font-size: 16px;}
    .step label{font-size: 12px;}
    .colorList li{width: 33%;}
    .colorList li .color{width: 120px; height: 120px;}
    .colorList li .color span{font-size: 14px;}
    .overlay a.link{font-size: 18px;}
    .staInfo h1{font-size: 17px;line-height: inherit; text-align: center;}
    .blogBox2 p{min-height: auto; font-size: 14px;}
    .dasTitle{font-size: 25px;}
    .imgDiv.thImg img {height: 572px !important;object-fit: cover;}
    .iconCmn img { width: 26px;}
    .contInfo{padding: 25px;}
    .contInfo p{font-size: 15px;line-height: normal;}
    .contInfo ul{margin-top: 14px;}
    .contInfo ul li + li {margin-top: 12px;}
    .empSec h2{font-size: 23px;line-height: 20px;}
    .info{max-width: 100%;}
    .certificate img{margin-top: 0;}
    .overlay_2 p{font-size: 14px;margin: 0 0 13px 0; line-height: normal;}
    .overlay_2 label{font-size: 18px; line-height: normal;}
    .arrowImg img {width: 30px;}
    .faqTitle{font-size: 20px;}
    .call{font-size: 13px;}
    
      /* Umk Pgae */
    .einUmgMain,.vorMain{padding-bottom: 40px;}
    .EinMain{padding: 40px 0;}
    .einBox, .einBoxInn, .einUmgInn,.unkList{padding: 20px;}
    .einBoxInn h1,.einUmgInn h2,.vorMain h3,.unkList h3{font-size: 20px;}
    .einUmgInn p,.vorMain p,.unkList p{font-size: 14px;line-height: initial;}
    .einUmgInn ul li,.vorMain ul li,.unkList ul li{font-size: 14px;}
    .EinMain p{font-size: 14px; line-height: initial;}
     .umkbannerOverlay .heaing {font-size: 30px;line-height: normal}
     .umkbannerOverlay p {font-size: 15px;line-height: normal; margin-top: 0;}
     .derText{font-size: 14px; line-height: normal;}
     a.cnBtn{margin-bottom: 25px;}



}
@media all and (max-width:767px){
    .banner .imgDiv img{height: 250px;}
    .overlay .heaing{font-size: 22px;text-align: left;margin-bottom: 10px;}
    .overlay label{font-size:18px;}
    .imgDiv.imghg img {min-height: 200px;}
    .cstmcheckbox{font-size: 14px;}
    .thanks .overlay h1{font-size: 25px; line-height: normal; text-align: left;}
    .colorList li .color{width: 110px; height: 110px;}
    .colorList li{width: 33%;}
    .colorList li span{font-size: 14px;}
    .colorList li p{font-size: 12px;}
    .imgDiv.thImg img {height:650px !important;object-fit: cover;}
    .mainForm textarea{font-size: 14px;}
    .cmInfo label{font-size: 18px; margin-bottom: 3px;}
    .ftMenu li{padding-bottom: 6px;}
    footer h6{font-size: 18px; margin-bottom:6px;}
    .social{margin-top: 15px;}
    .mitSce2 img {height: 180px;width: auto;margin-right: 20px;}
    .impression{padding: 40px 0;}
    .impression .imerMain{padding: 20px;}
    .impression .imerMain h1{font-size: 25px;}
    .impression .imerMain h2{font-size: 18px;}
    .impression .imerMain .step1 h3{font-size: 16px;}
    .impression .imerMain p, .impression .imerMain pre{font-size: 14px;}
    .koiBtn{display: none !important;}
    .number li{padding: 20px 9px;}
    
     /* Umk Pgae */
     .umkbanner .imgDiv img {height: 250px;}
     .umkbannerOverlay .heaing {font-size: 22px;text-align: left;margin-bottom: 10px;}


}
@media all and (max-width:575px){
    .logo{width: 100px;}
    .colorList li{width: 48%;}
    .cstmcheckbox{font-size: 13px;}
    .title2 span{font-size: 16px;}
    .title2{font-size: 14px;}
    .sBtn button{padding: 12px 55px; width: 100%;}
    header p, header a{font-size: 12px;}
    


}
@media all and (max-width:375px){
    .logo { width: 115px;}
    .call{font-size: 12px; padding: 8px 19px;}

}