@font-face {

    font-family: "Impact";

    src: url("../font/impact.ttf");

}



@font-face {

    font-family: "P-Light";

    src: url("../font/Poppins-Light.ttf");

}



@font-face {

    font-family: "P-Regular";

    src: url("../font/Poppins-Regular.ttf");

}



@font-face {

    font-family: "P-Medium";

    src: url("../font/Poppins-Medium.ttf");

}



@font-face {

    font-family: "P-SemiBold";

    src: url("../font/Poppins-SemiBold.ttf");

}
.btn-link{
	color:white;
	font-size:33px;
}
.mrten{
    margin-right:10px !important;
}
.ftwen{
    font-size:20px;
}
@font-face {

    font-family: "P-Bold";

    src: url("../font/Poppins-Bold.ttf");

}
.mewidt{
    width:max-content
}

@media(max-width:550px){
    .mewidt{
        width:auto
    }
}

.mtnefo{
    margin-top:-4px;
}

/* ------ Start general css ------  */

* {

    padding: 0;

    margin: 0;

    font-family: "T-Regular";

}

.whatsapp-contact{
	position:fixed;
	z-index:2;
	bottom:15px;
	left:1270px;
}

body {

    color: var(--ct);

    background-color: #f9f9f9;

}



:root {

    --c0: #000000;

    --cf: #ffffff;

    --ct: #1D1E27;

    --c1: #012B50;

    --c2: #FFA701;

    /* --c2: #FC5630; */

    --c3: #62E2E5;

    --c4: #282828;

    --c5: #F5F5F5;

    --c6: #454545;

}



.img img {

    max-width: 100%;

    height: auto;

}



h1,

h2,

h3,

h4,

h5,

h1 span,

h2 span,

h3 span,

h4 span,

h5 span {

    color: #000000;

    text-transform: uppercase;

    font-family: "Impact";

    margin-bottom: 20px;

}



h1,

h1 span {

    font-weight: 400;

    font-size: 57px;

    line-height: 70px;

}



h2,

h2 span {

    font-weight: 400;

    font-size: 40px;

    line-height: 50px;

    letter-spacing: 0.05em;

}



h3,

h3 span {

    font-weight: 400;

    font-size: 42px;

    line-height: 55px;

    letter-spacing: 0.105em;

}



h4,

h4 span {

    font-weight: 400;

    font-size: 28px;

    line-height: 135.87%;

    letter-spacing: 0.105em;

}



h5,

h5 span {

    font-weight: 400;

    font-size: 24px;

    line-height: 135.87%;

    letter-spacing: 0.105em;

}



p {

    font-weight: 500;

    font-size: 16px;

    line-height: 30px;

    font-family: "P-Regular";

    margin: 0;

}



a {

    /* color: #fff; */

    text-decoration: none;

    font-family: "P-Regular";

}



.bbtn {

    font-weight: 400;

    font-size: 17px;

    font-family: 'P-Regular';

    line-height: 30px;

    padding: 15px 52px;

    color: var(--cf);

    border-radius: 30px;

    display: inline-block;

 /*    text-transform: uppercase; */

    transition: all 0.4s;

    border: 1px solid transparent;

    background-color: var(--c2);

    filter: drop-shadow(0px 4px 10px rgba(98, 226, 229, 0.63));

}



.btn-white {

    color: var(--c4);

    filter: unset;

    border: 1px solid transparent;

    background-color: var(--cf);

}



.btn-white:hover {

    color: var(--cf);

    border: 1px solid var(--cf);

    background-color: unset;

}



.btn-blue {

    color: #ffffff;

    filter: unset;

    border: 1px solid transparent;

    background-color: #ffa701;

}



.btn-blue:hover {

    color: #000000;

    border: 1px solid black;

    background-color: #ffffff;

}



.btn-yellow {

    color: var(--cf);

    filter: unset;

    border: 1px solid transparent;

    background-color: var(--c2);

    text-transform: capitalize;

}



.btn-yellow:hover {

    color: var(--c2);

    border: 1px solid var(--c2);

    background-color: unset;

}



.btn-outline {

    font-size: 20px;

    color: #ffffff;

    border: 1px solid #ffffff;

    background-color: transparent;

    box-shadow: unset;

    filter: unset;

    text-transform: capitalize;

}



.btn-outline:hover {

    color: #fff;

    border: transparent;

    background-color: #ffa701;

}





.btn-outline-yellow {

    font-size: 20px;

    color: #000000;

    border: 1px solid #000000;

    background-color: #ffffff;

    box-shadow: unset;

    filter: unset;

    text-transform: capitalize;

}


.btn-outline-yellow:hover {

    color: var(--cf);

    border: 1px solid transparent;

    background-color: var(--c2);

}



.quote-btn {

    text-align: center;

    margin-top: 70px;

}



/* section{

    overflow: hidden;

} */

ul {

    padding: 0;

}



ul li {

    list-style: none;

}
.twen{
    width:20px;
    height:20px;
}


.twenfour{
    width:24px;
    height:24px;
}

.row>* {

    padding-right: 15px;

    padding-left: 15px;

}



.slick-list {

    padding: 0 !important;

}



.bg-img {

    position: absolute;

    top: -60px;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 856px;

    z-index: -1;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}





.slider-arrows .slider-arrow {

    position: absolute;

    top: 48%;

    width: 45px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    color: var(--cf);

    border-radius: 50%;

    background-color: var(--c1);

}



.slider-arrows .slider-arrow:hover,

.slider-arrows .slick-disabled {

    color: #001F39;

    background: var(--cf);

    border: 1px solid #D0D0D0;

}



.slider-arrows .prev {

    left: 4%;

}



.slider-arrows .next {

    right: 4%;

}



/* ------  */



.title_sec p {

    font-size: 20px;

    line-height: 34px;

    font-family: "P-Regular";

}



/* -----  */





/* ------ End general css ------  */



/* ---- Start header ---  */





header {

    position: absolute;

    top: 0px;

    z-index: 2;

    width: 100%;

}



/* 

header .bg-img {

    top: 0;

    z-index: 0;

} */



header .navbar {

    padding: 10px 0;

}



header .navbar .navbar-toggler {

    color: var(--cf);

}



header .navbar .navbar-toggler i {

    font-size: 34px;

}



header .navbar-nav {

    align-items: center;

}



header .navbar-brand {

    position: relative;

    /* padding: 10px 20px 5px; */

    display: inherit;

}



header .navbar-brand img {

    position: relative;

}







header .navbar-nav .nav-link {

    position: relative;

    color: var(--cf);

    font-weight: 800;

    font-family: 'P-Regular';

    font-size: 16px;

    line-height: 150%;

    margin-right: 24px;

    padding: 0 !important;

    text-transform: capitalize;

}



header .navbar-nav .nav-link.active {

    color: var(--c1);

}



header .navbar-nav .nav-link.active::before {

    position: absolute;

    content: '';

    left: 0;

    right: 0;

    bottom: -7px;

    height: 2px;

    width: 100%;

    margin: auto;

    text-align: center;

    /* border-radius: 50px; */

    background-color: var(--c2);

}



