*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
}
.navbar{
  position: fixed;
    height: 90px;
    width: 100%;
    z-index: 1;
    background-color: rgba(220, 216, 216, 0.696);
}
.navbar-brand{
    width: 550px;
margin: 10px;
margin-left: 20px;
font-size: 34px;
color:  black;
}
.ca{
  color: rgb(23, 128, 189);
}
.navbar-toggler-icon{
    /* size: 50px; */
    margin-top: -5px;
   
}
/* .caindia{
    width: 92px;
} */
.nav-link{
  color: rgba(28, 53, 165, 0.922);
  font-size: 16px;
  margin: 5px;
  background-color: rgba(243, 242, 241, 0.909);
 /* padding: 10px; */
width: 120px;
text-align: center;
border-radius: 8px;
}
.nav-link:hover{
  color: white;
  font-size: 16px;
  /* margin: 15px; */
  background-color:rgba(15, 44, 174, 0.929);
}
.navbar-nav{
  background-color: rgb(255, 255, 255);
  width: 802px;
  padding: 7px 5px 6px 11px;
border-radius: 10px;
}
@media (max-width: 986px) {
  .navbar-nav{
  background-color: rgba(255, 255, 255, 0);
  width: 100%;
padding-left: 50px;
border-radius: 10px;
}
.nav-link{
  background-color: rgb(255, 255, 255);
 padding: 10px;
 border: 1px solid rgba(14, 52, 222, 0.678);
}
}
@media (max-width: 986px) {
.navbar-brand{
width: 550px;
margin: 10px;
margin-left: 20px;
font-size: 30px;
color:  black;
}
}
@media (max-width: 490px) {
.navbar-brand {
width: 550px;
margin: 10px;
margin-left: 20px;
font-size: 23px;
}
#img-card-box .card-box{
height: 375px;
}
}
@media (max-width: 490px) {
    .navbar-toggler-icon{
        margin-top: -5px;   
    }
    .navbar-toggler{
        position: relative;
    top: -45px;
    left: 280px;
    }
}


/* nvbr :end */

#img-card-box{
text-align: center;
background: #F7F7F7;
width: 100%;
}
#img-card-box .container{
padding-top: 80px; 
padding-bottom: 100px;
}
#img-card-box a{
text-decoration: none;
outline: none;
}
#img-card-box .card-box {
border-radius: 5px;
}
#img-card-box .card-box .image1-box{
background: #ffffff;
overflow: hidden;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.50);
border-radius: 10px;
width: 100%;
}
#img-card-box .card-box .image1-box img{
-webkit-transition:all .9s ease; 
-moz-transition:all .9s ease; 
-o-transition:all .9s ease;
-ms-transition:all .9s ease; 
width: 100%;
/* height: 200px; */
height: 225px;
}
#img-card-box .card-box:hover .image1-box img{
opacity: 0.7;
-webkit-transform:scale(1.15);
-moz-transform:scale(1.15);
-ms-transform:scale(1.15);
-o-transform:scale(1.15);
transform:scale(1.15);
}
#img-card-box .card-box .text1-box{
text-align: center;
height: 500px;

}
#img-card-box .card-box .text1-box .text1-container{
padding: 20px 10px;
width: 80%;
margin-left: 25px;
}
#img-card-box .card-box{
background: #FFFFFF;
margin-top: 50px;
height: 550px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.40);
}
#img-card-box .card-box:hover{
background: #fff;
box-shadow: 0px 15px 26px rgba(0, 0, 0, 0.50);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin-top: 50px;
}
#img-card-box .card-box .text1-box p{
margin-top: 10px;
margin-bottom: 0px;
padding-bottom: 0px; 
font-size: 14px;
letter-spacing: 1px;
color: #000000;
}
#img-card-box .card-box .text1-box h6{
margin-top: 0px;
margin-bottom: 4px; 
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
font-family: 'Roboto Black', sans-serif;
letter-spacing: 1px;
color: #00acc1;
}
.fb{
    height: 29px;
    width: 29px;
}
.insta{
    height: 29px;
    width: 29px;
}
.yt{
    height: 29px;
    width: 37px;
}
.linkedin{
height: 28px;
width: 29px;
margin-left: -5px;
}
.whts{
    height: 26px;
    width: 26px;
}



