@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
*{ margin: 0;
    padding: 0;
    box-sizing: border-box;
  font-family:'poppines',sans-serif;
  text-decoration: none;
}

html{
    scroll-behavior: smooth;
}


body{
    background:#f2f2f2;
}

nav{
    background: #eeeeee;
    /* line-height: 125px;
    padding-top: 20px; */
}

nav:after{
    content: '';
    clear:both;
    display: table;
}

nav .logo{
    float:left;
    line-height: 30px;
    padding-left: 60px;
}
nav ul{
    float: right;
    list-style: none;
    margin-right: 60px;
    position: relative;
}

nav ul li{
    float: left;
    display: inline-block;
    /*
    background: #eeeeee;
    */
    margin: 0 14px;
}

nav ul li a{
    color:rgb(0, 0, 0);
    text-decoration: none;
    /* line-height: 70px; */
    font-size: 17px;
    padding:8px 26px;
}

.nav-item a:hover{
    color:#7b52b3 !important;
    border-radius: 5px;
    /*box-shadow: 0 0 5px #5e6969,
                0 0 5px #66ffff;*/
}
.nav-link:hover {
    color:#7b52b3 !important;
}

 
nav ul ul li a:hover{
    /* subsub or sub k liye bhi part*/
    color:rgb(0, 175, 255,1);
    box-shadow: none;
}

nav ul ul{
    position: absolute;
    top:90px;
    border-top:3px solid #dadada ;                       /* under line home service k niche ki*/
    opacity: 0;
    visibility: hidden;
    transition:top .3s;
    line-height: normal;
}

nav ul ul ul{
    border-top:none ;                /* ye sub k niche bhi aa jari thi last sub k(page) (x subsub k baat nahi)*/
}

 nav ul li:hover > ul{
    top:76px;
    opacity: 1;
    visibility: visible;
}

nav ul ul li{
    position: relative;
    margin: 0px;
    width: 162px;
    float: none;
    display: list-item;
    /* border-bottom: 1px solid rgb(186 186 186 / 30%); */
}


nav ul ul li a{
    line-height: 50px;
}

nav ul ul ul li{
    position: relative;
    top: -70px;
    left:150px;
}
.dropdown-menu{
    --bs-dropdown-link-active-bg: transparent;
}

/* .bx{
    margin-left: 40px;
} */

.iccon,input{
    display: none;
}

#img1{
    width: 45%;
    /* height: 220px; */
    /* margin:29px 100px; */
    border-radius:30px;
    mix-blend-mode: multiply;
}

/* #img2{
width: 320px;
margin: 20px;
border-radius: 24px;
mix-blend-mode: multiply;
} */

#img3{
    width:45%;
    /* margin:15px; */
    border-radius:8px;
    mix-blend-mode: multiply;
}

#para{
    padding: 20px 15px;
}
@media all and (max-width:1258px){

    nav{
        width: auto;
        line-height: 81px;
    }
    nav ul{
        float: left;
        width: 100%;
        /* background: darkgray; */
        margin-bottom: 18px;
        text-align: left;
    }
  nav .logo{
        padding-left: 30px;
        width:45%;
    }

    nav ul li,nav ul ul li{
        display: block;
        width:100%;
    }
    nav ul ul ul li{
        position:static;
    } 
    nav ul ul{
        top:70px;
        position: static;
        border-top:none;
        float: none;
        
        
        
        /*
        */
        display: none;

        opacity: 1;
        visibility: visible;
    }

   

    nav ul ul li{
        border-bottom: 0px;
    }

    nav ul ul a{
        padding-left: 40px;
    }

    nav ul ul  ul a{
        padding-left: 80px;
    }
    .show{
        display: block;
        color:rgb(0, 0, 0);
        font-size: 18px;
        padding: 0 20px;
        line-height: 70px;
        cursor: pointer;
    }

    .show:hover{
        color: rgb(255 255 255);
    }

    .iccon{
        display: block;
        color: black;
        position: absolute;
        right: 40px;
        top: 57px;
        font-size: 25px;
        line-height: 19px;
        cursor: pointer;
    }
    nav ul li a:hover{
        box-shadow: none;
    }
    /* .show + a, ul{
        display: none;
    } */

    [id^=btn]:checked +ul{
        display: block;
    }
}

@media all and (max-width:420px){
    .logo img {
        height: 84px !important;
        width: 210px !important;
    }
    .iccon{
        display: block;
        color: black;
        position: absolute;
        right: 16px;
        top: 49px;
        font-size: 25px;
        cursor: pointer;
    }
    .mservice  #center .text{
        position: absolute;
        top: 4%;
        left: 50%;
        font-size: 19px;
    }
}
.cover{
    /* width: 100%; */
    /* width: 91%; */
    min-height: 130vh;
   /* background-image: url(image/full.png);
    background-position: center center;
    background-size: cover;
    padding: 45px 0px;*/
    /* margin: 45px; */
    overflow: hidden;
    /* padding-left: 9%; 
    padding-right: 4%;*/
    /* margin-left: 7%;
    margin-right: 2%; */
}

