/*
Theme Name: IMRA Token
*/
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kaushan+Script&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap"); html {
	scroll-behavior: smooth;
}

* {
	box-sizing: border-box;
	outline: none;
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
}

body {
	font-family: "Inter", sans-serif;
	font-size: 14px;
	background: #000;
}

h1 {
	font-size: 60px;
}

h2 {
	font-size: 45px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-weight: 400 !important;
}

h6 {
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Lato", sans-serif;
	font-weight: 600;
	color: #fff;
	margin-bottom: 10px;
}

span {
	color: #14b686 !important;
	background: #10d7ff;
	background: linear-gradient(to right, #10d7ff 0%, #14b686 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

strong {
	font-weight: 600;
	color: #fff;
}

a {
	color: initial;
	line-height: initial;
}

a:hover {
	color: #fff;
	text-decoration: none;
}

p {
	font-size: 16px;
	color: rgb(255 255 255 / 80%);
	font-weight: 300;
}

p:last-child {
	margin: 0;
}

label {
	margin-bottom: 0px;
	display: block;
}

img, iframe, video {
	max-width: 100%;
	vertical-align: middle;
}

ul {
}

ul li {
}

input, input::placeholder{color: #fff!important;}

textarea {
}

input[type="radio"] {
	width: 20px;
	height: 20px !important;
	vertical-align: middle;
}

label {
	font-size: 13px;
	color: #000 !important;
}

button:focus {
	outline: 0px dotted;
	outline: 0px auto -webkit-focus-ring-color;
}

.wpcf7-spinner {
	position: absolute;
	bottom: -25px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.wpcf7-not-valid-tip {
	font-size: 12px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	margin: 10px 0 0 0 !important;
	background: #000;
	font-size: 13px;
	text-align: center;
	color: #fff !important;
}

.btnmain, .btnborder, input[type="submit"], .btndown {
	padding: 13px 29px;
	border-radius: 2px;
	background: #10d7ff;
	color: #fff !important;
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	border-radius: 10px;
	background: linear-gradient(90deg, #12d6fb 0%, #077f5b 100%);
	border: 2px solid #12b787;
	float: left;
	cursor: pointer;
}

.btnborder {
	background: linear-gradient(90deg, #000000 0%, #282828 100%);
	border: 2px solid #12b787;
	padding: 11.5px 20px;
}

.btndown {
	padding: 15px 14px 15px 20px;
	float: none;
	border-radius: 25px;
	background: #2f2f32;
	background: linear-gradient( 180deg, rgba(47, 47, 50, 1) 0%, rgba(21, 22, 24, 1) 100% );
}

.btndown img {
	background: #525355;
	background: linear-gradient( 180deg, rgba(82, 83, 85, 1) 0%, rgba(32, 33, 35, 1) 100% );
	padding: 10px;
	border-radius: 50%;
	margin-left: 10px;
}

.btntext {
	background: initial;
	float: none;
	margin: 10px 0 0 0 !important;
	display: inline-block;
	border: 0;
	padding: 0;
	color: #0fd7ff !important;
}

.btntext i {
	color: #8a4cef;
}

.btndown:hover, .btnmain:hover, .btnborder:hover {
	background: #0fd7ff;
	border-color: #0099b8;
}

.btndown:hover img {
	transform: scale(1.02);
}

.border-bottom {
	border-bottom: 1px solid #11caf03d !important;
}

.cover {
	background-size: cover !important;
	background-position: top center !important;
}

.rounded {
	border-radius: 20px !important;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
	border-radius: 50px;
	background: linear-gradient(90deg, #761fe3 0%, #460f9e 100%) !important;
	border: 2px solid #741fe1 !important;
	padding: 19px 20px !important;
	margin: 0 10px;
}

.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover {
	background: #8a4cef !important;
	border-color: #8a4cef !important;
}

.owl-dots {
	position: absolute;
	bottom: 25px;
	left: 0;
	right: 0;
	z-index: 1;
	margin: 0 auto;
	text-align: center;
}

.owl-dot {
	width: 15px;
	height: 10px;
	background: #333 !important;
	border-radius: 5px;
	margin-right: 8px;
}

.owl-dot.active, .owl-dot:hover {
	background: #8a4cef !important;
	width: 30px;
}

header {
	position: fixed;
	z-index: 9;
	width: 100%;
}

header .logo img {
	width: 125px;
}

header .menu-icon {
	position: relative;
	width: 40px;
	float: right;
	cursor: pointer;
}

header .menu-icon span {
	width: 40px;
	height: 4px;
	background: #14b686 !important;
	display: block;
	margin-bottom: 6px;
	border-radius: 10px;
	cursor: pointer;
}

header .menu-icon span:last-child {
	margin: 0;
}

header .menu-icon:hover span {
	background: #8a4cef;
}

header .menu-icon.on span:first-child {
	transform: rotate(50deg);
	position: relative;
	top: 6px;
}

header .menu-icon.on span:nth-child(2) {
	transform: rotate(-50deg);
	top: -4px;
	position: relative;
}

header .menu-icon.on span:nth-child(3) {
	display: none;
}

header nav {
}

header nav ul {
	padding: 0;
	margin: 0;
	display: inline-block;
}

header nav ul li {
	display: inline-block;
	vertical-align: middle;
}

header nav ul li a {
	color: #fff;
	padding: 10px 10px;
	display: block;
	border-radius: 10px;
	font-weight: 300;
	font-size: 16px;
}

header nav ul li a:hover {
	color: #10d7ff !important;
}

header nav ul li.btn1 a {
	background: initial !important;
	border: 2px solid #2d3135;
}

header nav ul li.btn1 a:hover, header nav ul li.btn2 a {
	background: linear-gradient(90deg, #761fe3 0%, #460f9e 100%) !important;
	border: 2px solid #741fe1;
	color: #fff !important;
}

header nav ul li.btn2 a:hover {
	background: #771fe3 !important;
}

header nav ul li.btn1 {
	margin-left: 25px;
	margin-right: 10px;
}

header.sticky {
	background: #000;
	padding: 5px 0 !important;
	border-bottom: 1px solid #202020 !important;
}

header.sticky .logo img {
	width: 50px;
}

.banner {
	padding: 300px 0 200px 0;
	border-bottom: 1px solid #202020;
	background: url('https://irmatoken.ai/wp-content/uploads/2025/05/home.png');
}

.banner:after {
	content: "";
	background: url("https://irmatoken.ai/wp-content/uploads/2025/05/banner-bg.png");
	background-position: center center !important;
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: -1;
	opacity: 0.4;
}

.banner h1 {
}

.banner h2 {
	font-size: 28px;
	margin-bottom: 40px;
}

.banner p {
	margin-bottom: 50px;
}

.banner.inner {
	background-repeat: no-repeat !important; background-position: center center !important; background-size: 100% !important;
}

.banner.inner:after {
	display: none;
}

.banner.inner img {
	margin-top: -200px;
}

.banner .featured {
	width: 25%;
	position: absolute;
	right: 0;
	bottom: 0;
}

.services-list {
}

.services-list .border {
	backdrop-filter: blur(200px);
	border: 1px solid #3d3d3d !important;
	background: linear-gradient( 186.47deg, rgba(255, 253, 253, 0.4) -20.85%, rgba(255, 253, 253, 0.2) -20.83%, rgba(255, 255, 255, 0) 116.4% );
	padding: 40px 25px;
	border-radius: 20px;
	background: #0fd7ff;
	background: linear-gradient( 180deg, rgb(15 215 255 / 20%) 0%, rgb(0 0 0) 100% );
}

.services-list .border .btnmain{float:none}

.services-list .border p {
	font-size: 14px;
	min-height: 85px;
}

.services-list .border img.icon {
	margin-top: -95px;
	width: 50px;
}

.services-list .border:hover img.icon {
	transform: rotate(360deg);
}

.services-list .border:hover {
	background: #000;
}

.services-list .border:hover .btntext {
	transform: scale(1.05);
}

.services-list .bottom {
	background: url("https://irmatoken.ai/wp-content/uploads/2025/05/features.webp");
	background-repeat: no-repeat;
	background-position: center center;
}

.concept {
}

.concept:after {
	content: "";
	background: url(https://aithm-react.vercel.app/img/all-img/video-bg-1.png);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: bottom left;
	opacity: 0.4;
	background-repeat: no-repeat;
}

.concept .position-relative {
	z-index: 1;
}

.concept ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.concept ul li {
	border-bottom: 1px solid #efefef;
	cursor: pointer;
	backdrop-filter: blur(200px);
	background: linear-gradient( 186.47deg, rgba(255, 253, 253, 0.4) -20.85%, rgba(255, 253, 253, 0.2) -20.83%, rgba(255, 255, 255, 0) 116.4% );
	padding: 20px 25px;
	border-radius: 20px;
	margin-bottom: 15px;
	border: 0;
}

.concept ul li:first-child {
}

.concept ul li h4:after {
	content: "\f107";
	font-family: fontawesome;
	position: absolute;
	right: 10px;
	top: 3px;
	font-size: 15px;
}

.concept ul li:last-child {
	border-bottom: 0 !important;
}

.concept ul li.open {
	background: #0fd7ff;
	background: linear-gradient( 180deg, rgb(255 255 255) 0%, rgb(255 255 255) 100% );
	border: 1px solid #3d3d3d !important;
	border-radius: 20px;
}

.concept ul li.open h4:after {
	transform: rotate(180deg);
}

.concept ul li.open * {
	color: #000;
}

.concept h3 {
	font-size: 20px;
}

.concept h4, .concept p {
	margin: 0;
	position: relative;
}

.concept span {
}

.concept ul li .content {
	opacity: 0;
	height: 0;
}

.concept ul li.open .content {
	opacity: 1;
	height: initial;
	margin-top: 14px;
}

.concept .image-toggle {
}

.aboutus {
	background: #000;
	position: relative;
	overflow: hidden;
}
.aboutus *{color:#fff!important}

.aboutus.inner {
	background: linear-gradient( 180deg, rgba(11, 12, 15, 0.97) 21.8%, rgb(7 36 93) 219.18% );
}

.aboutus.inner h4 {
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}

.aboutus.inner p {
}

.aboutus.inner:after {
	display: none;
}

.aboutus.inner * {
	color: #fff;
}

.aboutus.inner ul li {
	position: relative;
	list-style: none;
}

.aboutus:after {
	content: "";
	background: url("https://irmatoken.ai/wp-content/uploads/2025/05/751.jpg");
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	background-position: bottom left;
	background-size: 50%;
	background-repeat: no-repeat;
}

.aboutus .position-relative {
	z-index: 1;
}

.aboutus.one .featured {
	left: initial;
	right: 0;
}

.aboutus .featured {
	position: absolute;
	left: -5%;
	bottom: 0;
	height: 60%;
}

.aboutus * {
	color: #000;
}

.aboutus h4 img {
	position: absolute;
	height: 40px;
	left: 0;
	top: -5px;
}

.aboutus h4 {
	font-size: 20px;
	padding-left: 50px;
	margin-bottom: 20px;
	position: relative;
}

.aboutus p {
}

.ecosystem {
	background: url(https://irmatoken.ai/wp-content/uploads/2025/05/dots.png);
}

.ecosystem:after {
	content: "";
}

.ecosystem .circle {
	border: 0;
	--radius: 250px;
	height: calc(var(--radius) * 2);
	width: calc(var(--radius) * 2);
	display: grid;
	grid-template-areas: "layer";
	place-items: center;
	margin: 85px auto;
	padding: 0;
}

.ecosystem .circle li {
	grid-area: layer;
	display: grid;
	place-items: center;
	--d: calc(var(--sr-item) / var(--sr-total));
	--r-offset: -0.1turn;
	--r-amount: 1turn;
	--r: calc((var(--r-amount) * var(--d)) + var(--r-offset));
	--transform: rotate(var(--r)) translate(var(--radius)) rotate(calc(-1 * var(--r)));
	transform: var(--transform);
	transition: transform 1.5s ease-in-out;
	position: relative;
	z-index: 2;
}

.ecosystem .circle li span {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	-webkit-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
	border: none;
	cursor: pointer;
}

.ecosystem .circle li img {
	display: block;
	margin: 0;
	width: 200px;
}

.ecosystem .circle-content {
	position: absolute;
	height: 500px;
	width: 500px;
	right: 0;
	top: 90px;
	left: 0;
	margin: 0 auto;
	z-index: 1;
	border-radius: 50%;
	text-align: center;
	padding: 60px;
	background: url("https://irmatoken.ai/wp-content/uploads/2025/05/circle.webp");
	background-position: center center !important;
	background-size: 240%;
}

.ecosystem .circle-content img {
	position: relative;
	z-index: 1;
	height: 200px;
	top: 70px;
}

.member {
	background: url(https://irmatoken.ai/wp-content/uploads/2025/05/dots.png);
	background-position: left center !important;
}

.member .border {
	border: 1px solid #0fd7ff !important;
	width: 92%;
	margin: 0 auto 100px auto;
	backdrop-filter: blur(200px);
	border: 1px solid #0fd7ff !important;
	background: linear-gradient(186.47deg, rgba(255, 253, 253, 0.4) -20.85%, rgba(255, 253, 253, 0.2) -20.83%, rgba(255, 255, 255, 0) 116.4%);
	padding: 30px 16px 30px 16px;
	border-radius: 20px;
	background: #0fd7ff;
	background: linear-gradient(180deg, rgb(15 215 255 / 20%) 0%, rgb(0 0 0) 100%);
}

.member .border img.profile {
	background: #000;
	margin: -120px 0 25px 0;
	border: 4px solid #3d3d3d !important;
	border-radius: 20px;
	width: 80%;
}

.member .border h3 {
	margin-bottom: 5px;
	font-size: 25px;
}

.member .border p {
	margin: 10px 0;
	font-size: 14px;
	min-height: 120px;
	line-height: initial;
	text-align: justify;
}

.member .border:hover img.profile {
	transform: scale(1.05);
}

.member .btnmain {
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 8px 16px;
	text-transform: uppercase;
}

.member .info a {
	color: #fff;
	display: inline-block;
	vertical-align: middle;
}

.member .info i {
	color: #fff;
	font-size: 25px;
}

.member .info i:hover {
	color: #14b686;
}

.memberpopup .border-left {
	border-left: 1px solid rgb(118 31 227 / 50%) !important;
}

.memberpopup img {
	border: 2px solid rgb(118 31 227 / 50%) !important;
	margin-bottom: 20px;
	border-radius: 25px;
}

footer {
}

footer h6 {
	font-size: 20px;
}

footer ul {
	margin: 0;
	padding: 0;
}

footer ul li {
	list-style: none;
}

footer ul li a {
	display: block;
	margin-bottom: 12px;
	position: relative;
	color: rgb(255 255 255 / 80%);
	font-weight: 300;
}

footer ul li a:hover {
	color: #0fd7ff;
}

footer .last li {
	width: 50%;
	float: left;
}

footer .social a {
	margin-right: 10px;
	display: inline-block;
}

footer .social img {
}

footer .social a i {
	color: #fff;
}

footer .social a:hover {
}

.copyright {
	background: #000;
}

.copyright * {
	color: #fff;
	font-size: 14px;
}

.copyright p {
	margin: 0;
}

.copyright span {
	margin: 0 10px;
}

.copyright a:hover {
	color: #0fd7ff !important;
}

.intro {
}

.intro .position-relative {
	z-index: 3;
}

.intro:after {
	content: "";
	background: linear-gradient( 180deg, rgba(11, 12, 15, 0.97) 21.8%, rgb(7 36 93) 219.18% );
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.intro .border {
	backdrop-filter: blur(200px);
	border: 1px solid #3d3d3d !important;
	background: linear-gradient( 186.47deg, rgba(255, 253, 253, 0.4) -20.85%, rgba(255, 253, 253, 0.2) -20.83%, rgba(255, 255, 255, 0) 116.4% );
	padding: 30px 35px;
	border-radius: 20px;
	background: #0fd7ff;
	background: linear-gradient( 180deg, rgb(15 215 255 / 20%) 0%, rgb(0 0 0) 100% );
}

.intro .border p {
	font-size: 14px;
}

.intro .border img.icon {
	width: 35px;
	position: absolute;
	left: -35px;
	top: 60px;
}

.intro .border:hover img.icon {
	transform: rotate(360deg);
}

.intro .border:hover {
	background: #000;
}

.intro .border:hover .btntext {
	transform: scale(1.05);
}

.intro .bottom .col-md-3:nth-child(2) img, .intro .bottom .col-md-4:nth-child(2) img {
	display: none;
}

.intro ul, .aboutus.inner ul {
	padding: 0;
	margin: 0;
}

.intro ul li, .aboutus.inner ul li {
	margin-bottom: 45px;
	padding-left: 45px;
	position: relative;
	list-style: none;
}

.intro ul li:last-child {
	margin: 0;
}

.intro ul li h4 {
	font-size: 20px;
}

.intro ul li p {
	font-size: 14px;
}

.intro ul li:after, .aboutus.inner ul li:after {
	content: "";
	width: 25px;
	height: 25px;
	background: url(https://salesorbit.io/wp-content/uploads/2025/04/verified.png);
	display: block;
	position: absolute;
	left: 0;
	top: 2px;
	background-size: cover;
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
}

.intro.v1:after {
	content: "";
	background: #10d7ff;
	background: linear-gradient(to right, #10d7ff 0%, #14b686 100%);
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.intro.withphoto {
	animation: ;
}

.intro.withphoto .border {
	background-position: bottom center !important;
	background-size: 55% !important;
	background-repeat: no-repeat !important;
	padding: 50px 10px 50px 10px;
}
.intro.withphoto .border .icon1{height:150px;display: block!important;margin: 0 auto;}

.intro.withphoto .border img.icon {
	display: none;
}

.aboutus.inner ul li:last-child {
	margin: 0
}

.intro ul li:hover:after, .aboutus.inner ul li:hover:after {
	transform: rotate(360deg)
}

.intro.withphoto .border:hover {
	transform: scale(1.05)
}

.toke {
	background: url("https://irmatoken.ai/wp-content/uploads/2025/05/dots.png");
	background-size: cover;
	background-position: center center;
}

.toke .bg:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url("https://irmatoken.ai/wp-content/uploads/2025/05/bg.webp");
	background-size: cover;
}

.toke .bg .row {
	position: relative;
	z-index: 1;
}

.toke ul {
	margin: 0;
	padding: 0;
	display: flex;
	width: 100%;
	background: #323f4eab;
	padding: 14px 20px;
	margin-bottom: 10px;
	border-left: 5px solid #333;
}

.toke ul li {
	width: 75%;
	text-align: left;
	list-style: none;
}

.toke ul li:last-child {
	text-align: right;
	width: 35%;
}

.toke ul li * {
	margin: 2px 0px;
}

.toke ul li h4 {
	font-size: 18px;
	font-weight: 400;
}

.toke ul li h4 span {
	-webkit-background-clip: initial;
	background: initial;
	-webkit-text-fill-color: initial;
}

.toke ul li p {
	font-size: 13px;
}

.toke ul li h5 {
	font-size: 16px;
}

.toke ul li:last-child h4 {
	font-size: 16px;
}

.toke ul:first-child {
	border-color: #71baff;
}

.toke ul:first-child span {
	color: #71baff !important;
	font-weight: bold;
}

.toke ul:nth-child(2) {
	border-color: #60aa06;
}

.toke ul:nth-child(2) span {
	color: #60aa06 !important;
}

.toke ul:nth-child(3) {
	border-color: #8c72c8;
}

.toke ul:nth-child(3) span {
	color: #e1d4ff !important;
}

.toke ul:nth-child(4) {
	border-color: #8c72c8;
}

.toke ul:nth-child(4) span {
	color: #a594cb !important;
}

.toke ul:nth-child(5) {
	border-color: #6034e8;
}

.toke ul:nth-child(5) span {
	color: #9370ff !important;
}

.toke ul:nth-child(6) {
	border-color: #9107f0;
}

.toke ul:nth-child(6) span {
	color: #a55bd9 !important;
}

.toke ul:nth-child(7) {
	border-color: #6291f8;
}

.toke ul:nth-child(7) span {
	color: #6291f8 !important;
}
.toke ul:nth-child(8) span {
	color: #978181 !important;
}

.toke .left {
}

.toke .left p {
	position: absolute;
	color: #fff;
	top: 190px;
	margin: 0px;
	line-height: initial;
	font-size: 12px;
}

.toke .left p:first-child {
	left: -40px;
	top: 120px;
}

.toke .left p:nth-child(2) {
	left: 0;
	right: 0;
	top: 0;
	font-weight: 300;
}

.toke .left p:nth-child(3) {
	right: 20px;
	top: 150px;
}

.toke .left p:nth-child(4) {
	right: 0;
	top: 350px;
}

.toke .left p:nth-child(5) {
	right: 90px;
	top: 475px;
}

.toke .left p:nth-child(6) {
	top: 525px;
	right: 210px;
}

.toke .left p:nth-child(7) {
	left: 90px;
	top: 470px;
}

.toke .left p:nth-child(8) {
	left: 0;
	top: 180px;
}

.toke .left p:nth-child(9) {
	left: 0;
	top: 180px;
}

.toke .left strong {
	display: block;
}

.toke ul:hover {
	transform: scale(1.05)
}

.wpcf7-checkbox {
}

.wpcf7-checkbox span, .wpcf7-radio span {
	margin: 0px 10px 8px 0px;
	font-size: 14px;
}

.wpcf7-checkbox label {
}

.wpcf7-checkbox label input, .wpcf7-radio label input {
	width: 20px!important;
	height: 20px!important;
	vertical-align: middle;
	margin-right: 5px;
}

.wpcf7-checkbox label span, .wpcf7-radio label span {
	font-size: 14px;
	color: #fff!important;
	margin-right: 0;
	vertical-align: middle;
}

.contactcss form p {
	margin: 0!important
}

.contactdetails * {
	color: #fff
}
.contactdetails a{display:inline-block;margin-right: 10px;vertical-align: middle;}
.contactdetails a:hover img{transform:scale(1.08)}

.contactdetails ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	float: left;
	width: 100%;
}

.contactdetails ul li {
	color: #0fd7ff;
	margin-bottom: 20px;
	font-size: 20px;
	position: relative;
	padding-left: 80px;
	margin-bottom: 50px;
	padding: 0;
}

.contactdetails ul li:last-child {
	margin: 0;
}

.contactdetails ul li div {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}
.contactdetails ul li:hover div {}
.contactdetails ul li:hover a {border-bottom: 2px solid #0fd7ff!important;color: #0fd7ff}

form {}
form input, form textarea, form select, form input[type=checkbox] { padding: 10px 15px; font-family: "Lato", sans-serif; font-size: 15px; border-radius: 10px; background: initial; border: 1px solid #686868; width: 100%; color: #fff!Important }
form select {padding: 11px 15px;}
form textarea { height: 125px; color: #fff!important; background: initial; -webkit-background-clip: initial; -webkit-text-fill-color: initial; }
form textarea::placeholder{color:#fff}


/* Initial states */ 
.animation{overflow:hidden}
.animation-top, .animation-bottom, .animation-left, .animation-right { opacity: 0; position: relative; } 
.animation-top {top: 550px; transition: all 2s ease; } 
.animation-bottom {bottom: -550px; transition: all 3s ease; } 
.animation-left {left: -550px; transition: all 2s ease; } 
.animation-right {right: -550px; transition: all 3s ease; }
.animate-top {top: 0; opacity: 1;} 
.animate-bottom {top: 0; opacity: 1;}
.animate-left {left: 0; opacity: 1;} 
.animate-right {right: 0; opacity: 1;}

.modal-dialog .modal-body{background: url('https://irmatoken.ai/wp-content/uploads/2025/05/143122.jpg');background-size: 100%;background-position: center center;text-align: center;border: 1px solid #575757;border-radius: 20px;padding: 110px 40px;}
.modal-dialog .modal-body p{font-size: 25px;font-weight: bold;color: #000;opacity: 1;}
.modal-dialog h1{font-size: 25px;text-align: center;font-weight: 500;color:#000}
.modal-dialog a{float: none;display: inline-block;margin-top: 20px;}
.modal-backdrop.show{}
.modal-dialog {max-width: 600px;}

.easycss{position:relative}
.easycss:after{content:'';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url('https://irmatoken.ai/wp-content/uploads/2025/05/signup.png');background-position: left bottom;background-size: contain;background-repeat: no-repeat;}
.easycss section{position:relative; z-index:1; background:initial!important}

.modal-content{border-radius:25px!important}
.modal-content button{position: absolute; right: 0; z-index: 99; background: #000; opacity: 1; padding: 10px 15px; border-radius: 0px 15px 0px 25px; text-align: center; line-height: 1;}
.wpcf7-form-control-wrap{ color: #fff!important; background: initial; -webkit-background-clip: initial; -webkit-text-fill-color: initial; }

#exampleModalCenter1 .modal-body{background:initial;padding: 25px;}
#exampleModalCenter1 .modal-body h3{font-size: 30px;}
#exampleModalCenter1 .modal-body h3 span{color: #14b686 !important; background: #10d7ff; background: linear-gradient(to right, #10d7ff 0%, #14b686 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#exampleModalCenter1 .modal-body:after{content:"";background:url('https://irmatoken.ai/wp-content/uploads/2025/05/signup.png');display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: .1;background-size: cover;}
#exampleModalCenter1 .modal-body span{-webkit-background-clip:initial;background:initial;color:#000!important;-webkit-text-fill-color: initial;}
#exampleModalCenter1 .modal-body *, #exampleModalCenter1 .modal-body input::placeholder{color:#000!important;text-align:left;}
#exampleModalCenter1 .modal-body input[type=submit]{color:#fff!important; text-align:center; font-weight:bold; font-size:17px;}
#exampleModalCenter1 .modal-body label{font-weight:400;font-size: 14px;margin-bottom: 5px;}
#exampleModalCenter1 .modal-body form{position:relative; z-index:9}
#exampleModalCenter1 .modal-body input[type="text"], #exampleModalCenter1 .modal-body select, #exampleModalCenter1 .modal-body input[type="email"]{background:#fff}
#exampleModalCenter1 .modal-body .wpcf7-list-item{margin-bottom:0}
#exampleModalCenter1 .modal-body .wpcf7-not-valid-tip{color:red!important;padding-top: 5px;padding-left: 5px;}
#exampleModalCenter1 .modal-body .toggle-message p{font-size:16px; margin-top:20px; text-align:center}
#exampleModalCenter1  .wpcf7-response-output{color:#fff!important;background: #000;text-align: center;padding: 5px 0;}

.abouttop{background:#011a35!important}
.abouttop *{color:#fff!important}
.abouttop, .abouttop .container{position: relative;z-index:1;}
.abouttop:after{content:'';/* background: url('https://irmatoken.ai/wp-content/uploads/2025/06/3d-rendering-ai-robot-explosion-with-pixelated-effect.png'); */width: 100%;height: 100%;display: block;position: absolute;left: -30%;top: 0;background-position: center bottom;background-repeat: no-repeat;background-size: contain;opacity: 1;}
.abouttop h3{color:#000}
.abouttop ul{margin: 0;padding: 0;color: #fff;list-style: none;text-align: left;float: left;}
.abouttop ul li{width: 50%;float: left;padding: 0 25px 30px 50px;position: relative;color: #000;font-size: 15px;}
.abouttop ul li:nth-child(odd){clear:both}
.abouttop ul li:after{content:'\f00c';font-family:fontawesome;position: absolute;left: 5px;top: 5px;background: linear-gradient(to right, #10d7ff 0%, #14b686 100%);color: #fff;padding: 8px;border-radius: 50%;width: 32px;height: 32px;text-align: center;line-height: 1.2;}
.abouttop ul li:hover:after{transform: rotate(360deg);}
.abouttop ul li .btnmain{margin:0;display: inline-block;}

.wpcf7 form.sent .wpcf7-response-output{background:#000!important; color:#fff!important}

@media (min-width: 1200px) {
    .container {max-width: 1250px}
    
}

@media (max-width: 1200px) {
    .abouttop:after{opacity:.2}
    .abouttop ul{margin-left:0}
}

@media (max-width: 992px) {
    header nav{display:none;position: fixed;left: 0;top: 0;width: 250px;height: 100%;background: #000;z-index: 9;}
    header nav.on{display:block;border-right: 1px solid #333333;}
    header nav *{color:#fff!important}
    header nav ul{width: 100%;display: block;}
    header nav ul li{display:block;text-align:left;border-bottom: 1px solid #333;}
    header nav ul li a{padding: 14px 20px;}
    header nav ul li.btn2 a{padding: 10px 20px;}
    header nav .sub-menu, header nav li:hover .sub-menu{display:block;position: initial;}
    header nav .sub-menu{background: #282828;padding: 5px 10px;display: none;}
    header nav .sub-menu a{font-size: 14px;text-transform: initial;opacity: .5;}
    header nav .btn{display:block;border-radius:0;margin-top: 20px;}
    header nav .menu-item-has-children > a:after{float: right;}
    header nav ul li.btn1 a{border:0;}
    header nav ul li.btn1{margin:0; border:0}
    header nav ul li.btn2{width:95%; margin:0 auto}
    .btnmain{float:none}
    .banner{/* background-position:right bottom!important; */}
	.banner .btnmain, .banner .btnborder{float:none;width: auto;display: inline-block;padding: 10px 5px;margin-bottom: 20px;font-size: 13px;}
    br{display:none}
    .banner.inner{background-size:cover!important}
    .aboutus.one .featured{position:initial}
    .contactdetails{padding-top:50px;}
    .contactcss{padding-bottom:50px;}
    .abouttop ul li{width:100%; padding-right:0; min-height:initial; margin-block:20px;}
}

@media (max-width: 767px) {
    h1{font-size:40px;}
    h2{font-size:30px;}
}

@media (max-width: 575px) {
}

.blog-single{}
.blog-single a, .blog-single blockquote{color:#fff!important}
.blog-single blockquote{padding:0px 40px; margin:20px 0}
