body {
color: #161618;line-height: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
box-sizing: border-box;font-size: 17px;font-family: 'graphik_regularregular';background: #fff;
}
*,
::after,
::before {box-sizing: inherit;}
.color_1{color: #E23330;}
.color_2{color: #161618;}
.color_3{color: #A4A4A6;}
.bg_1{background: #E23330;}
.bg_2{background: #F2F5F9;}
.bg_3{background: #161618;}
@font-face {
font-family: 'graphikblack';src: url('../fonts/graphikblack.woff2') format('woff2'),url('../fonts/graphikblack.woff') format('woff');
font-weight: normal;font-style: normal;
}
@font-face {font-family: 'graphikbold';src: url('../fonts/graphikbold.woff2') format('woff2'),url('../fonts/graphikbold.woff') format('woff');
font-weight: normal;font-style: normal;
}
@font-face {font-family: 'graphiklight';src: url('../fonts/graphiklight.woff2') format('woff2'),url('../fonts/graphiklight.woff') format('woff');
font-weight: normal;font-style: normal;
}
@font-face {font-family: 'graphikmedium';src: url('../fonts/graphikmedium.woff2') format('woff2'),url('../fonts/graphikmedium.woff') format('woff');
font-weight: normal;font-style: normal;
}
@font-face {font-family: 'graphik_regularregular';src: url('../fonts/graphikregular.woff2') format('woff2'),url('../fonts/graphikregular.woff') format('woff');
font-weight: normal;font-style: normal;
}
@font-face {font-family: 'graphiksemibold';src: url('../fonts/graphiksemibold.woff2') format('woff2'),url('../fonts/graphiksemibold.woff') format('woff');
font-weight: normal;font-style: normal;
}
@font-face {font-family: 'graphikthin';src: url('../fonts/graphikthin.woff2') format('woff2'),url('../fonts/graphikthin.woff') format('woff');
font-weight: normal;font-style: normal;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1320px;}
h1,h2,h3,h4,h5{font-family: 'graphik_regularregular';font-weight: 500;}
h1 {font-size:56px;}
.fw-bold{font-weight: bold;font-family: 'graphiksemibold';}
.mx-80 {margin: 0px 80px;}
.px-100 {padding-left: 100px;padding-right:100px;}
.px-40 {padding-left: 40px;padding-right: 40px;}
a:hover {color: #E23330;text-decoration: none;}
a {color: #fff;text-decoration: none;transition: all 0.3s;font-weight: 400;}
p {line-height: 28px;font-size: 18px;font-family: 'graphik_regularregular';margin-bottom: 10px;}
.top-btn .btn {background: #E23330;border-radius: 4px;border: solid 2px #E23330;padding: 8px 18px;}
.top-btn .btn:hover{background: #000;color: #fff;border: solid 2px #000;}
.bannerbg{background: linear-gradient(270deg, rgba(226,51,48,1) 0%, rgba(21,7,7,1) 100%);}
.rounded24{border-radius: 24px;}
.rounded8{border-radius: 8px;}
.btn {background: transparent;border-radius: 0px;padding: 12px 20px;font-size: 16px;color: #fff;
transition: all .5s;text-transform: uppercase;font-family: 'graphikmedium';}
.btn2 {border: 2px solid #000000;color: #000000;width:45%;}
.btn2:hover {background-color:#004986 ;border-color: #004986;color: #ffffff;}
.btn:focus {outline: 0;box-shadow: 0 0 0 0;}
h2 {font-size: 36px;line-height: 46px;font-family: 'graphiksemibold';}
.h_line{position: relative;padding-left: 20px;}
.h_line::after {position: absolute;left: 0;content: "";top: 0;bottom: 0;width: 8px;
height: 100%;background: #E23330;}
.h_line.w-line::after{ background: #fff;}
h3 {font-size: 20px;line-height: 28px;font-family: 'graphiksemibold';}
ul {list-style-position: inside;}
p:empty {display: none;margin-bottom: 0}
.cursor-pointer {cursor: pointer;}
.fs-16 {font-size: 16px;}
.fs-20 {font-size: 20px;}
.fs-24 {font-size: 24px;}
.fs-36 {font-size: 36px;line-height: 1.2;}
.fs-30 {font-size: 30px;}
.fs-22 {font-size: 18px;}
.px-50{padding-left: 50px;padding-right: 50px;}
.py-130 {padding-top: 80px;padding-bottom: 80px;}
.py-40 {padding-top: 40px;padding-bottom: 40px;}
.pt-80 {padding-top: 80px;}
.pt-130 {padding-top: 130px;}
.innerbody{padding-left: 60px;padding-right: 60px;}
/*** Header Desktop Menu css  ****/
.headertop-contact {transition: all 0.3s;position: fixed;max-width: 1320px;top: 0;
z-index: 999;background: transparent;left: 0;right: 0;margin: auto;}
.headertop-contact.fixed {
    background: linear-gradient(270deg, rgba(226,51,48,1) 0%, rgba(21,7,7,1) 100%);
}
.dropdwoen-sec {width: max-content;position: absolute;left: 0;top: 73px;background: #f2aaaa;
padding: 10px;z-index: 10;border-radius: 16px;}
.headersubmenu:hover .collapse:not(.show) {display: block !important}
.headersubmenu .dropdwoen-sec ul li {padding: 0px 20px;width: 100%;transition: all .3s;}
.headersubmenu .dropdwoen-sec ul li:hover {background: #ffffff3d;}
.headersubmenu .dropdwoen-sec ul li a:after {position: absolute;bottom: 0;
left: 0;right: 0;width: 0px;content: '';color: transparent;background: #fff;
height: 0px;}
.sidenav ul li a:hover:after {width: 100%;}
.headersubmenu .dropdwoen-sec ul li a {padding: 0;
display: block;font-size: 24px;text-transform: uppercase;color: #fff !important;}
.logo {width: 110px;transition: all 0.3s;padding: 0px;}
.acolor {color: #2c2d2b;font-weight: 600;text-decoration: none;}
.sidenav ul li {padding: 10px 2%;}
.accordion {display: block;width: 100%;}
#linkid {position: relative;}
.sidenav a.nav-link {text-decoration: none;line-height: 1.1;font-size: 16px;display: block;
transition: 0.3s;color: #fff;padding: 8px 0;text-align: center;font-weight: 500;
font-family: 'graphikmedium';text-transform: uppercase;}
#accordion .active{color: #f2aaaa;}
.fixed .mobile_logo {width: 100%;display: inline-block;}
.sidenav .nav-item.active ul li a {color: #000;border-bottom: solid 0px #f2aaaa}
.sidenav .nav-item.active ul li a:hover {color: #f2aaaa;}
.sidenav .nav-item.active ul li.active a {color: #f2aaaa;}
.sidenav .nav-item.active ul li.active {background: #000 !important;color: #fff;}
.nav-px {padding: 0 50px;}
.sidenav ul li a:after {position: absolute;bottom: 0;left: 0;right: 0;width: 0px;
content: '';color: transparent;background: #f2aaaa;height: 0px;}
.sidenav ul li a {position: relative;}
.sidenav ul li a:after,
.sidenav ul li a:before {transition: all .5s;}
.sidenav a.nav-link:hover {color: #f2aaaa;} 
.sidenav .nav-item.active a {color: #f2aaaa;}
/*** End Header Desktop Menu css  ****/
.header-slider #carouselExampleCaptions{border-radius: 20px;overflow: hidden;}
/*-------toTop-----------*/
.scroll-btn {width: 48px;margin: auto;text-align: center;position: absolute;
border: 3px solid #fff;border-radius: 41px;height: 71px;left: 0;right: 0;bottom: 23px;
z-index: 111;padding-top: 9px;}
.scroll-btn a {
text-decoration: none;display: inline-block;font-size: 27px;font-weight: bold;color: #E23330;
transform: rotateZ(90deg);text-align: center;position: relative;left: 3px;}
.scroll-btn a span {float: left;animation: colors 1.5s infinite;}
.scroll-btn a span:nth-child(1) {animation-delay: 0s;}
.scroll-btn a span:nth-child(2) {animation-delay: 0.33s;}
.scroll-btn a span:nth-child(3) {animation-delay: 0.66s;}
@keyframes colors {
0%,
40%,
100% {
opacity: 0;
}
75% {
opacity: 1;
}
}
/*-------toTop-----------*/
.carousel-control-next, .carousel-control-prev{display: none;}
.carouselnewhome1 .owl-nav{display: block !important;}
.carouselnewhome1 .owl-prev {top: 45%;position: absolute;left: -20px;width: 42px;}
.carouselnewhome1 .owl-next{top: 45%;position: absolute;right: -20px;width: 42px;}
.carouselnewhome1 .owl-prev img,
.carouselnewhome1 .owl-next img {width: 100%;}
.overlay {position: relative;}
.overlay::before {content: '';background: rgb(0 0 0 / 0.23);position: absolute;width: 100%;height: 100%;}
.overlay2, .bgred, .steparrow {position: relative;}
/* .overlay2::before {content: '';
background: url(../images/loveicon.webp) no-repeat bottom right; */
position: absolute;width: 100%;height: 100%;bottom: 0;background-size: cover;}
.steparrow::before {
content: '';
background: url(../images/steparrow.png) no-repeat bottom right;
position: absolute;width: 59%;height: 26px;top: 56px;background-size: cover;right: -36%;}
.bgred::before {
content: '';background: #E23330;position: absolute;width: 95%;height: 88%;
bottom: 0;transform: rotate(-4deg);}
.match{position: relative; z-index: 1;}
.bottomcut{margin-bottom: -100px;}
.service-slide {border-radius: 16px;}
.service-slide .imgSec img{border-radius: 16px;transition:all .3s;}
.content-item .next-arrow{width: 40px;}
.features {display: flex;gap: 28px;justify-content: space-between;}
.features .card {background-color: #C10502;color: white;padding: 24px;width: 100%;
border-radius: 16px;text-align: left;}
.features .card h3 {margin-top: 0;}
.iconbottom {text-align: right;margin-right: -25px;margin-bottom: -25px;margin-top: auto;}
.icon {display: flex;align-items: center;font-size: 20px;margin-bottom: 10px;}
.useapp {display: flex;justify-content: space-between;width: 100%;gap: 40px;}
.step {width: 100%;}
.icon-container {background-color: #F3F3F5;width: 140px;height: 140px;border-radius: 50%;
display: flex;justify-content: center;margin: 0 auto 15px;}
.useapp .icon {font-size: 40px;color: #d32f2f;}
.useapp .arrow {font-size: 30px;color: #d32f2f;}
/* ................................footer css................................ */
.footer-back-img ul li a:hover{color: #f2aaaa;}
.footer-back-img ul li a{color: #fff;font-size: 24px;}
.footer-bootum-box  p{font-size: 16px;color: #fff;font-family: 'graphik_regularregular';}
.footer-bootum-box a{font-size: 16px !important;color: #fff;font-family: 'graphik_regularregular';}
.footer-bootum-box a:hover{color: #E23330;}
.socialbox {border: 1px solid rgba(255,255,255, 0.1);padding: 16px; width: 100%;	border-radius: 8px;}
.hr{border: 1px solid rgba(255,255,255, 0.1);}
.socialLink {display: flex;	justify-content: space-between;}
.socialLink a:hover svg{fill: #E23330;}
.appicon ul li{  list-style: none; margin: auto; display: flex;}
.appicon ul li a{ background: rgba(255,255,255, 0.1); width: 48px; height: 48px; border-radius: 8px; list-style: none; margin: auto; display: flex;}
.appicon ul li a:hover{ background:#E23330; }
/* ................................footer css end................................ */

 
    .accordion-button {
        border-bottom: 1px solid #F2F5F9 !important;
        background-color: transparent;
        padding: 1rem 0rem;font-size: 22px;
    }
    
    .accordion-body{  padding: 1rem 0rem;}
    .accordion-item {
        background-color: var(--themecolor3);
        border-bottom: 1px solid #E8EBF8 !important;
        box-shadow: 0 0px 0px rgba(0,0,0,.05);
        border: 0px;
    }
    .accordion-button:focus {
        z-index: 3;
        border-color: #F2F5F9;
        outline: 0px;
        box-shadow: rgba(13, 110, 253, 0) 0px 0px 0px 0.25rem;
    }
    .accordion-body ul {
        padding: 0;
    }
    .accordion-body ul li {
        list-style: disc;
    }

    .accordion-button:not(.collapsed) {
        color: rgb(226, 51, 48);
        background-color: transparent;
        box-shadow: rgba(0, 0, 0, 0.125) 0px -1px 0px inset;
    }

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

        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff0000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
     
    }
    
@media (max-width:1366px) {
.px-50 {padding-left: 20px;padding-right: 20px;}
img.bottomcut{width: 100%;}
}
@media (max-width:1320px){
.px-50 {padding-left: 0px !important;padding-right: 0px !important;}
}
@media (max-width:1240px){
.innerbody {padding-left: 30px;	padding-right: 30px;}
}

@media (max-width:1199px){
h1 {font-size: 26px;}
h2 {font-size: 24px;line-height: 32px;}
p {line-height: 22px;font-size: 15px;}
.sidenav ul li {padding: 10px 1%;}
}

@media (max-width:991px) {
.features, .useapp {display: block;}
.features .card { margin-bottom: 15px;}
.step { margin-bottom: 30px; }
.icon-container {	width: 100px;	height: 100px}
.icon-container span.icon img{width: 80%; margin: auto;}
.steparrow::before {display: none;}
.py-130 {padding-top: 60px;padding-bottom: 60px;}
/*--start-Mobile Menu----*/
.dropdwoen-sec {
width: 100%;position: inherit;left: 0;top: 0;background: none;text-align: left;padding: 10px 0px;}
.headersubmenu:hover .collapse:not(.show) {display: none !important}
.headersubmenu .dropdwoen-sec ul li a{color: #000 !important;}
.headersubmenu .dropdwoen-sec ul li{padding-left: 0;}
.headersubmenu .plus-minus-toggle {cursor: pointer;height: 24px;position: absolute;right: 0px;
top: 16px;float: right;width: 21px}

.headersubmenu .plus-minus-toggle:before,
.headersubmenu .plus-minus-toggle:after {
background: #000;content: '';height: 2px;right: 0;
position: absolute;top: 12px;width: 14px;transition: transform 500ms ease;left: 0
}
.headersubmenu .plus-minus-toggle:after {transform-origin: center}
.headersubmenu .plus-minus-toggle.collapsed::after {transform: rotate(90deg)}
.headersubmenu .plus-minus-toggle.collapsed::before {transform: rotate(180deg)}
.myClass #mySidenav {overflow-y: auto;}
.logo {padding: 0;width: 185px;}
.mobile_logo {display: block;transition: all 0.3s;z-index: 20;position: relative;}
.sidenav {position: absolute;right: 0;left: 0;top: 50%;}
.sidenav a.nav-link {font-size: 20px;line-height: 29px;padding: 0px;}
.sidenav ul li:hover {background: transparent;border: 0px solid #2D2E29;}
.fixed .mobile_logo {margin-top: -5px;}
.nav-icon {width: 45%;}
.fixed .nav-phone a {color: #2D2E29;}
.sidenav .nav-item.active ul li a {border-bottom: solid 1px transparent;}
.top-btn-fixed {display: none;}

.top-btn {position: relative;z-index: 99;}
.top-btn .btn{width: 100%;}
.sidenav ul li {display: flex;text-align: left;padding-left: 55px;flex-direction: column;
align-items: start;border: 0px solid transparent;}
.sidenav {height: 100%;width: 0;position: fixed;z-index: 9;top: 0;right: 0;
background: linear-gradient(270deg, rgba(226,51,48,1) 0%, rgba(21,7,7,1) 100%);transition: 0.5s;padding: 120px 0;left: inherit;}
.myClass {width: 100%;}
.myClass .accordion {display: block !important;}
#nav-icon1,
#nav-icon2,
#nav-icon3,
#nav-icon4 {
width: 29px;
height: 19px;
position: relative;
float: right;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
z-index: 9;
}

.close {opacity: 1;}
#nav-icon1 span,
#nav-icon3 span,
#nav-icon4 span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #fff;
border-radius: 0px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

/* Icon 4 */
#nav-icon4.open span {background: #fff;}
#nav-icon4 span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
top: 10px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
top: 20px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 4px;
left: 8px;
}

#nav-icon4.open span:nth-child(2) {
width: 0%;
opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 25px;
left: 8px;
}
/*--End-Mobile Menu----*/
}

@media (max-width:767px) {
.socialbox { margin: 26px 0;}
.innerbody {padding-left: 27px;padding-right: 27px;}
.overlay2::before { background-size: 100%;}
.scroll-btn{display: none;}
.close-btn {top: 0px;right: 0;width: 42px;border: 2px solid #fff;height: 42px;}
.bottomcut {margin-bottom: -49px;}
.carousel-caption { left: 22px;}
.slider-social-icons ul li a img {width: 30px;}
.slider-social-icons li {margin-bottom: 4px;}
.slider-social-icons {right: 22px;}
.nav-icon {width: 38%;}
.fixed .top-btn .btn {padding: 5px 7px;}
.btn {padding: 12px 31px;font-size: 39px;}
.sidenav ul li {padding-left: 20px;}
p {font-size: 17px;}
.fs-50 {font-size: 24px;line-height: 32px;}
.pt-150 {padding-top: 30px;}
a {font-size: 18px;}
.mx-80 {margin: 0px 25px;}
.height-50 {height: 34px;}
}
@media (max-width:540px){
.btn {padding: 12px 31px;font-size: 28px;}
.nav-icon {width: 18%;}
.logo {padding: 0;width: 145px;}
.top-btn-box{width: 30%;}
.top-btn .btn {font-size: 12px;padding: 5px 7px 5px;}
.py-130 {padding-top: 40px;padding-bottom: 40px;}
}
@media (max-width:430px) {
.w-logo {width: 100%;}
.top-btn-box {width: 34%;}
.headersubmenu .plus-minus-toggle
.fs-50 {font-size: 24px;line-height: 32px;}
.btn {padding: 6px 18px;font-size: 27px;}
.btnBookNow img{ width: 27px;}
.imgw-27 img{ width: 27px;}
h1 {font-size: 29px;}
.content-item .next-arrow {width: 27px;}
.appicon ul li {
    padding-left: 0;
}
}