/* Theming */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");

.fdiv {
	position: fixed;
	width: 100%;
	bottom: 100px;
	padding: 10px;
	overflow-y: scroll;
}

/* Style for the element inside the fixed div at the bottom */
.be {
	background-color: #3498db;
	color: #fff;
	padding: 5px 10px;
}

:root {
	--pink: #EA4C89;
	--white: #f9f9f9;
	--black: #36383F;
	--grey: #85888C;
	--orange: #ffb300;
	--darker-blue: #283593;
	--dark-blue: #303f9f;
}

/* Reset */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	background-color: var(--white);
	font-family: "Poppins", sans-serif;
	height: 100%;
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none;    /* Firefox */
	-ms-user-select: none;     /* Internet Explorer/Edge */
	user-select: none;         /* Non-prefixed version */
}

a {
	text-decoration: none;
}

ul {
	list-style: none;
}

/* Chrome, Safari, Edge, Opera  hide number scroll*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox hide number scrool */
input[type=number] {
	-moz-appearance: textfield;
}

/* Header */
.header {
	z-index: 2;
	background-color: var(--black);
	box-shadow: 1px 1px 5px 0px var(--grey);
	position: sticky;
	top: 0;
	width: 100%;
	height: 75px;
}

/* Logo */
.logo {
	display: inline-block;
	color: var(--white);
	font-size: 30px;
	margin-left: 10px;
	text-align: center
}

.logo2 {
	display: inline-block;

	color: var(--white);
	position: absolute;
	top: 30px;
	margin-left: -30px;
	text-align: center
}

.logo3 {
	display: inline-block;
	color: #EA4C89;
	font-weight: 500;
	position: absolute;
	top: 50px;
	margin-left: -35px;
	text-align: center;

}

td {
	width: 100%;
	height: 100%;
	max-height: 100dp;
	max-width: 200dp;
	text-align: center;
}

.pagination {
	justify-content: center;
	display: flex;
	position: fixed;
	bottom: 0px;
	width: 100%;
	background-color: #EA4C89;
}

.pagination a {
	color: black;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	color: var(--white);
}

.pagination a.active {
	color: white;
	border-radius: 5px;
}

.pagination a:hover:not(.active) {
	background-color: #ddd;
	border-radius: 5px;
}

.divline {
	position: relative;
	border-radius: 5px;
	padding: 10px;
	margin: 10px 0;
	font-size: 12px;
}

.darker {
	border-color: #ccc;
	background-color: #ddd;
}

.image-container {
    display: grid;
    place-items: center;   /* Center the image */
    max-width: 100vw;      /* Ensure container does not exceed viewport width */
    max-height: 100vh;     /* Ensure container does not exceed viewport height */
}

.image-container img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;   /* Keep the image aspect ratio */
}

.container {
	position: relative;
	border: 2px solid #dedede;
	background-color: #f1f1f1;
	border-radius: 5px;
	padding: 10px;
	margin: 10px 0;
	font-size: 12px;
	text-align: justify;
	overflow: hidden;
	word-wrap: break-word;            /* Deprecated but still widely used */
    overflow-wrap: break-word;        /* Modern approach */
}

.container::after {
	content: "";
	clear: both;
	display: table;
}

.container img {
	float: left;
	max-width: 60px;
	margin-left: -10px;
	margin-right: 10px;
	border-radius: 50%;
}

.container img.right {
	float: right;
	margin-left: 20px;
	margin-right: 0;
}


.topright {
	position: absolute;
	font-size: 10px;
	font-weight: bold;
	color: #EA4C89;
	top: 0px;
	right: 15px;
	text-align: left;
}

.bottomright {
	position: absolute;
	bottom: 5px;
	right: 5px;
	text-align: right;
}

.time-right {
	float: right;
	color: #aaa;
}

.time-left {
	float: left;
	color: #999;
}