header .navbar-nav .nav-link:hover::before {

    position: absolute;

    content: '';

    left: 0;

    right: 0;

    bottom: -7px;

    height: 2px;

    width: 100%;

    margin: auto;

    text-align: center;

    border-radius: 50px;

    background-color: var(--c2);

}



header .navbar-nav .nav-link:hover {

    color: var(--c2);

}



header .navbar-nav .btn {

    font-size: 15px;
    padding: 6px 22px;
    width: 134px;
}



header .navbar-nav .btn:hover,

header .navbar-nav .btn.active,

header .navbar-nav .btn:focus-visible,

.btn-check:checked+.btn,

.btn.active,

.btn.show,

.btn:first-child:active,

:not(.btn-check)+.btn:active {

    color: #ffffff;

    border: 1px solid transparent;

    background-color: #ffa700;

}



/* // sticky header */

.default_sticky.affix {

    position: fixed;

    width: 100%;

    left: 0;

    right: 0;

    top: 0;

    z-index: 5;

    padding: 0;

    background-color: var(--c1);

}



header.affix .navbar-brand {

    padding: 10px 0;

    background-color: unset;

}



/* header.affix .navbar-brand .lg-white {

    display: block;

}



header.affix .navbar-brand .lg-red {

    display: none;

}



header.affix .navbar-brand::before {

    display: none;

} */



header .navbar-collapse {

    /* flex-direction: column; */

    justify-content: end;

}



header .nav-tb-collapse {

    width: 100%;

}



header .navbar-nav .nav-link.active,

header .navbar-nav .nav-link.show {

    color: var(--c2);

}



header .navbar-nav .dropdown-menu li {

    position: relative;

    padding: 0 12px;

}



header .navbar-nav .dropdown-menu li a {

    position: relative;

    text-align: center;

    margin-bottom: 8px;

    padding-bottom: 8px;

    border-bottom: 0.3px solid #707070;

}



header .navbar-nav .dropdown-menu li:last-child a {

    border-bottom: none;

    margin-bottom: 0px;

    padding-bottom: 0px;

}





header .navbar-nav .dropdown-menu li:last-child::before {

    display: none;

}



header .navbar-collapse .top {

    text-align: right;

    padding-bottom: 14px;

    margin-bottom: 14px;

    border-bottom: 1px solid #3A3A3A;

}



header.affix .navbar-collapse .top {

    display: none;

    border-bottom: 1px solid #fff;

}



header .navbar-collapse .top a {

    font-size: 16px;

    font-weight: 400;

    color: var(--cf);

    margin-right: 24px;

    font-family: "p-Regular";

}



header .navbar-collapse .top a:last-child {

    margin-right: 0;

}



header .navbar-collapse .top a i {

    margin-right: 10px;

}



header .bottom .navbar-nav {

    justify-content: end;

}



.navbar-nav .dropdown-menu {

    --bs-dropdown-min-width: 140px;

    left: -25px;

}



/* // sticky header ends */



/* ---- End header ---  */







/* ------ Start Home Page -----  */



/* --- Start Home_Hero ----  */

/* .home-slider{

    position: relative;

} */

.main_home {

    position: relative;

}



.home_hero {

    position: relative;

    width: 100%;

    aspect-ratio: 1900 / 900;

    max-height: 900px;

    min-height: 0;

    height: auto;

    padding-top: clamp(80px, 8vh, 110px);

    padding-bottom: clamp(80px, 8vh, 110px);

    display: flex !important;

    flex-direction: column;

    align-items: stretch;

    justify-content: center;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    overflow: hidden;

    box-sizing: border-box;

}

.home_hero .container {

    position: relative;

    z-index: 2;

    display: flex;

    flex-direction: column;

    justify-content: center;

    flex: 1 1 auto;

    width: 100%;

    min-height: 0;

}

.home_hero .container > .row {

    display: flex;

    flex: 1 1 auto;

    align-items: center;

    width: 100%;

    min-height: 0;

    margin-right: 0;

    margin-left: 0;

}

.home_hero .container > .row > [class*="col-"] {

    display: flex;

    flex-direction: column;

    justify-content: center;

    width: 100%;

}



.home_hero::before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    opacity: 0.7;

    z-index: 1;



}



.home_hero .background-video {

    width: 100%;

    height: 100%;

    object-fit: cover;

    z-index: 0;

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

}



.home_hero .txt {

    position: relative;

    z-index: 1;

}



.home_hero h5 {

    color: var(--cf);

    font-size: 20px;

    line-height: 22px;

    font-family: 'P-Bold';

}



.home_hero h1 {

    color: var(--cf);

}



.home_hero h1 span {

    color: var(--c2);

}





.main_home .slick-dotted.slick-slider {

    margin-bottom: 0;

}



.home-slider .slick-dots {

    top: 48%;

    right: 8%;

    left: auto;

    bottom: auto;

    width: 22px;

    /* margin: auto; */

}



.home-slider .slick-dots li {

    display: block;

    /* margin-left: auto; */

    margin-bottom: 10px;

}



.home-slider .slick-dots li button:before {

    font-size: unset;

    color: unset;

    width: 19px;

    height: 19px;

    opacity: 1;

    border-radius: 50px;

    border: 1px solid var(--cf);

}



.home-slider .slick-dots li.slick-active button:before {

    color: unset;

    opacity: 1;

    background-color: var(--cf);

}









/* .home_hero .item{

    

} */

.social-icon {

    position: absolute;

    top: 40%;

    left: 10%;

    right: 0;

    bottom: 0;

    z-index: 2;

    width: 65px;

    /* margin: auto; */

}



.social-icon ul {

    width: 55px;

}



.social-icon li {

    position: relative;

    margin-bottom: 20px;

}





.social-icon li:last-child {

    margin-bottom: 0;

}



.social-icon li img {

    max-width: 100%;

}



.social-icon li .sl-detail {

    position: absolute;

    display: none;

    top: 0;

    left: 0;

    width: 209px;

    z-index: -1;

    height: 57px;

    padding: 10px 10px 10px 66px;

    border-radius: 50px;

    background-color: rgba(217, 217, 217, 0.8);

}



.social-icon li .sl-detail p {

    font-family: 'P-Bold';

    font-weight: 600;

    font-size: 16px;

    line-height: 20px;

    color: #101010;

}



.social-icon li:hover .sl-detail {

    display: block;

    transition: 0.5s all ease-in-out;

}



/* Vector artwork banner content overlay */
.home_hero--vector {
    align-items: flex-start;
    padding-top: clamp(92px, 8.8vw, 126px);
    padding-bottom: clamp(34px, 4.6vw, 68px);
}

.home_hero--vector::before {
    background: linear-gradient(90deg, rgba(0, 0, 0, .38) 0%, rgba(0, 0, 0, .2) 42%, rgba(0, 0, 0, .08) 100%);
}

.home_hero .container {
    position: relative;
    z-index: 2;
}

.vector-banner-copy {
    max-width: 560px;
    padding-left: clamp(4px, 1.4vw, 18px);
}

