:root {
    --white: #ffffff;
    --dark: #262f38;
    --main-color: #F9004D;
    --heading-color: #041B52;
    --paragraph-color: #202020;
    --body-font: "Poppins", sans-serif;
    --body-font-size: 16px;
    --line-height30: 1.7;
    & html, & body {
    }

    & input, & button {
        overflow: hidden;
    }

    & body {
        margin: 0px;
        padding: 0px;
        font-size: 16px;
        font-family: Poppins, sans-serif;
        box-sizing: border-box;
        font-weight: normal;
        font-style: normal;
        overflow-x: hidden;
    }

    & a, & button {
        transition: 0.3s ease-out;
    }

    & ::selection {
        background: rgb(249, 0, 77);
        color: rgb(255, 255, 255);
        text-shadow: none;
    }

    & ::placeholder {
        color: rgb(85, 85, 85);
        font-size: 14px;
        opacity: 1;
    }

    & h1, & h2, & h3, & h4, & h5, & h6, & p {
        margin: 0px;
        padding: 0px;
    }

    & h1, & h2, & h3, & h4, & h5, & h6 {
        color: rgb(64, 64, 64);
        font-weight: 500;
    }

    & ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

    & a {
        text-decoration: none;
        transition: 0.4s ease-in-out;
    }

    & a: hover {
        text-decoration: none;
        color: rgb(249, 0, 77);
    }

    & a: focus {
        outline: none;
    }

    & button: focus {
        outline: none;
    }

    & input: focus {
        outline: none;
    }

    & textarea: focus {
        outline: none;
    }

    & p {
        color: rgb(130, 129, 129);
    }

    & img {
        max-width: 100%;
    }

    & .section-bg {
        background-color: rgb(249, 251, 254);
    }

    & .section-padding {
        padding: 60px 0px;
    }

    & .section-padding-120 {
        padding: 120px 0px;
    }

    & .s-padding {
        padding: 80px 0px;
    }

    & .client-area-section.section-padding {
        background: rgb(255, 245, 238);
    }

    & .home-dark .client-area-section.section-padding {
        background: rgb(255, 255, 255);
    }

    & .client-logo {
        padding: 80px 0px;
    }

    & .section-tpaddig {
        padding-top: 80px;
        padding-bottom: 50px;
    }

    & .scroll-area {
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 99;
        display: none;
    }

    & .scroll-area i {
        width: 50px;
        height: 50px;
        background-color: rgb(224, 110, 0);
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        color: rgb(255, 255, 255);
        font-size: 25px;
        transition: 0.4s;
    }

    & .button-1 {
        color: rgb(84, 84, 84);
        text-transform: capitalize;
        font-weight: 500;
        font-size: 17px;
        padding: 16px 36px;
        display: inline-block;
        border-style: solid;
        border-width: 2px;
        border-color: rgb(230, 233, 245);
        border-radius: 4px;
        transition: 0.5s ease-in-out;
        z-index: 1;
    }

    & .button-1:hover {
        color: rgb(255, 255, 255);
        background: rgb(249, 0, 77);
        border-color: rgb(249, 0, 77);
    }

    & .button-2 {
        display: inline-block;
        padding: 16px 36px;
        border-style: solid;
        border-width: 2px;
        border-color: rgb(249, 0, 77);
        border-radius: 4px;
        background-color: rgb(249, 0, 77);
        color: rgb(255, 255, 255);
        font-size: 17px;
        font-weight: 500;
        transition: 0.5s ease-in-out;
        text-transform: capitalize;
        z-index: 11;
        position: relative;
    }

    .button-2:hover {
        color: rgb(255, 255, 255);
        background: rgb(185, 0, 57);
        border-color: rgb(185, 0, 57);
    }

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

.header-right {
        float: right;
        padding-left: 15px;
    }
 .menu {
	text-align: right;
}
.menu li{
	display: inline-block;
	position: relative;
}
.menu ul li a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 18px 25px;
    font-family: "Poppins", sans-serif !important;
    position: relative;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease;
}
.sticky .menu ul li a{
	color: #545454;
}
.menu ul li a span {
	position: absolute;
	top: 8px;
	right: 23px;
	font-size: 12px;
}
.menu ul li ul li a::after {
	content: "";
	clear: both;
	display: block;
	position: absolute;
	width: 0;
	height: 1px;
	background: #fff;
	bottom: 32px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .4s ease-in-out;
}
.menu ul li ul li:hover > a::after{
	width: 100%;
}
.menu ul li > ul {
	position: absolute;
	width: 250px;
	text-align: left;
	background: #fff;
	color: #000;
	border-radius: 4px;
	box-shadow: 0 11px 28px 0 rgba(4, 73, 89, 0.03);
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	top: 130px;
	left: 0px;
	opacity: 0;
	visibility: hidden;
	padding: 10px 0px;
	border: 1px solid #e6eeef;
	z-index: 999;
}
.menu ul li > ul::after {
	content: "";
	clear: both;
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	background: #fff;
	left: 20px;
	top: -10px;
	transform: rotate(45deg);
	border-left: 1px solid #e6eeef;
	border-top: 1px solid #e6eeef;
}