.about-content{
width: 100%;
}
.about-card{
height: 550px;
background-color: #fff;
margin-left: 100px;
margin-top: 50px;
width: 100%;
border-radius: 10px;
}
.about-head{
padding-top: 30px;
text-align: center;
color: rgb(25, 25, 133);
}
.about-text{
padding: 10px 60px 0 60px;
}
.vision-crd, .mission-crd{
height: 250px;
width: 300px;
background-color: rgba(225, 220, 220, 0.605);
margin: 10px;
margin-left: 50px;
border-radius: 10px;
margin-top: 20px;
}
.vision-crd .mission-crd , h4{
color: rgb(25, 25, 133) ;
}
.mission-img{
height: 40px;
width: 40px;
margin-top: 20px;
}
.vision-img{
height: 50px;
width: 50px;
margin-top: 20px;
}


@media (max-width: 1400px) {
#img-card-box .card-box .text1-box {
text-align: center;
height: 530px;
}
}
@media (max-width: 1190px) {
.about-card{
height: 500px;
background-color: #fff;

margin-top: 50px;
width: 100%;
border-radius: 10px;
}
.vision-crd, .mission-crd{
height: 200px;
width: 250px;
font-size: 10px;
margin: 10px;
margin-left: 40px;
}

#img-card-box .card-box {
height: 580px;
}
.social{
margin-top: -10px;
}
}


@media (max-width: 1200px) {
#img-card-box .card-box .text1-box {
text-align: center;
height: 640px;
}
}
@media (max-width: 993px) {
.card-box {
width: 300px;
height:550px;
margin-left: -100px;
}
#img-card-box .card-box .image1-box img {
width: 300px;
height: 280px;
}
.vision-crd, .mission-crd{
height: 150px;
width: 400px;
font-size: 10px;
margin: 10px;
margin-left: 40px;
}
.text1-box, .card-box{
width: 300px;
height: 550px;
}
.about-card{
height: 680px;
}
}
@media (max-width: 823px) {
.card-flyer {
width: 462px;
height:500px;
margin-left: -50px;
margin-left: 100px;
}
#img-card-box .card-box .image1-box img {
width: 500px;
height: 280px; 
}
#img-card-box .card-box {
height: 515px;
margin-left: 178px;}

.about-card{
height: 700px;
position: relative;
top: 550px;
left: -280px;
width:700px;
background-color: rgba(231, 231, 231, 0.813);
}
.vision-crd, .mission-crd{
height: 200px;
width: 650px;
font-size: 10px;
margin: 10px;
margin-left: 40px;
}
.vision-crd p{
width: 200px;
margin-left: 200px;
}
.mission-crd p{
width: 200px;
margin-left: 200px;
}


}
@media (max-width: 775px) {
.card-box {
width: 300px;
height:520px;
/* margin-left: 180px; */
}
.main-popular{
    width: 677px;
    margin-left: -58px;
}
#img-card-box .card-box .image1-box img {
width: 300px;
height: 280px;
}
#img-card-box{
/* background-color: green;
width: 100%; */
}
.vision-crd, .mission-crd{
height: 200px;
/* width: 593px; */
font-size: 10px;
margin-left: -21px;
width: 560px;
margin-left: 49px;
}
.about-card{
margin-top: 100px;
height: 700px;
/* width: 400; */
margin-left: 98px;
width: 618px;
}
}
@media (max-width: 767px) {
#img-card-box{
width: 100%;
}.main-popular{
    width: 677px;
    margin-left: -58px;
    width: 727px;
}
.about-card{
margin-top: 100px;
height: 751px;
/* width: 400; */
margin-left: 65px;
width: 676px;
margin-top: 45px;;
}
.vision-crd, .mission-crd{
height: 200px;
font-size: 10px;
margin-left: -21px;
width: 447px;
margin-left: 122px;
}
.vision-crd p{
width: 200px;
margin-left: 100px;
}
.mission-crd p{
width: 200px;
margin-left: 100px;
} 
.card-box{
margin-left: 100px;
width: 300px;
}
/* .about-content{
width: 400px;
} */

}
@media (max-width: 688px) {
    .main-popular{
        margin-top: 448px;
        width: 727px;
        margin-left: -83px;
    }
    #img-card-box .card-box {
        height: 515px;
        margin-left: 106px;
       
    }
    #img-card-box {
        width: 549px;
    }
    .about-card {
        width: 504px;
        margin-top: 100px;
        height: 751px;
        margin-top: 45px;
        margin-left: 157px;
    }

   .main-popular{
       margin-top: 448px;
        width: 533px;
     } 
     .mission-crd-box{
        width: 436px;
     }
     .img-card-box{
        width: 549px;
        /* margin-left: 10px; */
    }
    .vision-crd, .mission-crd {
        height: 200px;
        font-size: 10px;
        margin-left: -21px;
        width: 416px;
        margin-left: 55px;
    }
}

