/********** Template CSS **********/
:root {
    --primary: #13C5DD;
    --secondary: #354F8E;
    --light: #EFF5F9;
    --dark: #1D2A4D;
}

.btn {
    font-weight: 700;
    transition: .5s;
}

.btn:hover {
    -webkit-box-shadow: 0 8px 6px -6px #555555;
    -moz-box-shadow: 0 8px 6px -6px #555555;
    box-shadow: 0 8px 6px -6px #555555;
}

.btn-primary {
    color: #FFFFFF;
}

.btn-square {
    width: 36px;
    height: 36px;
}

.btn-sm-square {
    width: 28px;
    height: 28px;
}

.btn-lg-square {
    width: 46px;
    height: 46px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 0;
    border-radius: 50% 50% 0 0;
    z-index: 99;
}

#allusers_preloader
{
  background: white url(../../../img/preloader2.gif) no-repeat center center;
  background-size: 100px;
  height: 100vh;
  width: 100%;
  position: fixed;
  z-index: 9999;
  display: none;
}

#allusers_preloader.show
{
  display: block;
}

.navbar-light .navbar-nav .nav-link {
    font-family: 'Jost', sans-serif;
    position: relative;
    margin-left: 30px;
    padding: 30px 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--dark);
    outline: none;
    transition: .5s;
}

#addProfile{
    padding: 20px 0 10px; 
}

div.iframeBox{
    padding: 10px;
    
}

div.whiteBackground{
    background-color: white;
    width: 100%;
    height: 85px;
    position: absolute;
    top: 195px;
}

iframe{      
    display: block; 
    height: 100vh; 
    width: 60%;   
    margin: auto;
    border: none;
    background: white;
    overflow-y: hidden;
}

.bground-color{
    background-color: white !important;
}

/* div.preNavLogin h5 a{
   
    font-size: 1vw;
    color: black;
    text-decoration: none;
    background-color: var(--myColor);
    padding: 5px 20px 5px 20px;  
    border: 2px solid white;
    border-radius: 20px;
    transition: all 1s;
}

div.preNavLogin h5 a:hover{
    text-decoration: none;
    color: var(--myColor);
    background-color: white;
    cursor: pointer;
    padding: 5px 20px 5px 20px;  
    border: 2px solid white;
    border-radius: 20px;
} */

div.preNavLogout h5 a{  
    font-size: 1vw;
    color: #13C5DD;
    text-decoration: none;
    background-color: black;
    padding: 5px 18px 5px 18px !important;
    border: 2px solid black;
    border-radius: 20px;
}

div.preNavLogout h5 a:hover{
    text-decoration: none;
    color: var(--myColor);
    background-color: white;
    cursor: pointer;
    padding: 5px 20px 5px 20px;  
    border: 2px solid white;
    border-radius: 20px;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
    color: var(--primary);
}

@media (min-width: 992px) {
    .navbar-light .navbar-nav .nav-link::before {
        position: absolute;
        content: "";
        width: 0;
        height: 5px;
        bottom: 0;
        left: 50%;
        background: var(--primary);
        transition: .5s;
    }

    .navbar-light .navbar-nav .nav-link:hover::before,
    .navbar-light .navbar-nav .nav-link.active::before {
        width: 100%;
        left: 0;
    }
}

@media (max-width: 991.98px) {
    .navbar-light .navbar-nav .nav-link  {
        margin-left: 0;
        padding: 10px 0;
    }
}

.hero-header {
    background: url(../img/main4.jpg) top right no-repeat;
    background-size: cover;
}

body.mainPage{
    overflow: -moz-scrollbars-horizontal;
    overflow-y: hidden;
    overflow-x: auto;
}

.hero-header-mainPage{
    background: url(../img/main4.jpg) top right no-repeat;
    background-size: cover;
    height: 700px;
    overflow-y: hidden;
}

.service-item {
    position: relative;
    height: 350px;
    padding: 0 30px;
    transition: .5s;
}