.menu ul li:hover > ul {
	opacity: 1;
	visibility: visible;
	top: 62px;
	z-index: 999;
}
.menu ul li > ul > li {
	width: 100%;
}
.menu ul li > ul > li > a {
	color: #545454;
	font-weight: 400;
	padding: 9px 10px;
	display: inline-block;
	font-size: 13px;
}
.menu ul li > ul > li:hover > a{
	color: #f9004d;
}
.menu ul li > ul > li > a::after {
    content: "";
    background: #fff;
    bottom: 0px;
}
.menu ul li > ul li > ul {
	left: 100%;
}
.menu ul li > ul li:hover > ul{
	top: 0px;
}
.menu ul li > ul li > ul::after {
	width: 0px;
	height: 0px;
	border: none;
}

    .heartbeat {
        animation: 1.5s ease 0s infinite alternate none running heartbeat;
    }

    .rotateme {
        animation-name: rotateme;
        animation-duration: 12s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    .hero-area {
        position: relative;
        overflow: hidden;
    }

    .hero-area-full {
        display: flex;
        align-items: center;
        justify-content: center;
        background-size: 100% 130%;
        background-position: center center;
        background-repeat: no-repeat;
        transition: 2.5s ease-in-out;
        position: relative;
        background-color: rgb(255, 255, 255);
        z-index: 1;
    }

    .hero-area-full:hover {
        background-size: 140% 170%;
    }

    .hero-area-full::after {
        content: "";
        clear: both;
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        z-index: -1;
    }

    .hero-area-full1 {
        display: flex;
        padding: 60px 0px;
        align-items: center;
        justify-content: center;
        background-size: 100% 130%;
        background-position: center center;
        background-repeat: no-repeat;
        transition: 2.5s ease-in-out;
        position: relative;
        z-index: 1;
    }

    .hero-area-full1:hover {
        background-size: 140% 170%;
    }

    .hero-area-full1::after {
        content: "";
        clear: both;
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background: rgba(4, 4, 4, 0.5);
        z-index: -1;
    }

    .hero-caption h4 {
        color: rgb(1, 33, 33);
        font-weight: bold;
        line-height: 1.28;
        margin-bottom: 3px;
        animation: 0.3s ease-in 0s 1 normal none running all;
        font-size: 32px;
        font-family: Poppins, sans-serif;
        text-transform: uppercase !important;
        background-clip: text !important;
    }

    .hero-caption h2 {
        font-size: 32px;
        color: rgb(255, 255, 255);
        font-weight: 800;
        line-height: 1.1;
        margin-bottom: 20px;
    }

    .client-logo-single img {
        height: 92px;
        margin: 0px auto;
        transition: 0.4s ease-in-out;
        cursor: pointer;
        width: 118px !important;
    }

    .single-client-area .normal-img, & .client-logo-single .normal-img {
        transition: 0.3s ease-in-out;
        display: block;
    }

    .single-client-area .hover-img, & .client-logo-single .hover-img {
        display: block;
        position: absolute;
        transition: 0.3s ease-in-out;
        z-index: 1;
        top: 0px;
        left: 0px;
        visibility: hidden;
        transform: translateY(-100%);
    }

    .single-client-area:hover .normal-img, & .client-logo-single:hover .normal-img {
        display: block;
        visibility: hidden;
        transform: translateY(100%);
    }

    .single-client-area:hover .hover-img, & .client-logo-single:hover .hover-img {
        display: block;
        opacity: 3;
        visibility: visible;
        transform: translateY(0%);
    }

    .section-title.section-tpaddig {
        padding-top: 0px;
    }

    .hero-area-3 {
        position: relative;
        z-index: 0;
    }

.breadcum-bg::before, & .hero-area-3::before {
        position: absolute;
        right: -5000%;
        left: auto;
        top: 0px;
        height: 100%;
        width: 5007%;
        content: "";
        z-index: -1;
        transform: skew(-45deg);
        opacity: 0.4;
    }

.breadcum-bg {
        background-size: cover;
        background-position: center center;
        background-color: rgb(224, 110, 0);
        background-repeat: no-repeat;
        position: relative;
        z-index: 0;
    }

    .breadcum-bg1 {
        background-image: url("assets/img/bg/breadcumbg1.png");
    }

    .breadcum-bg2 {
        background-image: url("assets/img/bg/breadcumbg2.png");
    }

    .breadcum-title h2 {
        font-size: 35px;
        color: rgb(255, 255, 255);
        text-transform: capitalize;
        margin-bottom: 10px;
    }

    .breadcum-title ul li span {
    }

    .breadcum-area.breadcum-bg.section-padding {
        padding: 130px 0px;
        overflow: hidden;
    }

    .breadcum-page h2.title {
        color: rgb(4, 27, 82);
    }

    .page-list li a {
        color: var(--main-color);
    }

    .colored-btn.btn:hover::after {
        height: 100%;
        width: 135%;
    }

    .colored-btn.btn {
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

    .colored-btn.btn::after {
        content: "";
        background: var(--heading-color);
        position: absolute;
        transition: 0.6s ease-in;
        z-index: -1;
        height: 100%;
        left: -35%;
        top: 0px;
        transform: skew(30deg);
        transform-origin: left top;
        width: 0px;
    }

    .colored-btn.btn {
        color: rgb(255, 255, 255);
        font-size: 17px;
        background: rgb(249, 0, 77);
        text-transform: capitalize;
        border: 1px solid rgb(254, 53, 77);
        padding: 15px 30px;
        transition: 0.6s;
        margin-right: 15px;
    }

    .about-area {
        position: relative;
    }

    .about-area::after {
        content: "";
        clear: both;
        display: block;
        position: absolute;
        width: 60%;
        height: 75%;
        background: url("assets/img/b3.png") right center no-repeat;
        top: 0%;
        right: 0px;
        z-index: -1;
    }

    .fram-image, & .fram-image1 {
        position: relative;
        z-index: 0;
        margin-right: 50px;
    }

    .fram-image1 img, & .fram-image img {
        width: 100%;
    }

    .fram-image1::after {
        position: absolute;
        background-image: url("assets/img/portfolio5.png");
        content: "";
        height: 100%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: rgb(221, 221, 221);
        mix-blend-mode: screen;
        left: 0px;
        top: 0px;
        z-index: -1;
        width: 100%;
    }

    .fram-image1::before {
        position: absolute;
        background-image: url("assets/img/shap/7.png");
        content: "";
        height: 100%;
        width: 98%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        left: 0px;
        top: 0px;
    }

    .home-dark .fram-image1::before {
        position: absolute;
        background-image: url("assets/img/shap/7.png");
        content: "";
        height: 104%;
        width: 100%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        left: 0px;
        top: 9px;
    }

    .home-dark .fram-image::after {
        position: absolute;
        background-image: url("assets/img/portfolio5.png");
        content: "";
        height: 100%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: rgb(221, 221, 221);
        mix-blend-mode: screen;
        left: 0px;
        top: 0px;
        z-index: -1;
        width: 100%;
    }

    .fram-image::after {
        position: absolute;
        background-image: url("assets/img/portfolio6.png");
        content: "";
        height: 100%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: rgb(221, 221, 221);
        mix-blend-mode: screen;
        left: 0px;
        top: 0px;
        z-index: -1;
        width: 100%;
    }

    .home-dark .fram-image::before {
        position: absolute;
        background-image: url("assets/img/shap/8.png");
        content: "";
        height: 110%;
        width: 100%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        left: -25px;
        top: 0px;
    }

    .home-dark .fram-image1::after {
        position: absolute;
        background-image: url("assets/img/portfolio5.png");
        content: "";
        height: 92%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: rgb(221, 221, 221);
        mix-blend-mode: screen;
        left: 0px;
        top: 30px;
        z-index: -1;
        width: 84%;
    }

    .home-dark .fram-image1::after {
        position: absolute;
        background-image: url("assets/img/portfolio5.png");
        content: "";
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: rgb(221, 221, 221);
        mix-blend-mode: screen;
        left: 0px;
        z-index: -1;
        width: 100%;
    }

    .fram-image::before {
        position: absolute;
        background-image: url("assets/img/shap/8.png");
        content: "";
        height: 109%;
        width: 100%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        left: 0px;
        top: 0px;
    }

    .about-area .row {
        width: 100%;
    }

    .about-top h2 {
        font-size: 30px;
        color: rgb(64, 64, 64);
        font-weight: 700;
        line-height: 1.286;
        margin-bottom: 30px;
        text-transform: capitalize;
    }

    .about-content {
        margin-top: 60px;
        padding: 0px 30px;
    }

    .about-top-content {
        margin-bottom: 61px;
    }

    .about-area .about-top {
        padding-top: 0px;
    }

    .about-top h2 span {
        color: rgb(249, 0, 77);
    }

    .about-top p {
        font-size: 16px;
        line-height: 1.667;
        font-weight: 400;
    }

    .about-img {
        padding-left: 11%;
        box-sizing: border-box;
    }

    .about-content h4 {
        font-size: 18px;
        color: rgb(249, 0, 77);
        font-weight: 700;
    }

    .about-content h2 {
        font-size: 35px;
        color: rgb(64, 64, 64);
        line-height: 1.486;
        font-weight: 700;
        margin-bottom: 30px;
    }

    .about-content p {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.75;
        margin-bottom: 25px;
    }

    .about-content a {
        margin-top: 10px;
    }

    .about-shap img {
        position: absolute;
    }

    .about-shap img.about-shap5 {
        left: 15%;
        top: 27%;
    }

    .about-shap img.about-shap6 {
        bottom: 12%;
        right: 26%;
    }

    .about-shap img.about-shap7 {
        top: 45%;
        right: 20%;
    }

    .section-headding h4 {
        text-transform: none;
        animation: 0.3s ease-in 0s 1 normal none running all;
        font-size: 32px;
        line-height: 1.28;
    }

    .section-headding h2 {
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .services-area .section-headding h2 {
        font-size: 31px;
        margin-top: 10px;
    }

    .section-headding p {
        font-size: 16px;
        color: rgb(130, 129, 129);
        line-height: 1.75;
        font-weight: 400;
    }

    .service-area.section-padding.service-2 {
        padding-bottom: 0px;
    }

    .services-area {
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

    .services-item {
        text-align: center;
        padding: 50px 30px;
        background: rgb(255, 255, 255);
        box-sizing: border-box;
        transition: 0.4s ease-in-out;
        border: 1px solid rgb(238, 238, 238);
    }

    .services-item .icon {
        width: 80px;
        height: 80px;
        background: rgb(0, 0, 0);
        margin: 0px auto 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 30px;
        color: rgb(255, 255, 255);
        border-radius: 7px;
        position: relative;
        transform: rotate(45deg);
        transition: 0.4s;
    }

    .services-item .icon::after {
        content: "";
        clear: both;
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        border: 1px solid rgb(0, 0, 0);
        top: 0px;
        left: 0px;
        transform: scale(1.1);
        border-radius: 7px;
        z-index: -1;
        transition: 0.4s;
    }

    .services-item:hover .icon {
        background: rgb(249, 0, 77);
    }

    .services-item:hover .icon::after {
        border-color: rgb(249, 0, 77);
    }

    .services-item p {
        font-size: 16px;
        line-height: 1.75;
        font-weight: 400;
        margin-bottom: 25px;
    }

    .services-item h2 {
        font-size: 22px;
        font-weight: 700;
        color: rgb(64, 64, 64);
        line-height: 2.364;
    }

    .services-item .icon i {
        transform: rotate(-45deg);
    }

    .services-item h2 a {
        color: rgb(64, 64, 64);
    }

    .services-item h2 a: hover {
        color: rgb(249, 0, 77);
    }

    .services-item a.link {
        color: rgb(249, 0, 77);
        font-weight: 500;
        line-height: 1.75;
        position: relative;
        display: inline-block;
        padding: 2px 0px;
        font-size: 16px;
    }

    .services-item a.link: :after {
        content: "";
        clear: both;
        display: block;
        position: absolute;
        width: 65%;
        height: 3px;
        background-color: rgb(249, 0, 77);
        transition: 0.4s;
        bottom: 0px;
        left: 0px;
    }

    .services-item a.link: hover::after {
        width: 100%;
    }

    .services-shap img {
        position: absolute;
    }

    .services-shap img.ser-shap1 {
        left: 6%;
        top: 13%;
    }

    .services-shap img.ser-shap2 {
        right: 0px;
        bottom: 15%;
    }

    .services-slider-item .thumbnail {
        width: 100%;
        overflow: hidden;
        height: 100%;
        position: relative;
        z-index: 1;
    }

    .services-slider-item {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .services-slider-item .content {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        z-index: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%;
        text-align: center;
        background: rgb(249, 0, 77);
        color: rgb(255, 255, 255);
        padding: 0px 30px;
        transition: 0.4s ease-in-out;
        transform: scale(1.2);
        opacity: 0;
        visibility: hidden;
    }

    .services-slider-item:hover .content {
        transform: scale(1);
        visibility: visible;
        opacity: 1;
    }

    .services-slider-item .cotnent-full i {
        font-size: 40px;
        margin-bottom: 10px;
        display: block;
    }

    .services-slider-item .cotnent-full h3 {
        text-transform: uppercase;
        font-size: 20px;
        color: rgb(255, 255, 255);
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 5px;
    }

    .services-slider-item .cotnent-full p {
        color: rgb(255, 255, 255);
        line-height: 24px;
        font-weight: 400;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .services-slider-item .cotnent-full a {
        display: inline-block;
    }

    .services-slider-item .cotnent-full a i {
        line-height: 1;
        font-size: 18px;
        padding: 0px;
        margin: 0px;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        background: rgb(255, 255, 255);
        color: rgb(51, 51, 51);
        transition: 0.4s;
    }

    .services-slider-item .cotnent-full a i: hover {
        background: rgb(249, 0, 77);
        color: rgb(255, 255, 255);
        box-shadow: rgb(238, 238, 238) 0px 0px 8px 0px;
    }

    .services-slider-item .cotnent-full h3 a {
        color: rgb(255, 255, 255);
    }

    .service-slider .owl-dots {
        margin-top: 20px;
    }

    .service-slider .owl-dots .owl-dot {
        margin: 0px 6px;
        border: 0px;
        background: none;
        cursor: pointer;
    }

    .service-slider .owl-dots .owl-dot span {
        display: block;
        border-radius: 50%;
        background-color: rgb(51, 51, 51);
        width: 8px;
        height: 8px;
        position: relative;
        transition: 0.3s;
    }

    .service-slider .owl-dots .owl-dot span: :after {
        position: absolute;
        content: "";
        top: -5px;
        left: -5px;
        border: 1px solid rgb(249, 0, 77);
        border-radius: 50%;
        width: calc(100% + 10px);
        height: calc(100% + 10px);
        transform: scale(0);
        transition: 0.3s;
    }

    .service-slider .owl-dots .owl-dot.active span {
        background: rgb(249, 0, 77);
    }

    .service-slider .owl-dots .owl-dot.active span: :after {
        transform: scale(1);
    }

    .service-left-content h4 {
        font-size: 24px;
        font-weight: 700;
        text-transform: capitalize;
        color: var(--heading-color);
        border-bottom: 2px solid var(--heading-color);
        display: inline-block;
    }

    .service-left-content {
        padding: 20px;
        box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 20px;
    }

    .service-left-content.hide {
        display: none;
    }

    .service-left-content ul {
        margin-top: 20px;
        margin-bottom: 60px;
    }

    .service-left-content ul li {
        font-size: 18px;
        text-transform: capitalize;
        border-bottom: 1px solid rgb(221, 221, 221);
        padding-bottom: 17px;
        margin-top: 15px;
        cursor: pointer;
        position: relative;
        transition: 0.6s;
    }

    .service-left-content ul li i {
        position: absolute;
        top: 6px;
        right: 0px;
    }

    .service-left-content ul li: hover {
        color: var(--main-color);
        padding-left: 10px;
    }

    .contact-info {
        background: var(--heading-color);
        color: rgb(255, 255, 255);
        padding: 20px 23px;
    }

    .contact-info h4 {
        font-size: 20px;
        color: rgb(255, 255, 255);
        text-transform: capitalize;
        margin-bottom: 20px;
    }

    .contact-info li {
        list-style: none;
        margin-bottom: 20px;
        font-size: 18px;
        font-weight: 700;
        text-transform: capitalize;
    }

    .contact-info li i {
        margin-right: 10px;
        color: var(--main-color);
        font-size: 20px;
    }

    .service-left-content .colored-btn.btn {
        text-align: center;
        display: inline-block;
        margin-right: 0px;
        margin-left: 13%;
        border: 1px solid transparent;
    }

    .service-left-content .colored-btn.btn:hover {
        border: 1px solid var(--main-color);
    }

    .download-pdf {
        display: block;
        background: rgb(233, 238, 255);
        padding: 20px;
        text-align: center;
        font-size: 20px;
        text-transform: uppercase;
        color: var(--heading-color);
        margin-top: 30px;
    }

    .download-pdf i {
        color: var(--main-color);
        margin-left: 23px;
    }

    .contact-info li span {
        display: block;
        font-size: 16px;
        font-weight: normal;
        margin-top: 6px;
    }

    .single-service-details h2 {
        font-size: 35px;
        font-weight: 700;
        color: var(--heading-color);
        margin: 20px 0px;
    }

    .service-details-imag-slider.owl-carousel.owl-loaded.owl-drag {
        margin: 20px 0px;
    }

    .single-service-details h4 {
        font-size: 18px;
        color: var(--heading-color);
        font-weight: 400;
        text-transform: capitalize;
        margin-bottom: 15px;
    }

    .details-middle-content {
        position: relative;
        padding-right: 54%;
        margin: 30px 0px;
    }

    .why-choose-service-details ul {
        margin-top: 19px;
    }

    .single-service-details {
        margin-bottom: 60px;
    }

    .single-service-details .midlle-img {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 50%;
    }

    .single-service-details .midlle-img img {
        width: 100%;
        height: 100%;
    }

    .details-middle-content ul {
        margin-top: 20px;
    }

    .details-middle-content ul li {
        margin-bottom: 15px;
        font-size: 18px;
        font-weight: 500;
        padding-left: 34px;
        position: relative;
    }

    .details-middle-content ul li: :after {
        position: absolute;
        left: 0px;
        top: 24%;
        height: 15px;
        width: 15px;
        background: var(--main-color);
        content: "";
        border-radius: 50%;
    }

    .single-service-details h3 {
        font-size: 24px;
        font-weight: 600;
        color: var(--heading-color);
        margin-bottom: 15px;
    }

    .why-choose-service-details h2 {
        font-size: 24px;
    }

    .why-choose-service-details ul li {
        font-size: 24px;
        padding-left: 31px;
        margin-bottom: 15px;
        position: relative;
    }

    .why-choose-service-details ul li: :after {
        position: absolute;
        left: 0px;
        top: 10px;
        height: 15px;
        width: 15px;
        background: var(--main-color);
        content: "";
        border-radius: 50%;
    }

    .last-update h6 {
        font-size: 20px;
        color: var(--heading-color);
        margin-top: 50px;
    }

    .callbg1 img {
        position: absolute;
        left: 6%;
        top: 40%;
        animation-name: call1-animation;
        animation-timing-function: linear;
        animation-duration: 4s;
        animation-iteration-count: infinite;
        transform-origin: center bottom;
    }

    .callbg2 img {
        position: absolute;
        right: 4%;
        top: 34%;
        animation-name: call2-animation;
        animation-timing-function: linear;
        animation-duration: 4s;
        animation-iteration-count: infinite;
        transform-origin: center bottom;
    }

.resume-skill-single {
        position: relative;
    }

    .resume-skill-single .percentCount {
        position: absolute;
        right: 0px;
        top: -38px;
    }

    .all-testimonials {
        margin-top: 15px;
    }

    .testimonial-area.tesimonial-page {
        padding: 110px 0px;
    }

    .testimonial-area.section-padding {
        padding-top: 90px;
    }

    .home-dark .testimonial-area.section-padding {
        padding-top: 55px;
        background-color: rgb(224, 110, 0);
    }

    .testimonial-area {
        position: relative;
        overflow: hidden;
        z-index: 1;
        padding-top: 50px;
    }

    .testimonial-item {
        border: 1px solid rgb(238, 238, 238);
        box-sizing: border-box;
        padding: 30px;
        position: relative;
        transition: 0.6s;
    }

    .testimonial-item:hover {
        box-shadow: rgba(0, 0, 0, 0.08) 3px 6px 30px;
        border: 1px solid transparent;
    }

    .testimonial-item .bottom {
        position: relative;
        padding-left: 100px;
        height: 90px;
        width: 100%;
    }

    .testimonial-item .bottom h3 {
        font-size: 20px;
        font-weight: 700;
        margin-top: 10px;
        display: inline-block;
        width: 100%;
    }

    .testimonial-item .bottom img {
        position: absolute;
        left: 0px;
        height: 80px;
        border-radius: 50%;
        border: 2px solid rgb(249, 0, 77);
        width: 80px !important;
    }

    .testimonial-item .top {
        width: 100%;
        margin-bottom: 15px;
    }

    .testimonial-item .top .left {
        float: left;
        font-size: 36px;
        color: rgba(115, 98, 98, 0.51);
    }

    .testimonial-item .top .ratting {
        float: right;
        margin-top: 9px;
        font-size: 16px;
        color: rgb(249, 0, 77);
    }

    .testimonial-item .content {
        overflow: hidden;
        width: 100%;
        margin-bottom: 25px;
    }

    .testimonial-item .content p {
        font-style: italic;
        font-size: 16px;
        line-height: 30px;
        font-weight: 400;
    }

    .testimonials h2.title {
        font-size: 30px;
        color: var(--heading-color);
    }

    .view-more-btn a {
        background: var(--main-color);
        padding: 15px 30px;
        color: rgb(255, 255, 255);
        text-transform: capitalize;
        border-radius: 5px;
        text-align: center;
    }

    .view-more-btn {
        text-align: center;
        margin-top: 35px;
    }

    .view-more-btn a i {
        margin-left: 8px;
    }

    .portfolio-area.project.section-padding {
        padding: 110px 0px;
    }

    .latest-projects {
        position: relative;
        padding-top: 90px;
    }

    .portfolio-item {
        border-radius: 5px;
        background-color: rgb(255, 255, 255);
        box-shadow: rgba(34, 34, 34, 0.12) 0px 0px 10px 0px;
        transition: 0.4s;
        z-index: 9;
        position: relative;
    }

    .portfolio-item:hover {
        background: rgb(249, 0, 77);
    }

    .portfolio-item .thumbnail {
        width: 100%;
        overflow: hidden;
    }

    .portfolio-item .thumbnail img {
        width: 100%;
        transition: 0.6s;
    }

    .portfolio-item:hover .thumbnail img {
        transform: scale(1.13);
    }

    .portfolio-item .content {
        padding: 20px 35px;
        position: relative;
    }

    .portfolio-item .content h2 {
        transition: 0.4s;
        font-size: 20px;
        font-weight: 500;
        line-height: 1.4;
    }

    .portfolio-item .content h2 a {
        color: rgb(64, 64, 64);
    }

    .portfolio-item .content span {
        transition: 0.4s;
        font-size: 14px;
        font-weight: 500;
        color: rgb(130, 129, 129);
        line-height: 2;
    }

    .portfolio-item .content a.link {
        transition: 0.4s;
        font-size: 20px;
        color: rgb(64, 64, 64);
        float: right;
    }

    .portfolio-item:hover .content h2 a {
        color: rgb(255, 255, 255);
    }

    .portfolio-item:hover .content span {
        color: rgb(255, 255, 255);
    }

    .portfolio-item:hover .content a {
        color: rgb(255, 255, 255);
    }

    .breadcum-page .single-pricing-box.active {
        border-bottom: 5px solid var(--main-color);
    }

    .pricing-plane.mt---100 {
        margin-top: -125px;
        position: relative;
        z-index: 1;
        overflow: hidden;
        background: rgb(255, 255, 255);
        padding-top: 235px;
    }

    .pricing-plane {
        position: relative;
    }

    .pricing-plane::after {
        content: "";
        clear: both;
        display: block;
        position: absolute;
        width: 74%;
        height: 30%;
        top: 17%;
        left: 0px;
        background: url("assets/img/b8.png");
        z-index: -1;
    }

    .p-c-shap img {
        position: absolute;
    }

    .p-c-shap img.shap1 {
        top: 10%;
        right: 5%;
    }

    .p-c-shap img.shap2 {
        top: 37%;
        right: 3%;
    }

    .p-c-shap img.shap3 {
        right: 8%;
        bottom: 12%;
    }

    .p-c-shap img.shap4 {
        bottom: 24%;
        left: 3%;
    }

    .p-c-shap img.shap5 {
        top: 25%;
        left: 10%;
    }

    .p-c-shap img.shap6 {
        top: 12%;
        right: 7%;
    }

    .p-c-shap img.shap7 {
        right: 8%;
        top: 50%;
    }

    .p-c-shap img.shap8 {
        bottom: 4%;
        right: 19%;
    }

    .pricing-item {
        position: relative;
        border-radius: 5px;
        background-color: rgb(255, 255, 255);
        box-sizing: border-box;
        box-shadow: rgba(34, 34, 34, 0.07) 0px 0px 11px 0px;
        border-bottom: 6px solid rgb(249, 0, 77);
        transition: 0.6s;
    }

    .pricing-slider-full .pricing-item {
        width: 90%;
        margin: 10px auto;
    }

    .pricing-item::after {
        content: "";
        clear: both;
        display: block;
        position: absolute;
        width: 100%;
        height: 67px;
        background: url("https://ordainit.com/");
    }

    .pricing-item .content {
        border-bottom: 3px solid rgb(238, 238, 238);
        border-bottom-right-radius: 38%;
        padding-left: 35px;
        padding-top: 35px;
        padding-bottom: 30px;
    }

    .pricing-item .bottom {
        padding-left: 35px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .pricing-item:hover .content a {
        background: var(--heading-color);
    }

    .pricing-item:hover {
        border-bottom: 6px solid var(--heading-color);
    }

    .pricing-item .content a {
        border-radius: 3px;
        background-color: rgb(249, 0, 77);
        width: 40px;
        height: 40px;
        position: absolute;
        font-size: 28px;
        color: rgb(255, 255, 255);
        font-weight: 700;
        line-height: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 20px;
        right: 20px;
    }

    .pricing-item .content h4 {
        font-weight: 700;
        font-size: 18px;
        color: rgb(249, 0, 77);
        line-height: 2.889;
    }

    .pricing-item .content h2 {
        font-weight: 700;
        font-size: 35px;
        line-height: 1.371;
        margin-bottom: 20px;
    }

  .pricing-item .content h2 small {
        font-weight: 500;
        font-size: 16px;
    }

    .pricing-item .content ul li {
        font-weight: 400;
        font-size: 16px;
        line-height: 2;
        color: rgb(130, 129, 129);
    }

    .pricing-item .bottom p {
        color: rgb(57, 60, 64);
        font-weight: 500;
        font-size: 15px;
    }

    .pricing-item .bottom p b {
        color: rgb(255, 54, 0);
    }

     .pricing-slider-full.owl-carousel {
        position: inherit;
    }

    .pricing-plane .row {
        position: relative;
    }

    .pricing-slider-full .owl-nav {
        position: absolute;
        left: 5px;
        bottom: 85px;
    }

    .pricing-slider-full-nav {
        color: rgb(57, 60, 64);
        border-style: solid;
        border-width: 2px;
        border-color: rgb(191, 203, 243);
        border-radius: 10px;
        width: 74px;
        height: 32px;
        display: flex;
        font-size: 20px;
        justify-content: center;
        align-items: center;
        margin: 0px 10px;
        transition: 0.4s ease-in-out;
    }

    .pricing-slider-full-nav:hover {
        color: rgb(255, 255, 255);
        border-color: rgb(249, 0, 77);
        background: rgb(249, 0, 77);
    }

    .blog-area.blog-page {
        padding: 110px 0px;
    }

    .news-area {
        position: relative;
        z-index: 1;
    }

    .news-shap img {
        position: absolute;
    }

    .news-shap img.n-shap2 {
        top: 17%;
        left: 20%;
    }

    .news-shap img.n-shap3 {
        top: 33%;
        left: 13%;
    }

    .news-shap img.n-shap4 {
        top: 25%;
        right: 11%;
    }

    .news-shap img.n-shap5 {
        bottom: 15%;
        right: 2%;
    }

    .news-shap img.n-shap6 {
        right: 4%;
        top: 30%;
    }

    .news-shap img.n-shap7 {
        right: 4.5%;
        top: 50%;
    }

    .blog-item {
        width: 100%;
        overflow: hidden;
        position: relative;
        background-color: rgb(255, 255, 255);
        box-shadow: rgba(139, 139, 139, 0.16) 0px 5px 18px;
        padding: 20px;
    }

    .blog-item .thumbnail {
        width: 100%;
        overflow: hidden;
    }

    .blog-item .thumbnail img {
        width: 100%;
        transition: 0.8s;
    }

    .blog-item:hover .thumbnail img {
        transform: scale(1.15);
    }

    .blog-item .content {
        padding-top: 20px;
    }

    .blog-item .content .meta {
        margin-bottom: 15px;
    }

    .blog-item .content h3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.3;
    }

    .blog-item .content h3 a {
        color: rgb(51, 51, 51);
    }

    .blog-item .content h3 a: hover {
        color: rgb(249, 0, 77);
    }

    .home-dark .blog-item .content h3 a: hover {
        color: rgb(249, 0, 77);
    }

    .blog-item .content .meta span {
        margin-right: 20px;
        font-size: 15px;
    }

    .blog-item .content .meta span i {
        color: rgb(249, 0, 77);
    }

    .blog-item .content .meta span a {
        color: rgb(51, 51, 51);
    }

    .home-dark .blog-item .content .meta span a {
        color: rgb(255, 255, 255);
    }

    .blog-item .content .meta span a: hover {
        color: rgb(249, 0, 77);
    }

    .footer {
        position: relative;
    }

    .footer-widgets .logo1 {
        margin-bottom: 10px;
    }

    .footer-widgets ul li a {
        position: relative;
    }

    .footer-widgets ul li a: :after {
        position: absolute;
        right: 0px;
        width: 0px;
        height: 2px;
        background: var(--main-color);
        content: "";
        bottom: 0px;
        transition: 0.6s;
    }

    .footer-widgets ul li a: hover::after {
        left: 0px;
        width: 100%;
    }

    .footer-widgets h3 {
        margin-bottom: 25px;
        font-size: 20px;
        line-height: 1.85;
        color: rgb(255, 255, 255);
        position: relative;
        padding-bottom: 5px;
        font-weight: 700;
    }

    .footer-servie-3 .footer-widgets h3 {
        color: rgb(64, 64, 64) !important;
    }

    .footer-widgets.quick-links {
        padding-left: 34px;
    }

    .footer-widgets h3: :after {
        content: "";
        clear: both;
        display: block;
        position: absolute;
        width: 40px;
        height: 3px;
        background: rgb(245, 131, 31);
        bottom: 0px;
        left: 0px;
    }

    .footer-widgets ul li a {
        font-size: 14px;
        font-weight: 500;
        color: rgb(130, 129, 129);
        line-height: 2.25;
        display: inline-block;
        transition: 0.4s;
    }

    .footer-widgets ul li a: hover {
       color: rgb(249, 0, 77);
    }

    .footer-widgets p {
        font-weight: 400;
        color: rgb(130, 129, 129);
        line-height: 1.75;
        font-size: 16px !important;
    }

    .footer-servie-3 .footer-widgets p {
        color: rgb(130, 129, 129) !important;
    }

    .footer-widgets .footer-social span {
        margin: 0px 5px;
        display: inline-block;
    }

    .footer-widgets .footer-social span a {
        display: inline-block;
        width: 30px;
        height: 30px;
        background-color: rgb(230, 236, 252);
        border-radius: 50%;
        transition: 0.4s;
        font-size: 14px;
        color: rgb(84, 84, 84);
        text-align: center;
        line-height: 30px;
    }

    .footer-widgets .footer-social span a: hover {
        background: rgb(249, 0, 77);
        color: rgb(255, 255, 255);
    }

    .news-content-fo p {
        margin-bottom: 15px;
        font-size: 16px;
    }

    .news-content-fo p: nth-child(1) {
        padding-bottom: 15px;
        border-bottom: 1px solid rgb(233, 237, 242);
    }

    .footer-widgets .form {
        margin-top: 10px;
        position: relative;
        width: 100%;
    }

    .footer-widgets .form input {
        border-radius: 4px;
        background-color: rgb(255, 255, 255);
        box-shadow: rgba(34, 34, 34, 0.12) 0px 0px 10px 0px;
        height: 45px;
        transition: 0.4s;
        border: none;
        width: 100%;
        padding: 0px 72px 0px 20px;
        font-weight: 500;
        color: rgb(130, 129, 129);
        font-size: 16px;
    }

    .footer-widgets .form input: :placeholder {
        font-weight: 500;
        color: rgb(130, 129, 129);
        font-size: 16px;
    }

    .footer-widgets .form button {
        position: absolute;
        border: none;
        color: rgb(255, 255, 255);
        font-size: 20px;
        right: 0px;
        cursor: pointer;
        background: rgb(249, 0, 77);
        height: 100%;
        top: 0px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        padding: 0px 18px;
    }

    .footer-get-in .single {
        margin-bottom: 0px;
    }

    .footer-get-in .single:last-child {
        padding-bottom: 0px;
    }

    .footer-get-in .single .icon {
        float: left;
        margin-right: 12px;
    }

    .footer-get-in .single .con {
        overflow: hidden;
    }

    .footer-get-in .single .con h4 {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.2;
    }

    .footer-bottom {
        border-top: 1px solid rgb(255, 255, 255);
    }

    .copy-right-text p {
        color: rgb(130, 129, 129);
        font-size: 15px;
        font-weight: 500;
        text-align: center;
    }

    .copy-right-text p a {
        color: rgb(245, 131, 31);
    }

    .sticky-header {
        padding: 20px 0px;
    }

    .header-top {
        background: rgb(14, 38, 60);
        color: rgb(255, 255, 255);
        padding: 15px 0px;
    }

    .top-left-info span {
        font-size: 15px;
        font-weight: 600;
        padding-right: 15px;
    }

    .top-left-info span: last-child {
        padding: 0px;
    }

    .header-top-right-info .mail {
        text-align: right;
    }

    .header-top-right-info .mail span {
        font-size: 15px;
        font-weight: 600;
        padding-right: 20px;
    }

     .header-top-right-info .social {
        float: right;
        border-left: 2px solid rgb(80, 94, 82);
        padding-left: 10px;
    }

    .header-top-right-info .social ul li {
        display: inline-block;
        padding: 0px 7px;
    }

    .header-top-right-info .social ul li a {
        color: rgb(255, 255, 255);
    }

    .pricing-plane-area .row {
        position: relative;
    }

    .breadcrumb-area {
        padding-top: 160px;
        padding-bottom: 300px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right top;
        z-index: 1;
        position: relative;
    }

    @media (min-width: 1600px) {
        .breadcrumb-area {
            padding-top: 200px;
            padding-bottom: 400px;
        }
    }

.about-vedio-btn span a {
        display: none !important;
    }

    .about-vedio-btn {
        position: absolute;
        left: 39%;
        top: 36%;
    }

    .counter-vedio-btn-full span a {
        display: none !important;
    }

    .breadcrumb-content h2 {
        font-weight: 700;
        font-size: 38px;
        color: rgb(0, 0, 0);
        line-height: 1.579;
        margin-bottom: 10px;
    }

    .breadcrumb-content h2 span {
        color: rgb(249, 0, 77);
    }

    .breadcrumb-content ul li {
        display: inline-block;
        font-size: 18px;
        color: rgb(249, 0, 77);
        line-height: 1.556;
        padding: 0px 15px;
        position: relative;
        font-weight: 500;
    }

    .breadcrumb-content ul li a {
        color: rgb(0, 0, 0);
    }

    .breadcrumb-content ul li: first-child {
        position: relative;
    }

    .breadcrumb-content ul li: first-child::after {
        content: "-";
        clear: both;
        display: block;
        position: absolute;
        height: 1px;
        top: 1px;
        color: rgb(255, 255, 255);
        right: -5px;
        font-weight: 700;
    }

    .about-vedio-btn a {
        border-radius: 50%;
        background-color: rgb(249, 0, 77);
        width: 80px;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        color: rgb(255, 255, 255);
        margin: 0px auto;
        box-shadow: rgb(249, 0, 77) 0px 0px 10px;
        animation: 2s ease 0s infinite normal none running pulse;
    }

    .counter-vedio-btn-full a {
        border-radius: 50%;
        background-color: rgb(249, 0, 77);
        width: 80px;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        color: rgb(255, 255, 255);
        margin: 0px auto;
        box-shadow: rgb(249, 0, 77) 0px 0px 10px;
        animation: 2s ease 0s infinite normal none running pulse;
    }

    .about-vedio {
        padding-top: 300px;
        padding-bottom: 300px;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .about-content p: last-child {
        margin-bottom: 0px;
    }

    .team-item {
        text-align: center;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
        box-shadow: rgb(238, 238, 238) 0px 0px 10px 0px;
        transition: 0.6s;
    }

    .team-item:hover {
        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px;
    }

    .team-item .thumbnail {
        position: relative;
        overflow: hidden;
    }

    .team-item .content {
        padding: 25px 0px;
    }

    .team-item .thumbnail .team-plus-icon i: hover {
        background: var(--heading-color);
    }

    .team-item .thumbnail .team-plus-icon i {
        position: absolute;
        bottom: -30px;
        right: 0px;
        left: 0px;
        width: 90px;
        margin: 0px auto;
        height: 90px;
        background: rgb(249, 0, 77);
        font-size: 35px;
        color: rgb(255, 255, 255);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        cursor: pointer;
        padding-top: 16px;
        transition: 0.6s;
    }

    .team-social-icon {
        position: absolute;
        top: 0px;
        right: 0px;
        display: flex;
        align-items: center;
        bottom: 0px;
        transition: 0.4s;
        opacity: 0;
        visibility: hidden;
        transform: translateX(200px);
    }

    .team-slider .team-item {
        margin-bottom: 20px;
        margin-top: 10px;
        transition: 0.6s;
    }

    .team-slider .team-item:hover {
        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px;
    }

    .team-item:hover .team-social-icon {
        opacity: 1;
        visibility: visible;
        transform: translateX(0px);
    }

    .team-social-icon ul {
        background: rgb(249, 0, 77);
        padding: 12px;
        border-radius: 5px;
    }

    .team-social-icon ul li a {
        color: rgb(255, 255, 255);
        display: inline-block;
        padding: 8px 0px;
    }

    .team-item .content h4 {
        font-weight: 700;
        font-size: 22px;
        color: rgb(64, 64, 64);
        line-height: 2.364;
        transition: 0.4s;
    }

    .team-item:hover .content h4 {
        color: rgb(249, 0, 77);
    }

    .team-item .content p {
        font-weight: 500;
        font-size: 16px;
        color: rgb(130, 129, 129);
        line-height: 1.75;
    }

    .team-slider .owl-dots {
        margin-top: 20px;
    }

    .team-slider .owl-dots .owl-dot {
        margin: 0px 6px;
        border: 0px;
        background: none;
        cursor: pointer;
    }

    .team-slider .owl-dots .owl-dot span {
        display: block;
        border-radius: 50%;
        background-color: rgb(51, 51, 51);
        width: 8px;
        height: 8px;
        position: relative;
        transition: 0.3s;
    }

    .team-slider .owl-dots .owl-dot span: :after {
        position: absolute;
        content: "";
        top: -5px;
        left: -5px;
        border: 1px solid rgb(249, 0, 77);
        border-radius: 50%;
        width: calc(100% + 10px);
        height: calc(100% + 10px);
        transform: scale(0);
        transition: 0.3s;
    }

    .team-slider .owl-dots .owl-dot.active span: :after {
        transform: scale(1);
    }

    .team-slider .owl-dots .owl-dot.active span {
        background: rgb(249, 0, 77);
    }

    .team-slider .owl-dots {
        text-align: center;
    }

    .get-connected {
        background: rgb(249, 0, 77);
        color: rgb(255, 255, 255);
    }

    .button-2.s-white-bg {
        background: rgb(255, 255, 255);
        color: rgb(64, 64, 64);
        border-color: rgb(255, 255, 255);
    }

    .get-connected h2 {
        font-size: 35px;
        font-weight: 700;
        color: rgb(255, 255, 255);
        line-height: 1.429;
    }

    .home-dark .services-area.section-bg.section-padding {
        padding-bottom: 55px;
    }

    .services-details-content h4 {
        font-weight: 700;
        font-size: 18px;
        color: rgb(249, 0, 77);
        line-height: 2.889;
    }

    .services-details-content h2 {
        font-weight: 700;
        font-size: 35px;
        color: rgb(64, 64, 64);
        line-height: 1.286;
    }

    .services-details-content p {
        font-weight: 400;
        font-size: 16px;
        color: rgb(130, 129, 129);
        line-height: 1.75;
        margin-top: 30px;
    }

    .blog-pagination ul li {
        display: inline-block;
        margin: 0px 8px;
    }

    .blog-pagination ul li a {
        display: flex;
        border-radius: 4px;
        background-color: rgb(255, 255, 255);
        box-shadow: rgba(34, 34, 34, 0.12) 0px 0px 5px 0px;
        width: 55px;
        height: 55px;
        transition: 0.4s;
        color: rgb(140, 139, 139);
        font-weight: 500;
        font-size: 17px;
        justify-content: center;
        align-items: center;
    }

    .blog-pagination ul li a: hover {
        color: rgb(255, 255, 255);
        background: rgb(249, 0, 77);
    }

    .blog-pagination ul li span {
        display: flex;
        border-radius: 4px;
        background-color: rgb(249, 0, 77);
        box-shadow: rgba(34, 34, 34, 0.12) 0px 0px 5px 0px;
        width: 55px;
        height: 55px;
        transition: 0.4s;
        color: rgb(255, 255, 255);
        font-weight: 500;
        font-size: 17px;
        justify-content: center;
        align-items: center;
    }

    .widgets-single h2 {
        font-weight: 700;
        font-size: 25px;
        color: rgb(64, 64, 64);
        line-height: 2.08;
        margin-bottom: 10px;
    }

    .widgets-single ul li {
        display: block;
        margin-bottom: 7px;
    }

    .widgets-single ul li a {
        display: inline-block;
        width: 100%;
        border-radius: 3px;
        background-color: rgb(236, 236, 236);
        padding: 20px 30px;
        transition: 0.4s;
        color: rgb(84, 84, 84);
        font-weight: 500;
    }

    .widgets-single ul li a: hover {
        background: rgb(249, 0, 77);
        color: rgb(255, 255, 255);
    }

    .widgets-single .thumbnail {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .widgets-single .thumbnail::before {
        content: "";
        position: absolute;
        background: rgba(0, 0, 0, 0.1);
        inset: 50% 0px;
        transition: 0.5s ease-out;
    }

    .widgets-single .thumbnail::after {
        position: absolute;
        content: "";
        background: rgba(0, 0, 0, 0.1);
        inset: 0px 50%;
        transition: 0.5s ease-out;
    }

    .widgets-single .thumbnail:hover::before {
        inset: 0px;
    }

    .widgets-single .thumbnail:hover::after {
        inset: 0px;
    }

    @media (min-width: 767px) {
        .blog-details {
            padding: 0px 20px;
        }
    }

    .blog-details .date span {
        font-weight: 700;
        font-size: 18px;
        color: rgb(249, 0, 77);
        line-height: 2.889;
    }

    .blog-details h2 {
        font-weight: 700;
        font-size: 35px;
        color: rgb(64, 64, 64);
        line-height: 1.486;
        margin-bottom: 30px;
    }

    .blog-details p {
        font-weight: 400;
        margin-bottom: 30px;
        font-size: 16px;
        color: rgb(130, 129, 129);
        line-height: 1.75;
    }

    .blog-details-cotent img {
        width: 100%;
    }

    .blog-tags span {
        font-size: 16px;
    }

    .blog-tags span b {
        font-weight: 700;
        color: rgb(64, 64, 64);
    }

    .blog-tags span a {
        font-size: 16px;
        color: rgb(130, 129, 129);
        font-weight: 500;
    }

    .blog-tags span a: hover {
        color: rgb(249, 0, 77);
    }

    .blog-share span {
        font-size: 16px;
        margin: 0px 2px;
    }

    .blog-share span b {
        font-weight: 700;
        color: rgb(64, 64, 64);
    }

    .blog-share span a {
        color: rgb(130, 129, 129);
        display: inline-block;
    }

    .blog-share span a i {
        width: 32px;
        height: 32px;
        display: flex;
        font-size: 14px;
        border: 1px solid rgb(238, 238, 238);
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        transition: 0.4s ease-in-out;
    }

    .blog-share span a i: hover {
        color: rgb(255, 255, 255);
        border-color: rgb(249, 0, 77);
        background: rgb(249, 0, 77);
    }

    .text-right {
        text-align: right;
    }

    .cooment-list h3, & .comment-form h3 {
        font-weight: 700;
        margin-bottom: 40px;
        font-size: 30px;
        color: rgb(64, 64, 64);
        line-height: 0.933;
    }

    .cooment-list ul li {
        width: 100%;
        overflow: hidden;
        position: relative;
        padding-left: 110px;
    }

    .cooment-list ul li img {
        position: absolute;
        left: 0px;
        width: 90px;
    }

    .cooment-list ul li p {
        margin-bottom: 20px;
        font-size: 16px;
        color: rgb(130, 129, 129);
        font-weight: 400;
        line-height: 1.75;
    }

    .cooment-list ul li h4 {
        font-weight: 700;
        font-size: 18px;
        color: rgb(64, 64, 64);
        line-height: 1.556;
    }

    .cooment-list ul li h4 a {
        color: rgb(64, 64, 64);
    }

    .cooment-list ul li span {
        font-weight: 500;
        font-size: 16px;
        line-height: 1.75;
        color: rgb(130, 129, 129);
    }

    .cooment-list ul li .coment-content {
        position: relative;
    }

    .cooment-list ul li a.reply {
        position: absolute;
        bottom: 10px;
        right: 10px;
        font-weight: 700;
        line-height: 1.556;
        font-size: 18px;
        color: rgb(249, 0, 77);
    }

    .comment-form input {
        width: 100%;
        margin-bottom: 30px;
        padding: 15px 30px;
        border-radius: 4px;
        background-color: rgb(236, 236, 236);
        transition: 0.4s;
        font-weight: 500;
        font-size: 17px;
        color: rgb(84, 84, 84);
        border: 1px solid rgb(238, 238, 238);
    }

    .comment-form textarea {
        width: 100%;
        margin-bottom: 30px;
        padding: 15px 30px;
        border-radius: 4px;
        background-color: rgb(236, 236, 236);
        transition: 0.4s;
        font-weight: 500;
        font-size: 17px;
        color: rgb(84, 84, 84);
        border: 1px solid rgb(238, 238, 238);
        height: 250px;
    }

    .comment-form input: focus {
        border-color: rgb(249, 0, 77);
    }

   .comment-form textarea: focus {
        border-color: rgb(249, 0, 77);
    }

    .comment-form input: :placeholder {
        font-size: 18px;
        color: rgb(84, 84, 84);
        opacity: 1;
    }

    .comment-form textarea: :placeholder {
        font-size: 18px;
        color: rgb(84, 84, 84);
        opacity: 1;
    }

    .contact-form input {
        width: 100%;
        padding: 11px 30px;
        border-radius: 4px;
        background-color: rgb(236, 236, 236);
        transition: 0.4s;
        font-weight: 500;
        font-size: 17px;
        color: rgb(84, 84, 84);
        border: 1px solid rgb(238, 238, 238);
        margin-bottom: 15px;
        box-shadow: none !important;
    }

    .contact-form textarea {
        box-shadow: none !important;
    }

    .submit-btn {
        margin-top: 30px;
    }

    .contact-form input: focus {
        border-color: rgb(249, 0, 77);
    }

    .contact-form textarea {
        width: 100%;
        padding: 15px 30px;
        border-radius: 4px;
        background-color: rgb(236, 236, 236);
        transition: 0.4s;
        font-weight: 500;
        font-size: 17px;
        color: rgb(84, 84, 84);
        border: 1px solid rgb(238, 238, 238);
        height: 250px;
    }

    .contact-form textarea: focus {
        border-color: rgb(249, 0, 77);
    }

    .contact-form .close {
        display: none !important;
    }

    .contact-form.form-contact {
        padding: 0px;
    }

.faq-contact .contact-form {
        padding: 30px;
    }

    & .contact-form input: :placeholder {
        font-size: 18px;
        color: rgb(84, 84, 84);
        opacity: 1;
    }

    .contact-form textarea: :placeholder {
        font-size: 18px;
        color: rgb(84, 84, 84);
        opacity: 1;
    }

    .contact-form h2 {
        margin-bottom: 30px;
        font-weight: 700;
        font-size: 30px;
        color: rgb(64, 64, 64);
        line-height: 1.486;
    }

    .contact-form h2 span {
        color: rgb(249, 0, 77);
    }

    .contact-info-box {
        text-align: center;
        border-radius: 4px;
        box-shadow: rgba(34, 34, 34, 0.1) 0px 0px 14px 0px;
        padding: 60px 30px;
        border-bottom: 6px solid rgb(249, 0, 77);
        box-sizing: border-box;
    }

    .contact-info-box p {
        font-weight: 400;
        color: rgb(130, 129, 129);
        font-size: 16px;
        line-height: 1.75;
    }

    .contact-info-box h2 {
        font-weight: 700;
        font-size: 22px;
        color: rgb(64, 64, 64);
        line-height: 2.364;
        margin-bottom: 10px;
    }

     .off_canvars_overlay {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        cursor: crosshair;
        background: rgb(35, 35, 35);
        top: 0px;
    }

    .off_canvars_overlay.active {
        opacity: 0.5;
        visibility: visible;
    }

    .offcanvas_menu {
        display: none;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .offcanvas_menu {
            display: block;
        }
    }

    @media only screen and (max-width: 767px) {
        & .offcanvas_menu {
            display: block;
        }
    }

.offcanvas_menu_wrapper {
        width: 290px;
        position: fixed;
        background: rgb(255, 255, 255);
        z-index: 999999;
        top: 0px;
        height: 100vh;
        transition: 0.5s;
        left: 0px;
        margin-left: -300px;
        padding: 20px 0px 30px;
        overflow-y: auto;
    }

    .offcanvas_menu_wrapper.active {
        margin-left: 0px;
    }

    .offcanvas_menu_wrapper .slinky-theme-default {
        background: inherit;
        min-height: 300px;
        overflow-y: auto;
    }

    .offcanvas_menu_wrapper .header_search_box {
        display: block;
    }

    .offcanvas_main_menu > li.menu-item-has-children.menu-open > span.menu-expand {
        transform: rotate(180deg);
    }

    .offcanvas_main_menu > li ul li.menu-item-has-children.menu-open span.menu-expand {
        transform: rotate(180deg);
    }

    .offcanvas_main_menu li {
        position: relative;
    }

    .offcanvas_main_menu li: last-child {
        margin: 0px;
    }

 .offcanvas_main_menu li span.menu-expand {
        position: absolute;
        right: 10px;
    }

    .offcanvas_main_menu li a {
        font-size: 14px;
        font-weight: 500;
        text-transform: capitalize;
        display: block;
        padding: 0px 10px 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid rgb(237, 237, 237);
        color: rgb(84, 84, 84);
    }

    .offcanvas_main_menu li a: hover {
        color: rgb(249, 0, 77);
    }

     .offcanvas_main_menu li ul.sub-menu {
        padding-left: 20px;
    }

    offcanvas_footer {
        margin-top: 50px;
        padding-bottom: 50px;
        text-align: center;
    }

     .offcanvas_footer span a {
        font-size: 14px;
    }

    .offcanvas_footer span a: hover {
        color: rgb(255, 72, 0);
    }

    .slinky-theme-default a: not(.back) {
        padding: 10px 0px;
        text-transform: capitalize;
        font-size: 16px;
        font-weight: 400;
    }

    .slinky-theme-default a: not(.back):hover {
        background: inherit;
        color: rgb(255, 72, 0);
    }

     .canvas_close {
        position: absolute;
        top: 10px;
        right: 13px;
    }

    .canvas_close a {
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 500;
        width: 32px;
        height: 32px;
        display: block;
        text-align: center;
        line-height: 32px;
        border: 1px solid rgb(237, 237, 237);
        border-radius: 50%;
        color: rgb(51, 51, 51);
    }

    .mobile-logo {
        padding-left: 20px;
        margin-bottom: 20px;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .canvas_open {
            display: block;
        }
    }

    @media only screen and (max-width: 767px) {
        .canvas_open {
            right: 20px;
            top: 27px;
            display: block;
            width: 36px;
        }
    }

    .canvas_open a {
        display: block;
        text-align: center;
    }

    .canvas_open a span {
        width: 30px;
        height: 3px;
        background: rgb(0, 0, 0);
        display: block;
        margin: 6px 0px;
    }

    .canvas_open a span: nth-child(2) {
        width: 20px;
    }

    @media only screen and (max-width: 767px) {
         .canvas_open a {
            width: 36px;
            height: 34px;
            line-height: 33px;
            font-size: 27px;
        }
    }

    .canvas_open a: hover {
        color: rgb(254, 55, 55);
        border-color: rgb(254, 55, 55);
    }

    .sticky-header.sticky {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 99999;
        animation: 1s ease 0s 1 normal none running sticky;
        background: transparent;
        box-shadow: rgba(255, 255, 255, 0.75) 0px 0px 2px, rgba(255, 255, 255, 0.5) 0px 0px 14px, rgba(255, 255, 255, 0.25) 0px 0px 33px, rgba(255, 255, 255, 0.25) 0px 0px 55px;
    }

    #loading {
        background-color: rgb(249, 0, 77);
        height: 100%;
        width: 100%;
        position: fixed;
        z-index: 9999;
        margin-top: 0px;
        top: 0px;
    }

#loading-center {
        width: 100%;
        height: 100%;
        position: relative;
    }

    #loading-center-absolute {
        position: absolute;
        left: 50%;
        top: 50%;
        height: 20px;
        width: 100px;
        margin-top: -10px;
        margin-left: -50px;
    }

     .object {
        width: 20px;
        height: 20px;
        background-color: rgb(255, 255, 255);
        border-radius: 50%;
        margin-right: 20px;
        margin-bottom: 20px;
        position: absolute;
    }

     #object_one {
        animation: 2s linear 0s infinite normal none running object;
    }

     #object_two {
        animation: 2s linear -0.4s infinite normal none running object;
    }

    #object_three {
        animation: 2s linear -0.8s infinite normal none running object;
    }

    #object_four {
        animation: 2s linear -1.2s infinite normal none running object;
    }

     #object_five {
        animation: 2s linear -1.6s infinite normal none running object;
    }

     .widgets-single .thumbnail img {
        width: 100%;
    }

    .button-2.s-white-bg:hover {
        background: rgb(249, 0, 77);
        color: rgb(255, 255, 255);
    }

     .single-portfolio-slider .owl-dots {
        text-align: center;
        margin-top: 10px;
    }

    .single-portfolio-slider .owl-dots .owl-dot {
        margin: 0px 6px;
        border: 0px;
        background: none;
        cursor: pointer;
    }

     .single-portfolio-slider .owl-dots .owl-dot.active span: :after {
        transform: scale(1);
    }

     .single-portfolio-slider .owl-dots .owl-dot span: :after {
        position: absolute;
        content: "";
        top: -5px;
        left: -5px;
        border: 1px solid rgb(249, 0, 77);
        border-radius: 50%;
        width: calc(100% + 10px);
        height: calc(100% + 10px);
        transform: scale(0);
        transition: 0.3s;
    }

     .single-portfolio-slider .owl-dots .owl-dot.active span {
        background: rgb(249, 0, 77);
    }

     .single-portfolio-slider .owl-dots .owl-dot span {
        display: block;
        border-radius: 50%;
        background-color: rgb(51, 51, 51);
        width: 8px;
        height: 8px;
        position: relative;
        transition: 0.3s;
    }

     .portfolio-details-content h3 {
        font-size: 30px;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 10px;
    }

 .portfolio-details-content p {
        line-height: 30px;
        text-align: justify;
        margin-bottom: 20px;
    }

     .single-portfolio-slider .thumbnail {
        width: 100%;
        overflow: hidden;
    }

    .single-portfolio-slider .thumbnail::after {
        position: absolute;
        content: "";
        background: rgba(0, 0, 0, 0.2);
        inset: 0px 50%;
        transition: 0.5s ease-out;
    }

     .single-portfolio-slider .thumbnail::before {
        content: "";
        position: absolute;
        background: rgba(0, 0, 0, 0.2);
        inset: 50% 0px;
        transition: 0.5s ease-out;
    }

     .single-portfolio-slider .thumbnail img {
        width: 100%;
    }

     .single-portfolio-slider .thumbnail:hover::before {
        inset: 0px;
    }

     .single-portfolio-slider .thumbnail:hover::after {
        inset: 0px;
    }

     .img-overly {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
    }

     .img-overly img {
        width: 100%;
    }

     .img-overly::after {
        position: absolute;
        content: "";
        background: rgba(0, 0, 0, 0.15);
        inset: 0px 50%;
        opacity: 0;
        transition: 0.5s ease-out;
    }

    .img-overly::before {
        content: "";
        position: absolute;
        background: rgba(0, 0, 0, 0.15);
        inset: 50% 0px;
        opacity: 0;
        transition: 0.5s ease-out;
    }

     .img-overly:hover::before {
        inset: 0px;
        opacity: 1;
    }

     .img-overly:hover::after {
        inset: 0px;
        opacity: 1;
    }

    .next-prev a {
        color: rgb(0, 0, 0);
        font-weight: 600;
    }

    .next-prev a: hover {
        color: rgb(249, 0, 77);
    }

    .portfolio-s-widgets {
        border-top: 5px solid rgb(249, 0, 77);
        box-shadow: rgb(238, 238, 238) 0px 0px 10px 0px;
        border-radius: 5px;
        padding: 30px;
    }

    .portfolio-info-item-wrap .item {
        margin-bottom: 20px;
        width: 100%;
        overflow: hidden;
    }

 .portfolio-info-item-wrap .item:last-child {
        margin-bottom: 0px;
    }

    .portfolio-info-item-wrap .item .icon {
        float: left;
        margin-right: 12px;
        font-size: 24px;
    }

     .portfolio-info-item-wrap .item .con {
        overflow: hidden;
    }

    .portfolio-info-item-wrap .item .con h3 {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 2px;
    }

    .portfolio-info-item-wrap .item .con .share {
        margin-top: 3px;
    }

     .portfolio-info-item-wrap .item .con .share span {
        margin: 0px 4px;
        display: inline-block;
    }

     .portfolio-info-item-wrap .item .con .share span a {
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        background: rgb(249, 0, 77);
        color: rgb(255, 255, 255);
        font-size: 14px;
    }

    .portfolio-info-item-wrap .item .con .share span b {
        font-size: 20px;
        font-weight: 700;
    }

    .portfolio-s-widgets.overly-bg {
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        background-position: center center;
        text-align: center;
        padding-top: 50px;
        padding-bottom: 50px;
        border: none;
        z-index: 1;
    }

     .portfolio-s-widgets.overly-bg::after {
        content: "";
        clear: both;
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        top: 0px;
        left: 0px;
        z-index: -1;
    }

    .work-together p {
        color: rgb(255, 255, 255);
        line-height: 30px;
        font-weight: 500;
        margin-bottom: 10px;
    }

     .work-together h4 {
        color: rgb(255, 255, 255);
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 20px;
    }

     .work-together a {
        color: rgb(255, 255, 255);
        line-height: 30px;
        margin-bottom: 10px;
        display: inline-block;
    }

     .contact-map {
        height: 100%;
    }

     .contact-form {
        box-sizing: border-box;
        box-shadow: rgb(238, 238, 238) 0px 0px 10px 0px;
        padding: 30px;
    }

     .contact-form h4 {
        font-size: 18px;
        color: rgb(249, 0, 77);
        line-height: 2.889;
        font-weight: 700;
    }

     .testimonial-slider-full .owl-dots {
        text-align: center;
        margin-top: 20px;
    }

     .testimonial-slider-full .owl-dots .owl-dot {
        margin: 0px 6px;
        border: 0px;
        background: none;
        cursor: pointer;
    }

    .testimonial-slider-full .owl-dots .owl-dot span {
        display: block;
        border-radius: 50%;
        background-color: rgb(51, 51, 51);
        width: 8px;
        height: 8px;
        position: relative;
        transition: 0.3s;
    }

     .testimonial-slider-full .owl-dots .owl-dot.active span {
        background: rgb(249, 0, 77);
    }

     .testimonial-slider-full .owl-dots .owl-dot span: :after {
        position: absolute;
        content: "";
        top: -5px;
        left: -5px;
        border: 1px solid rgb(249, 0, 77);
        border-radius: 50%;
        width: calc(100% + 10px);
        height: calc(100% + 10px);
        transform: scale(0);
        transition: 0.3s;
    }

    .testimonial-slider-full .owl-dots .owl-dot.active span: :after {
        transform: scale(1);
    }

    .blog-item-single {
        border: 1px solid rgb(238, 238, 238);
        box-sizing: border-box;
        transition: 0.6s;
    }

     .blog-item-single:hover {
        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 30px;
    }

     .blog-item-single .thumbanil {
        position: relative;
    }

     .blog-item-single .thumbanil .category {
        position: absolute;
        bottom: -18px;
        left: 20px;
    }

     .blog-item-single .thumbanil .category a {
        display: inline-block;
        background: rgb(249, 0, 77);
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        font-weight: 600;
        font-size: 14px;
        padding: 10px 20px;
        border-radius: 5px;
    }

    .blog-item-single .content {
        padding: 35px 20px 25px;
    }

    .blog-item-single .content .meta {
        margin-bottom: 20px;
    }

    .blog-item-single .content .meta span {
        padding-right: 20px;
        font-size: 15px;
        color: rgb(102, 102, 102);
    }

    .blog-item-single .content .meta span: last-child {
        padding-right: 0px;
    }

    .blog-item-single .content .meta span i {
        color: rgb(249, 0, 77);
    }

    .blog-item-single .content .meta span a {
        color: rgb(102, 102, 102);
    }

    .blog-item-single .content .meta span a: hover {
        color: rgb(249, 0, 77);
    }

    .blog-item-single .content h3 {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.2;
    }

    .blog-item-single .content h3 a {
        color: rgb(51, 51, 51);
    }

    .blog-item-single .content h3 a: hover {
        color: rgb(249, 0, 77);
    }

    .blog-item-single .content p {
        margin-top: 20px;
        line-height: 28px;
    }

    .blog-area.blog-details-area {
        padding: 110px 0px;
    }

   .counter-vedio-btn {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        position: relative;
        z-index: 2;
        padding-top: 150px;
        padding-bottom: 150px;
        margin-bottom: -200px;
    }

    .counter-vedio-btn::after {
        content: "";
        clear: both;
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background: rgba(0, 0, 0, 0.2);
        z-index: -1;
    }

    .counter-bottom {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        padding-top: 300px;
        padding-bottom: 100px;
        position: relative;
        z-index: 1;
    }

    .counter-bottom::after {
        content: "";
        clear: both;
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background: rgba(0, 0, 0, 0.85);
        z-index: -1;
    }

    .counter-item {
        width: 100%;
    }

    .counter-item .counter-title {
        float: left;
        margin-right: 14px;
    }

    .counter-item .counter-title h2.counter {
        font-size: 40px;
        font-weight: 700;
        color: rgb(255, 255, 255);
    }

    .counter-item .counter-content {
        overflow: hidden;
    }

    .counter-item .counter-content p {
        color: rgb(255, 255, 255);
        font-weight: 500;
        font-size: 15px;
        text-transform: capitalize;
        line-height: 1.5;
    }

    .comming-soon {
        background-size: cover;
        background-position: center top;
        height: 100%;
        width: 100%;
        background-color: var(--heading-color);
        position: relative;
        z-index: 0;
    }

     .comming-soon::after {
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        background: var(--heading-color);
        content: "";
        z-index: -1;
        opacity: 0.7;
    }

    .comming-soon-content h2 {
        color: rgb(255, 255, 255);
        font-size: 60px;
        font-weight: 700;
        margin-bottom: 30px;
    }

     .comming-countdown h6 {
        font-size: 35px;
        color: rgb(255, 255, 255);
    }

     .comming-soon-content h6 {
        color: rgb(255, 255, 255);
        font-size: 26px;
        font-weight: 700;
        margin-bottom: 50px;
        text-transform: capitalize;
    }

     .comming-soon-content h6 span {
        color: var(--main-color);
    }

    .subscribe-area input[type="email"] {
        padding: 22px 30px;
        width: 51%;
        border-radius: 5px;
        border: none;
    }

    .subscribe-area input[type="submit"] {
        border: none;
        background: var(--main-color);
        color: rgb(255, 255, 255);
        text-transform: uppercase;
    }

    .subscribe-area button {
        background: var(--main-color);
        border: navajowhite;
        color: rgb(255, 255, 255);
        padding: 22px 20px;
        position: absolute;
        right: 181px;
        top: 0px;
        border-radius: 5px;
    }

    .subscribe-area {
        position: relative;
    }

    .counting-counter {
        margin-bottom: 40px;
    }

    .single-counter {
        display: inline-block;
        border: 1px solid rgb(255, 255, 255);
        padding: 20px 0px;
        margin: 5px;
        color: rgb(255, 255, 255);
        font-size: 35px;
        font-weight: 700;
        width: 22%;
    }

    .single-counter span {
        display: block;
        font-size: 24px;
        margin-top: -9px;
    }

  .faq-accordian {
        margin-top: 50px;
    }

    .faq-contact {
        padding-bottom: 50px;
    }

    .contact-area .contact-form {
        box-shadow: none;
    }

    .faqs-area h2.title {
        color: var(--heading-color);
    }

    .faqs-area .accordion-item h2 button {
        font-size: 18px;
        font-weight: 600;
        color: var(--heading-color) !important;
    }

 .faqs-area .accordion-button {
        border: none;
    }

    .faqs-area .accordion-button:focus {
        box-shadow: none;
    }

    .faqs-area .accordion-item {
        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px;
        margin-bottom: 30px;
        border-left: 8px solid var(--main-color);
        border-radius: 10px;
    }

     .faqs-area .accordion-collapse {
        border: none;
    }

    .faqs-area .accordion-button:not(.collapsed) {
        background-color: rgb(255, 255, 255);
    }

    .faq-contact-form input {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        padding: 20px;
        border: 1px solid transparent;
        box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 20px;
        font-weight: 500;
        border-radius: 15px;
    }

    .faq-contact-form h2 {
        font-size: 35px;
        font-weight: 700;
        margin-bottom: 10px;
        color: var(--heading-color);
    }

    .faq-contact-form textarea {
        width: 100%;
        margin-bottom: 30px;
        height: 100px;
        border: 1px solid rgb(221, 221, 221);
        box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 20px;
        padding: 20px 30px;
        border-radius: 8px;
        font-weight: 500;
    }

    .faq-contact-form input: focus {
        border: 1px solid var(--main-color);
        border-radius: 15px;
    }

    .faq-contact-form p {
        margin-bottom: 30px;
    }

    .faq-contact-form button {
        width: 100%;
        border: none;
        background: var(--main-color);
        border-radius: 10px;
        color: rgb(255, 255, 255);
        position: relative;
        padding: 20px 0px;
        font-size: 17px;
        font-weight: 700;
    }

    .faq-contact-form button.close {
        display: none;
    }

    .faq-contact-form button input {
        width: 82%;
        display: inline-block;
        background: var(--main-color);
        color: rgb(255, 255, 255);
        padding: 0px;
        margin: 0px;
    }

    .faq-contact-form button i {
        position: absolute;
        right: 31%;
        top: 36%;
    }

    .home-dark .menu ul li a {
        color: rgb(255, 255, 255);
    }

    .sub_menu li a {
        color: rgb(255, 255, 255) !important;
        padding: 6px 8px !important;
        font-weight: 500 !important;
    }

    .header-menu-4.sticky-header.sticky .menu ul li > a: hover {
        color: rgb(46, 191, 227);
    }

    .home-dark .menu ul li > ul: :after {
        background: rgb(0, 0, 0);
        border-left: 1px solid rgb(47, 41, 41);
        border-top: 1px solid rgb(47, 41, 41);
    }

    .home-dark .menu ul li > ul {
        background: rgb(9, 126, 193);
        border-color: rgb(9, 126, 193);
    }

    .home-dark .sticky-header.sticky {
        background: rgb(0, 0, 0);
    }

     .home-dark .hero-slider-full-nav {
        color: rgb(255, 255, 255);
    }

     .home-dark .hero-slider-full .owl-dots .owl-dot::before {
        color: rgb(255, 255, 255);
    }

    .home-dark .hero-slider-full .owl-dots .owl-dot.active::before {
        color: rgb(0, 0, 0);
    }

     .home-dark .section-bg {
        background: var(--dark);
        box-shadow: rgb(38, 42, 46) 0px 0px 10px;
    }

     .home-dark .client-logo.section-bg {
        background: rgb(53, 65, 77);
        box-shadow: rgb(38, 42, 46) 0px 0px 10px;
    }

     .home-dark .pricing-plane::after {
        width: 0%;
        height: 0%;
    }

    .home-dark .pricing-plane {
        background: var(--dark);
    }

    .home-dark .about-top h2 {
        color: rgb(255, 255, 255);
    }

     .home-dark p, & .home-dark span {
        color: rgb(255, 255, 255);
        font-weight: 700;
    }

     .portfolio-item .content {
        transition: 0.6s;
    }

     .home-dark .portfolio-item {
        background-color: rgb(17, 17, 17);
    }

     .home-dark .portfolio-item:hover .content {
        background: var(--main-color);
    }

     .pricing-item .content h2 {
        color: rgb(51, 51, 51);
    }

     .home-dark .blog-item {
        background-color: transparent;
        box-shadow: rgb(28, 30, 34) 10px 10px 19px, rgb(38, 42, 46) -10px -10px 19px;
        transition: 0.6s;
    }

     .home-dark .blog-item:hover {
        background: rgb(33, 36, 39);
    }

     .home-dark .blog-item .content h3 a {
        color: rgb(255, 255, 255);
    }

     .home-dark .testimonial-item {
        border: 1px solid rgb(45, 44, 44);
        box-shadow: rgb(28, 30, 34) 10px 10px 19px, rgb(38, 42, 46) -10px -10px 19px;
        margin-top: 5px;
        margin-bottom: 7px;
        transition: 0.6s;
    }

 .home-dark .testimonial-item:hover {
        background: rgb(33, 36, 39);
    }

     .home-dark .canvas_open a span {
        background: rgb(255, 255, 255);
    }

     .home-dark .offcanvas_menu_wrapper {
        background: rgb(9, 126, 193);
        border-right: 1px solid rgb(252, 249, 242);
    }

    .home-dark .canvas_close a {
        color: rgb(255, 255, 255);
    }

     .home-dark .offcanvas_main_menu li a {
        border-bottom: 1px solid rgb(255, 255, 255);
        color: rgb(255, 255, 255);
    }

    .fram-image1 {
        margin-right: 50px !important;
    }

     .fram-image1, & .fram-image {
        animation-name: bounce-1;
        animation-timing-function: linear;
        animation-duration: 3s;
        animation-iteration-count: infinite;
        margin: 29px auto 0px;
        transform-origin: center bottom;
        max-width: 75%;
    }

    .fram-image1 {
        max-width: 55%;
    }

     .services-details-area .fram-image1 {
        max-width: 80%;
    }

     .estro-services-area .row .col-lg-4.col-md-6 {
        padding: 0px;
    }

     .home-dark .footer-get-in .single .icon {
        color: rgb(255, 255, 255);
    }

    .home-dark .footer-widgets ul li a {
        color: rgb(255, 255, 255);
    }

    .home-dark .footer-widgets ul li a: hover {
        color: rgb(249, 0, 77);
    }

    .home-dark .portfolio-item .content h2 a {
        color: rgb(204, 204, 204);
    }

    .canvas_open a span {
        background: rgb(255, 255, 255);
    }

    .sticky .canvas_open a span {
        background: rgb(255, 255, 255);
    }

    .hero-caption h2 {
        font-weight: 800;
        line-height: 1.28;
        margin-bottom: 10px;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        background-color: rgb(224, 110, 0);
        animation: 0.3s ease-in 0s 1 normal none running all;
        font-size: 32px;
        font-family: "Nunito Sans", sans-serif;
    }

    .hero-cap-btn a {
        margin-top: 20px;
    }

   .about-content h2 {
        line-height: 1.286;
        margin-bottom: 20px;
    }

    .menu nav ul li a i {
        transition: 0.4s ease-in-out;
        transform: rotate(0deg);
        display: inline-block;
    }

    .menu nav ul li: hover a i {
        transform: rotate(180deg);
    }

    .page .menu ul li a {
        color: rgb(51, 51, 51);
    }

    .page .canvas_open a span {
        background: rgb(0, 0, 0);
    }

    .team-single_wrapper-img {
        margin-bottom: -76px;
        text-align: center;
        padding: 30px;
        transition: 0.6s;
    }

    .team-single_wrapper-img:hover {
        box-shadow: rgb(221, 221, 221) 0px 0px 30px;
    }

    .team-single_wrapper {
        border: 1px solid rgb(238, 238, 238);
    }

     .team-single_wrapper-content {
        padding-top: 45px;
        padding-bottom: 45px;
    }

     .team-single_wrapper-content h2 {
        font-size: 30px;
        font-weight: 700;
        margin-top: 50px;
        text-transform: uppercase;
        margin-bottom: 12px;
    }

     .team-single_wrapper-content h4 {
        margin-bottom: 20px;
        position: relative;
        padding-left: 40px;
        color: rgb(249, 0, 77);
        font-size: 20px;
    }

    .team-single_wrapper-content h4: :after {
        content: "";
        clear: both;
        display: block;
        position: absolute;
        width: 35px;
        height: 2px;
        background: rgb(249, 0, 77);
        left: 0px;
        top: 48%;
    }

     .team-single_wrapper-content .team-info_item {
        margin-bottom: 20px;
        display: flex;
    }

     .team-single_wrapper-content .team-info_item h5 {
        padding-right: 20px;
        font-size: 18px;
        font-weight: 600;
    }

     .team-single_wrapper-social a {
        display: inline-block;
        margin: 0px 3px;
        height: 40px;
        width: 40px;
        background: var(--main-color);
        text-align: center;
        line-height: 40px;
        color: rgb(255, 255, 255);
        border-radius: 100%;
        transition: 0.6s;
    }

    .team-single_wrapper-social a: hover {
        background: var(--heading-color);
        color: rgb(255, 255, 255);
    }

    .team-details-t-content h2 {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 25px;
        margin-bottom: 16px;
    }

    .team-details-t-content p {
        line-height: 30px;
        margin-bottom: 20px;
    }

   .team-details-t-content p span {
        color: rgb(249, 0, 77);
    }

     .team-details-t-content h3 {
        text-transform: uppercase;
        font-size: 20px;
        margin-bottom: 20px;
    }

    .resume-skill-single h4 {
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 8px;
    }

    .resume-skill-single .progress {
        height: 14px;
        border-radius: 0px;
        background: rgb(146, 150, 153);
    }

    .resume-skill-single .progress .progress-bar {
        text-align: right;
        background: rgb(249, 0, 77);
        font-size: 12px;
        font-weight: 600;
        padding-right: 5px;
    }

    .activete-team-single ul li {
        line-height: 36px;
        padding: 2px 0px;
        font-weight: 500;
    }

    @media (max-width: 991px) {
        .order-lg-d-none {
            display: none;
        }
    }

    .four-zero-btn {
        text-align: center;
        margin-top: 30px;
    }

    .subscription-success {
        margin-top: 20px;
        margin-bottom: 0px;
        color: rgb(60, 118, 61) !important;
    }

    .menu-search-form form {
        max-width: 600px;
        margin: 0px auto;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
    }

    .menu-search-form {
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0px;
        left: 0px;
        background-color: var(--main-color);
        transition: 0.5s ease-out;
        transform: scaleY(0);
        transform-origin: center top;
        visibility: hidden;
        opacity: 1;
        z-index: 999;
    }

    .menu-search-form form input {
        width: calc(100% - 50px);
        background-color: rgb(255, 255, 255);
        color: rgb(105, 105, 105);
        border: 1px solid rgb(241, 240, 240);
        border-radius: 0px;
        outline: none;
        padding: 15px;
        float: left;
    }

    .menu-search-form form button {
        background-color: rgb(40, 40, 40);
        border: none;
        color: rgb(255, 255, 255);
        width: 50px;
        font-size: 18px;
        padding: 14px 15px;
        outline: none;
        transition: none;
    }

     .menu-search-form.open {
        visibility: visible;
        transform: scaleY(1);
        cursor: crosshair;
        opacity: 0.9;
    }

     .home-dark .services-slider-item {
        box-shadow: rgb(28, 30, 34) 10px 10px 19px, rgb(38, 42, 46) -10px -10px 19px;
    }

    #intro::before {
        content: "";
        background-image: url("assets/upload/patern.png");
        position: absolute;
        overflow: hidden;
        inset: 0px 0px 100%;
        height: 100%;
        z-index: 2;
    }

    video {
        max-width: 100%;
        height: 100%;
        position: relative;
    }

    .text-box {
        position: absolute;
        top: 25%;
        left: 50%;
        transform: translateX(-50%);
        width: 652px;
        height: 360px;
        z-index: 2;
    }

    .hyperspectral-text {
        background: linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255)) text;
        -webkit-text-fill-color: transparent;
        animation: 0.3s ease-in 0s 1 normal none running all;
        font-size: 50px;
        text-align: center;
        font-weight: 800;
    }

 .stick-rocket {
        padding: 0px;
        margin: 0px;
        position: absolute;
        left: 0px;
        z-index: 2;
        text-align: center;
        rotate: 404deg;
    }