@media (max-width: 525px) {
#img-card-box .card-box .image1-box {
width: 100%;
height: 183px;
}
#img-card-box .card-box .image1-box img {
width: 300px;
height: 205px;
}
.about-card {
margin-top: 100px;
height: 744px;
margin-left: 145px;
/* width: 514px; */
margin-top: 45px;
}
}
@media (max-width: 495px) {
#img-card-box .card-box {

height: 400px;
width: 301;
margin-left: 88px;
/* margin-top: 45px; */
}
#img-card-box {
    width: 483px;
}
.about-card {
    margin-top: 100px;
    height: 748px;
    margin-left: 135px;
    margin-top: -43px;
    width: 505px;
}

}
@media (max-width: 415px) {
    #img-card-box {
        width: 410px;
    }
    .vision-crd, .mission-crd {
        height: 236px;
        font-size: 12px;
        margin-left: -21px;
        width: 364px;
        margin-left: 73px;
    }

    #img-card-box .card-box {
            height: 422px;
            width: 301;
            /* margin-top: 45px; */
            margin-left: 38px;

    }
    .about-card {
        margin-top: 100px;
        height: 890px;
        width: 444px;
        margin-top: 15px;
    }
    .vision-crd p {
        width: 200px;
        margin-left: 82px;
    }
    .mission-crd p {
        width: 200px;
        margin-left: 82px;
    }
}
    


@media (max-width: 395px) {
.vision-crd,.mission-crd {
    height: 285px;
font-size: 15px;
margin-left: -21px;
width: 338px;
margin-left: 81px;
}
#img-card-box {
    width: 388px;
}
.about-card {
    width: 430px;
    margin-top: -20px;
    height: 983px;
}
.vision-crd p {
    width: 200px;
    margin-left: 72px;
}
.mission-crd p {
    width: 200px;
    margin-left: 72px;
}
.about-text{
margin-left: 27px;
}
#img-card-box .card-box{
margin-left: -1px;
}
.fb{
    height: 19px;
    width: 24px;
    }
    .insta{
        height: 22px;
        width: 26px;
    }
    .yt{
        height: 22px;
        width: 36px;
    }
    .linkedin{
        height: 24px;
        width: 27px;
        margin-left: -5px;
    }
    .whts{
        height: 20px;
        margin-left: 3px;
    }
    
}


/* <!-- specialization start --> */


.main-popular{
    margin-top: -65px;
background-color: #f8f8f8;
width: 100%;
}
.popular{
text-align: center;
}
.specialization{
margin-top: 60px;
font-weight :400 ;
display: flex;
color: #000000;
font-size: 30px;
border-radius: 10px;
padding-left: 10px;
width: 305px;
position: relative;
left: 450px;
font-weight: bold;
}
.special img{
margin-left: -1px;
}
.registration{
height: 71px;
width: 86px;
margin-left: 30px;
margin-top: 5px;
}
.regis{
text-align: center;
}
.regis, h1{
position: relative;
top: -11px;
}
.outsourcing{
height: 64px;
width: 77px;
margin-left: 30px;
margin-top: 8px;
}
.source{
text-align: center;
}
.source, h4{
color: #074061;
}
.gst-1{
height: 57px;
width: 79px;
margin-left: 30px;
margin-top: 14px;
}
.gst{
text-align: center;
}
.taxation{
height: 59px;
width: 69px;
margin-left: 30px;
margin-top: 14px;
}
.tax{
text-align: center;
}
.audit{
height: 57px;
width: 75px;
margin-left: 30px;
margin-top: 14px;
}
.audit-1{
text-align: center;
}
.payroll{
height: 65px;
width: 83px;
margin-left: 30px;
margin-top: 11px;

}
.pay{
text-align: center;
} 

@media (max-width: 1241px) {
.specialization{
text-align: center;
/* margin-left: -100px; */
}
}