.service-item .service-icon {
    width: 150px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    border-radius: 50%;
    transform: rotate(-14deg);
}

.service-item .service-icon i {
    transform: rotate(15deg);
}

.service-item a.btn {
    position: absolute;
    width: 60px;
    bottom: -48px;
    left: 50%;
    margin-left: -30px;
    opacity: 0;
}

.service-item:hover a.btn {
    bottom: -24px;
    opacity: 1;
}

.price-carousel::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    background: var(--primary);
    border-radius: 8px 8px 50% 50%;
    z-index: -1;
}

.price-carousel .owl-nav {
    margin-top: 35px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}

.price-carousel .owl-nav .owl-prev,
.price-carousel .owl-nav .owl-next{
    position: relative;
    margin: 0 5px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    background: #FFFFFF;
    font-size: 22px;
    border-radius: 45px;
    transition: .5s;
}

.price-carousel .owl-nav .owl-prev:hover,
.price-carousel .owl-nav .owl-next:hover {
    color: var(--dark);
}

@media (min-width: 576px) {
    .team-item .row {
        height: 350px;
    }
}

.team-carousel .owl-nav {
    position: absolute;
    padding: 0 45px;
    width: 100%;
    height: 45px;
    top: calc(50% - 22.5px);
    left: 0;
    display: flex;
    justify-content: space-between;
}

.team-carousel .owl-nav .owl-prev,
.team-carousel .owl-nav .owl-next {
    position: relative;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: var(--primary);
    border-radius: 45px;
    font-size: 22px;
    transition: .5s;
}

.team-carousel .owl-nav .owl-prev:hover,
.team-carousel .owl-nav .owl-next:hover {
    background: var(--dark);
}

.testimonial-carousel .owl-dots {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 20px;
    height: 20px;
    background: var(--light);
    border: 2px solid var(--primary);
    border-radius: 20px;
    transition: .5s;
}

.testimonial-carousel .owl-dot.active {
    width: 40px;
    height: 40px;
    background: var(--primary);
}

.testimonial-carousel .owl-item img {
    width: 150px;
    height: 150px;
}

/* Scan file uploader */