.stick-rocket img {
        width: 300px;
    }

.sticky-container {
        padding: 0px;
        margin: 0px;
        position: fixed;
        right: -70px;
        top: 230px;
        width: 110px;
        z-index: 2147483647;
    }

    .sticky1 li {
        list-style-type: none;
        background-color: rgb(255, 255, 255);
        color: rgb(239, 239, 239);
        height: 43px;
        padding: 0px;
        margin: 0px 0px 1px;
        transition: 0.25s ease-in-out;
        cursor: pointer;
    }

    .sticky1 li img {
        float: left;
        margin: 5px 5px 5px 4px;
    }

    .sticky1 li p {
        padding-top: 5px;
        margin: 0px;
        line-height: 16px;
        font-size: 11px;
    }

    .sticky1 li: hover {
        margin-left: -50px;
    }

     a: hover {
        color: rgb(3, 124, 194);
    }

.sticky1 li p: hover {
        padding-top: 5px;
        margin: 0px;
        line-height: 16px;
        font-size: 11px;
        color: rgb(3, 124, 194) !important;
    }

     .copy-right-text p {
        font-size: 15px !important;
        padding: 10px 0px !important;
        text-align: center !important;
    }

    .swiper-container {
        width: 100%;
        height: 100%;
    }

     .slide-image {
        background-position: 50% 50%;
        background-size: cover;
        height: 500px;
        width: 100%;
    }

     .slide-title {
        font-size: 4rem;
        line-height: 1;
        max-width: 50%;
        white-space: normal;
        word-break: break-word;
        color: rgb(255, 255, 255);
        z-index: 100;
        font-family: Oswald, sans-serif;
        text-transform: uppercase;
        font-weight: normal;
    }

    @media (min-width: 45em) {
         .slide-title {
            font-size: 7vw;
            max-width: none;
        }
    }

     .slide-title span {
        white-space: pre;
        display: inline-block;
        opacity: 0;
    }

    .slideshow {
        position: relative;
    }

    .slideshow-pagination {
        position: absolute;
        bottom: 3rem;
        left: 0px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        transition: opacity 0.3s;
        z-index: 10;
    }

     .slideshow-pagination-item {
        display: flex;
        align-items: center;
    }

     .slideshow-pagination-item .pagination-number {
        opacity: 0.5;
    }

    .slideshow-pagination-item:hover, & .slideshow-pagination-item:focus {
        cursor: pointer;
    }

    .slideshow-pagination-item:last-of-type .pagination-separator {
        width: 0px;
    }

    .slideshow-pagination-item.active .pagination-number {
        opacity: 1;
    }

   .slideshow-pagination-item.active .pagination-separator {
        width: 10vw;
    }

 .slideshow-navigation-button {
        position: absolute;
        top: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 5rem;
        z-index: 1000;
        transition: 0.3s;
        color: rgb(255, 255, 255);
    }

    .slideshow-navigation-button:hover, & .slideshow-navigation-button:focus {
        cursor: pointer;
        background: rgba(0, 0, 0, 0.5);
    }

    .slideshow-navigation-button.prev {
        left: 0px;
    }

    .slideshow-navigation-button.next {
        right: 0px;
    }

    .pagination-number {
        font-size: 25px;
        color: rgb(255, 255, 255);
        font-family: Oswald, sans-serif;
        padding: 0px 0.5rem;
    }

  .pagination-separator {
        display: none;
        position: relative;
        width: 40px;
        height: 2px;
        background: rgba(255, 255, 255, 0.25);
        transition: 0.3s;
    }

    @media (min-width: 45em) {
        .pagination-separator {
            display: block;
        }
    }

    .pagination-separator-loader {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgb(255, 255, 255);
        transform-origin: 0px 0px;
    }

    .pb-60 {
        padding-bottom: 60px;
    }

    .best-deal-countdown ul {
        position: absolute;
        bottom: 20px;
        width: 500px;
        z-index: 9999;
        left: 50px;
        margin: 0px auto;
    }

    .ul-li ul li {
        list-style: none;
        display: inline-block;
        text-align: center;
        margin: 8px;
    }

    .best-deal-countdown li .or-count-down-number {
        color: rgb(255, 255, 255);
        width: 90px;
        height: 90px;
        display: flex;
        font-size: 35px;
        font-weight: 700;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        z-index: 99999;
        border-radius: 50%;
        border: 4px solid rgb(224, 110, 0);
    }

    .stats-wrapper-content {
        border-top: none;
        border-bottom: none;
        border-left: none;
        border-image: initial;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 0px;
        border-right: 1px solid rgb(32, 109, 215);
        background-color: rgb(246, 246, 246);
        z-index: 999;
        position: sticky;
    }

    .stats-desc {
        padding: 10px 0px;
        color: rgb(255, 255, 255);
        border-right: 1px solid rgb(208, 208, 208);
    }

    .stats-desc:hover {
        box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    }

     .stats-desc p {
        color: rgb(255, 255, 255) !important;
        font-weight: 600;
    }

     .counter-4 {
        text-align: center;
    }

     .count-txt {
        color: rgb(255, 255, 255) !important;
        text-align: center;
    }

    .top-header {
        background-color: rgb(255, 255, 255);
        padding: 5px;
    }

     .top-header .txt-left {
        color: rgb(255, 255, 255);
        font-size: 13px;
        text-align: left;
    }

     .top-header .txt-right {
        color: rgb(255, 255, 255);
        font-size: 13px;
        text-align: right;
    }

    .address {
        font-size: 14px;
        line-height: 28px;
        margin: 0px 0px 1rem;
    }

    .stats-desc .icons {
        text-align: center;
    }

    .stats-desc .icons img {
        width: 100px;
        text-align: center;
        margin-bottom: 8px;
        filter: brightness(0) saturate(100%) invert(39%) sepia(92%) saturate(2035%) hue-rotate(178deg) brightness(92%) contrast(101%);
    }

    .carousel-control-next, & .carousel-control-prev {
        position: absolute;
        top: 0px;
        bottom: 0px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgb(255, 255, 255);
        border: navajowhite;
        text-align: center;
        background-color: transparent;
    }

    .carousel-item img {
        border-radius: 10px;
    }