@media (max-width: 1160px) {
.main-popular{
margin-top: -139px;
}
}
@media (max-width: 992px) {
.specialization{
text-align: center;
margin-left: -270px;
}
}
@media (max-width: 824px) {
.main-popular{
margin-top: 450px;
}
}
@media (max-width: 786px) {
.specialization{
text-align: center;
margin-left: -300px;
}
.main-popular{
margin-top: 500px;
width: 754px;
}
.special p{
width: 300px;
margin-left: 20px;
}
}
@media (max-width: 768px) {
.specialization{
text-align: center;
margin-left: -318px;
}
.special p{
width: 300px;
margin-left: 110px;
}
.main-popular{
margin-top: 500px;
margin-top: 500px;
width: 754px;

}
}
@media (max-width: 668px) {
.specialization{
text-align: center;
margin-left: -360px;
margin-bottom: 19px;
}
.regis{
margin-left: -3px;
margin-top: -59px;

}
.main-popular{
margin-top: 500px;
margin-top: 500px;
width: 620px;
}
}
@media (max-width: 576px) {
.specialization{
text-align: center;
margin-left: -199px;
padding-bottom: 30px;
margin-top: 231px;
}
.special p {
    width: 320px;
    margin-left: 159px;
}
.special img {
    margin-left: 26px;
}
.main-popular {
    margin-top: 500px;
    margin-top: 310px;
    margin-left: -135px;
}
.special {
    margin-left: 131px;
}
.special p {
    margin-left: 54px;
}
/* .regis p{
    text-align: center;
    width: 300px;
    position: relative;
    left:-187px;
    } */
}



@media (max-width: 420px) {
    .specialization{
        margin-left: -185px;
    }
    .main-popular {
        margin-top: 261px;
        margin-left: -211px;
    }
    .special p {
        margin-left: 85px;
    }
    .special img {
        margin-left: 52px;
    }
    .special h5{
        margin-left: 33px;
    }
}
@media (max-width: 395px) {
    .main-popular {
        margin-top: 261px;
        margin-left: -231px;
    }
    .specialization {
        margin-left: -156px;
    }
    .special img {
        margin-left: 69px;
    }
    .special h5 {
        margin-left: 72px;
    }
    .special p {
        margin-left: 102px;
    }
}


/* <!-- specialization end -->*/


/* value strt */


@media (max-width: 1493px) {
.commit{
margin-left: -60px;
}
.commit-p{
margin-left: -20px;
}
}
@media (max-width: 1300px) {
.values{
width: 100%;
height: 300px;
/* background-color: #00acc1; */
}
.commit{
/* margin-top: 100px; */
align-items: center;
margin-left: -140px;
}
.commit-p{
margin-left: -70px;
}
}
@media (max-width: 1200px) {
.commit{
    margin-left: -170px;
}
}
@media (max-width: 1142px) {
.values{

width: 1000px;
}
.commit{
    margin-left: -216px;
}
.commit-p{
margin-left: 70px;
}
}
@media (max-width: 1062px) {
.values{
height: 300px;
width: 100%;
/* margin-bottom: -30px; */
}
.commit{
    margin-left: -216px;
}
.commit-p{
margin-left: 70px;
}
}
@media (max-width: 992px) {
.values{
width: 100%;
/* margin-bottom: -100px; */
}
.commit{
/* margin-top: -100px; */
align-items: center;
margin-left: -320px;
}
.commit-p{
margin-left: 70px;
}
}
@media (max-width: 776px) {
.commit{
/* margin-top: -100px; */
text-align: center;
margin-left: -340px;
}
.commit-p{
/* margin-left: 100px; */
position: relative;
left:  30px;
left: 80px;
width: 500px;
}
}
@media (max-width: 677px) {
.commit{
/* margin-top: -100px; */
text-align: center;
margin-left: -420px;
}
.commit-p{
/* margin-left: 100px; */
position: relative;
left:  30px;
left:10px;
width: 500px;
}
}
@media (max-width: 576px) {
.commit{
/* margin-top: -100px; */
text-align: center;
margin-left: -480px;
}
.commit-p{
/* margin-left: 100px; */
position: relative;
left:  30px;
left:-30px;
width: 450px;
}
.values {
    text-align: center;
    margin-top: 80px;
    height: 300px;
    width: 100%;
    margin-left: -28px;
}
}
@media (max-width: 466px) {
.commit{
/* margin-top: -100px; */
text-align: center;
margin-left: -520px;

}
.commit-p{
/* margin-left: 100px; */
position: relative;
left:  30px;
left:10px;
width: 300px;
}
.values{
margin-bottom: 30px;
margin-left: -27px;
}
}