.vector-banner-kicker {
    margin: 0 0 4px;
    color: #fff;
    font-family: "P-SemiBold";
    font-size: clamp(24px, 2.65vw, 38px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -.035em;
    text-shadow: 0 4px 12px rgba(0, 0, 0, .55);
}

.home_hero .vector-banner-title {
    margin: 0 0 22px;
    max-width: 560px;
    color: #7be15e;
    font-family: "P-Bold";
    font-size: clamp(42px, 5.15vw, 74px);
    font-weight: 800;
    line-height: .98;
    letter-spacing: -.045em;
    text-transform: none;
    text-shadow: 0 5px 16px rgba(0, 0, 0, .45);
}

.vector-banner-bullets {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.vector-banner-bullets li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-family: "P-SemiBold";
    font-size: clamp(15px, 1.32vw, 22px);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -.02em;
    text-shadow: 0 3px 10px rgba(0, 0, 0, .6);
}

.vector-bullet-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    color: #9ee779;
    font-size: clamp(19px, 1.7vw, 28px);
    line-height: 1;
}

.vector-banner-proof {
    position: relative;
    z-index: 2;
    width: min(710px, 74vw);
    margin-top: clamp(86px, 8.8vw, 118px);
    margin-left: clamp(56px, 7.8vw, 118px);
}

.vector-rating {
    margin-bottom: 7px;
    color: #ffc84f;
    font-size: clamp(18px, 1.55vw, 25px);
    line-height: 1;
    letter-spacing: 7px;
    text-align: center;
    text-shadow: 0 3px 8px rgba(0, 0, 0, .65);
}

.vector-feature-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 78px;
    padding: 13px clamp(12px, 1.45vw, 23px);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: 12px;
    background: rgba(0, 0, 0, .7);
    box-shadow: inset 0 0 22px rgba(97, 226, 229, .08), 0 10px 24px rgba(0, 0, 0, .35);
}

.vector-feature-item {
    display: flex;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    gap: clamp(7px, .85vw, 13px);
    min-width: 0;
    padding: 0 clamp(9px, 1.2vw, 17px);
    border-right: 1px solid rgba(255, 255, 255, .34);
}

.vector-feature-item:first-child {
    justify-content: flex-start;
    padding-left: 0;
}

.vector-feature-item:last-child {
    justify-content: flex-end;
    padding-right: 0;
    border-right: 0;
}

.vector-feature-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: clamp(28px, 3.1vw, 44px);
    color: #94df58;
    font-size: clamp(25px, 2.8vw, 42px);
    line-height: 1;
}

.vector-feature-text {
    display: inline-block;
    color: #fff;
    font-family: "P-SemiBold";
    font-size: clamp(12px, 1.12vw, 18px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -.02em;
    white-space: nowrap;
    text-align: left;
    text-shadow: 0 2px 7px rgba(0, 0, 0, .65);
}

.vector-customer-strip {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(9px, 1.4vw, 18px);
    width: min(650px, 92%);
    min-height: 43px;
    margin: 14px auto 0;
    padding: 7px clamp(12px, 2vw, 24px);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 13px;
    background: rgba(0, 0, 0, .74);
    color: #fff;
    font-family: "P-Regular";
    font-size: clamp(15px, 1.55vw, 25px);
    line-height: 1.1;
    letter-spacing: -.02em;
    text-align: center;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .65);
}

.vector-customer-strip strong {
    font-family: "P-Bold";
    font-weight: 800;
}

.vector-customer-strip strong span {
    color: #8fe162;
}

.vector-strip-stars {
    flex: 0 0 auto;
    color: #ffc84f;
    font-size: .92em;
    letter-spacing: 3px;
}

@media (max-width: 1199px) {
    .vector-banner-proof {
        width: min(680px, 80vw);
        margin-top: 74px;
        margin-left: clamp(18px, 5vw, 72px);
    }
}

@media (max-width: 991px) {
    .home_hero--vector {
        min-height: 560px;
        padding-top: 110px;
        padding-bottom: 45px;
    }

    .vector-banner-copy {
        max-width: 500px;
        padding-left: 0;
    }

    .vector-banner-proof {
        width: 100%;
        margin-top: 54px;
        margin-left: 0;
    }

    .vector-feature-strip {
        min-height: 68px;
        padding: 11px 12px;
    }

    .vector-feature-item {
        gap: 6px;
        padding: 0 8px;
    }
}

@media (max-width: 767px) {
    .home_hero--vector {
        min-height: 555px;
        padding-top: 96px;
        padding-bottom: 34px;
    }

    .home_hero .vector-banner-title {
        margin-bottom: 16px;
    }

    .vector-banner-bullets {
        gap: 7px;
    }

    .vector-banner-proof {
        margin-top: 34px;
    }

    .vector-rating {
        letter-spacing: 4px;
    }

    .vector-feature-strip {
        min-height: 58px;
        padding: 9px 8px;
    }

    .vector-feature-item {
        gap: 4px;
        padding: 0 5px;
    }

    .vector-feature-icon {
        width: 20px;
        font-size: 19px;
    }

    .vector-feature-text {
        font-size: clamp(9px, 2.55vw, 12px);
        line-height: 1.05;
    }

    .vector-customer-strip {
        gap: 8px;
        width: 100%;
        min-height: 36px;
        padding: 7px 9px;
    }

    .vector-strip-stars {
        letter-spacing: 1px;
    }
}

@media (max-width: 420px) {
    .vector-feature-strip {
        padding-right: 6px;
        padding-left: 6px;
    }

    .vector-feature-item {
        padding: 0 4px;
    }

    .vector-feature-text {
        font-size: 8.8px;
    }

    .vector-customer-strip {
        font-size: 13px;
    }

    .vector-strip-stars {
        font-size: .78em;
    }
}

/* --- End Home_Hero ----  */



/* ----- Start Quality ----  */



.quality {

    position: relative;

    padding-top: 60px;

    padding-bottom: 80px;

    background-color: var(--cf);

}



.quality .arr-down {

    position: absolute;

    top: -54px;

    height: 104px;

    width: 104px;

    right: 0;

    left: 0;

    z-index: 1;

    margin: auto;

}



.quality h2 {

    font-size: 64px;

    color: var(--c0);

    line-height: 70px;

}





/* ----- End Quality ----  */



/* ---- start we-make ---  */

.we-make {

    position: relative;

    padding-top: 0px;

    padding-bottom: 180px;

    /* background-color: var(--c1); */

}



.we-make .bg-img {

    height: 690px;

    top: 0;

}



.we-make .txt {

    color: var(--cf);

}



.we-make h2 {

    font-size: 40px;

    color: var(--cf);

    line-height: 50px;

}



.we-make p {

    font-size: 18px;

    line-height: 38px;

    text-align: justify;

}



/* ---- end we-make ---  */



/* ---- Start brand ---  */

.brands {

    position: relative;

    padding-top: 95px;

    padding-bottom: 95px;



}



