/* i::after{content: '#';} */

:root{

/* box */
--box-shadow-sml-light:5px 5px 5px lightgray;

/* color */
--hue-color: 250;
--colPri: #0866ff;
--colPriDark: hsl(var(--hue-color), 57%, 53%);
--colPriLight: hsl(var(--hue-color), 92%, 85%);
--titlecol: hsl(var(--hue-color), 37%, 33%);
--colText:#050505;
--colGray:#65676b;
--colLight:#ddd;
--fontFamily: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
--bgblurpx:5px;
--pageWidth:1200px;
--fontSizeHtml:120%;
--fontSizeTtl:3rem;
--fontSizeSubTtl:1.3rem;

}


/* basic */

*{margin:0;padding:0;box-sizing:border-box;}
html{font-size:var(--fontSizeHtml);}
body{width:100%;min-height:95vh;background:var(--bodyBgCol);color:var(--colText);font-family:var(--fontFamily);overflow-x: hidden;}

body.nightmode{
--colText: hsl(var(--hue-color), 8%, 85%);
--colLight: hsl(var(--hue-color), 53%, 91%);
--bodycol: hsl(var(--hue-color), 10%, 9%);
}


a{text-decoration: none;display: inline-block;cursor: pointer;}
h1,h2,h3{color:var(--titlecol);font-weight:bold;margin:1rem 0;}
h1{font-size:2rem;}h2{font-size:1.5rem;}h3{font-size:1.1rem;}
h1+.titledesc,h2+.titledesc,h3+.titledesc{margin:-.9rem 0 1rem;}
ul{list-style:none;}


article{text-align: justify;line-height:calc(var(--textsize) + 20);}
/* article .plantext{} */

/* bg */
.bgblur{
-webkit-backdrop-filter: blur(var(--bgblurpx));
backdrop-filter: blur(var(--bgblurpx));
background: rgba(255,255,255,.5);
}

/* box shadow */
.boxShadow{box-shadow:.5rem .5rem .5rem rgba(0,0,0,.3);}