.slide-show::after {
        content: "";
        position: absolute;
        height: 340px;
        width: 405px;
        left: -37px;
        bottom: -34px;
        z-index: -1;
        border-radius: 10px;
        background: radial-gradient(rgb(9, 126, 193), rgb(12, 140, 214));
    }

    .bg3 {
        background-image: url("assets/img-2026/bg-img/1.png");
        background-size: cover;
        background-attachment: fixed;
        background-position: center top;
    }

    .text-white {
        color: rgb(255, 255, 255);
    }

    .logo_box {
        width: 200px;
        text-align: center;
        margin: 0px auto 20px;
    }

    .logo_box img {
        width: 200px;
    }

    .logo-heading h3 {
        color: rgb(224, 110, 0);
        font-size: 26px;
        text-align: center;
        margin-bottom: 10px;
    }

    .seprator {
        background-color: rgb(204, 204, 204);
        width: 600px;
        height: 1px;
        text-align: center;
        margin: 0px auto;
    }

    .seprator1 {
        background-color: rgb(204, 204, 204);
        width: 800px;
        height: 1px;
        text-align: center;
        margin: 0px auto;
    }

    .mrgn {
        margin-top: 30px;
    }

    .ptb-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

 .pt_60 {
        padding-top: 60px;
    }

    .pb_60 {
        padding-bottom: 60px;
    }

    .mm::before {
        content: "sqmts";
        position: absolute;
        color: rgb(255, 255, 255);
        font-size: 12px;
        margin-left: 70px;
        margin-top: 6px;
    }

    .plus::before {
        content: "+";
        position: absolute;
        color: rgb(0, 140, 223);
        font-size: 18px;
        margin-left: 29px;
        margin-top: 6px;
    }

    .plus1::before {
        content: "+";
        position: absolute;
        color: rgb(0, 140, 223);
        font-size: 18px;
        margin-left: 80px;
        margin-top: 6px;
    }

    .plus3::before {
        content: "+";
        position: absolute;
        color: rgb(0, 140, 223);
        font-size: 18px;
        margin-left: 60px;
        margin-top: 6px;
    }

    .plus2::before {
        content: "+";
        position: absolute;
        color: rgb(0, 140, 223);
        font-size: 18px;
        margin-left: 48px;
        margin-top: 6px;
    }

    .plus5::before {
        content: "th";
        position: absolute;
        color: rgb(255, 255, 255);
        font-size: 18px;
        margin-left: 15px;
        margin-top: 0px;
    }

    #wowslider_engine img {
        height: 720px;
    }

    .about-rbttm-cntent li i {
        position: absolute;
        left: 0px;
        top: 0px;
        color: rgb(255, 255, 255);
        height: 40px;
        width: 40px;
        text-align: center;
        line-height: 40px;
        border-radius: 5px;
        appearance: none;
        background: rgb(9, 126, 193);
        font-size: 17px;
    }

    .home-dark .about-rbttm-cntent li i: :after {
        position: absolute;
        content: "";
        height: 50px;
        width: 50px;
        top: -11%;
        left: -14%;
    }

    .testimonial-area.section-padding {
        padding-top: 0px;
    }