@media (max-width: 410px) {
   .values{
    text-align: center;
    margin-top: 30px;
    height: 286px;
    width: 100%;
   }

}
@media (max-width: 396px) {
.commit{
text-align: center;
margin-left: -570px;
font-size: 29px;
width: 110px;
}
.commit-p{
 /* margin-left: 100px; */
 position: relative;
 left:  -10px;
 font-size: 20px;
 /* width: 350px; */
 width: 240px;
}
.values{
margin-bottom: 5px;
}
}

.values{
text-align: center;
margin-top: 80px;
height: 300px;
width: 100%;
}
.commit-p{
font-size: 20px;
margin-top: 30px;
}
.commit{
text-align: center;
color: #000000;
font-size: 35px;
border-radius: 10px;
padding-left: 10px;
width: 195px;
position: relative;
left: 657px;
font-weight: bold;
/* background-color:#103ba1; */
}


/* value end*/

/* .gallery start  */

#cards_landscape_wrap-2{
text-align: center;
margin-top: -150px;
background: #F7F7F7;
width: 100%;
}
#cards_landscape_wrap-2 .container{
padding-top: 80px; 
padding-bottom: 100px;
}
#cards_landscape_wrap-2 a{
text-decoration: none;
outline: none;
}
#cards_landscape_wrap-2 .card-flyer {
border-radius: 5px;
height: 430px;
}
#cards_landscape_wrap-2 .card-flyer .image-box{
background: #ffffff;
overflow: hidden;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.50);
border-radius: 5px;
}
#cards_landscape_wrap-2 .card-flyer .image-box img{
-webkit-transition:all .9s ease; 
-moz-transition:all .9s ease; 
-o-transition:all .9s ease;
-ms-transition:all .9s ease; 
width: 100%;
height: 200px;
}
#cards_landscape_wrap-2 .card-flyer:hover .image-box img{
opacity: 0.7;
-webkit-transform:scale(1.15);
-moz-transform:scale(1.15);
-ms-transform:scale(1.15);
-o-transform:scale(1.15);
transform:scale(1.15);
}
#cards_landscape_wrap-2 .card-flyer .text-box{
text-align: center;
height: 400px;
}
#cards_landscape_wrap-2 .card-flyer .text-box .text-container{
padding: 30px 18px;
}
#cards_landscape_wrap-2 .card-flyer{
background: #FFFFFF;
margin-top: 50px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.40);
}
#cards_landscape_wrap-2 .card-flyer:hover{
background: #fff;
box-shadow: 0px 15px 26px rgba(0, 0, 0, 0.50);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin-top: 50px;
}
#cards_landscape_wrap-2 .card-flyer .text-box p{
margin-top: 10px;
margin-bottom: 0px;
padding-bottom: 0px; 
font-size: 14px;
letter-spacing: 1px;
color: #000000;
}
#cards_landscape_wrap-2 .card-flyer .text-box h6{
margin-top: 0px;
margin-bottom: 4px; 
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
font-family: 'Roboto Black', sans-serif;
letter-spacing: 1px;
color: #00acc1;
}


@media (max-width: 1100px) {
#cards_landscape_wrap-2 .card-flyer .text-box{
text-align: center;
height: 450px;
width: 100%;

}
#cards_landscape_wrap-2 .card-flyer {
width: 200px;
}
#cards_landscape_wrap-2 .card-flyer .image-box{
width: 200px;

}
#cards_landscape_wrap-2{
width: 100%;
}
}
@media (max-width: 992px) {
#cards_landscape_wrap-2 .card-flyer .text-box{
text-align: center;
height: 500px;

}
#cards_landscape_wrap-2 .card-flyer {
width: 150px;
}
#cards_landscape_wrap-2 .card-flyer .image-box{
width: 150px;

}
#cards_landscape_wrap-2{
width: 100%;
}
}
@media (max-width: 830px) {
#cards_landscape_wrap-2 .card-flyer .text-box{
text-align: center;
height: 450px;
}
.card-flyer{
margin-left: -10px;

}
#cards_landscape_wrap-2{
width: 100%;
}
}
@media (max-width: 768px) {
#cards_landscape_wrap-2 .card-flyer .text-box{
text-align: center;

}
#cards_landscape_wrap-2 .card-flyer {
width: 260px;
height: 400px;
}
#cards_landscape_wrap-2 .card-flyer .image-box{
width: 260px;

}
#cards_landscape_wrap-2{
width: 100%;
}
}
@media (max-width: 576px) {
#cards_landscape_wrap-2 .card-flyer .text-box{
text-align: center;
height: 450px;
}
#cards_landscape_wrap-2 .card-flyer {
width: 400px;
position: relative;
/* left: 200px; */
}
#cards_landscape_wrap-2 .card-flyer .image-box{
width: 400px;
height: 300px;

}
#cards_landscape_wrap-2 .card-flyer .image-box img{
/* width: 550px; */
height: 300px;

}
#cards_landscape_wrap-2{
width: 100%;
}
.card-flyer{
margin-left: 50px;
}
}