.serial {
	background-color: #ED9595;
	font-weight: bold;
	font-size: 14px;
	padding: 1px 12px;
	display: inline;
}

.n {
	display: inline-block;
	position: relative;
	bottom: 2px;
	padding: 2px 2px;
	border-radius: 0%;
	color: white;
	border-style: dotted;
	font-size: 10px;
}

.g {
	background-color: #DBFF33;
	color: black;
}

.r {
	background-color: red;
}

.y {
	background-color: yellow;
	color: black;
}

.w {
	background-color: white;
	color: black;
}

.center-form {
	justify-content: center;
	display: flex;
	margin-top: 25px;
}

.center-form2 {
	justify-content: center;
	display: flex;
	margin-top: 2px;
}

.footer {
	font-size: 8px;
	text-align: center;
	bottom: 0px;
	width: 100%;
}

.footerf {
	position: fixed;
	font-size: 8px;
	text-align: center;
	bottom: 0px;
	width: 100%;
}

.button-container {
	display: flex;
	background: #FFFFFF;
}

.us {
	-webkit-user-select: none;
	user-select: none;
}

.readymessage { 
    font-style: italic;
    background: linear-gradient(135deg, #0d6efd, #0a58ca); /* Blue gradient (trust/professional) */
    padding: 2rem 0.5rem;
    text-align: justify;
    text-align-last: center;
    color: white;
    border-top: 1px solid #084298;
    border-bottom: 1px solid #084298;
}

.underc {
    font-style: italic;
    background: red;            /* Solid red background */
    padding: 2rem 0.5rem;
    text-align: justify;         /* center or justify Center-align the text */
    text-align-last: center;
    color: white;               /* White text color */
    border-top: 1px solid darkred;
    border-bottom: 1px solid darkred;
}
.mmm {
	border-radius: 12px;
	text-align: justify;
	text-align-last: center;
	font-style: italic;
	font-style: italic;
	background: var(--black);
	padding: 1rem;
	margin: 1rem;
	color: hsl(300, 50%, 95%);
	border-top: 1px solid hsl(300, 50%, 35%);
	border-bottom: 1px solid hsl(300, 50%, 5%);
}

.button-2 {
	width: fit-content;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
	font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	height: 40px;
	line-height: 40px;
	list-style: none;
	margin: 0;
	outline: none;
	padding: 0px 10px 0px 10px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: color 100ms;
	vertical-align: center;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
}

.button-1 {
	background-color: #EA4C89;
	border-radius: 8px;
	border-style: dotted;
	box-sizing: border-box;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	height: 40px;
	line-height: 40px;
	list-style: none;
	margin: 0;
	outline: none;
	padding: 10px 16px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: color 100ms;
	vertical-align: baseline;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
}

.button-1:hover,
.button-1:focus {
	background-color: rgb(128, 255, 0);
}

h3 {
	color: var(--orange);
	margin: 10px 0;

	font-size: 1.25em;
}

/* Red border */
hr.new1 {
	border-top: 1px solid red;
}

/* Dashed red border */
hr.new2 {
	border-top: 1px dashed red;
}

/* Dotted red border */
hr.new3 {
	border-top: 1px dotted red;
}

/* Thick red border */
hr.new4 {
	border: 1px solid red;
}

.readb {
	border: 1px solid red;
}

.greenb {
	background: green;
}

/* Large rounded green border */
hr.new5 {
	border: 10px solid green;
	border-radius: 5px;
}

.interests {
	background: var(--darker-blue);
	color: white;
	margin: 15px 0 0;
	padding: 15px;
	word-wrap: break-word;            /* Deprecated but still widely used */
    overflow-wrap: break-word;        /* Modern approach */
}

.what {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	margin-left: 10px;
	margin-top: 10px;

}

.whatsapp {
	position: absolute;
	/* Position the image absolutely within the anchor */
	top: 20%;
	/* Move the image down by 50% of the anchor's height */
	left: 10;
	/* Move the image to the right by 50% of the anchor's width */

	content: url('data:image/png;base64,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');
}

.sms::before {
    content: "💬";
    font-size: 25px;
}

.sms {
    position: absolute;
    left: 6px;
}

.icon {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	content:url('data:image/png;base64,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');
	margin-left: 10px;
	margin-top: 10px;

}
.piconl {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	content: url('../pictures/pak2.png');
	margin-left: 10px;
	margin-top: 10px;
	width: 50px;   /* Adjust to your preferred width */
    height: 50px;  /* Adjust to your preferred height */

}
.piconr {
	position: absolute;
	display: inline-block;
	top: 0;
	right: 0;
	content: url('../pictures/pak2.png');
	margin-right: 10px;
	margin-top: 10px;
    height: 50px;  /* Adjust to your preferred height */
    width: 50px;

}
/* Nav menu */
.nav {
	position: fixed;
	margin-top: 60px;
	margin-right: 5px;
	right: 0;
	left: initial;

	background: transparent;

	/*    position: fixed;
    margin-top: 15px;
    margin-left: 5px;
    background: transparent;*/

	overflow: hidden;

}

ul li {
	padding: 5px;
}

.menu a {
	display: block;
	padding: 0px 20px;
	color: var(--white);

}

.menu a:hover {
	background-color: var(--grey);
}

.nav {
	max-height: 0;
	transition: max-height .5s ease-out;
}

/* Menu Icon */

.hamb {
	position: absolute;
	top: 30px;
	right: 0;
	cursor: pointer;
	padding: 0px 20px;
}


.hamb-line {
	background: var(--white);
	display: block;
	height: 8px;
	position: relative;
	width: 44px;

}

.hamb-line::before,
.hamb-line::after {
	background: var(--pink);
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	transition: all .2s ease-out;
	width: 100%;
}

.hamb-line::before {
	top: 15px;
}

.hamb-line::after {
	top: -15px;
}



.side-menu {
	display: none;
}

/* Toggle menu icon */

.side-menu:checked~nav {
	max-height: 100%;
}

.side-menu:checked~.hamb .hamb-line {
	background: transparent;
}

.side-menu:checked~.hamb .hamb-line::before {
	transform: rotate(-45deg);
	top: 0;

}

.side-menu:checked~.hamb .hamb-line::after {
	transform: rotate(45deg);
	top: 0;
}

.mySlides {
	display: none;
}

img {
	vertical-align: middle;
}

/* Slideshow container */
.slideshow-container {
	max-width: 100%;
	padding:10px;
	position: relative;
	margin: auto;
}

/* Next & previous buttons */
.prev,
.next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -22px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
}