#container{
    float: left;
    display: flex;
    margin-bottom: 150px;
    width: 100%;
    }


#wr{
    margin-top:45px;
}
#wr >span{
    font-size: 50px;
    font-weight: 600;
    line-height: 70px;
}

#wr h4{
    font-size: 15px;
    
}




#motion{
   /* background-color: rgb(255, 255, 255);*/
    height: 585px;
    padding:10px;
    box-sizing: border-box;
    margin-left: 24px;
}

.click{
    padding: 9px 20px;
    border: none;
    outline: none;
    color:rgb(255, 255, 255);
    position: relative;
    z-index:0;
    border-radius: 12px;
}

.click::after{
    content: '';
    z-index: -1;
    position: absolute;
    width:100%;
    height: 100%;
    background-color: #333;
    left:0;
    top:0;
    border-radius: 30px;
    border-top-right-radius: 0;
}

.click::before{
    content: '';
    background: linear-gradient(45deg,#ff0000,#ff7300,#fffb00,#48ff00,
            #00ffd5,#002bff,#ff00c8,#ff0000);
    position: absolute;
    top:-2px;
    left: -2px;
    background-size:600%;
    z-index: -1;
    width: calc(100% + 4px);
    height:calc(100% + 4px);
    filter: blur(8px);
    animation: glowing 20s linear infinite;
    transition: opacity .3s ease-in-out;
    border-radius: 30px;
    border-top-right-radius: 0;
    opacity: 1;
}

@keyframes glowing {
    0%{background-position: 0 0;}
    50%{background-position:400% 0;}
    100%{background-position: 0 0;}
}

.click:hover::before{
    opacity: 1;

}

.click:active::after{
    background: transparent;
}
.click:active{
    color: #000;              /* hover k ander ka content color*/
    font-weight:500;
}





#end{
    display: flex; 
    width:100%;
    margin-top: 180px;
}

.box>h1{
    margin-top: 24px;

}

.box{
    margin-left:6%;
    width: 25%;
    border-radius: 10px;
    background: #E7E4E4;
    background-size: cover;
    background-position: center;
    opacity: 0.8;
    text-align: center;
}
.fw-700{font-weight: 700;}
.fw-500{font-weight: 500;}
.font-32{font-size: 32px;}
.w-65{width:65%;}
.about .content h3 {
    font-size: 2rem;
    font-weight: 700;
}
.fst-italic {
    font-style: italic !important;
}
.h-286{height: 286px;}
footer {
    color: #fff;
}

ol, ul {
    margin-bottom: 0px;
}

.social-icon {
    padding: 0;
    margin-bottom: 0px;
        float: right;
}

.social-icon li {
    list-style: none;
    display: inline-block;
}
.social-icon li i {
    font-size: 14px;
    color: #262725;
    border: solid 2px #ffffff;
    height: 31px;
    width: 31px;
    text-align: center;
    vertical-align: middle;
    border-radius: 100px;
    line-height: 27px;
    margin-right: 15px;
    transition: 1s;
    background: #fff;
}
.social-icon li i:hover {
    border: solid 2px #262725;
    color: #ffffff;
    background: #262725;
}