.single-tesimonail-item {
        position: relative;
        text-align: center;
        padding: 7px;
        box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 30px;
        margin-top: 30px;
        margin-bottom: 30px;
        transition: 0.6s;
        border: 1px solid transparent;
        background-color: rgb(255, 255, 255);
        border-radius: 10px;
    }

.single-tesimonail-item:hover {
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }

     .single-tesimonail-item:hover {
        box-shadow: none;
        border: 1px solid rgb(221, 221, 221);
        border-radius: 5px;
    }

    .single-tesimonail-item:hover h2 {
        color: rgb(46, 191, 227);
    }

    .single-tesimonail-item h2 {
        font-size: 17px;
        font-weight: 700;
        color: var(--home5-color);
        font-family: "Nunito Sans", sans-serif;
        transition: 0.6s;
        margin-top: 10px;
    }

  .single-tesimonail-item h2 span {
        display: block;
        font-size: 14px;
        font-weight: 400;
        color: rgb(4, 27, 82);
        margin-top: 5px;
    }

     .single-tesimonail-item i.slider-quote {
        position: absolute;
        right: 11%;
        font-size: 36px;
        color: rgb(221, 221, 221);
        transform: rotateY(-195deg);
    }

     .tesimonial-slider-5 .owl-dots {
        position: absolute;
        left: 50%;
        bottom: -4%;
        display: flex;
    }

    .single-tesimonail-item .star i {
        color: var(--second-color);
        font-size: 17px;
        margin-top: 18px;
    }

     .tesimonial-slider-5 .owl-dots .owl-dot {
        height: 16px;
        width: 16px;
        background: rgb(255, 255, 255);
        text-align: center;
        border-radius: 50%;
        margin-right: 10px;
    }

    .tesimonial-slider-5 .owl-dots .owl-dot.active {
        background: rgb(8, 184, 228);
        outline: rgb(9, 184, 227) solid 1px;
        border: 5px solid rgb(255, 255, 255);
    }

     .about-rbttm-cntent li {
        margin-bottom: 20px;
        list-style: none;
        font-size: 16px;
        font-weight: 500;
        color: rgb(64, 64, 64);
        padding-left: 52px;
        position: relative;
        display: flex;
        font-family: Poppins, sans-serif;
    }

     h4.counter-4 {
        color: rgb(49, 49, 49);
        font-weight: 600;
    }

     .align-items-center {
        display: flex;
        flex-wrap: wrap;
        align-items: center !important;
    }

     a {
        color: rgb(224, 110, 0);
    }

     .hr {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
    }

     .social-icons img {
        width: 35px;
    }

     .container-social-icons {
        width: 300px;
        margin: 0px auto;
    }

     p.head_chairman {
        text-align: center !important;
        font-size: 16px !important;
    }

     p.name {
        font-size: 17px !important;
        text-align: left;
    }