/* btn */
.btns{display: flex;flex-wrap: wrap;gap:1rem;justify-content: space-evenly;}
.btns > .btn{flex:1 1 100px;display: inline-block;padding:12px;background-color: var(--colPri);color: #fff;border-radius:.2rem;cursor: pointer;border:1px solid rgba(0,0,0,.2);text-align: center;font-size: 1rem;font-weight: bold;text-decoration: none;}
.btns .btn:hover{background-color:transparent;color:var(--colPri);}
.btns > .btn.alt{background-color:#fff;color: var(--colPri);}
.btns .btn.alt:hover{background-color:transparent;}
.btns .btn.sml{padding:.1rem .3rem;}
.btns .btn.danger{background-color:rgb(251, 52, 52);}

/* btn 3d */
.btn3d{box-shadow:3px 3px 3px rgba(0,0,0,0.7);}
.btn3d:hover{box-shadow:0 0  rgba(0,0,0,0.7);transform: translate(2px, 2px);}

/* cards */

.cards1{display:flex;flex-wrap: wrap;justify-content:center;gap:1rem;}
.cards1 .card{flex:1 1 calc(300px - 1rem /* gap */);}

.cardservice{display: flex;}
.cardservice .card{flex:1 1 290px;max-width:350px;display: flex;flex-direction:column;align-items: center;background:#fff;margin:1rem;text-align: justify;padding:2rem;border-radius:1rem;font-size:1.3rem;font-weight: bold;border:none;box-shadow:0px 0px rgba(0,0,0,0);margin-top:5rem;}
.cardservice .card img{width:200px;height:200px;padding:1rem;border-radius:3rem;transform: translateY(-6rem);margin-bottom:-5rem;background: var(--colPri);}
.cardservice .card .ttl{font-size:1.7rem;font-weight: bold;margin-bottom:1rem;color:var(--colPri);}

/* clamp  */
.line_clamp1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:calc(100% - 35px);height:1rem;}

/* color */
.bg-#fff, .bg-white{background: #fff;}
.c-red, .color-danger{color: red;}
.color-success{color: green;}
.facebookcolor{color:#3b5998;}
.instagramcolor{background-image:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);box-shadow: 0px 3px 10px rgba(0,0,0,.25);background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent; -moz-text-fill-color: transparent;}
.instagramcolorbg{background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);box-shadow: 0px 3px 10px rgba(0,0,0,.25);}
.linkedincolor{color:  #0077b5;}
.twittercolor{color:  #00acee;}
.whatsappcolor{color: #25D365;}
.ytcolor{color:#FF0000}
.c-skyblue{color:skyblue;}
.c-lightskyblue{color:lightskyblue;}
.bg-primary{background-color:rgb(13, 110, 253);color:#fff;}.bg-primary:hover{background-color:rgb(0, 100, 250);color:#fff;}.bg-secondary{background-color: rgb(108, 117, 125);color:#fff;}.bg-secondary:hover{background-color: rgb(98, 107, 114);color:#fff;}.bg-success{background-color: rgb(25, 135, 84);color:#fff;}.bg-success:hover{background-color: rgb(20, 119, 73);color:#fff;}.bg-danger{background-color: rgb(220, 53, 69);color:#fff;}.bg-danger:hover{background-color: rgb(202, 39, 56);color:#fff;}.bg-warn{background-color: rgb(255, 193, 7);color:rgb(33, 37, 41);}.bg-warn:hover{background-color: rgb(243, 182, 0);color:rgb(33, 37, 41);}.bg-info{background-color: rgb(13, 202, 240);color:rgb(33, 37, 41);}.bg-info:hover{background-color: rgb(0, 193, 231);color:rgb(33, 37, 41);}.bg-light{background-color: rgb(248, 249, 250);color:rgb(33, 37, 41);}.bg-light:hover{background-color: rgb(231, 232, 233);color:rgb(33, 37, 41);}.bg-dark{background-color: rgb(33, 37, 41);color:#fff;}.bg-dark:hover{background-color: rgb(14, 16, 17);color:#fff;}

/* display */
.d-none, .dnone{display: none !important;}
.d-flex, .dflex{display: flex;}

/* flex property*/
.flex-wrap{flex-wrap: wrap;}
.a-i-center{align-items: center;}
.f-d-column{flex-direction: column;}
.f-w-wrap{flex-wrap: wrap;}
.jc-between{justify-content:space-between;}
.jc-center{justify-content:center;}
.jc-evenly{justify-content:space-evenly;}


/* form */

.formBox1 form{display: flex;flex-wrap: wrap;gap:2rem;margin:1rem 0;}
.formBox1 form .group{flex:1 1 calc(50% - 2rem /* gap */);min-width:200px}
.formBox1 form .group.block, .formBox1 form .btns{flex:1 1 calc(100%);}
.formBox1 input, .formBox1 select, .formBox1 textarea{border:1px solid transparent;padding:1rem;width:100%;resize: none;}
.formBox1 label{text-transform: uppercase;font-size:1rem;padding-bottom:1rem;display: block;}
.formBox1 *::placeholder{font-size:1rem;font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}
.formBox1 form input[type="date"]{text-transform: uppercase;}
.formBox1 form .btns{display: flex;justify-content: space-between;flex-wrap: wrap;gap:1rem;}
.formBox1 form .btns .btn{border:1px solid var(--colPri);background:var(--colPri);color:#fff;}
.formBox1 form .btns .btn:hover{background:#fff;color:var(--colPri);}
.formBox1 form .btns .btn.alt{background-color:#fff;color: var(--colPri);}
.formBox1 form .btns .btn.alt:hover{background-color: var(--colPri);color:#fff;}

.formBox3{padding:1rem;}
.formBox3 form{display:flex;gap:1rem;flex-wrap:wrap;}
.formBox3 form .group{flex:1 1 300px;position: relative;margin-top:1rem;isolation: isolate;}
.formBox3 form .group.block,.formBox3 .btns{flex:1 1 100%;}
.formBox3 form input,.formBox3 form select,.formBox3 form textarea{width:100%;border:none;border-bottom:1px solid #578cff2f;font-size:1rem;padding:.5rem;font-family:inherit;outline: none;background:#d1d1d148;}
.formBox3 form label{position: absolute;top:50%;transform: translateY(-50%);left:1rem;z-index:-1;transition:.2s;}
.formBox3 form input:valid~label,.formBox3 form input:focus~label{top:-.8rem;opacity:.4;font-size:.8rem;}
.formBox3 .btns{display: flex;justify-content:space-evenly;margin-top:1rem;}
.formBox3 .btns .btn,.formBox3 .btns .btn.alt:hover{padding-inline:2rem;background:var(--colPri);color:#fff;}
.formBox3 .btns .btn.alt,.formBox3 .btns .btn:hover{background:none;color:var(--colPri);}

.formBox4{padding:1rem;}
.formBox4 form{display:flex;gap:1rem;flex-wrap:wrap;}
.formBox4 form .group{flex:1 1 300px;position: relative;isolation: isolate;}
.formBox4 form .group.block,.formBox4 .btns{flex:1 1 100%;}
.formBox4 form input,.formBox4 form select,.formBox4 form textarea{width:100%;border:1px solid #578cff2f;font-size:1rem;padding:1rem;font-family:inherit;outline: none;background:#fff;resize:vertical;}
.formBox4 .btns{display: flex;justify-content:space-evenly;margin-top:1rem;}  
.formBox4 .btns .btn,.formBox4 .btns .btn.alt:hover{padding-inline:2rem;background:var(--colPri);color:#fff;}
.formBox4 .btns .btn.alt,.formBox4 .btns .btn:hover{background:none;color:var(--colPri);}


.formBox6,.formBox6 .groups{display:flex;gap:1rem;flex-wrap:wrap;padding:1rem;}
.formBox6 .group{flex:1 1 250px;position: relative;isolation: isolate;}
.formBox6 .group.block,.formBox6 .btns{flex:1 1 100%;}
.formBox6 label{opacity:.5;margin-bottom:5px;font-size:.8rem;}
.formBox6 input,.formBox6 select,.formBox6 textarea{width:100%;border: none;border-bottom:1px solid #578cff2f;font-size:1rem;padding:.5rem;font-family:inherit;outline: none;background:#cde7ff36;resize:vertical;}
.formBox6 .btns{display: flex;justify-content:space-evenly;margin-top:1rem;}  
.formBox6 .btns .btn,.formBox6 .btns .btn.alt:hover{padding-inline:2rem;background:var(--colPri);color:#fff;}
.formBox6 .btns .btn.alt,.formBox6 .btns .btn:hover{background:none;color:var(--colPri);}
.formBox6 .group.sml100{max-width:100px;}

/* form theme */
.formBox1.themeform input{background:#111;color:#fff;}
.formBox1.themeform input::placeholder{color:green;}
.formBox1.themeform input::placeholder{color:pink;}


/* form single line */
.formBox1.singlelineform form{justify-content: center;flex-wrap: wrap;}
.formBox1.singlelineform .group, .formBox1.singlelineform .btns{flex:1 1 200px;max-width:300px;}

/* hero imgs layout */
.heroSectionImglayout1{display:flex;flex-wrap: wrap;flex-direction: column;height:450px;}
.heroSectionImglayout1 .img{background-image:none;background-position: center;background-size: cover;background-repeat: no-repeat;}
.heroSectionImglayout1 .img:nth-child(1){width:70%;height:100%;}
.heroSectionImglayout1 .img:nth-child(2){width:30%;height:50%;}
.heroSectionImglayout1 .img:nth-child(3){width:30%;height:50%;}
@media screen and (max-width: 800px){
.heroSectionImglayout1{flex-direction: row;}
.heroSectionImglayout1 .img:nth-child(1){width:100%;height:70%;}
.heroSectionImglayout1 .img:nth-child(2){width:50%;height:30%;}
.heroSectionImglayout1 .img:nth-child(3){width:50%;height:30%;}
}

.heroSectionImglayout2{width:100vw;display: flex;}
.heroSectionImglayout2 .box{background-repeat:no-repeat;background-position:center;background-size:cover;width:50%;height:calc((100vw + 100vh)/5);}
@media screen and (max-width:500px) {
.heroSectionImglayout2{flex-direction: column;}
.heroSectionImglayout2 .box{width:100%;}
}

/* hr line */
.hrline{width:95%;background:linear-gradient(90deg, var(--colPri), transparent, var(--colPri));height:5px;margin: 1rem auto;border-radius:50%;}

/* links */
.link.UM {position: relative;cursor: not-allowed;}
.link.UM::after {content: "🚧 Under Maintenance";position: absolute;top:20%;left: 50%;transform: translateX(-50%);background: #333;color: #fff;padding: 6px 12px;border-radius: 6px;font-size: 0.85rem;white-space: nowrap;opacity: 0;pointer-events: none;transition: opacity 0.3s ease;z-index:1;}
.link.UM:hover::after {opacity: 1;}


/* loader */
.loaderModal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
.loaderModal .modal-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #fff;padding: 20px;border-radius: 5px;}
.loaderModal .loader {border: 8px solid #f3f3f3; /* Light grey */border-top: 8px solid #3498db; /* Blue */border-radius: 50%;width: 50px;height: 50px;animation: loaderSpin .5s linear infinite;margin: 0 auto;}
@keyframes loaderSpin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}

/* location viewer */
.LV>*{background-color:rgba(255, 0, 0, .2);}
.LV>*>*{background-color:rgba(0, 225, 255, .3);}
.LV>*>*>*{background-color:rgba(51, 0, 255, .3);}
.LV>*>*>*>*{background-color:rgba(14, 172, 0, .3);}
.LV>*>*>*>*>*{background-color:rgba(239, 0, 0, .3);}
.LV>*>*>*>*>*>*{background-color:rgba(0, 255, 21, 0.3);}
.LV>*>*>*>*>*>*>*{background-color:rgba(251, 255, 29, 0.4);}
.LV>*>*>*>*>*>*>*>*{background-color:rgba(255, 0, 221, 0.3);}

/* margin */
.mt-1{margin-top:1rem;}.mt-2{margin-top:2rem;}.mb-1{margin-bottom:1rem;}
.m-auto{margin:auto;}


.modal {height:100vh;width:100vw;background:rgba(0,0,0,.4);position: fixed;top: 0;left: 0;display:none;place-items: center;isolation:isolate;z-index:99;}
.modal:before{content:'';position: absolute;inset:0;z-index:-1;backdrop-filter: blur(5px)}
.modal.active{display: grid;}
.modal>.inner{max-width:680px;background:#fff;margin-inline:5px;}
.modal .modalHead{display:flex;gap:1rem;justify-content: space-between;padding:1rem;font-size:1.5rem;background:linear-gradient(20deg,#4ba2ff,var(--colPri),#4ba2ff);color:#fff;}
.modal .modalHead .ttl{width:(100% - 1rem);text-align: center;font-weight: bold;}
.modal .modalClose{font-size:28px;font-weight:bold;cursor: pointer;}
.modal .modalClose:hover{color:black;}
.modal .modalBody{padding:1rem 2rem;}
.modal .formBox1 form {gap:1rem;}


/* table */
.table1{border-collapse: collapse;margin: 1rem;}
.table1 *{border: 1px solid lightgray;padding:9px 15px;text-align: center;font-size: .8rem;}
.table1 thead th{background-color: var(--col-thead);background-color: #ccc;}

/* text  */
.ta-c{text-align: center;}

/* section */
.mainBox{padding:2rem 1rem;}
.singlemainBoxpage{min-height:80vh;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.mainBoxTtl .ttl{font-weight:bold;font-size:var(--fontSizeTtl);margin-bottom:2.5rem;color:var(--colPri);}
.mainBoxTtl .desc{margin:-2rem 0 3rem;font-size:calc(var(--fontSizeTtl) / 2);}

/* width */
.mw100{max-width:100px;}.mw130{max-width:130px;}.mw150{max-width:150px;}


/* extra */
.mainBox>.inner{max-width:var(--pageWidth);margin:auto;}
.licon, .l-icon{background:linear-gradient(blue,pink);padding:.6rem 1rem;border-radius:50%;color:#fff;}
.t-a-center{text-align: center;}
.centered{text-align: center;align-items: center;justify-content: center;}
.h-line{height:2px;width: 90%;background-color: #ccc;border-radius: 1rem;margin: 1rem auto;}
.disable{pointer-events: none;opacity:.8;}
.alllink{color:var(--colPri);font-weight: bold;}.alllink:hover{color:var(--colPriDark);}
.alllinks a{color:var(--colPri);font-weight: bold;}.alllinks a:hover{color:var(--colPriDark);}
.readarea{margin:1rem auto;padding:1rem;border:1px solid aliceblue;background:#fff;border-radius:1rem;}

/* basic website */

/* combo */
header .hdrTop>.inner, header .hdrBot>.inner{width:min(100%, var(--pageWidth));margin:auto;}

/* header */
header .hdrTop>.inner{display: flex;justify-content: space-between;align-items:center;}
header .brand{font-size:2rem;font-weight:bold;}

/* footer */
footer{background:#ccc;}
footer .ftrTop>.inner, footer .ftrBot>.inner{width:min(100%, var(--pageWidth));margin:auto;}
footer .ftrTop>.inner{display: flex;flex-wrap: wrap;gap:1rem;justify-content: space-evenly;padding-block:4rem;}
footer .ftrBox{flex:1 1 300px;}
footer .ftrBoxTtl{font-size:var(--fontSizeSubTtl);margin-bottom:1rem;}
footer .ftrBoxBody{display: flex;flex-direction: column;}
footer .ftrBot>.inner{padding-block:1rem;border-top:1px solid #00000041;}

/* extra */
input[type="number"].rupee {
  padding-left: 1.5em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" width="14"><text x="0" y="12" font-size="14">₹</text></svg>');
  background-repeat: no-repeat;
  background-position: 4px center;
}/* add rupee symbol in input */


@media screen and (max-width:1400px) {

}
@media screen and (max-width:1200px) {

}
@media screen and (max-width:992px) {

}
@media screen and (max-width:900px){


}



@media screen and (max-width:768px) {

}
@media screen and (max-width:700px){
.mainBox{padding-inline:5px;}
}
@media screen and (max-width:576px) {

}