@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
		
		.form-container {
			width: 100vw;
			height: 100vh;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.upload-files-container {
			padding: 0vw 6vw;
			border-radius: 40px;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			/* box-shadow: rgba(0, 0, 0, 0.24) 0px 10px 20px, rgba(0, 0, 0, 0.28) 0px 6px 6px; */
		}
		.drag-file-area {
			border: 2px dashed #13C5DD;;
			border-radius: 40px;
			margin: 10px 0 15px;
			padding: 30px 50px;
			width: 360px;
			text-align: center;
		}
		.drag-file-area .upload-icon {
			font-size: 50px;
		}
		.drag-file-area h3 {
			font-size: 26px;
			margin: 15px 0;
		}
		.drag-file-area label {
			font-size: 19px;
			margin: 0 0 0px -21px;
		}
		.drag-file-area label .browse-files-text {
			color: #13C5DD;;
			font-weight: bolder;
			cursor: pointer;
		}
		.browse-files span {
			position: relative;
			top: -25px;
		}
		.default-file-input {
			opacity: 0;
		}
		.cannot-upload-message {
			background-color: #ffc6c4;
			font-size: 17px;
			display: flex;
			align-items: center;
			margin: 5px 0;
			padding: 5px 10px 5px 30px;
			border-radius: 5px;
			color: #BB0000;
			display: none;
		}
		@keyframes fadeIn {
		0% {opacity: 0;}
		100% {opacity: 1;}
		}
		.cannot-upload-message span, .upload-button-icon {
			padding-right: 10px;
		}
		.cannot-upload-message span:last-child {
			padding-left: 20px;
			cursor: pointer;
		}
		.file-block {
			color: #f7fff7;
			background-color: #13C5DD;;
			transition: all 1s;
			width: 430px;
			position: relative;
			display: none;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			margin: 10px 0 15px;
			padding: 10px 20px;
			border-radius: 25px;
			cursor: pointer;
		}
		.file-info {
			display: flex;
			align-items: center;
			font-size: 15px;
		}
		.file-icon {
			margin-right: 10px;
		}
		.file-name, .file-size {
			padding: 0 3px;
		}
		.remove-file-icon {
			cursor: pointer;
		}
		.progress-bar {
			display: flex;
			position: absolute;
			bottom: 0;
			left: 4.5%;
			width: 0;
			height: 5px;
			border-radius: 25px;
			background-color: #4BB543;
		}

        button.scanImage{
            display: flex;
            align-self: flex-end;
            font-family: 'Montserrat';
			background-color: #0d6efd;;
			color: #f7fff7;
			display: flex;
			align-items: center;
			font-size: 16px;
			border: none;
			border-radius: 2px;
			margin-right: 200px;
            margin-top: 50px;
			padding: 7.5px 32px;
			cursor: pointer;
        }

        button.viewResults{
            display: flex;
            align-self: center;
            font-family: 'Montserrat';
			background-color: #0d6efd;;
			color: #f7fff7;
			display: flex;
			align-items: center;
			font-size: 16px;
			border: none;
			border-radius: 2px;
            margin-top: 50px;
			padding: 7.5px 32px;
			cursor: pointer;
        }
		.upload-button {
			font-family: 'Montserrat';
			background-color: #13C5DD;;
			color: #f7fff7;
			display: flex;
			align-items: center;
			font-size: 16px;
			border: none;
			border-radius: 20px;
			margin: 10px;
			padding: 7.5px 32px;
			cursor: pointer;
		}

        div.scanTitle{
            padding-top: 50px;
            margin-bottom: -50px;
        }

.scanPatientsTitle{
    font-size: 40px;
}


.m-t-10 { margin-top: 10px;} .m-t-20 { margin-top: 20px;}
.m-t-30 { margin-top: 30px;} .m-t-40 { margin-top: 40px;}
.m-b-10 { margin-bottom: 10px;} .m-b-20 { margin-bottom: 20px;}
.m-b-30 { margin-bottom: 30px;} .m-b-40 { margin-bottom: 40px;}
.m-l-10 { margin-left: 10px;} .m-l-20 { margin-left: 20px;}
.m-l-30 { margin-left: 30px;} .m-l-40 { margin-left: 40px;}
/* .wd10 { width: 10%; float: left;} .wd20 { width: 20%; float: left;} .wd30 { width: 30%; float: left;}
.wd40 { width: 40%; float: left;} .wd50 { width: 50%; float: left;} .wd60 { width: 60%; float: left;}
.wd70 { width: 70%; float: left;} .wd80 { width: 80%; float: left;} .wd90 { width: 90%; float: left;} .wd100 { width: 100%; float: left;} */
.wd10 { width: 10%;} .wd20 { width: 20%;} .wd30 { width: 30%;}
.wd40 { width: 40%;} .wd50 { width: 50%;} .wd60 { width: 60%;}
.wd70 { width: 70%;} .wd80 { width: 80%;} .wd90 { width: 90%;} .wd100 { width: 100%;}
.wd10, .wd10, .wd20, .wd30, .wd40, .wd50, .wd60, .wd70, .wd80, .wd90, .wd100 { display: inline-block;} 
.col50 { width: 49%;}
.col50.colleft { float: left;}
.col50.colright { float: right;}
.col50 .wd50 { width: 100%; float: left;}
.col50 .col50 { width: 48%;}
.fL { float: left !important;} .fR { float: right !important;}
.underline { text-decoration: underline;}
.op9 { opacity: .9;} .op8 { opacity: .8;} .op7 { opacity: .7;} .op6 { opacity: .6;} 
.op5 { opacity: .5;} .op4 { opacity: .4;} .op3 { opacity: .3;} .op2 { opacity: .2;}
.op1 { opacity: .1;}
.nodrop {cursor: no-drop;}

/* color code */
.white { color: #ffffff;} .bg-white { background-color: #ffffff !important; color: #676767 !important;}
.blue { color: #1ba1e5;} .bg-blue { background-color: #1ba1e5 !important;}
.purple { color: #448aff;} .bg-purple { background-color: #448aff !important;}
.red { color: #ff5252;} .bg-red { background-color: #ff5252 !important;}
.orange { color: #ff6d00;} .bg-orange { background-color: #ff6d00 !important;}
.green { color: #43a047;} .bg-green { background-color: #43a047 !important;}
.violet { color: #9162e4;} .bg-violet { background-color: #9162e4 !important;}
.pink { color: #ff6090;} .bg-pink { background-color: #ff6090 !important;}
.alt-blue { color: #7c9cad;} .bg-alt-blue { background-color: #7c9cad !important;}
.bg-pink:hover, .bg-pink:focus, .bg-pink:active, 
.bg-purple:hover, .bg-purple:focus, .bg-purple:active,
.bg-violet:hover, .bg-violet:focus, .bg-violet:active,
.bg-alt-blue:hover, .bg-alt-blue:focus, .bg-alt-blue:active { color: #ffffff !important;}

/* text color code */
.gray-pale { color: #526273;}
.gray-dark { color: #444444;}
.gray-light { color: #908e8e;}
.btn { -webkit-transition: box-shadow ease-in-out .1s; -moz-transition: box-shadow ease-in-out .1s; -o-transition: box-shadow ease-in-out .1s; transition: box-shadow ease-in-out .1s; }
.btn[class*='bg-']:hover { box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.1); }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus ,button:focus{ outline: none; outline-offset: 0;}

.container {  width: 100%; margin: 0 auto; position: relative; display: block;}
.containerForm{max-width: 960px; }
.contact { background: #F9F9F9; padding: 25px; margin: 50px 0; box-shadow: 0 0 20px; ;}
.contact h3 { display:block; font-size: 16px;}
.contact p { margin: 5px 0;}
hr { border-width: 7px; box-shadow: none; border-style: solid; border-color: #f3f3f3; margin: 7px 0; margin-left: 0; display: block;}

fieldset { border: medium none !important; margin: 0 0 10px; min-width: 100%; padding: 0; width: 100%;}
textarea { font-family: 'Work Sans', sans-serif;}

.contact input[type="text"], .contact input[type="email"], .contact input[type="tel"], .contact input[type="url"], .contact select, .contact textarea { width: 100%; border: 1px solid #CCC; background: #FFF; margin: 0 0 5px; line-height: 24px; padding: 0; text-indent: 8px;}
.contact select { padding: 3px 7px; text-indent: 0;}

.contact input, .contact select, .contact textarea{
    padding-top: 5px !important;
    padding-bottom: 5px  !important;
    border-radius: 5px;
}

.medicationField{
    border: none !important;
    background-color: #F9F9F9 !important;
}

.contact ::placeholder{
    font-size: 15px;
}

.contact label{
    font-size: 15px;
}

.contact input[type="text"]:hover, .contact input[type="email"]:hover, .contact input[type="tel"]:hover, .contact input[type="url"]:hover, .contact textarea:hover { -webkit-transition: border-color 0.3s ease-in-out; -moz-transition: border-color 0.3s ease-in-out; transition: border-color 0.3s ease-in-out; border-color: #373737;}
.contact textarea { height: 150px; min-width: 100%; max-width: 100%;}
.contact button[type="submit"] { cursor: pointer; width: 100%; border: none; background: #13C5DD; color: #FFF; margin: 0 0 5px; padding: 10px; font-size: 15px;}
.contact button[type="submit"]:hover { background: #09C; -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; transition: background-color 0.3s ease-in-out;}

.contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

.contact input:focus, .contact textarea:focus { outline:0; border:1px solid #999;}
::-webkit-input-placeholder { color:#888;}
:-moz-placeholder { color:#888;}
::-moz-placeholder { color:#888;}
:-ms-input-placeholder { color:#888;}

.question-checkbox { border: 5px solid #d7d7d7; margin-bottom: 10px; margin-left: -5px;}
.question-checkbox .col50 { padding: 1% 2%; width: 46%;}
.question-checkbox .col50 p { margin: 8px 0 0; font-weight: 600;}
.question-checkbox .col50 label { margin: 0 10px 0 0; font-size: 13px;}
.question-checkbox .col50 input[type="checkbox"] { position: relative;; top: 2px;}

.table-wrapper { position: relative; overflow: hidden; width: 100%; max-width: 1150px;}
.table-wrapper:after { content: ""; position: absolute; top: 0; left: 100%; width: 50px; height: 100%; border-radius: 10px 0 0 10px / 50% 0 0 50%;}
.table-wrapper .table-inner { overflow-x: auto; border: 1px solid #ebebeb; padding: 0 7px;}
.table-wrapper .table-inner::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 14px;}
.table-wrapper .table-inner::-webkit-scrollbar-thumb { border-radius: 5px; border: 2px solid #fff; background-color: #8e9eab;}
.table-wrapper input[type="text"] { line-height: 24px; margin: 0;}

.pricing-table { margin: 10px 0; text-align: center; font-size: 12px; overflow: hidden; border-radius: 5px;}
.pricing-table th, .pricing-table td { padding: 4px 2px; min-width: 120px; border: none; text-align: center; font-weight: 500;}
.pricing-table th { background: #8e9eab; color: #fff; font-size: 14px;}
.pricing-table td:first-child { padding: 5px; text-align: left;}
.pricing-table tr:nth-child(even) td { background: white;}

@media (min-width: 860px) { 
	.table-wrapper { overflow: visible; -webkit-box-shadow: none; box-shadow: none;}
	.table-wrapper:after { content: none;}
}

@media (max-width: 640px) { 
	label { font-size: 12px;}
	.col50 .col50 { width: 100%;}
}





/* popup box */

.popupBox{
    width: 400px;
    background: white;
    border-radius: 6px;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.1);
    text-align: center;
    padding: 0 30px 30px;
    color: #333;
    z-index: 999;
    visibility: hidden;
    transition: transform 0.4s, top 0.4s;
    box-shadow: 0px 0px 20px gray;
  }
  
  .open-popup{
    visibility: visible;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
  }
  
  
  
  .popupBox img{
    width: 100px;
    margin-top: -50px;
  }
  .popupBox h2{
    font-size: 38px;
    font-weight: 500;
    margin: 10px 0 10px;
  }
  .popupBox p{
    font-size: 17px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  }
  
  
  .popupBox button.cancel{
    width: 40%;
    margin-top: 30px;
    padding: 10px 0;
    background: rgb(60, 194, 60);
    color: white;
    font-weight: bold;
    border: 0;
    outline: none;
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  }



.popupBoxResult{
    width: 100%;
    height: 100vh;
    background: white;
    border-radius: 6px;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.1);
    padding: 0 30px 30px;
    color: #333;
    z-index: 9999;
    visibility: hidden;
    transition: transform 0.4s, top 0.4s;
    box-shadow: 0px 0px 20px gray;
    overflow-y: auto;
  }

  .popupBoxResult label{
    font-weight: bold;
  }
  
  .open-popupResult{
    visibility: visible;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
  }
  
  
  
  .popupBoxResult img{
    width: 100px;
    margin-top: -50px;
  }
  .popupBoxResult h2{
    font-size: 38px;
    font-weight: 500;
    margin: 10px 0 10px;
  }
  .popupBoxResult p{
    font-size: 17px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  }
  
  
  .popupBoxResult button.cancel{
    width: 35%;
    margin-top: 30px;
    padding: 10px 0;
    background: rgb(60, 194, 60);
    color: white;
    font-weight: bold;
    border: 0;
    outline: none;
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  }

  .popupBoxResult .resultButtons{
    display: flex;
    justify-content: space-around;
  }

  .popupBoxResult button.closeResult{
    margin-top: 30px;
    padding: 10px 50px;
    background: red;
    color: white;
    font-weight: bold;
    border: 0;
    outline: none;
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  }


  .section-ajeet-title {
    position: relative;
    font-size: 30px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    margin: 0 0 35px;
  }
  
  .gf-column {
    float: left;
    display: none; /* Hide all elements by default */
  }
  
  /* The "show" class is added to the filtered elements */
  .show {
    display: block;
  }
  
  .filter {
    padding: 20px 2px 10px;
    text-align: center;
    max-width: 1050px;
    margin: auto;
    object-fit: cover;
  }
  
  .gf-btn {
    padding: 10px 20px;
    margin: 5px 4px 4px 0;
    display: inline-block;
    color: #000;
    background: #fff;
    font-size: 18px;
    font-weight: 500;
    border: 1px solid #265df2;
    text-decoration: none;
    transition: all 0.2s;
    border-radius: 9px;
    cursor: pointer;
  }
  .gf-btn:hover,
  .gf-btn-active {
    background: #265df2;
    color: #fff;
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
  }
  
  .gallery {
    display: flex;
    justify-content: center;
    width: fit-content;
    max-width: 1320px;
    flex-wrap: wrap;
    margin: 25px auto;
    /* gap: 14px; */
  }
  .gallery img {
    width: 200px;
    height: 260px;
    object-fit: cover;
    /* background: center center/cover no-repeat #ddd; */
    transition: 0.3s ease-in-out;
    border-radius: 12px;
    overflow: hidden;
    margin: 10px 10px;
  }
  .gallery img:hover::after {
    content: "E";
  }
  
  .gallery img:hover,
  video:hover {
    transform: scale(1.1);
  }
  
  .butonsSection {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px 15px;
    gap: 15px;
  }
  .closeBtn {
    font-size: 22px;
    letter-spacing: 2px;
    color: #fff;
    transition: all 0.4s linear;
    padding: 8px 50px;
    border-radius: 25px;
    background: red;
    border: 0;
    outline-offset: -5px;
    outline: 2px solid #fff;
  }
  .closeBtn:hover {
    cursor: auto;
    background: white;
    color: black;
    padding: 8px 45px;
    outline-offset: 4px;
    outline: 2px solid #fff;
  }
  
  .openDiv {
    width: 100%;
    height: 100vh;
    background: #000000e7;
    position: fixed;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    left: 0;
    z-index: 9999;
  }
  .imgPreview {
    /*    width: 70%;  */
    object-fit: scale-down;
    max-height: 80vh;
    height: auto;
  }
  
  .sets .hide,
  .sets .pophide {
    width: 0%;
    opacity: 0;
  }
  
  .all-btn {
    text-align: center;
    background-color: #265df2;
    border-radius: 30px;
    margin: -15px auto 0;
    font-size: 1rem;
    width: 100%;
    max-width: 300px;
    padding: 5px 10px;
    letter-spacing: 1px;
    cursor: pointer;
  }
  
  .all-btn:active {
    transform: translateY(2px);
  }
  
  /* Responsive css Code Start */

  
  @media (max-width: 767px) {

    .btn-light{
      padding: 15px 30px !important;
    }
  
    .closeBtn {
      padding: 8px 25px;
    }
  
    .imgPreview {
      width: 80%;
      height: auto;
    }
  }
  
  @media (max-width: 575px) {

    .btn-light{
      margin-bottom: 20px;
    }
  
    .gf-btn {
      font-size: 15px;
    }
  
    .closeBtn {
      font-size: 18px;
      padding: 8px 25px;
      border-radius: 15px;
    }
    .closeBtn:hover {
      padding: 8px 20px;
    }
  
    .imgPreview {
      width: 90%;
      /* max-height: 50vh; */
      height: auto;
    }
  }