.pricing-top {
        background: rgb(224, 110, 0);
        padding: 8px 10px;
        border-radius: 0px 0px 50px 50px;
        transition: 0.6s;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    }

 .home-dark .single-pricing-table {
        background-color: rgb(255, 255, 255);
        margin-bottom: 13px;
        margin-top: 5px;
        height: 141px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    }

    .single-pricing-table {
        text-align: center;
        box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 30px;
        padding: 0px 15px 20px;
        transition: 0.6s;
    }

    .single-pricing-table.active .pricing-top {
        background: rgb(224, 110, 0);
    }

 .pricing-top {
        background: rgb(224, 110, 0);
        padding: 8px 4px;
        border-radius: 0px 0px 50px 50px;
        transition: 0.6s;
    }

 .pricing-top h4 {
        color: rgb(255, 255, 255);
        font-size: 16px;
    }

 .single-pricing-table p {
        padding-top: 20px;
        font-size: 16px !important;
    }

     .blog-area.blog-5.section-padding {
        padding-top: 0px;
    }

     .single-blog-item {
        z-index: 1;
        padding-top: 30px;
        position: relative !important;
        padding-left: 263px !important;
        margin-bottom: 0px !important;
        padding-bottom: 20px !important;
        padding-right: 10px !important;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 40px !important;
        border-radius: 5px !important;
        border: 1px solid transparent !important;
        transition: 0.6s !important;
    }

     .single-blog-item:hover {
        box-shadow: none;
        border: 1px solid rgb(221, 221, 221);
    }

 .single-blog-item img {
        position: absolute;
        left: 2%;
        top: 2%;
        max-width: 238px;
    }

     .tag-date {
        font-size: 14px;
        text-transform: uppercase;
        color: var(--home5-color);
        position: relative;
    }

     .tag-date span {
        position: absolute;
        right: 6%;
        color: rgb(130, 129, 129);
    }

     .single-blog-item a {
        font-size: 18px;
        margin: 5px 0px 0px;
        font-weight: 500;
        text-transform: capitalize;
        transition: 0.6s;
        display: block;
    }

    .single-blog-item a: hover {
        color: var(--second-color);
    }

     .blog-area .read-more-btn {
        margin-top: 20px;
    }

     .blog-area .read-more-btn:hover {
        color: var(--second-color);
    }

     h4.head {
        font-size: 21px;
        font-family: "Nunito Sans", sans-serif;
        line-height: 1.28;
        font-weight: 700;
        margin-bottom: 23px;
        color: rgb(255, 255, 255);
    }

    .inner_part_details {
        padding: 30px;
    }