.phone-no i {
    position: relative;
    margin-right: 14px;
    font-size: 43px;
    top: 5px;
}
.phone-no {
    margin-top: -22px;
    text-align: right;
}
.footer-day-time {
    padding-bottom: 30px;
    border-bottom: 2px solid #7a6f6f;
    padding-top: 14px;
    margin-bottom: 55px;
}
.footer-day-time ul li {
    display: inline;
    margin-right: 20px;
}
.footer-day-time ul li:last-child {
    margin-right: 0px;
}
.phone-no a {
    color: #fff;
    font-family: PlayfairDisplay-Black;
    font-size: 34px;
    font-weight: bold;
}
.footer-top {
    background: #2f2f2f;
    padding:50px 0 50px;
}
.footer-top h4 {
    font-size: 19px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.footer-top p {
    font-size: 13px;
    line-height: 2;
    margin-bottom: 20px;
}

footer p {
  margin-bottom:0;
}
.footer-logo {
    display: block;
    margin-bottom: 32px;
}
.address1 li {
    list-style: none;
    position: relative;
    padding: 0px 10px 14px 0px;
    line-height: 30px;
}
ul.address1 span {
    
    
    
    left: 0;
}
.address1 li a {
    color: #fff;
    text-decoration: none;
}
ul.address1 i {
    width: 20px;
    position: absolute;
    left: 0px;
    text-align: center;
    font-size: 28px;
    top: 0;
}

ul.address1 i.fa-envelope {
    font-size: 18px;
    top: 4px;
}
footer ul.social-icon {
    float: left;
}
footer .social-icon li i:hover {
    background: #7b52b3;
    border-color: #7b52b3;
}

.footer-bottom {
    background: #7b52b3;
    padding: 10px 0px;
}
.footer-bottom ul li {
    display: inline;
    margin-right: 20px;
    font-size: 18px;
}
.footer-bottom ul li a{
    color:#fff;
}

.footer-bottom ul {
    float: right;
}

.footer-bottom ul li:last-child {
    margin-right: 0;
}
.copyright {
    font-size: 18px;
}
.card-h{min-height:460px;}

.purple-l{color:#7b52b3;}
.line-2-5{line-height:2.5;}
.border-radius-30{border-radius: 30px;}
.bg-pur-light{background: rgb(123 82 179 / 9%);}
/* flipcard */
.card1 {   
    height: 250px;
    perspective: 500px;
  }
.content1 {
   
    width: 100%;
    height: 250px;
    /* box-shadow: 0 0 15px rgba(0,0,0,0.1);
   */
    transition: transform 1s;
    transform-style: preserve-3d;
  }
  
  .card1:hover .content1 {
    transform: rotateY( 180deg ) ;
    transition: transform 0.5s;
  }
  .front
   {
    position: absolute;
    height: 100%;
    width: 100%;   
    padding: 10px;
    color: #7b52b3;
    text-align: center;
    font-size:24px;
    border-radius: 5px;
    backface-visibility: hidden;
    line-height: 60px;
  }
  
  .back {
    position: absolute;
    height: 100%;
    width: 100%;   
    padding: 40px 10px;
    color: #7b52b3;
    text-align: center;
    font-size:14px;
    border-radius: 5px;
    backface-visibility: hidden;
    
  }
  
  .back {
    background: #7b52b3;
    color: white;
    transform: rotateY( 180deg );
  }
  .border-none{border:none !important}
  .btn-primary{color: #fff; background: #7b52b3; border: #7b52b3;}
  .btn-primary:hover{color: #fff; background: #7b52b3; border: #8458c2 !important;}

  .title_lines {
    position: relative;
    font-size: 30px;
    z-index: 1;
    overflow: hidden;
    text-align: center;  
    font-family: arial;
}
.title_lines:before, .title_lines:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 48%;
    height: 1px;
    content: '\a0';
    background-color: #cccccc;
    margin-left: 2%;
}
.title_lines:before {
    margin-left: -50%;
    text-align: right;
}
.address2 li a {
    color: #fff;
    text-decoration: none;
}
.h-200{height: 200px;}
@media all and (max-width:480px){
    .mt-25{margin-top: 25px;}
    .contact-btn{margin-bottom: 35px;
        width: 165px;}
        .contact-set{margin: 0px 0px !important;}
        .img-none{display: none;}
}
.contact-set{margin: 30px 115px;}
.line-15{line-height: 1.5;}
.w-70{width: 70%;}

/* leandingpage */
.lan-title {margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    text-transform: uppercase;
}
    .white{color: #fff;}
    .download-btn {
        color: #fff;
        background:  #000000;;
        font-weight: 500;
        font-size: 15px;
        padding: 8px 30px 10px 30px;
        border-radius: 3px;
        transition: 0.5s;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 20px;
    }
    .playstrore {
        font-size: 16px;
        line-height: 0;
        margin-right: 8px;
    }
    a {text-decoration: none;}
    .text-right{text-align: right;}
    .cap{text-transform: uppercase;}
    .bg-white{background-color: #fff;}
    .bg-purple{background-color: #7b52b3;}
    .veralign{vertical-align: middle;}
    .in  span{margin-left:10px;}

    .icon {
        margin-bottom: 25px;
    }
    

    /* feature */








.round-cir {border: 1px solid #7b52b3; border-radius: 50%; background: #fff !important; color:#7b52b3; width: 100px; height: 100px; margin:auto; padding:30px; margin-bottom: 25px;} 







.features-area.item-full .features-items .item {
  padding: 30px;
}

.features-area .features-items .item h4 {
  position: relative;
}

.features-area.bottom-small {
  padding-bottom: 25px;
}

.features-area.default-padding.bottom-none {
  padding-bottom: 30px;
}

.features-area .item .icon {
  margin-bottom: 20px;
}




.features-area .item .icon {
  margin-bottom: 25px;
}





.features-area .item .info p {
  margin: 0;
}

.features-area .features-items.less-icon .items-box.inc-cell .item .info {
  padding-left: 0;
}

.features-area .features-items .items-box.inc-cell .item .info a {
  color: #666666;
  display: inline-block;
  margin-top: 15px;
  text-transform: uppercase;
}
.features-area p {
    padding: 20px;
  }