@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css);
@import url(css/ma5-menu.min.css);
@import url(css/animate.css);
/* Global */
:root{--TomatoColor: #073b5d; --GrayColor: #2a8176; --Inter: "Inter", sans-serif; --space-0: 0;   --space-1: 1px;  --space-2: 2px;  --space-4: 4px;  --space-6: 6px;  --space-8: 8px;  --space-10: 10px;  --space-12: 12px;  --space-16: 16px;  --space-20: 20px;  --space-24: 24px;  --space-32: 32px;  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.02);  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02);  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.04),    0 2px 4px -1px rgba(0, 0, 0, 0.02);  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.04),    0 4px 6px -2px rgba(0, 0, 0, 0.02);  --shadow-inset-sm: inset 0 1px 0 rgba(255, 255, 255, 0.15),    inset 0 -1px 0 rgba(0, 0, 0, 0.03);  --duration-fast: 150ms;  --duration-normal: 250ms;  --ease-standard: cubic-bezier(0.16, 1, 0.3, 1); --container-sm: 640px;  --container-md: 768px;  --container-lg: 1024px;  --container-xl: 1280px;}
::selection{background-color: var(--GrayColor); color: #fff;}
html{scroll-behavior: smooth; transition: 0.5s;}
h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px; font-weight: 600; font-family: var(--Inter);}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 14px; font-family: var(--Inter);}
a{font-size: 14px; font-family: var(--Inter); text-decoration: none;}
a:hover{text-decoration: none;}
p{font-size: 14px; padding: 0px; margin: 0px; font-family: var(--Inter);}
body{padding: 0px; margin: 0px; box-sizing: content-box;}
span{padding: 0px; margin: 0px; font-family: var(--Inter);}
input{font-family: var(--Inter);}
textarea{font-family: var(--Inter);}
button{font-family: var(--Inter);}
select{font-family: var(--Inter);}
input:focus{outline: none;}
textarea:focus{outline: none;}
select:focus{outline: none;}
/* Start CSS */
header{background-color: var(--GrayColor);}
.social_media .fa-facebook-f{background-color: #395693; width: 30px; height: 30px; text-align: center; line-height: 28px;}
.social_media .fa-instagram{background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); width: 30px; height: 30px; text-align: center; line-height: 28px;}
.social_media .fa-whatsapp{background-color: #0f6359; width: 30px; height: 30px; text-align: center; line-height: 28px;}
.consultant-btn{background-color: var(--TomatoColor);}
.sticky{box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 50px;  position: sticky;    top: 0;    z-index: 99;}
.logo-side img {    width: 40%;}/* Fennec Mobile Nav */
.fennec-mobile-nav .navbar-nav {    overflow-y: auto;}
.fennec-nav .navbar .navbar-nav .nav-item {    position: relative;    padding: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a {    font-weight: normal;    color: #000;    text-transform: capitalize;    padding: 20px 12px;    position: relative;    z-index: 1;    margin: 0;    font-size: 14px;    font-weight: 400; }
.fennec-nav .navbar .navbar-nav .nav-item a:hover::before, .fennec-nav .navbar .navbar-nav .nav-item a:focus::before, .fennec-nav .navbar .navbar-nav .nav-item a.active::before {    opacity: 1;    visibility: visible;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu {    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);    background: var(--GrayColor);    position: absolute;    border: none;    top: 80px;    left: 0;    width: 380px;   z-index: 99;    display: block;    opacity: 0;    visibility: hidden;    border-radius: 0;    -webkit-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out;    padding-top: 15px;    padding-left: 5px;    padding-right: 5px;    padding-bottom: 15px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {    text-transform: capitalize;    padding: 5px 15px;    display: block;    color: #fff;    font-size: 14px;    font-weight: 400;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {    display: none;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {    color: #fff;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after {    opacity: 1;    visibility: visible;    -webkit-transform: scale(1);    transform: scale(1);}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:first-child {    margin-top: 0;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {    left: 220px;    top: 0;    opacity: 0;    visibility: hidden;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {    left: 220px;    top: 0;    opacity: 0;    visibility: hidden;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {    opacity: 1;    visibility: visible;    top: -15px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {    opacity: 1;    visibility: visible;    top: -15px;}
.fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {    opacity: 1;    visibility: visible;    top: 100%;    margin-top: 0;}
.navbar {    padding: 0px;}
.search-btn i{color: #fff; background-color: var(--TomatoColor);}
.search-btn input{ font-size: 14px; height: 40px; padding-left: 10px; border: 1px solid #ccc; border-radius: 5px;}
.search-btn i {position: absolute; bottom: 4px; right: 20px; padding: 8px; border-radius: 2px;}
.toggle-btn a {    background-color: var(--GrayColor);    border-radius: 50px;    width: 40px;    height: 40px;    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;   display: block;    text-align: center;    line-height: 40px;    color: #fff; transition: 0.5s;}
.toggle-btn a:hover{background-color: var(--TomatoColor);}


.overlay {	position: fixed;	width: 100%;	height: 100%;	top: 0;	left: 0;	background: rgba(7,59,93,0.9); z-index: 9;}
.overlay .overlay-close {	width: 80px;	height: 80px;	position: absolute;right: 20px;	top: 20px;	overflow: hidden;	border: none;	background: url(img/corss.png) no-repeat center center;text-indent: 200%;	color: transparent;	outline: none;	z-index: 100;}
.overlay nav {	text-align: center;	position: relative;	top: 50%;	height: 60%;	-webkit-transform: translateY(-50%);	transform: translateY(-50%);}
.overlay ul {	list-style: none;	padding: 0;	margin: 0 auto;	display: inline-block;	height: 100%;	position: relative;}
.overlay ul li {	display: block;	height: 20%;	height: calc(100% / 5);min-height: 54px;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
.overlay ul li a {	font-size: 54px;	font-weight: 300;	display: block;	color: #fff;	-webkit-transition: color 0.2s;	transition: color 0.2s;}
.overlay ul li a:hover,.overlay ul li a:focus {	color: #f0f0f0;}
.overlay-genie {	background: transparent;	visibility: hidden;	opacity: 0;	-webkit-transition: opacity 0.3s 0.2s, visibility 0s 0.6s;	transition: opacity 0.3s 0.2s, visibility 0s 0.6s;}
.overlay-genie.open {	visibility: visible;	opacity: 1;	-webkit-transition: opacity 0.3s;	transition: opacity 0.3s; z-index: 999;}
.overlay-genie svg {	position: absolute;	top: 0;	left: 0;}
.overlay-genie .overlay-path {	fill: rgba(7,59,93,0.9); z-index: 999;}
/* .overlay-genie nav {	opacity: 0;	-webkit-transform: scale(0.8) translateY(-48%);	transform: scale(0.8) translateY(-48%);	-webkit-transition: opacity 0.3s 0.3s, -webkit-transform 0.3s 0.3s;	transition: opacity 0.3s 0.3s, transform 0.3s 0.3s;} */
/* .overlay-genie .overlay-close {	opacity: 0;	-webkit-transition: opacity 0.3s;	transition: opacity 0.3s;} */
/* .overlay-genie.open nav, .overlay-genie.open .overlay-close {	opacity: 1;	-webkit-transition-delay: 0.3s;	transition-delay: 0.3s;} */
/* .overlay-genie.open nav {	-webkit-transform: scale(1) translateY(-50%);	transform: scale(1) translateY(-50%);} */
/* .overlay-genie.close nav, .overlay-genie.close .overlay-close {	-webkit-transition-delay: 0s;	transition-delay: 0s;} */
@media screen and (max-height: 30.5em) {
.overlay nav {height: 70%;	font-size: 34px;}
.overlay ul li {min-height: 34px;}
}
.country {position: relative; z-index: 9;    text-align: center;    display: flex;    align-items: center;    justify-content: center;    align-content: center;    height: 100vh;}
.country ul {display: flex; flex-wrap: wrap;     justify-content: center;}
.country ul li{width: 25%; margin-bottom: 28px;}
.country ul li a{font-size: 18px;}
.country ul li img{border-radius: 50px; border:4px solid #fff; filter: grayscale(0.9); transition: 0.5s;}
.country ul li img:hover{filter: grayscale(0);}
.country ul li a {    display: block;    margin-top: 15px; color: #fff; font-weight: 500;}
.country img {    width: 70%;}
/* Send Enquire */
.enquiry {    position: fixed;    z-index: 1000;    bottom: 45px;    left: 25px;    height: 50px;   color: #fff;    font-size: 18px;    text-align: center;    text-decoration: none;    cursor: pointer;}
.enquiry i {    float: left;    z-index: 999;    position: absolute;    left: 0;    width: 50px;    height: 50px;    border-radius: 50%;    color: #fff;    font-size: 24px;    line-height: 50px;    text-align: center;    text-decoration: none;    cursor: pointer;    background: #04263c;    transition: 0.5s;    box-shadow: var(--shadow);}
.enquiry strong {    background-color: #171b1e;    line-height: 28px;    color: #000;    padding: 10px 20px;    border-radius: 0 30px 30px 0;    height: 45px;    float: left;    font-size: 15px;    margin-top: 3px;    margin-left: 35px;    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);}
.modal-header {    background: var(--GrayColor);    border-bottom: 1px solid #1f6a60;}
.modal-body {    background: var(--GrayColor);}
.modal-body input {    height: 45px;    background-color: transparent;    border: none;    color: #000;    border-bottom: 1px solid #1f6a60;    margin-bottom: 10px;    font-size: 14px;}
.modal-body select {    height: 45px;    background-color: transparent;    border: none;    color: #000;    border-bottom: 1px solid #1f6a60;    margin-bottom: 10px;    font-size: 14px;}
.modal-body select option {    color: #000;    font-size: 14px;}
.modal-body select:focus {    outline: none;}
.modal-body textarea {    height: 100px;    background-color: transparent;    border: none;    color: #000;    border-bottom: 1px solid #1f6a60;    font-size: 14px;}
.modal-body input::placeholder {    color: #000;}
.modal-body textarea::placeholder {    color: #000;}
.modal-body input:focus {    outline: none;}
.modal-body textarea:focus {    outline: none;}
.modal-body button {    width: 100%;    border: none;    padding: 10px 0;    background-color: var(--TomatoColor);    border-radius: 50px;}
.modal-header span {    font-size: 25px;}

/*Whatsapp-popup*/
#whatsapp .wtsapp:focus {    border: none;    outline: none;}
#whatsapp .wtsapp {    position: fixed;    transition: all .5s ease;    background: #25d366;    display: block;    text-align: center;    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);    /* margin: 0; */    border-radius: 50px;    border-right: none;    color: #fff;    font-weight: 700;    font-size: 18px;    bottom: 141px;    left: 25px;    border: 0;    z-index: 999;    width: 50px;    height: 50px;    line-height: 48px;}
#whatsapp .wtsapp:before {    content: "";    position: absolute;    z-index: -1;    left: 50%;    top: 50%;    transform: translateX(-50%) translateY(-50%);    display: block;    width: 60px;    height: 60px;    background: #25d366;    border-radius: 50%;    -webkit-animation: pulse-border 1500ms ease-out infinite;    animation: pulse-border 1500ms ease-out infinite;}
@keyframes pulse-border {
0% {        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);        opacity: 1;    }
100% {        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);        opacity: 0;}
}

.phone_lefts-side a {    position: fixed;    bottom: 232px;    color: white;    animation: topBottom 4s infinite;    z-index: 999;    left: 20px;    background: var(--GrayColor);    color: white;    padding: 10px 16px;    border-radius: 50%;    font-size: 20px;    animation: bounce 4s infinite alternate;    box-shadow: var(--shadow);}
/*Call Me*/
.phone_lefts-side {    position: relative;}
.glow {    font-size: 80px;    color: #fff;    text-align: center;    -webkit-animation: glow 1s ease-in-out infinite alternate;    -moz-animation: glow 1s ease-in-out infinite alternate;    animation: glow 1s ease-in-out infinite alternate;}
@-webkit-keyframes glow {
from {        text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;    }
to {        text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;    }
}
@keyframes glow {
from {        text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;    }
to {       text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;    }
}
.bounce {    animation: bounce 965 1.6s ease infinite;    transform-origin: 50% 50%;}
@keyframes bounce {
0% {    transform: translateY(0);    }
12.5% {  transform: translateY(0);    }
25% {     transform: translateY(0);    }
50% {    transform: translateY(-15px);    }
62.5% {   transform: translateY(0);    }
75% {    transform: translateY(-15px);    }
100% {   transform: translateY(0);    }
}
/* Mobile Three Item */
.mobile-three-item {    text-align: center;    display: none;    position: fixed;    z-index: 999;    bottom: 0;    width: 100%;}
.mobile-three-item li {    display: inline-block;    margin-right: 0;    width: 32%;}
.mobile-three-item li:nth-child(1) {    background: var(--TomatoColor);}
.mobile-three-item li:nth-child(2) {    background-color: #64b161;}
.mobile-three-item li:last-child {background-color: var(--GrayColor)}
.mobile-three-item li a {    padding: 5px 0;    color: #fff;}
.mobile-btn-animation {    position: fixed;    left: 0;    bottom: 0;    width: 30%;    color: white;    text-align: center;    font-weight: bold;    padding-top: 10px;    padding-bottom: 10px;    margin-left: 2.5%;    z-index: 1000;    background-color: #000;}
.mobile-btn-animation a {    color: white;}
#mobile-call-container a {    width: 100%;    min-width: 100%;}
.logos{background-color: var(--TomatoColor);}
.client-text span{font-size: 18px; color: #fff;}
.client-text b{font-size: 40px; color: #fff;}
.client-text{border-left: 5px solid #fff; padding-left: 30px;}
.main-logo::after {    content: "";    background: -webkit-gradient(linear, left top, right top, color-stop(0, #073b5d),     color-stop(22.2%, rgba(255, 255, 255, 0)),     color-stop(75.17%, rgba(255, 255, 255, 0)),     color-stop(96.87%, #073b5d));    background: linear-gradient(to right, #073b5d 0, rgba(255, 255, 255, 0) 22.2%,     rgba(255, 255, 255, 0) 75.17%,    #073b5d 96.87%);    position: absolute;    inset: 0;}
.about-us{background: url(img/recruiter-in-delhi-ncr-bg.webp) no-repeat; background-position:right;}
.about-img-side ul li:first-child img{border-radius: 100px 0 0 0;}
.about-img-side ul li:nth-child(2) img {      border-radius: 0 50px 0 0;    z-index: 9;    border: 8px solid #fff;    position: absolute;    right: 0;    bottom: 0;}    
img.set-metter {    position: absolute;    right: 145px; top: -20px;}
img.set-metter-1 {    position: absolute;    bottom: 0;    left: -55px;    opacity: 0.5;}
.content-one-year {background-color: var(--TomatoColor); width: 80%;     border-radius: 0px 0px 0px 60px;  padding: 40px 165px 50px 45px;  position: relative;    top: -80px;     top: -100px;}
.content-one-year span{font-weight: 900;margin-bottom: 0;text-align: center;font-size: 64px;line-height: 0.5;color:#fff;position: relative;padding-right: 13px;margin-right: 13px;}
.content-one-year small {    font-size: 24px;    font-weight: 400;    line-height: 0;}
.content-one-year p{    font-weight: 600;    font-size: 18px;    margin-bottom: 0;    color: #fff;    line-height: 1.4;  }
.border-type {    border-right: 4px solid #fff;}
.about_content p{text-align: justify; margin-bottom: 10px; color: #687799; font-size: 15px;}
.about_content span {   font-size: 14px; background: #d8e8f3; color: #333;  font-weight: 600; padding: 10px 30px;    border-radius: 50px;}
.about_content span{margin-top: 15px; margin-bottom: 25px;  line-height: 35px;}
.about_content p{margin-bottom: 30px;}
.about_content p {    line-height: 25px;}
.about-btn a{background-color: var(--GrayColor); padding: 15px 30px; color: #fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; transition: 0.5s;     border-radius: 10px;}
.about-btn a:hover {    background: var(--TomatoColor);}
/* .our-service .title img{width: 4%;} */
.our-service .title p{font-size: 30px; font-weight: 600;}
.our-service .title span{letter-spacing: 0.1em;    text-transform: uppercase;    font-size: 13px;    font-weight: 600;    display: inline-block;    color: #333;    background: #d8e8f3;    border-radius: 50px;    padding: 4px 13px;    margin-bottom: 12px;    }
/* Our Serivces */
.service-content a {    font-size: 25px;    color: var(--GrayColor);    display: block;    margin-bottom: 10px;    font-weight: 600;}
.service-content p {color: #687799;}
.services-item-three {    position: relative;    margin-bottom: 30px;    overflow: hidden;}
.services-thumb-three {    border-radius: 10px 10px 0 0;    overflow: hidden;}
.services-thumb-three img {    transform: scale(1);    transition: .3s ease-in-out;    width: 100%;    object-fit: cover;    max-height: 300px;}
.services-content-three {    position: relative;    background: #fff;    border-radius: 0 0 10px 10px;    padding: 60px 30px 50px;}
.services-item-three:hover .services-thumb-three img {	transform: scale(1.1);}
.services-content-three .title {    font-size: 20px;    margin-bottom: 10px;    color: #333;   font-weight: 600;    display: block;}
.services-content-three .services-icon {    width: 70px;    height: 70px;    display: flex;    align-items: center;    justify-content: center;    background: var(--TomatoColor);    box-shadow: 0px 10px 15px rgba(0, 85, 255, 0.2);    border-radius: 15px;    color: var(--tg-white);    font-size: 40px;    line-height: 0;    position: absolute;    left: 30px;    top: -35px;}
.services-content-three .services-icon i {	transition: .3s linear;}
.services-item-three:hover .services-icon i {	transform: rotateY(180deg);}
.overlay-icon {    position: absolute;    font-size: 60px;    right: 30px;    bottom: -5px;    line-height: 0;    color: #E6EEFF;}
.services-content-three p {    text-align: justify;    color: #687799;}
.services-content-three {    min-height: 280px;}
.country span {    font-size: 30px;    display: block; font-weight: 600; color: var(--GrayColor);}
.modal-body form input {    color: #fff;}
.modal-body form textarea {    color: #fff;}
.modal-body form select {    color: #fff;}
.modal-body form input::placeholder{color:#fff;}
.modal-body form textarea::placeholder{color:#fff;}
.about_content h1 {    margin-bottom: 20px; margin-top: 10px;}
#toTop {position: fixed; bottom: 45px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;  right: 25px; cursor: pointer; transition: 0.5s;  z-index: 999; border-radius: 10px;}
.why-choose-us .title p{font-size: 30px; font-weight: 600;}
.why-choose-us .title span{letter-spacing: 0.1em;    text-transform: uppercase;    font-size: 13px;    font-weight: 600;    display: inline-block;    color: #333;    background: #d8e8f3;    border-radius: 50px;    padding: 4px 13px;    margin-bottom: 12px;    }
.bg-light-color{   border-bottom: 5px solid var(--TomatoColor); border-radius: 30px; box-shadow: 0px 0px 15px -6px rgba(0, 0, 0, 0.22); background-color: #f9f9f9;}
.why-content-wide span{font-size: 22px; font-weight: 600;}
.why-content-wide p{text-align: justify; color: #687799;}
.why-box-img img {    background: var(--TomatoColor);    padding: 10px;    margin-bottom: 12px;    border-radius: 8px;}
.why-choose-us-box {    margin-bottom: 30px;}
.our-process{background: var(--GrayColor);}
.content-full-para span{    font-size: 45px;    font-weight: 700;    line-height: 54px;    letter-spacing: -1px;    color: #FFFFFF;    }
/* Our Process */
.our-process .title p{font-size: 30px; font-weight: 600;}
.our-process .title span{letter-spacing: 0.1em;    text-transform: uppercase;    font-size: 13px;    font-weight: 600;    display: inline-block;    color: var(--GrayColor);    background: #fff7e9;    border-radius: 50px;    padding: 4px 13px;    margin-bottom: 12px;    }
/* Team */
.team .title p{font-size: 30px; font-weight: 600;}
.team .title span{letter-spacing: 0.1em;    text-transform: uppercase;    font-size: 13px;    font-weight: 600;    display: inline-block;    color: #333;    background: #d8e8f3;    border-radius: 50px;    padding: 4px 13px;    margin-bottom: 12px;    }
.showing-related-result .title p{font-size: 30px; font-weight: 600;}
.showing-related-result .title span{letter-spacing: 0.1em;    text-transform: uppercase;    font-size: 13px;    font-weight: 600;    display: inline-block;    color: #333;    background: #d8e8f3;    border-radius: 50px;    padding: 4px 13px;    margin-bottom: 12px;    }
.bg-black-magic{background: #fff;}
.bg-black-magic span {    font-size: 22px;    color: var(--GrayColor);    display: block;    margin-bottom: 8px;}
.lanugage ul li{background: var(--TomatoColor); padding: 5px 8px;}
.discriptin-job ul li {    width: 50%;}
.apply-btn ul li a {    background:var(--GrayColor);    padding: 10px 25px;}
.apply-btn ul li:nth-child(2) a {background-image: linear-gradient(to right, #1fd311, #108f07);}
.apply-btn i {position: relative;    top: 1px;}
.career-at-page-outsoucring .title p{font-size: 30px; font-weight: 600;}
.career-at-page-outsoucring .title span{letter-spacing: 0.1em;    text-transform: uppercase;    font-size: 13px;    font-weight: 600;    display: inline-block;    color:#333;    background:#d8e8f3;    border-radius: 50px;    padding: 4px 13px;    margin-bottom: 12px;    }
.careeer_part span{    font-family: var(--Inter);    font-size: 55px;    line-height: 72.54px;    margin-top: 0;    margin-bottom: 0;}
.careeer_part{background:var(--TomatoColor);}
.work-for-us a{    border: 3px solid #ffffff;    padding-right: 50px;    padding-left: 50px;    width: 100%;    font-size: 24px;    padding-top: 30px;    padding-bottom: 30px;}
.work-for-us a:hover{background-color: var(--GrayColor);}
/* testimonial  */
.testimonial .title p{font-size: 30px; font-weight: 600;}
.testimonial .title span{letter-spacing: 0.1em;    text-transform: uppercase;    font-size: 13px;    font-weight: 600;    display: inline-block;    color: #333;    background: #d8e8f3;    border-radius: 50px;    padding: 4px 13px;    margin-bottom: 12px;    }
.shape-black{    background: url(img/testimonial_shap.png) no-repeat;  background-position: 50% 0%;}

.card {  border-radius: var(--radius-lg);  border: 1px solid var(--color-card-border);  box-shadow: var(--shadow-sm);  overflow: hidden;  transition: box-shadow var(--duration-normal) var(--ease-standard);}
.card:hover {  box-shadow: var(--shadow-md);}
.card__body {  padding: var(--space-16);}
.card__header,
.card__footer {  padding: var(--space-16);  border-bottom: 1px solid var(--color-card-border-inner);}
.status {  display: inline-flex;  align-items: center;  padding: var(--space-6) var(--space-12);  border-radius: var(--radius-full);  font-weight: var(--font-weight-medium);  font-size: var(--font-size-sm);}
.status--success {  background-color: rgba(    var(--color-success-rgb, 33, 128, 141),    var(--status-bg-opacity)  );  color: var(--color-success);  border: 1px solid    rgba(var(--color-success-rgb, 33, 128, 141), var(--status-border-opacity));}
.status--error {  background-color: rgba(    var(--color-error-rgb, 192, 21, 47),    var(--status-bg-opacity)  );  color: var(--color-error);  border: 1px solid    rgba(var(--color-error-rgb, 192, 21, 47), var(--status-border-opacity));}
.status--warning {  background-color: rgba(    var(--color-warning-rgb, 168, 75, 47),    var(--status-bg-opacity)  );  color: var(--color-warning);  border: 1px solid    rgba(var(--color-warning-rgb, 168, 75, 47), var(--status-border-opacity));}
.status--info {  background-color: rgba(    var(--color-info-rgb, 98, 108, 113),    var(--status-bg-opacity)  );  color: var(--color-info);  border: 1px solid    rgba(var(--color-info-rgb, 98, 108, 113), var(--status-border-opacity));}
.container {  width: 100%;  margin-right: auto;  margin-left: auto;  padding-right: var(--space-16);  padding-left: var(--space-16);}
@media (min-width: 640px) {
.container {    max-width: var(--container-sm);  }
}
@media (min-width: 768px) {
.container {    max-width: var(--container-md);  }
}
@media (min-width: 1024px) {
.container {    max-width: var(--container-lg);  }
}
@media (min-width: 1280px) {
.container {    max-width: var(--container-xl);  }
}
/* Accessibility */
.sr-only {  position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip: rect(0, 0, 0, 0);  white-space: nowrap;  border-width: 0;}
.carousel-section {  position:relative; }
.carousel-wrapper {    max-width: 1200px;    margin: 0 auto;    padding: var(--space-32) var(--space-16);}
.carousel-title {    text-align: center;    margin-bottom: var(--space-32);    font-size: var(--font-size-4xl);    font-weight: var(--font-weight-bold);    color: #333333;    position: relative;    display: inline-block;    width: 100%;}
.title-underline {    width: 80px;    height: 4px;    background: #32B8C6;   margin: var(--space-16) auto 0;    border-radius: 2px;}
.carousel-container {    position: relative;    display: flex;    align-items: center;    justify-content: center;   height: 420px;    margin-bottom: var(--space-32);    perspective: 1200px;    overflow: hidden;}
.carousel-track {    position: relative;    width: 100%;    height: 100%;    display: flex;    align-items: center;    justify-content: center;}
.testimonial-card {    position: absolute;    width: 380px;    height: 340px;    background: #FFFFFF;    border-radius: 24px;    padding: var(--space-32);    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);    border: 1px solid rgba(50, 184, 198, 0.1);    display: flex;    flex-direction: column;    align-items: center;    text-align: center;    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);    transform-style: preserve-3d;    cursor: pointer;    backface-visibility: hidden;}
.testimonial-card.active {    z-index: 3;    transform: translateX(0) rotateY(0deg) scale(1);    opacity: 1;}
.testimonial-card.left {    z-index: 2;    transform: translateX(-200px) rotateY(12deg) scale(0.85);    opacity: 0.6;}
.testimonial-card.right {    z-index: 2;    transform: translateX(200px) rotateY(-12deg) scale(0.85);    opacity: 0.6;}
.testimonial-card.hidden {    z-index: 1;    transform: translateX(0) rotateY(0deg) scale(0.7);    opacity: 0;    pointer-events: none;}
.testimonial-quote {    font-size: var(--font-size-lg);    line-height: 1.6;    color: #333333;    margin-bottom: var(--space-24);    flex: 1;    display: flex;    align-items: center;    position: relative;    padding: 0 var(--space-16);    font-style: italic;}
.testimonial-quote::before {    content: '"';    font-size: 4rem;    color: var(--TomatoColor);    position: absolute;    top: -20px;    left: -15px;    font-family: serif;    opacity: 0.3;    line-height: 1;}
.testimonial-quote::after {    content: '"';    font-size: 4rem;    color: var(--TomatoColor);    position: absolute;    bottom: -40px;    right: -15px;    font-family: serif;    opacity: 0.3;    line-height: 1;}
.testimonial-profile {    display: flex;    flex-direction: column;    align-items: center;    gap:5px;}
.profile-image {    width: 90px;    height: 90px;    border-radius: 50%;    object-fit: cover;    border: 4px solid var(--TomatoColor);    box-shadow: 0 4px 16px rgba(50, 184, 198, 0.3);    margin-bottom: 10px;}
.profile-name {    font-size: var(--font-size-xl);    font-weight: var(--font-weight-bold);    color: #333333;    margin: 0; line-height: 10px;}
.profile-role {    font-size: var(--font-size-md);    color: #666666;    margin: 0;    font-weight: var(--font-weight-medium);}
/* Navigation Arrows */
.nav-arrow {    position: absolute;    top: 50%;    transform: translateY(-50%);    background: #FFFFFF;    border: 2px solid var(--TomatoColor);    border-radius: 50%;    width:40px;    height:40px;    display: flex;    align-items: center;    justify-content: center;    cursor: pointer;    transition: all var(--duration-normal) var(--ease-standard);    z-index: 10;    color: var(--TomatoColor);    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);}
.nav-arrow:hover {    background: var(--GrayColor);    color: white;    transform: translateY(-50%) scale(1.1);    box-shadow: 0 6px 20px rgba(29, 29, 29, 0.4);}
.nav-arrow:active {    transform: translateY(-50%) scale(0.95);}
.nav-arrow:focus {    outline: none;    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(236, 124, 4, 0.3);}
.nav-arrow--left {    left: 1px;}
.nav-arrow--right {    right: 1px;}
/* Carousel Indicators */
.carousel-indicators {    display: flex;    justify-content: center;    gap: var(--space-12);    margin-top: var(--space-24);    margin-bottom:5rem;}
.carousel-indicators_inner {    display: flex;    justify-content: center;    gap: var(--space-12);    margin-top: var(--space-24);    margin-bottom:2rem !important;}
.indicator {    width: 14px;    height: 14px;    border-radius: 50%;    border: 2px solid var(--TomatoColor);    background: transparent;    cursor: pointer;    transition: all var(--duration-normal) var(--ease-standard);}
.indicator.active {    background:var(--TomatoColor);    transform: scale(1.2);    box-shadow: 0 2px 8px rgba(236, 124, 4, 0.3);}
.indicator:hover {    transform: scale(1.1);    box-shadow: 0 2px 8px rgba(29, 29, 29, 0.3);}
.indicator:focus {    outline: none;    box-shadow: 0 0 0 3px rgba(29, 29, 29, 0.3);}
/* Developer info section */
.developer-info {    padding: var(--space-32) 0;    background: white;}
.info-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));    gap: var(--space-24);    margin-top: var(--space-24);}
.info-card {    background: #F8F9FA;    padding: var(--space-24);    border-radius: var(--radius-lg);    border-left: 4px solid #32B8C6;}
.info-card h3 {    color: #333333;    margin-bottom: var(--space-16);    font-size: var(--font-size-xl);}
.info-card ul {    list-style: none;    padding: 0;    margin: 0;}
.info-card li {    padding: var(--space-8) 0;    color: #666666;    position: relative;    padding-left: var(--space-20);}
.info-card li::before {    content: '✓';    position: absolute;    left: 0;    color: #32B8C6;    font-weight: bold;}
/* Animation keyframes for smooth entry */
@keyframes slideIn {
from {opacity: 0;  transform: translateY(30px);    }
to { opacity: 1;  transform: translateY(0); }
}
.carousel-wrapper {    animation: slideIn 0.8s var(--ease-standard);}
.carousel-track.loading {    opacity: 0.5;    pointer-events: none;}
.testimonial-card:hover {    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);}
.testimonial-card.active:hover {    transform: translateX(0) rotateY(0deg) scale(1.02);}
.nav-arrow:focus-visible, .indicator:focus-visible {    outline: 2px solid var(--TomatoColor);    outline-offset: 2px;}
.mp{margin: 0px !important; padding: 0px !important;}
.faqs-side .title p{font-size: 30px; font-weight: 600;}
.faqs-side .title span{letter-spacing: 0.1em;    text-transform: uppercase;    font-size: 13px;    font-weight: 600;    display: inline-block;    color: #333;    background: #d8e8f3;    border-radius: 50px;    padding: 4px 13px;    margin-bottom: 12px;    }
.set-content {    width: 60%;}
/* Faqs */
.faqSection {    display: block;    overflow: hidden;}
.faqSection .headingSection span {    color: #000;   font-size: 30px;     font-weight: 600;}
.faqBox { display: flex;}
.faqAccordion {    margin: 0 auto;    display: flex;    flex-direction: column;    gap: 10px;  width: 100%;}
.faqItem {    display: block;    background: var(--TomatoColor);    border: solid 1px #2d385e1c; overflow: hidden;}
.faqHeader {    padding: 15px 50px 15px 15px;    display: block;    font-size: 20px;    font-weight: 500;    cursor: pointer;    position: relative;}
.faqHeader em {    width: 26px;    height: 26px;    background: var(--GrayColor);    border-radius: 50px;    position: absolute;    top: 12px;    right: 12px;    display: flex;    align-items: center;    justify-content: center;    transition: 0.3s;}
.faqHeader em:before {    content: "";    width: 14px;    height: 2px;    background: #fff;    display: block;    transition: 0.3s;}
.faqHeader em:after {    content: "";    margin: -1px 0 0 -7px;    width: 14px;    height: 2px;    background: #fff;    display: block;    transform: rotate(-90deg);    position: absolute;    top: 50%;    left: 50%;    transition: 0.3s;}
.faqBody {    display: none;}
.faqBody ul,
.faqBody ol {    margin-top: 10px;    display: flex;    flex-direction: column;    gap: 8px;}
.faqBody ul li,.faqBody ol li {    padding-left: 30px;    position: relative;    color: #666;}
.faqBody ul li:after,
.faqBody ol li:after {    content: "";    position: absolute;    top: 3px;    left: 0;    width: 20px;    height: 20px;    background: url(../images/bullet.svg) no-repeat left top;    background-size: 100%;}
.faqItem.active .faqHeader em:after {    content: "";    transform: rotate(0deg);    transition: 0.3s;}
.faqItem.active .faqBody {    padding: 0 15px 15px;    display: block;}
.faqItem.active .faqBody p {    margin: 0;    color: #666;}
.faqItem.active .faqBody p ~ p {    margin-top: 15px;}
.faqBody p {    text-align: justify;}
/* faqSection */
.bg-color-pack{background: var(--GrayColor);}
.looking-jobs p{color: #fff;}
.looking-jobs span{    color: #FFFFFF;    font-size: 30px;    font-weight: 600;    line-height: 1.3em;}
.new {    position: absolute;    top: -10px;    right: 35px;    background: var(--TomatoColor);    padding: 4px 25px;    border-radius: 5px;}
.tag-type span{    color: #999999;    font-size: 12px;    font-weight: 400;    text-transform: uppercase;    line-height: 1.63em;    margin: 5px 0px 0px 0px;    padding: 5px 12px 3px 12px;    border-style: solid;    border-width: 1px 1px 1px 1px;    border-color: #393939;    border-radius: 15px 15px 15px 15px;    }
.bg-light-dark {    background: #e0e0e0;}
.faqs-side {background: url(img/Image-1-1.png) no-repeat;}
footer{background: var(--TomatoColor); }
/* .logo-side-footer img{filter: grayscale(100%) invert(1);} */
.logo-side-footer p {    text-align: justify;    color: #fff;    margin-top: 10px;}
.widget-side span{color: #fff; font-size: 18px; position: relative;}
.widget-side span:after{background-color: #fff; width: 10%; left: 0px; bottom: -5px; height: 2px; content: ''; position: absolute; }
.widget-side i{font-size: 12px;}
.widget-side a{color: #fff;}
.widget{border-right: 1px solid var(--GrayColor);}
.widget-side {    padding-left: 30px;}
.widget_metter {color: #999; position: relative;}
.widget_metter span{color: #fff; font-size: 30px; position: relative; margin: 0px auto; font-weight: 500;}
.widget_metter span:after{background-color: #fff;    width: 15%;    left: 265px;    bottom: -5px;    height: 2px;    content: '';    position: absolute;}
.input-form input{border:none; border-bottom: 1px solid #fff; margin-bottom: 15px; padding-left: 0px; height: 35px; color: #fff; font-size: 14px;}
.input-form select{border:none; border-bottom: 1px solid #fff; margin-bottom: 15px; padding-left: 0px; height: 35px; color: #fff; font-size: 14px;}
.input-form option{color: #333;}
.textara-form textarea{border:none; border-bottom: 1px solid #fff; margin-bottom: 15px; padding-left: 0px; height: 35px; resize: none; color: #fff; font-size: 14px;}
.button-form button{border: none; background-color: var(--GrayColor); padding: 5px 15px; color: #fff;}
.grayish a {    color: #fff;}
.grayish li {    color: #fff;}
/* input */
.input-form input::placeholder{color: #fff;}
.input-form select::placeholder{color: #fff;}
.textara-form textarea::placeholder{color: #fff;}
.breadcumb{background: url(img/breadcumb.jpg); padding: 100px 0px; background-size: cover; background-attachment: fixed;}
/* Radial Out */
.hvr-radial-out {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  position: relative;  overflow: hidden;  color: #fff;  background: #e1e1e1;  -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}
.hvr-radial-out:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0;  right: 0;  bottom: 0;  background:#000;  border-radius: 100%;  -webkit-transform: scale(0);  transform: scale(0);  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {  color: white;}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:befoe {  -webkit-transform: scale(2);  transform: scale(2);}
.navgitaion_side a {    padding: 10px 30px;    background-color: var(--TomatoColor);}
ul.stlyed-exporter li a {    background: var(--GrayColor);    padding: 10px 30px;}
ul.stlyed-exporter li {    width: 32%;}
.inner-states a {    background-color: var(--TomatoColor);    display: block;}
.contact__area {    background-position: center;    background-size: cover;    background-repeat: no-repeat;    padding: 50px 0;}
.contact__item:hover .contact__icon i {    background: var(--TomatoColor);    color: #fff;    transform: rotateY(360deg);}
.contact__icon i {    height: 100px;    width: 100px;    line-height: 100px;    font-size: 35px;    text-align: center;    background-color:#fff;    border-radius: 50%;    color: var(--tp-theme-1);    box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.08);    display: inline-block;    transition: 0.3s;}
.contact__title {    font-size: 20px;    color: var(--GrayColor);}
.contact__social a {    height: 50px;    width: 50px;    line-height: 50px;    text-align: center;    color: #000;    background: #fff;    border-radius: 6px;    box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.08);    display: inline-block;    margin-right: 10px;    margin-bottom: 10px;    font-size: 15px;    transition: 0.3s;}
.contact__social a:hover {    background: var(--GrayColor);    color: #fff;}
.contact__area-2 {    position: relative;    z-index: 1;}
.contact__form {    background: #fff;    box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.06);    border-radius: 6px;    padding: 80PX 60px;}
.contact__form .contact-filed input {    width: 100%;    height: 60px;    border: 1px solid transparent;    padding-left: 15px;    padding-right: 30px;    color: var(--tp-heading-primary);    border-radius: 6px;    font-weight: 500;    transition: 0.3s;    background: #f9f9f9;}
.contact__form .contact-filed textarea {    width: 100%;    height: 200px;    border: 1px solid transparent;    padding-left: 15px;    padding-right: 30px;    padding-top: 15px;    color: #000;    font-weight: 500;    transition: 0.3s;    border-radius: 6px;    box-shadow: none;    outline: none;    background: #f9f9f9;    resize: none;}
.section__wrapper {    position: relative;}
.section__wrapper::before {    position: absolute;    content: "";    width: 100%;    height: 1px;    background: #f1f1f1;    top: 0;}
.section__wrapper .r-text span {    display: inline-block;    text-transform: uppercase;    font-size: 14px;    font-weight: bold;    color: #ccc;    letter-spacing: 1px;}
.section__wrapper .r-text {    position: absolute;    left: -5%;    bottom: 32%;    transform: rotate(-90deg);}
.section__wrapper .section__title {    font-size: 40px;    line-height: 1.2;    padding-top: 20px;    margin-left: 30px;}
.contact-filed {    margin-bottom: 25px;}
.contact-filed select {    width: 100%;    color: #777;    height: 60px;    border: 1px solid transparent;    padding-left: 15px;    padding-right: 30px;       border-radius: 6px;    font-weight: 500;    transition: 0.3s;    background: #f9f9f9;}
.form-submit button {    border: none;    padding: 10px 30px;    background: var(--TomatoColor);    color: #fff;}

/* rts-single-offer */
.rts-single-offer {    padding: 40px;    border: 1px solid #E9E9E9;    position: relative;    display: block;    overflow: hidden;    z-index: 1;    transition: 0.3s;}
.rts-single-offer .content-wrapper .title {    margin-bottom: 10px;    transition: all 0.4s;}
.rts-single-offer {    padding: 15px;    border: 1px solid #E9E9E9;    position: relative;    display: block;    overflow: hidden;    z-index: 1;    transition: 0.3s;}
.rts-single-offer a.thumbnail img {    transition: 1.3s;    max-height: max-content;    width: 100%;}
.rts-single-offer .content-wrapper .title {    margin-bottom: 10px;    transition: all 0.4s;}
.rts-single-offer .content-wrapper .disc {    margin-bottom: 20px;}
.rts-single-offer .content-wrapper .rts-btn {    border: 1px solid #E9E9E9;    justify-content: center;    display: flex;    align-items: center;    font-weight: 600;    font-size: 14px;    line-height: 21px;    padding: 15px 28px;    color: #0C0A0A;}
.rts-single-offer .content-wrapper .rts-btn i {    margin-left: 5px;}
.rts-single-offer .content-wrapper .rts-btn:hover {    background: var(--TomatoColor);    border-color: var(--GrayColor);    color: #fff;}
.rts-single-offer:hover {    border-color:var(--GrayColor);}
.rts-single-offer:hover::after {    opacity: 0.6;}
.rts-single-offer::after {    position: absolute;    content: "";    left: -10%;    top: -30%;    height: 250px;    width: 250px;    filter: blur(50px);    background: var(--TomatoColor);    z-index: -1;    opacity: 0;    transition: 0.3s;}
span.title {    font-size: 21px;    color: #000;    font-weight: 600;    display: block;}
.white-wrap .form {    background: var(--TomatoColor);    background-size: cover;    background-position: 50% 50%;    padding: 1px 20px 1px 20px;    position: relative;    border-radius: 25px;}
.inputBox button {    background-color: var(--GrayColor);    font-size: 18px;    padding: 10px 0;}
.inputBox textarea {       height: 80px;    padding-left: 12px;    font-size: 14px;    padding-top: 10px;}
.inputBox input {    height: 40px;    padding-left: 12px;    font-size: 14px;}
.inputBox select {    height: 40px;    padding-left: 12px;    font-size: 14px;    width: 100%;    color: #666;    border: none;}
.img-side-details {    width: 40%;    float: left;    margin-right: 25px;}
/* Box */
.box {    background: #333;    border-radius: 50px;    text-align: center;    overflow: hidden;    position: relative;    transition: all 0.35s ease-in-out;}
.box:before, .box:after {    content: "";    background: var(--TomatoColor);    width: 100%;    height: 0;    position: absolute;    opacity: 0.3;    transition: all 0.4s ease-in-out;    z-index: 1;}
.box:before {    right: 0;    bottom: 0;}
.box:after {    top: 0;    left: 0;}
.box:hover:before,.box:hover:after {    width: 100%;    height: 100%;}
.box img {    width: 100%;    height: auto;    transform: scale(1.1) translateY(4%);    transition: all 0.35s ease-in-out;}
.box:hover img {    opacity: 0.3;    transform: scale(1.1) translateY(-4%);}
.box-content {    color: #fff;    width: 100%;    opacity: 0;    transform: translateX(-50%) translateY(-50%);    position: absolute;    top: 50%;    left: 50%;    z-index: 2;    transition: all 0.25s ease 0s;}
.box:hover .box-content {    opacity: 1;}
.box .title {    font-size: 22px;    font-weight: 600;    text-transform: uppercase;    margin: 0;}
.box .post {    font-size: 25px;    font-weight: 300;    text-transform: capitalize;    margin: 0 0 10px;    display: block;}
.box .icon {    padding: 0;    margin: 0;    list-style: none;}
.box .icon li {    margin: 0 3px;    display: inline-block;}
.box .icon li a {    color: #000;    background: #fff;    font-size: 14px;    line-height: 29px;    width: 32px;    height: 32px;    border: 3px solid transparent;    display: block;    position: relative;    transition: all 0.25s ease;}
.box .icon li a:hover {    color: #fff;    background: #000;    border: 3px solid #fff;    text-shadow: 3px 3px 3px rgba(0,0,0,0.4);}
.box .icon li a i {    line-height: inherit;}
@media only screen and (max-width: 990px) {
.box { margin: 0 0 30px;}
}
.box-content span {    padding-left: 15px;    padding-right: 15px;    line-height: 25px;}
.datails-content p {    text-align: justify;}
p.related-heading {    background: var(--TomatoColor);    width: 100%;    display: block;    padding: 10px 15px;    font-size: 22px;    font-weight: 700;}
.read-btn a {    background: var(--GrayColor);    padding: 7px 15px;    color: #fff;}
.related_img img {    width: 100%;    object-fit: contain;    height: 250px;    margin: 10px 0px;    border: 1px solid #f1f1f1;    padding: 2px;}
.related_content p {    text-align: justify;}