.brands::before {

    position: absolute;

    content: '';

    top: -57px;

    left: 0;

    width: 475px;

    height: 790px;

    background-image: url(../img/bg-svg/brands-left-bg.svg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.brands .txt {

    position: relative;

}



.brands .txt::before {

    position: absolute;

    content: '';

    top: -95px;

    right: -55px;

    height: 548px;

    /* width: 0.3px;/ */

    border-right: 0.3px solid #707070;

}



.brands .brands-logo .img {

    margin-bottom: 40px;

}



.brands .brands-logo .col-md-5:nth-last-child(1) .img {

    margin-bottom: 0;

}



.brands h2 {

    color: #1D1E27;

}



.brands p {

    font-size: 18px;

    line-height: 38px;

    color: #1D1E27;

    text-align: justify;

}



/* --- End brands ---  */





/* --- Start easty-step ---  */

.easty-step {

    position: relative;

    padding-top: 60px;

    padding-bottom: 60px;

    background-color: #201C1C;

}



.easty-step .title_sec {

    margin-bottom: 50px;

}



/* .easty-step .title_sec h2 */





.easty-step h3 {

    font-size: 32px;

    color: var(--c2);

}



.easty-step h3 span {

    color: var(--c2);

}



.easty-step .wrap {

    position: relative;

    color: var(--cf);

    text-align: center;

}



.easty-step .wrap.line::before {

    position: absolute;

    content: '';

    top: 35%;

    right: -100px;

    width: 170px;

    height: 18px;

    background-image: url(../img/icons/curve-line.svg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.easty-step .wrap img {

    max-width: 40%;

    margin: auto;

}



.easty-step .wrap .txt h5 {

    color: var(--c2);

    /* font-size: 20px; */

    margin: 20px 0 10px;

}



.easty-step .wrap .txt p {

    font-size: 14px;

}



.easty-step .slider-arrows .slider-arrow {

    top: 55%;

    box-shadow: 0 0px 6px 1px #7f809785;

}



.easty-step .slick-slide {

    padding: 0 20px;

}



/* --- End easty-step ---  */



/* ---- Start we-offer ---  */

.we-offer {

    position: relative;

    margin-top: 105px;

    margin-bottom: 105px;

}



.we-offer h2 {

    color: #201C1C;

}



.we-offer .col-md-7 {

    height: inherit;

}



.we-offer .col-md-7 .img {

    height: 100%;

}



.we-offer .col-md-7 img:last-child {

    height: 63%;

}



.we-offer img {

    width: 100%;

    margin-bottom: 14px;

}



.we-offer img:last-child {

    margin-bottom: 0;

}



.we-offer p {

    font-size: 18px;

    line-height: 31px;

    text-align: justify;

}



/* ---- End we-offer ---  */





/* ------ Start Our Service Page -----  */



.service {

    position: relative;

    padding-top: 0px;

    padding-bottom: 70px;

}



.service .title_sec {

    margin-bottom: 68px;

}



.service h3 {

    color: #222222;

}



.service h3 span {

    color: var(--c2);

}



.service .title_sec p {

    font-size: 18px;

    line-height: 32px;

    font-family: "P-Regular";

}



.service .wrap {

    position: relative;

    margin-bottom: 50px;

    transition: all 0.4s;

}



.service .wrap:hover {

    transform: translatey(10px);

}



.service .col-md-6:nth-last-child(3) .wrap,

.service .col-md-6:nth-last-child(2) .wrap,

.service .col-md-6:nth-last-child(1) .wrap {

    margin-bottom: 0;

}



.service .info {

    padding: 0 28px 28px;

}



.service .wrap::before {

    position: absolute;

    content: '';

    left: 0;

    bottom: 0;

    width: 100%;

    height: 68%;

    z-index: -1;

    border-radius: 20px;

    background-image: url(../img/icons/sers-bg-01.svg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.service .img img {

    width: 100%;

}



/* .service .col-l-g */



.service .txt {

    margin-top: 24px;

}



.service .wrap h5 {

    color: #111111;

    margin-bottom: 12px;

}



.service .wrap p {

    font-size: 14px;

}



.service .wrap .btn {

    color: var(--c2);

    font-weight: 600;

    font-size: 18px;

    line-height: 23px;

    text-align: center;

    letter-spacing: 0.2em;

    margin-top: 8px;

    margin-bottom: 8px;

    padding: 0;

    text-transform: uppercase;

    text-decoration: underline;

}



.service .wrap .btn:active {

    border: none;

}





/* ------ End Our Service Page -----  */





/* ----- Start pricing ----  */

.pricing {

    position: relative;

    padding-top: 80px;

    padding-bottom: 80px;

}



.pricing .bg-img {

    height: 995px;

    opacity: 0.5;

}



.pricing .arr-down {

    position: absolute;

    top: -50px;

    height: 104px;

    width: 104px;

    right: 0;

    left: 0;

    margin: auto;

}



.pricing h3 span {

    color: var(--c2);

}



.pricing .pricing-nav {

    display: flex;

    justify-content: center;

}



.pricing .nav-tabs {

    padding: 5px;

    border-radius: 50px;

    margin-bottom: 45px;

    background-color: var(--cf);

}



.pricing .nav-tabs .nav-link {

    font-size: 20px;

    line-height: 26px;

    font-family: 'P-Regular';

    font-weight: 600;

    padding: 20px 50px;

    border-radius: 50px;

    color: #6B6B6B;

    border: none;

}



.pricing .nav-tabs .nav-link:focus {

    border: none;

    border-color: unset;

}



.pricing .nav-tabs .nav-link.active,

.pricing .nav-tabs .nav-link:hover {

    border: none;

    border-color: unset;

    color: #070707;

    background-color: #B1B1B1;

}



.pricing .wrap {

    border-radius: 10px;

    transition: all 0.4s;

    background-color: var(--cf);

}



.pricing .wrap:hover {

    transform: scale(1.1);

    box-shadow: 0px 0px 10px lightgray;

}



.pricing .title_sec {

    text-align: center;

    margin-bottom: 34px;

}



.pricing .title_sec p {

    font-size: 18px;

    line-height: 32px;

    font-family: "P-Regular";

}



.pricing .head {

    color: #000000;

    text-align: center;

    padding: 18px 10px;

    border-radius: 10px 10px 0px 0px;

    background-color: #dddddd;

}



.pricing .head h4 {

    font-family: 'Impact';

    font-weight: 500;

    font-size: 28px;

    line-height: 37px;

    color: #ffffff;

    letter-spacing: 0.08em;

    margin-bottom: 0;

    text-transform: capitalize;

}



.pricing .content {

    padding: 28px 30px;

}



.pricing .content ul li {

    position: relative;

    text-align: left;

    line-height: 22px;

    font-size: 16px;

    color: #6B6B6B;

    font-family: "P-Medium";

    padding-bottom: 3px;

    margin-bottom: 15px;

}



.pricing .content ul li::after {

    position: absolute;

    content: '';

    left: 0;

    right: 36px;

    bottom: 0;

    width: 85%;

    margin: auto;

    border-bottom: 3px solid #EFEFEF;

}



/* .pricing .content ul li::before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 26px;

    height: 42px;

    background-image: url(../img/icons/pin-pricing.svg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

} */



.pricing .content ul li:last-child::after {

    display: none;

}



.pricing .content ul li:last-child {

    padding-bottom: 0;

    margin-bottom: 20px;

}



.pricing .bottom {

    display: flex;

    align-items: end;

    text-align: center;

    justify-content: space-evenly;

    padding: 15px 10px;

    border-radius: 0px 0px 10px 10px;

    background-color: #f2f2f2;

}



.pricing .bottom a {

    font-family: 'P-Regular';

    font-weight: 500;

    font-size: 26px;

    line-height: 33px;

    padding-bottom: 5px;

    margin-bottom: 0;

}



.pricing .bottom a span {

    color: #C9163B;

}



.pricing .price .dollar {

    position: relative;

    top: -30px;

    font-family: 'P-Regular';

    font-weight: 400;

    font-size: 24px;

    line-height: 37px;

    color: #474747;

}



.pricing .price .piece {

    font-family: 'P-Regular';

    font-weight: 500;

    font-size: 22px;

    line-height: 30px;

    color: #474747;

}



.pricing .price .numb {

    font-family: 'P-SemiBold';

    font-weight: 400;

    font-size: 70px;

    line-height: 76px;

    color: #474747;

}





/* ----- End pricing ----  */



/* --- Start why-choose ---  */

.why-choose {

    position: relative;

    margin-top: 65px;

    margin-bottom: 65px;

}



.why-choose .title_sec {

    text-align: center;

    margin-bottom: 40px;

}



.why-choose .title_sec h2 {

    color: #201C1C;

}



.why-choose .title_sec p {

    font-size: 18px;

    line-height: 38px;

}



.why-choose .wrap {

    margin-bottom: 16px;

}



.why-choose .wrap:last-child {

    margin-bottom: 0;

}



.why-choose .info {

    text-align: center;

    padding: 32px 20px;

    border-radius: 10px;

    background-color: #012b50
}



.why-choose .info h5 {

    font-size: 18px;

    color: #ffffff;

    font-weight: 600;

    margin-bottom: 8px;

    font-family: "P-Bold";

    text-transform: uppercase;

}



/* --- End why-choose ---  */



/* --- Start checkout ---  */

.checkout {

    position: relative;

    padding-top: 80px;

    padding-bottom: 80px;

    /* background-color: var(--cf); */

}



.checkout::before {

    position: absolute;

    content: '';

    left: 0;

    right: 0;

    bottom: 0;

    width: 80%;

    margin: auto;

    border-bottom: 2px solid var(--c5);

}



.checkout .container {

    position: relative;

    z-index: 2;

}


.checkout.pri_checkout .bg-img {
    height: 920px;
}

.checkout .bg-img {

    top: 0;

    z-index: 1;

    height: 1497px;

    background-size: contain;

}



.checkout .title_sec {

    text-align: center;

    margin-bottom: 16px;

}



.checkout h3 span {

    color: var(--c2);

}



/* .checkout .title_sec p {

    font-family: "P-Medium";

} */



/* --- End checkout ---  */



/* ----- Start digitizing ---  */

.digitizing {

    position: relative;

    padding-top: 80px;

    padding-bottom: 190px;

    /* background-color: var(--cf); */

}



.digitizing .container {

    position: relative;

    z-index: 2;

}



.digitizing .title_sec {

    text-align: center;

    margin-bottom: 52px;

}



.digitizing h3 {

    margin-bottom: 0px;

}



.digitizing h3 span {

    color: var(--c2);

}



.digitizing .img {

    position: relative;

}



.digitizing .img::before {

    position: absolute;

    content: '';

    top: auto;

    bottom: -15%;

    left: auto;

    right: 85%;

    width: 206px;

    height: 122px;

    z-index: 1;

    background-image: url(../img/icons/dot-line-3.svg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.digitizing .dig2::before {

    top: auto;

    bottom: 38%;

    left: auto;

    right: -29%;

    background-image: url(../img/icons/dot-line-2.svg);

}



.digitizing .two-btn {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.digitizing .two-btn .btn1 {

    position: relative;

    top: 55px;

    left: -75px;

}



.digitizing .two-btn .btn2 {

    position: relative;

    top: -115px;

    left: 40px;

}



.digitizing .digi-lock-img {

    position: absolute;

    left: 0;

    right: 0;

    bottom: -90px;

    width: 20%;

    margin: auto;

    text-align: center;

}



.digitizing .digi-lock-img h5 {

    position: relative;

    font-size: 30px;

    font-weight: 400;

    color: var(--c3);

    margin-top: 47px;

    padding-top: 40px;

}



.digitizing .digi-lock-img h5::before {

    position: absolute;

    content: '';

    top: -40px;

    right: 0;

    left: 0;

    width: 2px;

    height: 38px;

    margin: auto;

    background-color: var(--c2);

}



.digitizing .digi-lock-img .img::before {

    display: none;

}



/* --- End digitizing ---  */





/* ----- Start process ---- */

.process {

    position: relative;

    padding-top: 40px;

    padding-bottom: 80px;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url(../img/common/process-bg.png);

}



.process .bg-img {

    top: -65px;

    z-index: 0;

    height: 655px;

}



.process .container {

    position: relative;

    z-index: 1;

}



.process .title_sec {

    text-align: center;
    margin-bottom: 46px;

}



.process h3 {

    color: var(--cf);
	font-size: 50px;

}



.process .wrap {

    align-items: center;

}

.process .process-step-head {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 24px;

    width: 100%;

}

.process .img {
	text-align: center;
	
}



/* .process .wrap img {

    max-width: 60%;

} */



.process .txt {

    /* text-align: center; */

    color: var(--cf);

    margin-top: 10px;

}



.process .txt h3 {

    color: var(--cf);

    margin-bottom: 4px;

}



.process .txt p {

    font-size: 16px;

    line-height: 24px;

    font-family: "P-SemiBold";

}

.process .process-step-copy {

    text-align: center;

}



/* ----- End process ---- */



/* --- Start testimonials ---  */

.testimonials {

    position: relative;

    padding-top: 115px;

    padding-bottom: 115px;

}



.testimonials .title_sec {

    text-align: center;

    margin-bottom: 40px;

}



.testimonials .title_sec h5 {

    color: #222222;

    margin-bottom: 8px;

}



.testimonials .title_sec h3 {

    color: #222222;

    margin-bottom: 0;

}



.testimonials .item {

    padding: 0 12px;

}



.testimonials .wrap {

    padding: 30px 20px 7px;

    border-radius: 0 0 10px 10px;

    border-bottom: 14px solid #D3D7DB;

    box-shadow: 0 0 10px #1b1b1d2c;

    background-color: var(--cf);

}



.testimonials .txt {

    text-align: center;

}



.testimonials .txt img {

    margin: auto;

}



.testimonials .txt p {

    margin-top: 24px;

    line-height: 24px;


}



.testimonials .profile {

    margin-top: 24px;

}



.testimonials .profile img {

    margin: auto;

}



.testimonials .profile h6 {

    font-size: 16px;

    font-weight: 500;

    font-family: "P-Medium";

    line-height: 22px;

    color: #201C1C;

    margin-top: 6px;

}



.slick-dots li button {

    border-radius: 50px;

    border: 2px solid #031526;

}



.slick-dots li button:before {

    font-size: 52px;

    color: transparent;

    opacity: 1;

    line-height: 20.7px;

}



.slick-dots li.slick-active button:before {

    opacity: 1;

}





/* --- End testimonials ---  */







/* --- Start blog ---- */



.blog {

    position: relative;

    padding-top: 80px;

    padding-bottom: 80px;

    overflow: hidden;

}



.blog .bg-img {

    top: 0;

    height: 845px;

    background-size: contain;

}



.blog .title_sec {

    text-align: center;

    margin-bottom: 42px;

}





.blog h3 {

    margin-bottom: 10px;

}



.blog h3 span {

    color: var(--c2);

}



.blog p {

    font-size: 18px;

    font-family: "P-Regular";

}



.blog .img {

    position: relative;

}



.blog .img img {

    width: 100%;

    border-radius: 16px;

}





.blog .date {

    position: absolute;

    left: 0;

    bottom: 0;

}



.blog .date p {

    color: var(--cf);

    font-family: 'P-Regular';

    font-weight: 400;

    font-size: 13px;

    line-height: 20px;

    padding: 4px 8px;

    border-radius: 0 0 0 16px;

    background-color: #FF5926;

}



.blog .txt {

    margin-top: 20px;

}



.blog .txt h5 {

    color: #222222;

    font-size: 18px;

    margin-bottom: 10px;

}



.blog .txt h5 span {

    color: #222222;

    font-size: 18px;

    display: block;

}



.blog .txt p {

    font-size: 16px;

    line-height: 24px;

}



.blog .txt a {

    font-weight: 600;

    font-size: 16px;

    line-height: 144.7%;

    color: var(--c2);

    display: inline-block;

    margin-top: 6px;

    text-transform: uppercase;

    text-decoration: underline;

}



.blog .slick-list {

    padding: 20px 0 !important;

}



.blog .item {

    padding: 0 20px;

}



.blog .slick-slide.slick-current .item {

    transform: scale(1.1);

    transition: 0.3s all ease-in-out;

}



/* --- End blog ---- */





/* ---- Start contact_us ---  */

.contact_us {

    position: relative;

    padding-top: 40px;

    padding-bottom: 20px;

}



.contact_us .bg-img {

    top: 0;

    z-index: 1;

    height: 895px;

}



.contact_us .container {

    position: relative;

    z-index: 2;

}



.contact_us .title_sec {

    text-align: center;

    margin-bottom: 56px;

    color: #000000;

}



.contact_us h3 {

    color: #000000;

    margin-bottom: 10px;

}



.contact_us h3 span {

    color: var(--c2);

}



.contact_us .form-group {

    margin-bottom: 15px;

}



.contact_us .form-group .bbtn {

    margin-top: 30px;

}



.contact_us label {

    color: #898585;

    font-size: 20px;

    font-family: 'P-Regular';

    line-height: 138.11%;

    text-transform: capitalize;

    padding: 0.375rem 0.75rem;

}



.contact_us .form-control {

    color: #d7d7d7;

    font-size: 20px;

    font-family: 'P-Regular';

    line-height: 138.11%;

    border: none;

    border-radius: unset;

    border-bottom: 1px solid #d7d7d7;

    background-color: transparent;

}



.contact_us .form-control:focus {

    box-shadow: unset;

}



/* ---- End contact_us ---  */







/* ----------------------------------- */

/* ------ End Home Page -----  */

/* ------------------------- */







/* --------- Start Banner_hero ---------  */



.banner_hero {

    position: relative;

    padding-top: 155px;

    padding-bottom: 76px;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}



.banner_hero h2 {

    color: var(--cf);

}



/* --------- End Banner_hero ---------  */



/* ------ Start About_us Page -----  */



/* --- Start About_us ---  */

.about_us {

    position: relative;

    margin-bottom: 0px;

}



.about_us .about-wrap {

    padding-top: 77px;

    padding-bottom: 87px;

    background-image: url(../img/icons/about-us-bg.svg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}



.about_us h4 {

    margin-bottom: 4px;

}



.about_us h3 {

    margin-bottom: 0px;

}



.about_us p {

    font-size: 20px;

    line-height: 32px;

}



.about_us h3 span {

    color: var(--c2);

}



.about_us .video-img {

    position: relative;

    border-radius: 20px;

}



.about_us .video-img img {

    border-radius: 20px;

}



.about_us .video-img::before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0.6;

    border-radius: 20px;

    background-color: #000;

}



.about_us .video-img .play-icon {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    z-index: 1;

    text-align: center;

    color: var(--c0);

    font-size: 2rem;

    line-height: 89px;

    padding: 0;

    width: 89px;

    height: 89px;

    border-radius: 50px;

    background: #fff;

}



.about_us .video-img img {

    width: 100%;

}



.about_us .modal {

    --bs-modal-width: 65%;

}



.about_us .modal .modal-content {

    height: 380px;

    color: var(--cf);

    background-color: var(--c0);

}


.inset-about-video {
    --bs-modal-width: 65%;
}

.inset-about-video .modal-content {
    height: 420px;
    color: var(--cf);
    background-color: var(--c0);
}

.inset-about-video .inset_video {
    position: relative;
}

.inset-about-video .inset_video video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 450px;
    border-radius: 8px;
    object-fit: cover;
}


/* --- End About_us ---  */



/* --- Start What-We-do ---  */

.what-do {

    position: relative;

    margin-top: 60px;

    margin-bottom: 0px;

    background-image: url(../img/icons/what-we-bg.svg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

}



.what-do .title_sec {

    margin-bottom: 94px;

}



.what-do .title_sec h3 {

    margin-bottom: 0;

}



.what-do .title_sec h3 span {

    color: var(--c2);

}



.what-do .txt h3 {

    color: #ffa701;

}



.what-do .txt p {

    font-size: 16px;

    line-height: 24px;

    text-align: justify;

}



.what-do .mrg-btm {

    margin-bottom: 30px;

}



/* --- End What-We-do ---  */



/* ------ End About_us Page -----  */





/* --------- Start Srevice detail ---  */

.service-detail {

    position: relative;

    padding-top: 120px;

    padding-bottom: 120px;

}



/* --------- End Srevice detail ---  */





/* -------  */



.contact_page {

    background-color: #ffffff;

}



.contact_page .bg-img {

    display: none;

}



/* -----  */





/* ------ Start Our faqs Page -----  */



.faqs {

    position: relative;

    padding-top: 70px;

    padding-bottom: 70px;

}



.faqs .title_sec {

    margin-bottom: 68px;

}



.faqs h4 {

    font-size: 80px;

}



.faqs h3 span {

    color: var(--c2);

}



.faqs .accordion-button::after {

    background-image: url(../img/icons/plus-icon.svg);

}



.faqs .accordion-button:not(.collapsed)::after {

    background-image: url(../img/icons/plus1-icon.svg);

}



.faqs .faqs-wrap h2,

.faqs .faqs-wrap h2 .accordion-button {

    font-family: "Impact";

    font-size: 24px;

    line-height: 150%;

    color: var(--c1);

    padding: 0;

}



.faqs .faqs-wrap h2 .accordion-button:focus-visible {

    outline: none;

}



.faqs .faqs-wrap h2 .accordion-button:focus {

    border: none;

    box-shadow: none;

}



.faqs .faqs-wrap .txt1 {

    font-family: "Impact";

    font-size: 32px;

    line-height: 150%;

    width: 8%;

    text-transform: uppercase;

    text-align: left;

    padding: 40px 20px;

    margin-right: 37px;

    border-right: 1px solid #B1B1B1;

}



.faqs .faqs-wrap .txt2 {

    font-family: "P-Regular";

    width: 80%;

    padding: 40px 0px;

}



.faqs .faqs-wrap .accordion-body {

    padding: 20px 0;

}



.faqs .faqs-wrap .accordion-body .txt1 {

    color: var(--c2);

    width: 8%;

}



.faqs .accordion {

    --bs-accordion-bg: none;

    --bs-accordion-border-radius: 10px;

}



.faqs .accordion-button:not(.collapsed) {

    background: #FFFFFF;

    box-shadow: none;

}



.faqs .accordion-item {

    border: none;

    padding: 16px 34px;

    background: #FFFFFF;

    margin-bottom: 50px;

    border-radius: 10px;

    box-shadow: 0px 4px 20px rgba(158, 156, 156, 0.25);

}



/* ------ End Our faqs Page -----  */









 /* ---- portfolio ----  */

 .about_us .wrap img{
    border-radius: 10px;
 }
















/* ---Start Footer ---  */



footer {

    position: relative;

    padding-top: 49px;

    /* padding-bottom: 80px; */

}



footer::before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    z-index: -1;

    background-image: url(../img/bg-svg/footer-bg.svg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



footer::after {

    position: absolute;

    content: '';

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    z-index: -1;

    background-image: url(../img/bg-svg/footer-bg1.svg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



footer p {

    font-family: "P-Regular";

}



footer .txt {

    margin-top: 32px;

    max-width: 370px;

}



footer .wrap h5 {

    margin-top: 21px;

}



footer .top-space {

    padding-top: 74px;

}



footer .wrap ul li a {

    display: inline-block;

    font-weight: 400;

    font-size: 18px;

    font-family: "P-Regular";

    line-height: 24px;

    color: var(--c6);

    margin-bottom: 8px;
    transition: all 0.3s;
    text-transform: capitalize;

}

footer .wrap ul li a:hover {
    color: var(--c2);
}

footer .footer-detial {

    margin-top: 88px;

    padding-top: 26px;

    border-top: 3px solid #E2E2E2;

}



footer .footer-detial p {

    position: relative;

    padding-left: 32px;

}



footer .footer-detial p span {

    position: absolute;

    top: 1px;

    left: 0px;

}



footer .footer-detial .col-lg-4:last-child {

    display: flex;

    justify-content: end;

}



footer .footer-detial .col-lg-4:last-child .content {

    text-align: right;

}



footer .footer-bottom {

    padding-top: 22px;

    padding-bottom: 22px;

    margin-top: 80px;

    background-color: var(--c2);

}



footer .footer-bottom p {

    color: var(--cf);

}



footer .footer-bottom p img {

    margin-right: 40px;

}



footer .footer-bottom ul {

    padding: 0;

    list-style: none;

    display: flex;

    justify-content: end;

}



footer .footer-bottom ul li {

    color: var(--c0);

    width: 51px;

    height: 51px;

    font-size: 20px;

    text-align: center;

    border-radius: 50px;

    margin-right: 20px;

    line-height: 51px;

    background-color: #fff;

}

footer .footer-bottom ul li:hover {

    background-color: var(--c1);

}



footer .footer-bottom ul li a {

    color: var(--c0);

}

footer .footer-bottom ul li:hover a {

    color: #fff;

}



/* ---End Footer ---  */





/* form ----  */



.sig-up h4 {

    color: var(--cf);

    text-align: center;

}



.sig-up .form-wrap {

    position: relative;

}



.sig-up .form-group {

    margin-bottom: 15px;

}



.sig-up label {

    color: #d7d7d7;

    font-size: 20px;

    font-family: 'P-Regular';

    line-height: 138.11%;

    text-transform: capitalize;

    padding: 0.375rem 0.75rem;

}



.sig-up .form-control {

    color: #d7d7d7;

    font-size: 20px;

    padding: 0 0.75rem;

    font-family: 'P-Regular';

    line-height: 138.11%;

    border: none;

    border-radius: unset;

    border-bottom: 1px solid #d7d7d7;

    background-color: transparent;

}

.sig-up select option {

    background-color: var(--c1);

}



.sig-up .form-control:focus {

    box-shadow: unset;

}



.sig-up .bbtn {

    width: 100%;

    margin-top: 24px;

    padding: 10px 24px;

    text-align: center;

}



.sig-up .bbtn:hover {

    color: var(--cf);

}





/* form ----  */



/* --------  */



body.show-popup {

    overflow-y: hidden;

}



.overlay {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    opacity: 0.80;

    z-index: 6;

    display: none;

    background-color: #000;

}



.popup,

.popup1,

.popup2 {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100vh;

    z-index: 7;

    color: var(--cf);

    padding: 30px;

    overflow-x: hidden;

    overflow-y: auto;

}







.popup .popup-wrap,

.popup1 .popup-wrap,

.popup2 .popup-wrap {

    width: 45%;

    padding: 30px;

    margin: 0 auto;

    border-radius: 5px;

    background-color: var(--c1);

}



.sig-up p {

    font-size: 18px;

    font-weight: 500;

    font-family: "P-Regular";

    color: var(--cf);

    text-transform: capitalize;

}



.sig-up a {

    font-size: 18px;

    font-weight: 500;

    font-family: "P-Regular";

    color: var(--cf);

    text-transform: capitalize;

}



.sig-up a:hover {

    color: var(--c2);

}



.close,

.close1,

.close2 {

    position: absolute;

    top: 0;

    right: 0;

    border: none;

    color: #FDFDFD;

    font-size: 20px;

    text-decoration: none;

}


/* index css */
body,html{
	overflow-x:hidden;
max-width:100%
}
.wrapper{
  position: relative;
  height: 500px;
  width: 540px;
  overflow: hidden;
}
.wrapper .images{
  height: 100%;
  width: 100%;
  display: flex;
}
.wrapper .images .img-1{
  height: 1177px;
  width: 1140px;
  background: url("assets/img/common/Untitled design (1).png") no-repeat;
}
.wrapper .images .imga-1{
  height: 1177px;
  width: 1140px;
  background: url("assets/img/common/Untitled design (1).png") no-repeat;
}
.wrapper .images .img-2{
  position: absolute;
  height: 1177px;
  width: 270px;
  /* filter: blur(5px); */
  background: url("assets/img/common/Untitled design (5).png") no-repeat;
}
.wrapper .images .imgae-1{
  position: absolute;
  height: 1177px;
  width: 1140px;
  /* filter: blur(5px); */
  background: url("assets/img/common/Untitled design (1).png") no-repeat;
}
.wrapper .images .imgae-2{
  position: absolute;
  height: 1177px;
  width: 270px;
  /* filter: blur(5px); */
  background: url("assets/img/common/Untitled design (5).png") no-repeat;
}
.wrapper .images .imga-2{
  position: absolute;
  height: 1177px;
  width: 270px;
  background: url("assets/img/common/Untitled design (5).png") no-repeat;
}

 @media (max-width: 600px) {
    .wrapper .images .img-2 {
      background: url("assets/img/common/Untitled design (6).png") no-repeat;
    }
    .wrapper .images .img-1 {
      background: url("assets/img/common/Untitled design (3).png") no-repeat;
    }
	.wrapper .images .imga-1 {
      background: url("assets/img/common/Untitled design (3).png") no-repeat;
    }
	.wrapper .images .imga-2 {
      background: url("assets/img/common/Untitled design (6).png") no-repeat;
    }
	.wrapper .images .imgae-2 {
      background: url("assets/img/common/Untitled design (6).png") no-repeat;
    }
	.wrapper .images .imgae-1 {
      background: url("assets/img/common/Untitled design (3).png") no-repeat;
    }
    .wrapper {
      height: 320px;
    }
    .slider .drag-line {
      height: 280px !important;
    }
    .slider .drag-line span {
      left: 50%; /* Center the arrow on the screen */
    }
	.slider .drag-line{
  height: 290px;
}
}
.wrapper .slider{
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
}
.wrapper .slider input{
  width: 100%;
  outline: none;
  background: none;
  -webkit-appearance: none;
  height:485px;
  -webkit-opacity: -10;
}
.slider input::-webkit-slider-thumb{
  height: 486px;
  width: 3px;
  background: none;
  -webkit-appearance: none;
  cursor: col-resize;
}
.slider .drag-line{
  width: 3px;
  height: 480px;
  position: absolute;
  left: 49.85%;
  pointer-events: none;
}
.slider .drag-line::before,
.slider .drag-line::after{
  position: absolute;
  content: "";
  width: 100%;
  height: 222px;
  background: black;
}
.slider .drag-line::before{
  top: 0;
}
.slider .drag-line::after{
  bottom: 0;
}
.slider .drag-line span{
  height: 42px;
  width: 42px;
  border: 3px solid black;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.slider .drag-line span::before,
.slider .drag-line span::after{
  position: absolute;
  content: "";
  top: 50%;
  border: 10px solid transparent;
  border-bottom-width: 0px;
  border-right-width: 0px;
  transform: translate(-50%, -50%) rotate(45deg);
}
.slider .drag-line span::before{
  left: 40%;
  border-left-color: black;
}
.slider .drag-line span::after{
  left: 60%;
  border-top-color: black;
}

.custom{
    border-radius: 15px !important;
    margin-top: 113px !important;
    overflow: hidden !important;
}

.custom-2{
    border-radius: 15px !important;
    margin-bottom: 83px !important;
    overflow: hidden !important;
}

.custom-3{
    border-radius: 15px !important;
    margin-bottom: 35px !important;
    overflow: hidden !important;
}

.custom-4{
    border-radius: 15px !important;
    margin-bottom: 0px !important;
    overflow: hidden !important;
}

/* ----  */

.title_sec ul {
    list-style: none;
    padding-left: 0;
    margin-top: 1em;
}

.title_sec ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 1.1;
    color: #333;
    font-weight: 500;
}

.title_sec ul li::before {
    content: '✔';
    position: absolute;
    left: 0;
    top: 2px;
    color: #FFA500;
    font-weight: bold;
    font-size: 18px;
}

.self-center {
    margin-top: 18rem !important;
}


.hat-size-table-wrapper {
    margin-top: 20px;
    overflow-x: auto;
}

.hat-size-table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 15px;
    background: #fff;
    border: 1px solid #ddd;
}

.hat-size-table th {
    background-color: #1a1a1a;
    color: #fff;
    padding: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.hat-size-table td {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    color: #333;
}

.hat-size-table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.hat-size-table tr:hover {
    background-color: #e8f0ff;
    transition: 0.3s ease;
}

.service .img img,
header .nav-tb-collapse {
    width: 100%;
    border-radius: 12px;
}

.service .section-heading-hierarchy,
.faqs .section-heading-hierarchy {
    font-size: 43px;
    line-height: 55px;
    letter-spacing: .105em;
    color: #222;
}

.service .section-heading-hierarchy span,
.faqs .section-heading-hierarchy span {
    font-size: 43px;
    line-height: 55px;
    letter-spacing: .105em;
    color: var(--c2);
}

@media (max-width: 991.98px) {
    .service .section-heading-hierarchy,
    .faqs .section-heading-hierarchy,
    .service .section-heading-hierarchy span,
    .faqs .section-heading-hierarchy span {
        font-size: 32px;
        line-height: 1.28;
        letter-spacing: 0.04em;
    }

    .service h3,
    .service h3 span,
    .banner_hero h1,
    .banner_hero .txt h1 {
        letter-spacing: 0.04em;
    }
}

@media (max-width: 575.98px) {
    .service .section-heading-hierarchy,
    .faqs .section-heading-hierarchy,
    .service .section-heading-hierarchy span,
    .faqs .section-heading-hierarchy span {
        font-size: 26px;
        line-height: 1.3;
        letter-spacing: 0.02em;
    }

    .service h3,
    .service h3 span,
    .banner_hero h1,
    .banner_hero .txt h1 {
        letter-spacing: 0.02em;
    }
}

.faqs .faqs-wrap .accordion-header,
.faqs .faqs-wrap .accordion-header .accordion-button {
    font-family: Impact;
    font-size: 24px;
    line-height: 150%;
    color: var(--c1);
    padding: 0;
}

.faqs .faqs-wrap .accordion-header .accordion-button:focus-visible {
    outline: 0;
}

.faqs .faqs-wrap .accordion-header .accordion-button:focus {
    border: none;
    box-shadow: none;
}

/* Blog two-column media: text wraps under image to avoid empty gaps */
@media (min-width: 992px) {
    .blog-media-section {
        overflow: hidden;
    }
    .blog-media-section .blog-float-img {
        float: right;
        width: 48%;
        max-width: 560px;
        margin: 0 0 24px 28px;
    }
    .blog-media-section.blog-media-left .blog-float-img {
        float: left;
        margin: 0 28px 24px 0;
    }
    .blog-media-section .blog-float-img img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 12px;
    }
}
@media (max-width: 991.98px) {
    .blog-media-section .blog-float-img {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 0 0 20px;
    }
    .blog-media-section .blog-float-img img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 12px;
    }
}