.table_stall {
        color: rgb(255, 255, 255);
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        background-color: rgb(224, 110, 0) !important;
        padding: 2px !important;
    }

     .table {
        background-color: rgb(255, 255, 255);
        border: 6px solid rgb(229, 228, 228);
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    }

     h5.congig-data {
        color: rgb(49, 49, 49);
        text-align: justify;
        font-weight: 600;
        font-size: 15px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    p.font {
        font-weight: 700;
        font-size: 16px !important;
    }

    .sticky1 li p {
        padding-top: 5px;
        margin: 0px;
        line-height: 16px;
        font-size: 11px;
    }

    h6.social-txt {
        font-size: 13px;
    }

    .btn:focus, & .btn:active, & button: focus, & button:active {
        outline: none !important;
        box-shadow: none !important;
    }

    #image-gallery .modal-footer {
        display: block;
    }

     .thumb {
        margin-top: 15px;
        margin-bottom: 15px;
    }

     .modal {
        position: fixed;
        top: 115px !important;
    }

     .modal-body img {
        width: 600px;
        padding: 0px;
    }

     .modal-lg {
        max-width: 600px !important;
    }

     .modal-header {
        padding: 1px 30px !important;
        background-color: brown !important;
    }

     .close {
        opacity: 1 !important;
    }

     .modal-body {
        padding: 0px !important;
    }

     .img-thumbnail {
        padding: 6px !important;
        background-color: rgb(46, 191, 227) !important;
        border-radius: 50px 0px !important;
    }

     .curve {
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
        z-index: 1;
        overflow-x: hidden;
    }

     .sponsors_logo_event {
        width: 332px;
        background-color: rgb(255, 255, 255);
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        height: auto;
        overflow: hidden;
        padding: 4px;
        margin: 0px auto 20px;
        border: 1px solid rgb(243, 239, 239);
    }

     .sponsors_logo_event img: hover {
        transform: scale(1.2);
    }

     .sponsors_logo_event img {
        /*background-color: aqua;*/
        transition: 0.6s ease-in-out;
        text-align: center;
        margin: 0px auto;
    }

     .sponsors_logo_diamond {
        width: 215px;
        background-color: rgb(255, 255, 255);
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        height: auto;
        overflow: hidden;
        padding: 4px;
        margin: 0px auto 20px;
        border: 1px solid rgb(243, 239, 239);
    }

     .sponsors_logo_diamond img: hover {
        transform: scale(1.2);
    }

 .sponsors_logo_diamond img {
        background-color: aqua;
        transition: 0.6s ease-in-out;
        text-align: center;
        margin: 0px auto;
    }

     .sponsors_logo {
        width: 232px;
        background-color: rgb(255, 255, 255);
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        height: auto;
        overflow: hidden;
        padding: 4px;
        margin: 9px auto;
        border: 1px solid rgb(243, 239, 239);
    }

     .sponsors_logo img: hover {
        transform: scale(1.2);
    }

     .sponsors_logo img {
        width: 100%;
        background-color: aqua;
        transition: 0.6s ease-in-out;
        text-align: center;
        margin: 0px auto;
    }

    h5.spn_logo_heading {
        color: rgb(46, 191, 227);
        margin: 20px 0px;
        font-size: 25px;
        font-weight: 600;
        text-align: center;
        font-family: "Nunito Sans", sans-serif;
    }

    .input-group-addon {
        padding: 6px 12px;
        font-size: 23px;
        font-weight: 400;
        color: rgb(255, 255, 255);
        text-align: center;
        background-color: rgb(9, 126, 193);
        border: 1px solid rgb(204, 204, 204);
    }

    .input-group-addon, & .input-group-btn {
        width: 12%;
        white-space: nowrap;
        vertical-align: middle;
        font-family: "Nunito Sans", sans-serif;
    }

    .input-group {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;
        font-family: "Nunito Sans", sans-serif;
    }

    .enquiry_form {
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        padding: 35px;
    }

 .btn-sub:hover {
        background-color: rgb(224, 110, 0) !important;
    }

    .carousel-indicators li {
        background-color: rgb(255, 255, 255);
        opacity: 1;
        height: 13px;
        margin-top: 5px;
        cursor: pointer;
    }

    .carousel-indicators .active {
        background-color: rgb(46, 191, 227);
    }

     .carousel-indicators {
        bottom: -5px !important;
    }

     dl, ol,  ul {
        margin: 0px !important;
    }

    .sticky-container1 {
        padding: 0px;
        margin: 0px;
        position: fixed;
        top: 350px;
        right: -90px;
        z-index: 999999;
        text-align: center;
    }

    .sticky-container1 img {
        border-radius: 10px;
        width: 225px;
        rotate: 90deg;
    }

     .marquee-wrapper {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
    }

    .text-scroll {
        display: inline-block;
        font-size: 18px;
        width: max-content;
        background-color: rgba(9, 126, 193, 0.78);
        padding: 5px 20px;
        animation: 20s linear 0s infinite normal none running scroll-left;
        border-radius: 10px;
        margin-top: 15px;
        color: rgb(255, 255, 255) !important;
    }

     .text-scroll h2 {
        font-size: 14px;
        margin: 0px;
        color: rgb(255, 255, 255) !important;
    }

     .header-menu-4 {
        padding: 15px 0px;
        background: linear-gradient(to right, rgb(7, 126, 194), rgb(74, 114, 154)) !important;
    }

    .con p {
        text-align: left !important;
    }

    .tagline {
        background: rgba(9, 126, 193, 0.78);
        padding: 5px 0px;
        border-radius: 5px;
        margin-bottom: 0px;
        margin-top: 5px;
    }

     .tagline h4 {
        width: max-content;
        padding: 5px 14px;
        border-radius: 5px;
        color: rgb(255, 255, 255);
        font-size: 16px;
        text-align: center;
        margin-bottom: 0px;
        margin-top: 5px;
        text-transform: uppercase;
    }

     .tagline2 {
        justify-content: center;
        display: flex;
        border-radius: 5px;
        margin-bottom: 0px;
        margin-top: 3px;
    }

     .tagline2 h5 {
        width: max-content;
        background: rgb(245, 131, 31);
        padding: 5px 14px;
        border-radius: 5px;
        color: rgb(255, 255, 255);
        font-size: 16px;
        text-align: center;
        margin-bottom: 0px;
        margin-top: 5px;
        text-transform: uppercase;
    }

    .blink-text {
        animation: 1s linear 0s infinite normal none running blink;
    }

    .tagline p {
        color: rgb(255, 255, 255) !important;
        font-weight: 600 !important;
        text-align: center !important;
        font-size: 20px !important;
        line-height: 25px !important;
        margin-bottom: 0px !important;
    }

    .mtext {
        text-transform: none;
        font-weight: bold;
        color: rgb(224, 110, 0);
        animation: 0.3s ease-in 0s 1 normal none running all;
        font-size: 52px;
        line-height: 1.28;
        margin-top: 30px;
    }

    .brands {
        padding-top: 30px;
        padding-bottom: 30px;
    }

 .geek1 img {
        width: 150px;
        padding: 10px;
        margin-right: 10px;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }

    .brand-slider {
        width: 100%;
        overflow: hidden;
        background: rgb(248, 243, 255);
    }

    .brand-track {
        display: flex;
        align-items: center;
        gap: 25px;
        animation: 40s linear 0s infinite normal none running scroll-left;
    }

    .brand-track img {
        height: auto;
        width: 165px;
        padding: 5px 15px;
        object-fit: contain;
        white-space: nowrap;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }

.btn-arrow-icon {
        transform: rotate(-45deg) !important;
        margin-left: 5px;
    }

    .enq-btn {
        border-radius: 10px;
        border: 1px solid rgb(255, 255, 255);
    }