@media (max-width:553px) {
#cards_landscape_wrap-2 .card-flyer .text-box{
text-align: center;
height: 350px;

}
#cards_landscape_wrap-2 .card-flyer {
width: 400px;
position: relative;
/* left: 200px; */
margin-left: 55px;
}
#cards_landscape_wrap-2 .card-flyer .image-box{
width: 400px;
height: 200px;
} 
#cards_landscape_wrap-2 .card-flyer .image-box img{
/* width: 550px; */
height: 300px;

}
#cards_landscape_wrap-2{
width: 100%;

}
}

@media (max-width:423px) {
#cards_landscape_wrap-2 .card-flyer .text-box{
text-align: center;
height: 350px;

}
#cards_landscape_wrap-2 .card-flyer {
     width: 300px;
    position: relative;
    /* left: 200px; */
    margin-left: 45px;
}
#cards_landscape_wrap-2 .card-flyer .image-box{
width: 300px;
height: 200px;

}
#cards_landscape_wrap-2 .card-flyer .image-box img{
/* width: 550px; */
height: 200px;

}
#cards_landscape_wrap-2{
width: 100%;
}

}

/* gallery end  */

/* footer strt */

.footer {
    background-color: #9bc5ef;
    color: rgb(0, 0, 0);
    padding: 40px 0;
    /* height: 231px; */
}

.footer-box {
    margin-bottom: 20px;
}
.prtnr-img{
    width: 250px;
    margin-left: -30px;
}

.footer p {
    font-size: 0.875em;
    color: #ccc;
}
.footer a {
    text-decoration: none;
    color: inherit;
}
.footer ul {
    list-style: none;
    padding-left: 0;
    text-align: center;
}
.fb1{
    height: 29px;
    width: 32px;
}
.insta1{
height: 28px;
width: 31px;
}
.linkedin1{
    height: 29px;
    width: 30px;
}
.yt1{
    height: 29px;
    width: 39px;
margin-left: -2px;
}

.whts1{
    height: 27px;
    margin-left: 6px;
}
.footer-hr p{
    color: black;
}

/* Responsive Adjustments */
@media (max-width: 767.98px) {
    .footer-box {
        text-align: center;
    }
}

/* footer end  */
 /* .fixed-btn */

.btn-body{
    /* min-height: 100vh; */
    display: flex;
    justify-content: center;
}
.fixed-btn{
    width: 91px;
    height: 92px;
  box-shadow: 16px 14px 20px #000000;
  border-radius: 50%;
    position: fixed;
    bottom: 208px;
    right: 25px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fixed-btn::before{
    content: "";
    background-image: conic-gradient(
        #00458fef 20deg,
        transparent 120deg
    );
    width: 150%;
    height: 150%;
    position: absolute;
animation: rotate 1.1s linear infinite;
}

.btn-img{
    overflow: hidden;
    width: 91px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
    position: fixed;
    bottom: 200px; 
    right: 30px;
    border-radius: 211px;
    display: flex;
}




@keyframes rotate{
    0%{
        transform:  rotate(0deg);
    }
    100%{
        transform:  rotate(-360deg);
    }
}

/* .fixed-btn end */






/* Refresh btn strt  */
#popupBackground {
    display: none; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.635);
    justify-content: center; 
    align-items: center;
}

#popupContent {
    background-color: rgb(211, 211, 211); 
    padding: 10px;
    border-radius: 10px; 
}

#popupImage {
    max-width: 100%; 
    height: 350px;
    border-radius: 10px; 
}
#closeButton {
    display: block;
    margin-top: 10px;
    padding: 10px 20px;
    background-color: #007BFF;
    color: white;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}


/* refresh btn end  */