/* Position the "next button" to the right */
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
	content: url("../pictures/ra50.png");
}

.prev {
	left: 0;
	border-radius: 3px 0 0 3px;
	content: url("../pictures/la50.png");
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

/* Caption text */
.text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}

/* The dots/bullets/indicators */
.dot {
	cursor: pointer;
	height: 25px;
	width: 25px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.active,
.dot:hover {
	background-color: #717171;
}

/* Fading animation */
.fade {
	animation-name: fade;
	animation-duration: 1.5s;
}

@keyframes fade {
	from {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

/*also in media*/
.popup {
	position: fixed;
	z-index: 1111;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.popup-content {
	display: grid;
	grid-template-columns: auto auto auto;
	grid-template-columns: repeat(auto-fit, minmax(33.33%, 1fr));
	background-color: #EA4C89;
	padding: 10px;

	position: absolute;
	top: 75px;
	left: 50px;
	bottom: 50px;
	right: 50px;
	margin: auto;
}

.popup-content button {
	background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(0, 0, 0, 0.8);
	border-radius: 8px;
	font-size: 30px;
	text-align: center;
	width: 100%;
}

.show {
	display: block;
}

.hide {
	display: none;
}

.bottom-left {
	display: inline-block;
	vertical-align: bottom;
	padding: 16px 16px;
}

.mylabel {
	width: fit-content;
	border-radius: 8px;

	display: inline-block;
	font-size: 14px;
	height: 40px;
	margin: 0;
	vertical-align: bottom;
	padding: 16px 16px;
	font-weight: 1000;
	text-align: left;
	line-height: 28px;
}

.myl {
	display: block;
	margin-bottom: 5px;
	font-size: 16px;
	float: left;
	width: 30%;
	padding-left: 3%;
	position: relative;
}

.myin {
	position: absolute;
	left: -5px;
}

.mytext {
	display: inline-block;
	vertical-align: bottom;
	line-height: 28px;
	text-align: left;
	width: 100%;
	background-color: rgba(239, 148, 0, 0.2);
	border: 2px solid #EF9400;
	border-radius: 8px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	height: 40px;
	line-height: 40px;
	list-style: none;
	margin: 0;
	outline: none;
	padding: 0px 10px 0px 10px;
	position: relative;
}

.hara {
	background-color: rgba(62, 189, 97, 0.2);
	border: 2px solid #3ebd61;
}
.haranb {
	background-color: rgba(62, 189, 97, 0.2);
	width: fit-content;
	border-radius: 8px;
	display: inline-block;
	font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	height: 40px;
	line-height: 40px;
	list-style: none;
	margin: 0;
	outline: none;
	padding: 0px 10px 0px 10px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: color 100ms;
	vertical-align: center;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
}
.zard {
	background-color: rgba(239, 148, 0, 0.2);
	border: 2px solid #EF9400;
}

h1 {
	color: green;
}

/* rishtayp*/
.rishtayp {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.popup-content2 {
	display: absolute;

	padding: 10px;

	position: absolute;
	top: 50%;
	left: 50px;
	bottom: 50px;
	right: 50px;
	margin: auto;
}


h12 {
	color: green;
}

/*Alert Box 1*/
.alert {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 8888;
}

.alert-content {
	position: fixed;
	background-color: #f4f4f4;
	padding: 20px;
	padding-bottom: 60px;
	border-radius: 5px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 300px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.close-button {
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	height: 50px;
	max-width: 300px;
	color: #aaa;
	float: right;
	font-size: 28px;
	cursor: pointer;
	background-color: rgba(62, 189, 97, 0.2);
	border: none;
	outline: none;
	transition: all 0.2s ease-in-out;
	padding: 0.75rem;
	border-radius: 0.5rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.close-button:hover {
	color: black;
}
/*for divs hide show*/
        .tab-div {
            display: none; /* Hide all divs initially */
            margin-top:30px;
            margin-bottom:50px;
        }

        /* Style for active div */
        .tab-active {
            display: block; /* Only display active div */
        }
 /*button-57*/
        .button-57 {
            background-color: #0078d0;
	border-style: dotted;
	box-sizing: border-box;
            border-radius: 56px;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            font-family: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
            font-size: 18px;
            font-weight: 600;
            outline: 0;
            padding: 4px 21px;
            position: relative;
            text-align: center;
            text-decoration: none;
            transition: all 0.3s;
            user-select: none;
            -webkit-user-select: none;
            touch-action: manipulation;
            overflow: hidden;
              /* Allow text to wrap onto multiple lines */
  white-space: normal;
  line-height: 1.4; /* Adjust line-height for better readability on multiple lines */
  width: calc(100% - 100px); /* 50px gap on both sides */
  max-width: 280px; /* Optional: Set a max width to control wrapping */

        }

        .button-57:before {
            background-color: initial;
            background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);
            border-radius: 125px;
            content: "";
            height: 50%;
            left: 4%;
            opacity: 0.5;
            position: absolute;
            top: 0;
            transition: all 0.3s;
            width: 92%;
        }

        .button-57:hover {
            box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset, rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;
            transform: scale(1.05);
        }
        /* Styling for About Us section */
        .about-section {
            max-width: 800px;
            margin: 40px auto;
            padding: 20px;
            background-color: #f9f9f9;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            font-family: Arial, sans-serif;
            color: #333;
            line-height: 1.6;
        }

        .about-section h2 {
            font-size: 2em;
            color: #0078d0;
            text-align: center;
            margin-bottom: 15px;
        }

        .about-section p {
            margin-bottom: 15px;
        }

        .contact-info {
            margin-top: 20px;
            text-align: center;
        }

        /* WhatsApp Button Styling */
        .whatsapp-button {
            display: inline-flex;
            align-items: center;
            background-color: #25D366;
            color: white;
            border: none;
            border-radius: 5px;
            padding: 10px 15px;
            font-size: 16px;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.3s;
        }

        .whatsapp-button:hover {
            background-color: #20b858;
        }

        .whatsapp-icon {
            margin-right: 8px;
        }

        /* Footer/Copyright styling */
        .footerw {
            text-align: center;
            margin-top: 20px;
            font-size: 14px;
            color: #777;
        }

/* Responsiveness */

@media (min-width: 768px) {

	.logo2 {
		top: 15px;
		margin-left: 110px;
		text-align: center
	}

	.logo3 {
		position: absolute;
		top: 10px;
		margin-left: -155px;
		text-align: center;

	}

	.nav {
		max-height: none;
		margin-top: -15px;
		top: 0;
		position: relative;
		float: right;
		width: fit-content;
		background-color: transparent;

	}

	.menu li {
		float: left;
	}

	.menu a:hover {
		background-color: transparent;
		color: var(--grey);

	}

	.hamb {
		display: none;
	}

	.text {
		font-size: 11px;

	}

	.next {
		content: url("../pictures/ra50.png");
	}

	.prev {

		content: url("../pictures/la50.png");
	}

	.mmmm {
		border-radius: 12px;
		text-align: justify;
		text-align-last: center;
		font-style: italic;
		background: linear-gradient(hsl(300, 50%, 20%), hsl(300, 50%, 10%));
		padding: 1rem 0 2rem 0;
		color: hsl(300, 50%, 95%);
		border-top: 1px solid hsl(300, 50%, 35%);
		border-bottom: 1px solid hsl(300, 50%, 5%);
	}

	.mmm {
		font-style: italic;
		background: linear-gradient(hsl(300, 50%, 20%), hsl(300, 50%, 10%));
		padding: 2rem 0.5rem;
		text-align-last: center;
		text-align: right;
		color: hsl(300, 50%, 95%);
		border-top: 1px solid hsl(300, 50%, 35%);
		border-bottom: 1px solid hsl(300, 50%, 5%);
	}

	/* For Popup window */
	.popup {
		position: fixed;
		z-index: 1;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
	}

	.popup-content {
		display: grid;
		grid-template-columns: auto auto auto;
		grid-template-columns: repeat(auto-fit, minmax(33.33%, 1fr));
		background-color: #EA4C89;
		padding: 10px;

		position: absolute;
		top: 75px;
		left: 50px;
		bottom: 50px;
		right: 50px;
		margin: auto;
	}

	.popup-content button {
		background-color: rgba(255, 255, 255, 0.8);
		border: 1px solid rgba(0, 0, 0, 0.8);
		border-radius: 8px;
		font-size: 30px;
		text-align: center;
		width: 100%;
	}

	.show {
		display: block;
	}

	.hide {
		display: none;
	}

	h1 {
		color: green;
	}


	/* rishtayp*/
	.rishtayp {
		position: fixed;
		z-index: 9999;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
	}

	.popup-content2 {
		display: absolute;


		padding: 10px;

		position: absolute;
		top: 75px;
		left: 50px;
		bottom: 50px;
		right: 50px;
		margin: auto;
	}

	h12 {
		color: green;
	}
}