.enq-btn:hover {
        background-color: rgb(3, 124, 194);
        color: rgb(255, 255, 255) !important;
    }

    .section-big-figures {
        padding: 60px 0px 31px;
        position: relative;
        background-image: url("./assets/img/bg/bg1.png");
        z-index: 0;
        overflow: hidden;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .section-big-figures::after {
        content: "";
        width: 430px;
        height: 100%;
        float: left;
        position: absolute;
        left: 200px;
        top: 0px;
        z-index: -1;
        transform: scaleY(2) skewX(-50deg);
        background: linear-gradient(to right, rgb(240, 152, 25), rgb(255, 81, 47)) !important;
    }

    .home-ul-box .home-li-black {
        background: rgba(9, 126, 193, 0.78);
        color: rgb(255, 255, 255);
        border-right: 5px solid rgb(255, 255, 255);
    }

    .home-li {
        padding: 20px 4px;
        height: 160px;
        text-align: center;
        font-weight: 600;
        margin-bottom: 30px;
        line-height: 21px;
        font-size: 15px;
    }

    .home-ul-box .home-li-white {
        background: rgba(255, 165, 66, 0.7);
        color: rgb(0, 0, 0);
        border-right: 5px solid rgb(7, 126, 194);
    }

     .home-li span {
        font-size: 35px;
        font-weight: bold;
        display: block;
        line-height: 51px;
    }

    .image-wrapper {
        overflow: hidden;
        width: 300px;
        height: 300px;
        position: absolute;
        bottom: 0%;
        right: -4px;
    }

    .image-wrapper::before {
        content: "";
        position: absolute;
        top: -50px;
        left: -50px;
        width: 100px;
        height: 100px;
        background-image: url("assets/img/about/5.png");
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 999;
        animation: 4s ease-in-out 0s infinite normal none running floatEffect;
    }

     .home-heading-left-white {
        width: 100%;
        height: auto;
        float: left;
        font-size: 50px;
        color: rgb(255, 255, 255);
        font-weight: 700;
        margin-bottom: 15px;
        text-transform: uppercase;
        line-height: 1;
    }

    .home-li img {
        width: 60px;
        margin-bottom: 8px;
    }

     .pricing-plane-area {
        position: relative;
        background-repeat: no-repeat;
    }

     .shape1::before {
        content: "";
        position: absolute;
        top: 20px;
        left: -28px;
        width: 505px;
        height: 507px;
        background: url("assets/img-2026/shape1.png") center center / cover no-repeat;
        z-index: 0;
        animation: 4s ease-in-out 0s infinite normal none running leftRight;
    }

     .icn {
        background-color: rgb(9, 126, 193);
        width: 140px;
        height: 140px;
        padding: 10px;
        border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

     .icn img {
        width: 100px !important;
    }

    .home-dark p {
        color: rgb(49, 49, 49);
        letter-spacing: 1px;
        text-align: justify;
        font-weight: 500;
        line-height: 28px;
        margin-bottom: 10px;
        font-family: Poppins, sans-serif !important;
        font-size: 14px !important;
    }

     .table td, th {
        font-size: 16px;
    }

     b,  strong {
        font-weight: 600;
    }

     .table-wid {
        width: 550px;
    }

     .col {
        justify-content: center;
        align-items: center;
        flex: 1 1 auto;
        width: 14% !important;
    }

    h5.evnt-high {
        color: rgb(1, 33, 33);
        font-size: 15px;
        text-align: center;
        margin-bottom: 28px;
        margin-top: 25px;
        font-weight: 600;
    }

    .icn {
        position: relative;
        padding: 2px;
        width: 122px;
        height: 122px;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .icn::before {
        content: "";
        position: absolute;
        inset: -12px;
        border: 2px dashed rgb(224, 110, 0);
        border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
        z-index: 1;
        pointer-events: none;
    }

    .icn img {
        position: relative;
        z-index: 2;
    }

    .icn::after {
        content: "";
        position: absolute;
        inset: 6px;
        border-radius: 50%;
        background: transparent;
        z-index: 0;
    }

     .icn img {
        position: relative;
        z-index: 2;
        animation: 3s ease-in-out 0s infinite normal none running floatIcon;
    }

    .odd {
        background-color: rgb(224, 110, 0);
    }

    .pb_120 {
        padding-bottom: 120px;
    }

     .vanue-img img {
        border-radius: 10px;
    }

     .hero-caption h5 {
        color: rgb(1, 33, 33);
        font-weight: bold;
        line-height: 1.28;
        margin-bottom: 20px;
        animation: 0.3s ease-in 0s 1 normal none running all;
        font-size: 20px;
        font-family: Poppins, sans-serif;
        text-transform: uppercase !important;
        background-clip: text !important;
    }

    .outer {
        background-color: rgb(255, 255, 255);
        padding: 50px;
        color: rgb(255, 255, 255);
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }

     .sidebar-area {
        padding: 35px 21px;
        background-color: rgb(44, 119, 172) !important;
    }

 .sidebar-area .cate-box {
        margin-bottom: 0px;
    }

    .sidebar-area .title {
        font-size: 22px;
        color: rgb(255, 255, 255);
        font-weight: 600;
        text-transform: uppercase;
        display: block;
        margin-bottom: 25px;
    }

.sidebar-area .cate-box ul {
        padding: 0px;
        margin: 0px;
    }
 .sidebar-area .cate-box ul li: first-child {
        padding-top: 0px;
        color: rgb(255, 255, 255);
    }

    .sidebar-area .cate-box ul li {
        list-style: none;
        border-bottom: 1px solid rgb(221, 221, 221);
        padding: 10px 0px;
        cursor: pointer;
        color: rgb(255, 255, 255);
        font-size: 15px;
    }

     .sidebar-area .cate-box ul li a {
        color: rgb(255, 255, 255);
    }

 .parallax-bg {
        position: relative;
        background-image: url("assets/img/bg/bg-chairman1.webp");
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }

     .parallax-bg::before {
        content: "";
        position: absolute;
        inset: 0px;
        background: rgba(0, 0, 0, 0.75);
        z-index: 1;
    }

     .parallax-bg .container {
        position: relative;
        z-index: 2;
    }

     .part-logo img {
        width: 280px;
        padding: 20px;
        transition: transform 0.4s;
        background-color: rgb(255, 255, 255);
    }

    .part-logo img: hover {
        transform: scale(1.1);
    }

     h6.text-center.asso {
        font-weight: 600;
        margin-bottom: 12px;
    }

     .rs-team .team-item {
        position: relative;
        overflow: hidden;
        margin-bottom: 30px;
    }

     .rs-team .team-item::before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 1;
    }

    .rs-team .team-item .team-img {
        position: relative;
    }

    .rs-team .team-item .team-img .normal-text {
        position: absolute;
        text-align: center;
        height: 80px;
        bottom: -32px;
        padding: 5px 0px;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
        transition: 0.3s;
        z-index: 10;
        background: linear-gradient(to right, rgb(7, 126, 194), rgb(74, 114, 154)) !important;
    }

    .rs-team .team-item .team-img .normal-text .team-name {
        color: rgb(255, 255, 255);
        font-weight: 500;
        margin: 0px;
        display: block;
        text-transform: uppercase;
        padding: 0px 0px 3px;
        font-size: 18px !important;
    }

 .rs-team .team-item .team-img .normal-text .subtitle {
        color: rgb(255, 255, 255);
        margin: 0px;
        display: block;
    }

   .rs-team .team-item .team-img img {
        width: 100%;
    }

 .rs-team .team-item .team-content {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 10%;
        left: 0px;
        text-align: center;
        z-index: 1;
        padding: 8px;
        opacity: 0;
        transition: 0.3s ease-out;
        visibility: hidden;
    }

 .rs-team .team-item .team-content::before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        z-index: -1;
        background: linear-gradient(to right, rgb(7, 126, 194), rgb(74, 114, 154)) !important;
    }

  .rs-team .team-item .team-name {
        margin-bottom: 2px;
        font-size: 19px;
        font-weight: 600;
    }

    .rs-team .team-item .team-name a {
        margin-bottom: 6px;
        font-size: 20px;
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        position: relative;
        z-index: 1;
    }

    .rs-team .team-item .team-name a: hover {
        color: rgb(255, 255, 255);
    }

   .rs-team .team-item .postion {
        position: relative;
        z-index: 1;
        color: rgb(255, 255, 255);
        font-size: 14px;
        font-weight: 600;
    }

   .rs-team .team-item .share-icons {
        position: relative;
        max-width: 255px;
        margin: 0px auto 15px;
        opacity: 0;
        visibility: hidden;
    }

   .rs-team .team-item .share-icons .border {
        content: "";
        position: absolute;
        background: rgb(255, 255, 255);
        z-index: 1;
        opacity: 1;
    }

    .rs-team .team-item .share-icons .border {
        width: 25px;
        height: 25px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 100px;
        z-index: 11;
    }

    .rs-team .team-item .team-social {
        position: relative;
    }

   .rs-team .team-item .team-social.icons-1::after, & .rs-team .team-item .team-social.icons-1::before {
        content: "";
        position: absolute;
        background: rgb(255, 255, 255);
        z-index: 1;
        opacity: 1;
    }

   .rs-team .team-item .team-social.icons-1::after {
        top: 0%;
        left: 50%;
        height: 95px;
        width: 1px;
    }

 .rs-team .team-item .team-social.icons-1::before {
        bottom: 0px;
        left: 10px;
        height: 1px;
        width: 100px;
    }

     .rs-team .team-item .team-social.icons-2::after, & .rs-team .team-item .team-social.icons-2::before {
        content: "";
        position: absolute;
        background: rgb(255, 255, 255);
        z-index: 1;
        opacity: 1;
    }

     .rs-team .team-item .team-social.icons-2::after {
        bottom: 0px;
        left: 50%;
        height: 95px;
        width: 1px;
    }

     .rs-team .team-item .team-social.icons-2::before {
        top: 0px;
        right: 10px;
        height: 1px;
        width: 100px;
    }

    .rs-team .team-item .team-social li {
        display: inline-block;
        position: relative;
        transition: 0.3s ease-in-out;
        padding: 34px;
    }

     .rs-team .team-item .team-social li a {
        display: block;
        color: rgb(255, 255, 255);
        width: 50px;
        height: 50px;
        line-height: 50px;
        border: 1px solid rgb(255, 255, 255);
        text-align: center;
        border-radius: 100px;
        font-size: 20px;
    }

    .rs-team .team-item .team-social li a: hover {
        background: rgb(255, 255, 255);
        border-color: rgb(255, 255, 255);
        color: rgb(217, 8, 69);
    }

    .rs-team .team-item:hover .team-content {
        top: 0px;
    }

     .rs-team .team-item:hover .share-icons, & .rs-team .team-item:hover .team-content, & .rs-team .team-item:hover .team-social {
        opacity: 1;
        visibility: visible;
    }

     .rs-team .team-item:hover .normal-text {
        opacity: 0;
        visibility: hidden;
    }

     .rs-team.fullwidth-team .col-lg-3 {
        padding: 0px;
    }

     .rs-team.fullwidth-team .col-lg-3 .team-item {
        margin-bottom: 0px;
    }

    .rs-team.fullwidth-team .col-lg-3 .team-item .team-img .normal-text {
        text-align: left;
        background: transparent;
        padding-left: 15px;
    }

 .rs-team#rs-team3 .share-icons {
        max-width: 230px;
    }

     .rs-team#rs-team3.bg6, .rs-team#rs-team3.bg4 {
        position: relative;
    }

    .rs-team#rs-team3.bg6::after, .rs-team#rs-team3.bg4::after {
        content: "";
        background-position: center top;
        height: 460px;
        width: 100%;
        position: absolute;
        top: 0px;
        z-index: 0;
    }

   .rs-team#rs-team3.bg4::after {
        background-image: url("images/bg/bg1.jpg");
    }

     h4.team-name1 {
        color: rgb(255, 255, 255);
        font-weight: 600;
        margin: 0px;
        display: block;
        padding: 0px 0px 3px;
        font-size: 14px !important;
    }

    .display-table {
        padding-top: 90px;
    }

.blink-text4 {
    color: #d90000;
    font-weight: 600;
    animation: softBlink 1.5s infinite;
}

@keyframes softBlink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}


     .row.gutter-0 {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
    }
}

.comment-one__single{
        display: flex;
        position: relative;
        padding: 20px;
        border-radius: 0px;
}
}
.comment-one .comment-one__content {
    position: relative;
    padding: 20px;
    margin-left: 45px;
    border-radius: 10px;
    background-color: #fff;
}
.comment-one .comment-one__content h3 {
    margin: 0;
    font-size: 13px;
    border-radius: 4px;
    color: #fff !important;
    background-color: #3376a8;
    width: max-content;
    padding: 6px 8px;
    color: var(--theme-black);
    font-weight: 600;
    margin-bottom: 11px;
    /* font-family: 'Rajdhani', sans-serif !important; */
}
.comment-one .comment-one__content h6 {
    color: #2978ae;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 600;
}
.comment-one .comment-one__image img {
    max-width: 212px;
    background-color: #fff;
    padding: 10px 1px;
    border-radius: 10px;
}
.comment-one .comment-one__image {
    position: relative;
    display: block;
    margin-right: 45px;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    -webkit-box-flex: 100px;
    -ms-flex: 100px 0 0px;
}
.comment-one{
    background-color: #fff;
    border: 1px solid #e4e4e4;
}
h3.card-price {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 13px;
}
.row-mrg {
    margin-top: 25px !important;
}
.supporter-logo img {
    border-radius: 9px;
    /* border: 1px solid #e4e4e4; */
    /* box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; */
    padding: 10px;
    background: #fff;
    max-height: 120px;
    object-fit: contain;
    transition: 0.3s;
}
.supporter-logo{
    text-align:center;
    margin-bottom: 10px;
}
.supporter-logo img:hover {
    transform: scale(1.05);
}



/* Gallery Image */
.single-gallery{
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

/* Popup icon position - thoda upar */
.single-gallery .popup-icon{
    position: absolute;
    top: 40%;   /* pehle center hota tha, ab thoda upar */
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 0;
    transition: 0.4s;
}

/* Hover par icon show */
.single-gallery:hover .popup-icon{
    opacity: 1;
}

/* Icon styling */
.single-gallery .popup-icon a{
    width: 45px;
    height: 45px;
    background: #fff;
    color: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 18px;
}

/* Magnific Popup close icon fix */
.mfp-close{
    display: block !important;
    opacity: 1 !important;
    color: #fff !important;
    font-size: 35px !important;
    font-weight: bold !important;
    right: 15px !important;
    top: 15px !important;
    z-index: 99999 !important;
}

/* Popup close button */
.mfp-close{
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #fff !important;
    font-size: 45px !important;
    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
    z-index: 999999 !important;
}

/* Hover effect */
.mfp-close:hover{
    transform: scale(1.1);
}

/* Force close icon */
/* Magnific popup close button force show */
.mfp-wrap .mfp-close{
    position: fixed !important;
    top: 15px !important;
    right: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 45px !important;
    height: 45px !important;

    background: #000 !important;
    color: #fff !important;
    border-radius: 50% !important;

    opacity: 1 !important;
    visibility: visible !important;
    z-index: 999999 !important;

    font-size: 30px !important;
    line-height: 45px !important;
    cursor: pointer !important;
    text-indent: 0 !important;
}

/* X symbol agar plugin text hide kar raha ho */