@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");

html,
body {
	height: 100%;
}

body {
	position:    relative;
	font-family: "Oswald", sans-serif;
	background:  #000000;
	/* height: 100%; */
	overflow-x:  hidden;
}

:root {
	--theme-color: #FF5900;
	--white:       #FFFFFF;
	--black:       #000000;
	--gray:        #A8A5A8;
}

::-webkit-scrollbar {
	width: 5px;
}

::-webkit-scrollbar-track {
	background: #161616;
}

::-webkit-scrollbar-thumb {
	background: var(--theme-color);
}

p {
	font-size:   1rem;
	font-family: "Rubik", sans-serif;
	color:       #FFFFFF;
	margin:      10px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	/* font-family: 'Oswald', sans-serif; */
	color: #FFFFFF;
}

.img-auto {
	display:   block;
	max-width: 100%;
	margin:    0 auto;
}

a,
button {
	text-decoration:    none !important;
	-webkit-transition: all 0.4s ease-in-out;
	transition:         all 0.4s ease-in-out;
}

a:hover,
button:hover {
	-webkit-transition: all 0.4s ease-in-out;
	transition:         all 0.4s ease-in-out;
}

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

figure {
	margin: 0;
}

.blure {
	filter: blur(10px);
}

.swiper-pagination {
	display:         flex;
	align-items:     center;
	justify-content: center;
	gap:             0 0.8rem;
	bottom:          28px;
	width:           100%;
	z-index:         0;
}

.swiper-pagination-bullet {
	background: #FFFFFF;
	opacity:    1;
	width:      12px;
	height:     12px;
}

/*.homeSlider .swiper-pagination-bullet-active:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    border: 1px solid var(--primary);*/
/*    width: 34px;*/
/*    height: 34px;*/
/*    border-radius: 50px;*/
/*    left: -6px;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    margin: auto;*/
/*}*/
.themeBtn {
	background-color: var(--theme-color);
	font-size:        1.125rem;
	text-transform:   uppercase;
	color:            var(--white);
	z-index:          2;
	transition:       all 0.4s ease-in-out;
	position:         relative;
	padding:          1rem 2.5rem;
	display:          inline-block;
}

.themeBtn:before {
	content:    "";
	position:   absolute;
	inset:      0;
	border:     2px solid var(--theme-color);
	left:       0.5rem;
	right:      -0.5rem;
	top:        -0.4rem;
	bottom:     0.5rem;
	z-index:    1;
	transition: all 0.4s ease-in-out;
}

.themeBtn:hover {
	background-color: #FFFFFF;
	color:            var(--theme-color);
}

.themeBtn:hover::before {
	bottom: 0;
	left:   0;
	right:  0;
	top:    0;
}

.themeBtn2 {
	background-color: #FFFFFF;
	color:            var(--theme-color);
}

.themeBtn2:before {
	content:    "";
	position:   absolute;
	inset:      0;
	border:     2px solid var(--white);
	left:       0.5rem;
	right:      -0.5rem;
	top:        -0.4rem;
	bottom:     0.5rem;
	z-index:    1;
	transition: all 0.4s ease-in-out;
}

.themeBtn2:hover::before {
	bottom: 0;
	left:   0;
	right:  0;
	top:    0;
	border: 2px solid var(--white);
}

.themeBtn2:hover {
	background-color: var(--theme-color);
	color:            white;
}

section {
	position: relative;
	padding:  4rem 0;
}

/* loder */

.preLoader {
	width:           100%;
	height:          100%;
	display:         flex;
	align-items:     center;
	justify-content: center;
	position:        fixed;
}

.preLoader.black {
	background-color: #000000;
	z-index:          30;
}

.preLoader.white {
	z-index:          20;
	background-color: #FFFFFF;
}

.socials {
	margin-top: 20px;
	display:    flex;
	gap:        1rem;
}

.socials img {
	width:  25px;
	height: 25px;
}

/* Begin: Dropdown CSS */
header .navbar .navbar-nav .dropdown-menu {
	width:         100%;
	border:        0;
	border-radius: 0;
	background:    #161616;
	border:        2px solid var(--theme-color);
	padding:       0 0 3rem;
}

header .navbar .navbar-nav .dropdown-menu .title {
	border-bottom:  1px solid #EDEDED;
	padding-bottom: 8px;
	margin-bottom:  1rem;
	font-size:      15px;
	font-weight:    600;
	display:        flex;
	align-items:    center;
	gap:            6px;
}

header .navbar .navbar-nav .dropdown-menu .title .circle {
	width:         14px;
	height:        14px;
	display:       inline-block;
	background:    var(--yellow);
	border-radius: 30px;
}

header .navbar .navbar-nav .aboutDD .dropdown-menu {
	width: 50%;
	left:  auto;
}

header .navbar .navbar-nav .dropdown-item .dropHead {
	font-size:      22px;
	font-weight:    600;
	color:          #FFFFFF;
	text-transform: uppercase;
	display:        flex;
	align-items:    center;
	gap:            1rem;
}

header .navbar .navbar-nav .dropdown-item p {
	font-size: 12px;
	margin:    0;
	width:     100%;
	color:     #000000;
}

header .listStyle li a {
	font-family: "Rubik", sans-serif;
	color:       #FFFFFF;
	font-size:   0.9rem;
}

header .listStyle li {
	padding-left: 2rem;
}

header .listStyle li::before {
	left: 0.5rem;
}

.dropdown-item:focus,
.dropdown-item:hover {
	background-color: transparent;
}

header .listStyle li a:hover {
	color: var(--theme-color);
}

header .dropdown-item {
	margin: 1rem 0;
}

header .navbar .navbar-nav .dropdown-item .dropHead img {
	width: 38px;
}

/* END: Dropdown CSS */
/*header css*/

header {
	padding:  1.7rem 0 0;
	position: absolute;
	top:      0;
	left:     0;
	width:    100%;
	z-index:  10;
}

.navbar-nav {
	gap:      1rem 1.5rem;
	position: relative;
}

.navbar-nav .nav-link,
.navbar-nav .nav-link.active {
	color:          var(--white);
	position:       relative;
	text-transform: uppercase;
	font-weight:    300;
	font-size:      18px;
}

.navbar-brand {
	margin: 0 4rem;
}

.nav-link img {
	padding-right: 0.5rem;
}

header .dropdown-menu.show h4 {
	border-bottom: 2px solid var(--theme-color);
	padding:       1rem 2rem;
	position:      relative;
}

header .dropdown-menu.show h4 a {
	color: #FFFFFF;
}

header .navbar .navbar-nav .dropdown-menu:before {
	content:       "";
	position:      absolute;
	background:    #161616;
	width:         30px;
	height:        30px;
	border:        2px solid var(--theme-color);
	border-bottom: 0;
	border-right:  0;
	top:           calc(-17px - -0.5px);
	left:          9rem;
	transform:     rotate(45deg);
}

/*main slider*/
.mainSlider {
	padding:     5rem 0 0;
	height:      850px;
	display:     flex;
	align-items: center;
	width:       100%;
	overflow:    hidden;
}

.mainSlider video {
	position:        absolute;
	width:           100%;
	height:          100%;
	object-fit:      cover;
	top:             0;
	left:            0;
	right:           0;
	opacity:         0.3;
	background-size: cover;
	bottom:          0;
	z-index:         -1;
}

.mainSlider .sildeContnt h2 {
	font-size:      60px;
	font-weight:    300;
	letter-spacing: 22px;
	text-align:     center;
	text-transform: uppercase;
	color:          #FFFFFF;
}

.mainSlider .sildeContnt h4 {
	font-size:      86px;
	color:          var(--theme-color);
	font-weight:    600;
	text-transform: uppercase;
}

.mainSlider .sildeContnt p {
	text-align: center;
	font-size:  22px;
	color:      #FFFFFF7A;
}

.mainSlider .sildeContnt {
	text-align: center;
}

.mainSlider .sildeContnt .themeBtn {
	margin-top: 2rem;
}

/* .mainSlider .mainHead {
   writing-mode: vertical-lr;
   position: absolute;
   left: 0;
   top: 0;
   font-size: 7rem;
   font-weight: 900;
   -webkit-text-stroke: 1px #ffffff4a;
   color: transparent;
   z-index: -1;
   display: flex;
   flex-wrap: nowrap;
   white-space: nowrap;
   margin: 0;
   line-height: 0.8;
   transform: scale(-1);
} */
.mainSlider .animatedMain {
	writing-mode: vertical-lr;
	position:     absolute;
	left:         0;
	top:          0;
	font-size:    6.5rem;
	font-weight:  900;
	/* -webkit-text-stroke: 1px #ffffff4a; */
	color:        transparent;
	z-index:      1;
	display:      flex;
	flex-wrap:    nowrap;
	white-space:  nowrap;
	margin:       0;
	line-height:  0.8;
	transform:    scale(-1);
	background:   #000000;
}

.animatedMain span {
	padding:                     0.25em 1rem 0 1rem;
	
	display:                     block;
	
	margin:                      0 auto;
	
	/* Clip Background Image */
	
	background:                  url(https://i.ibb.co/RDTnNrT/animated-text-fill.png) repeat-y;
	
	-webkit-background-clip:     text;
	
	background-clip:             text;
	
	-webkit-animation:           aitf 80s linear infinite;
	
	-webkit-transform:           translate3d(0, 0, 0);
	
	-webkit-backface-visibility: hidden;
}

/* Animate Background Image */

@-webkit-keyframes aitf {
	0% {
		background-position: 0% 50%;
	}
	
	100% {
		background-position: 100% 50%;
	}
}

/* logo Sec CSS Start */
.logoSlider img {
	width:      200px;
	height:     80px;
	object-fit: contain;
}

.logoSlider {
	margin:      2rem 0;
	display:     flex;
	align-items: center;
}

.logoSec h2 {
	font-size:      52px;
	text-transform: uppercase;
	text-align:     center;
	position:       relative;
	width:          100%;
}

.logoSec .logo-head:before {
	position:   absolute;
	background: #FFFFFF;
	content:    "";
	height:     1px;
	width:      21%;
	top:        6.4rem;
	left:       0;
}

.logoSec .logo-head:after {
	position:   absolute;
	background: #FFFFFF;
	content:    "";
	height:     1px;
	width:      21%;
	right:      0;
	top:        6.4rem;
}

/* logo Sec CSS end */
/* about Sec Css Start */
.secHeading {
	font-size:      48px;
	font-weight:    600;
	text-transform: uppercase;
	margin-bottom:  2rem;
}

.transHead {
	-webkit-text-stroke: 2px #FFFFFF4A;
	color:               black;
	font-size:           180px;
	font-family:         "Bebas Neue", cursive;
	position:            absolute;
	right:               0;
	top:                 -5rem;
	z-index:             -1;
}

.aboutSec {
	padding-top: 0;
}

.transSec {
	background-image:  url(../images/aboutBg.png);
	background-repeat: no-repeat;
	background-size:   cover;
	margin:            1rem 0;
}

.transSec span {
	display:         flex;
	justify-content: center;
	font-size:       11.25rem;
	/* -webkit-text-stroke: 1px #ffffff4a; */
	color:           #FF5900;
	font-family:     "Bebas Neue", cursive;
}

/* about Sec Css End */

/* Services Sec CSS Start */
.transHead.serviceHead {
	left: 0;
	top:  7rem;
}

.serviceSec .serBox h4 {
	font-size:      32px;
	font-weight:    500;
	margin:         1rem 0;
	text-transform: uppercase;
}

.serviceSec .serBox h4 span {
	display:     block;
	font-size:   12px;
	font-family: "Rubik", sans-serif;
	margin:      0.6rem 0;
	font-weight: 600;
}

.serviceSec .serBox {
	background: #161616;
	padding:    3rem;
	margin-top: 4rem;
	position:   relative;
	overflow:   hidden;
	transition: all 0.4s ease;
	border:     1px solid transparent;
	height:     400px;
}

.serviceSec .serBox:hover {
	border: 1px solid var(--theme-color);
}

.serviceSec .overlay img,
.portBox .overlay img {
	position:        absolute;
	inset:           0;
	object-fit:      cover;
	opacity:         0;
	display:         flex;
	align-items:     center;
	justify-content: center;
	transition:      all 0.4s ease;
}

.serBox:hover .overlay img {
	opacity: 1;
}

.portBox:hover .overlay img {
	opacity: 1;
	filter:  brightness(0.5);
}

.serviceSec .serContnt {
	z-index:  111;
	position: relative;
}

.customerSec .col-lg-3,
.reasonSec .col-lg-4 {
	border-right: 1px solid #FFFFFF45;
}

.customerSec .col-md-3:last-child,
.reasonSec .col-md-4:last-child {
	border-right: none;
}

.customerBox {
	margin: 1rem;
}

.arrowBtn {
	display:     inline-flex;
	align-items: center;
	overflow:    hidden;
	margin-top:  2rem;
}

.arrowBtn .text {
	color:          var(--white);
	font-size:      1.375rem;
	text-transform: uppercase;
	margin-right:   6px;
	position:       relative;
	transition:     all 1s linear;
	display:        block;
	width:          80px;
	margin-left:    -80px;
}

.serBox:hover .text,
.portBox:hover .text,
.arrowBtn:hover .text {
	margin-left: 0;
}

.arrowBtn .circle {
	display:       block;
	border:        1px solid var(--white);
	width:         1.5rem;
	height:        1.5rem;
	border-radius: 40px;
}

.arrowBtn img {
	margin-right: -12px;
	transition:   all 0.4s ease-in-out;
}

.arrowBtn:hover img {
	margin-right: -20px;
}

/* Services Sec CSS End */

/* CTA Sec CSS Start */
.customerSec h4,
.reasonSec h4 {
	font-size:      22px;
	font-weight:    600;
	text-transform: uppercase;
	margin:         1.5rem 0;
}

.ctaSec .container {
	background:        #000000;
	background-image:  url(../images/cta.webp);
	background-repeat: no-repeat;
	background-size:   cover;
	padding:           4rem;
}

.ctaSec h4 {
	font-size:      52px;
	font-weight:    300;
	text-transform: uppercase;
}

.ctaSec h4 span {
	font-weight: 600;
	display:     block;
}

.btnsec {
	display:         flex;
	align-items:     center;
	justify-content: end;
	gap:             2rem;
	position:        relative;
	z-index:         11;
}

.btnsec a {
	font-weight: 600;
}

/* CTA Sec CSS End */

/* Portfolio Sec CSS Start */
.portfolioSec .portBox {
	margin:   1rem 0;
	position: relative;
}

.portfolioSec .nav-item .nav-link,
.pakageSec .nav-item .nav-link {
	font-size:      17px;
	background:     transparent;
	border:         none;
	color:          #FFFFFF;
	text-transform: uppercase;
	padding:        1.1rem;
	border-radius:  5px;
	margin:         1rem 0;
}

.portfolioSec .nav-item .nav-link.active,
.pakageSec .nav-item .nav-link.active {
	background: var(--theme-color);
}

.portfolioSec .navTabStyle,
.pakageSec .navTabStyle {
	display:         flex;
	gap:             0;
	justify-content: center;
	position:        relative;
	z-index:         11;
}

.transHead.portHead {
	left: 22%;
	top:  18%;
}

.portfolioSec .portBox a {
	position: absolute;
	left:     2rem;
	bottom:   2rem;
}

.portBox::before {
	content:    "";
	position:   absolute;
	bottom:     0;
	left:       0;
	background: linear-gradient(0deg, black, transparent);
	height:     20%;
	width:      100%;
}

/* Portfolio Sec CSS End*/

/* Package Sec CSS Start */
.transHead.serviceHead.pakageHead {
	top:  10rem;
	left: 0;
}

.pakageBox h2 {
	font-size:      22px;
	font-weight:    600;
	text-transform: uppercase;
	text-align:     center;
	background:     var(--theme-color);
	padding:        1.5rem 0;
	position:       relative;
}

.pakageBox h2::before {
	content:      "";
	position:     absolute;
	left:         -1px;
	bottom:       -20px;
	border-top:   20px solid #B13E00;
	border-left:  60px solid transparent;
	border-right: 0px solid transparent;
}

.pakageBox h2::after {
	content:      "";
	position:     absolute;
	right:        -1px;
	bottom:       -20px;
	border-top:   20px solid #B13E00;
	border-right: 60px solid transparent;
	border-left:  0px solid transparent;
}

.pakageBox h4 {
	font-size:       52px;
	font-weight:     600;
	margin:          1rem 0;
	color:           var(--theme-color);
	display:         flex;
	justify-content: center;
	align-items:     center;
	gap:             2rem;
}

.pakageBox h4 span {
	color:     #FFFFFF;
	position:  relative;
	font-size: 38px;
}

.pakageBox h4 span:before {
	content:    "";
	position:   absolute;
	background: var(--theme-color);
	height:     3px;
	inset:      0;
	top:        1.5rem;
	width:      100%;
	transform:  rotate(-14deg);
}

.packageContnt {
	border:  1px solid #2F2F2F;
	padding: 3rem;
	margin:  2rem;
}

.pakageBox {
	background:     #161616;
	padding-bottom: 2rem;
}

.pakageBtn {
	text-align: center;
}

.packageContnt ul {
	width:      100%;
	max-height: 180px;
	overflow:   auto;
}

.pakageBox .btnsec {
	justify-content: center;
}

/* Package Sec CSS End */

/* Process Sec CSS Start*/
.transHead.portHead.procesHead {
	top: 0;
}

.processSec .processBox {
	background: #161616;
	padding:    2rem;
	margin:     0 1rem;
	height:     450px;
}

.processSec .processBox h5 {
	font-size:   52px;
	font-weight: 600;
	margin:      2rem;
	position:    relative;
	z-index:     11;
}

.processSec .processBox h5::before {
	content:       "";
	position:      absolute;
	background:    var(--theme-color);
	width:         60px;
	height:        60px;
	border-radius: 50%;
	left:          -2rem;
	top:           -1rem;
	z-index:       -1;
}

.processSec .processBox h4 {
	font-size:     22px;
	font-weight:   600;
	position:      relative;
	z-index:       11;
	margin-bottom: 2rem;
}

.processSec .processBox p {
	position: relative;
	z-index:  11;
}

.processSec .processLine {
	position: absolute;
	bottom:   10.9rem;
	left:     34rem;
}

.listStyle li {
	color:        #FFFFFF !important;
	font-size:    1rem;
	padding-left: 1.5rem;
	position:     relative;
	margin:       5px 0;
}

.listStyle li::before {
	content:    "";
	position:   absolute;
	width:      13px;
	height:     1px;
	background: var(--theme-color);
	left:       0rem;
	top:        0.7rem;
}

/* Process Sec CSS End*/
/* Brand Sec CSS Start */
.brandSec {
	background:        #000000;
	background-image:  url(../images/brand-bg.webp);
	background-repeat: no-repeat;
	background-size:   cover;
	margin:            3rem 0;
	border:            3px solid var(--theme-color);
	border-radius:     20px;
}

.brandSec .brandBox h4 {
	font-size:      32px;
	font-weight:    600;
	text-transform: uppercase;
	margin-bottom:  2rem;
	margin-top:     2rem;
}

.brandSec .price h4 {
	font-size:   52px;
	font-weight: 600;
	color:       var(--theme-color);
	text-align:  center;
}

.brandSec .price h4 span {
	display:     block;
	font-size:   1rem;
	font-weight: 300;
	margin-top:  0.4rem;
	color:       #FFFFFF;
}

.brandSec .price h5 {
	font-size:   52px;
	font-weight: 600;
	position:    relative;
}

.brandSec .price {
	display:         flex;
	justify-content: center;
	gap:             4rem;
}

.brandSec .price h5::before {
	content:    "";
	position:   absolute;
	background: var(--theme-color);
	height:     2px;
	width:      180px;
	top:        2rem;
	left:       -1rem;
}

.brandSec .totalPrice {
	border:        1px solid var(--theme-color);
	padding:       2rem 3rem;
	border-radius: 5px;
	margin-top:    4rem;
}

.brandSec .totalPrice .themeBtn,
.contactForm .themeBtn {
	padding: 1.3rem 4rem;
}

/* Brand Sec CSS End */
/* Testimonials Sec CSS Start */
.testimonialSec .testCotnt h4 {
	font-size:      22px;
	font-weight:    600;
	text-transform: uppercase;
}

.testimonialSec .testCotnt h4 span {
	display:        block;
	font-size:      1rem;
	font-weight:    300;
	font-family:    "Rubik", sans-serif;
	margin-top:     0.5rem;
	text-transform: capitalize;
}

.testimonialSec .testCotnt ul {
	display: flex;
}

.testimonialSec .testCotnt {
	display:         flex;
	align-items:     center;
	justify-content: space-between;
	padding:         1rem 0;
	border-top:      1px solid #FFFFFF38;
	margin-top:      1rem;
}

.testimonialSec .testCotnt ul li i {
	color: var(--theme-color);
}

.testimonialSec .testBox p {
	width:      80%;
	margin-top: 1rem;
}

.testimonialSec .testBox {
	margin-top: 3rem;
}

/* Testimonials Sec CSS End */
/* Contact Sec CSS Start */
.contactSec .contactForm input,
.contactSec .contactForm select {
	background:   #161616;
	border:       none;
	width:        100%;
	height:       4rem;
	margin:       1rem 0;
	padding-left: 2rem;
	color:        #6E6E6E;
}

.contactSec .contactForm textarea {
	background: #161616;
	border:     none;
	width:      100%;
	height:     200px;
	margin:     1rem 0;
	padding:    2rem;
	color:      #FFFFFF;
}

.contactSec .contactForm {
	margin-top: 5rem;
}

/* Contact Sec CSS End */

/*footer*/
.footerSubtitle {
	margin: 1.5rem 0;
	color:  #FFFFFF !important;
}

.linksFoter li a,
.linksFoter li span {
	font-size:    1rem;
	color:        #FFFFFF;
	padding-left: 1rem;
	font-family:  "Rubik", sans-serif;
}

.linksFoter li i {
	color: var(--theme-color);
}

.linksFoter li {
	padding: 6px 0;
}

.footerLinks h4 {
	font-size:      32px;
	font-weight:    600;
	text-transform: uppercase;
	margin-bottom:  1.5rem;
	color:          #FFFFFF !important;
}

.footerLinks ul li a {
	color:       #FFFFFF;
	font-family: "Rubik", sans-serif;
	line-height: 1.9;
}

.sociallIcons {
	display:       flex;
	align-items:   center;
	gap:           0.6rem;
	margin-bottom: 3rem;
}

.sociallIcons li a {
	background:      var(--theme-color);
	width:           40px;
	height:          40px;
	display:         flex;
	align-items:     center;
	justify-content: center;
	border-radius:   50%;
}

.sociallIcons li a:hover {
	background: #FFFFFF;
	color:      var(--theme-color);
}

.footerLinks ul li a:hover,
.privacyItems li a:hover {
	color: var(--theme-color);
}

footer {
	background: #161616;
	padding:    5rem 0 0;
}

.privacyItems {
	display:         flex;
	gap:             1rem;
	justify-content: end;
}

.privacyItems li a {
	color:       #FFFFFF;
	font-family: "Rubik", sans-serif;
	line-height: 1.9;
}

.privacyItems li {
	color: #FFFFFF;
}

.disclaimer p {
	font-size: 12px;
}

.disclaimer {
	padding:    1rem 0;
	background: #0B0B0B;
}

.copyright {
	border-top: 2px solid var(--theme-color);
	padding:    1rem 0;
	margin-top: 1rem;
}

/* Footer CSS End */

/* Sticky Form CSS Start */
.sticky {
	width:      30%;
	position:   fixed;
	top:        30%;
	transition: ease all 0.5s;
	right:      -500px;
	z-index:    18;
}

.form-head {
	display:         flex;
	justify-content: flex-start;
	align-items:     center;
	background:      var(--theme-color);
	padding:         0.5rem 2rem;
	gap:             5rem;
}

.form-head h2 {
	font-size: 32px;
}

.stickyForm {
	background: #161616;
	transform:  translateX(100%);
	transition: ease all 0.5s;
	position:   relative;
}

.stickyForm.open {
	transform: translateX(0);
}

.stickyForm form {
	padding: 2rem;
}

.stickyForm form input,
.stickyForm form select {
	width:        100%;
	height:       3.3rem;
	padding-left: 1rem;
	background:   transparent;
	border:       none;
	border:       1px solid #2B2A2A;
	margin:       0.5rem 0;
	color:        #757575;
	background:   #161616;
}

.stickyForm form button {
	background: var(--theme-color);
	border:     none;
	width:      100%;
	color:      #FFFFFF;
	font-size:  1.25rem;
	margin:     0.5rem 0;
	display:    inline-block;
	padding:    0.8rem 0;
	text-align: center;
}

.stickyForm form button:hover {
	background: #FFFFFF;
	color:      var(--theme-color);
}

.form-head a {
	color: #FFFFFF;
}

.stickyBtn button {
	position:   fixed;
	top:        38%;
	right:      0;
	background: var(--theme-color);
	border:     none;
	padding:    1.9rem 0.8rem;
	color:      #FFFFFF;
	font-size:  22px;
	/* z-index: 17; */
}

.stickyBtn button span {
	writing-mode: vertical-lr;
}

.stickyForm form button:hover {
	color:      var(--theme-color);
	background: #FFFFFF;
}

/* Sticky Form CSS End */

/* Swiper buttons CSS Start */
.servicesSlider .swiper-pagination-bullet,
.testimonialSec .swiper-pagination-bullet,
.portfolioSec .swiper-pagination-bullet,
.packDots .swiper-pagination-bullet {
	background:      var(--theme-color);
	opacity:         1;
	width:           10px;
	height:          10px;
	display:         flex;
	align-items:     center;
	justify-content: center;
	margin:          0 0.4rem;
}

.servicesSlider .swiper-pagination-bullet-active::before,
.testimonialSec .swiper-pagination-bullet-active::before,
.portfolioSec .swiper-pagination-bullet-active::before,
.packDots .swiper-pagination-bullet-active::before {
	content:       "";
	position:      absolute;
	border:        1px solid var(--theme-color);
	width:         26px;
	height:        26px;
	border-radius: 50%;
}

.serviceSec .swiper-pagination {
	top:  -24rem !important;
	left: 33rem !important;
}

.serviceSec .swiper-pagination-bullet-active,
.testimonialSec .swiper-pagination-bullet-active,
.portfolioSec .swiper-pagination-bullet-active,
.packDots .swiper-pagination-bullet-active {
	background: #FF5900;
}

.testimonialSec .swiper-pagination {
	right:  0;
	bottom: 0;
}

.portfolioSec
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
	left: 0;
}

/* Swiper buttons CSS End */
.full-height {
	height: auto !important;
}

.overlay-popup {
	content:          "";
	background-color: #000000D6;
	z-index:          15;
	position:         absolute;
	left:             -17px;
	right:            0;
	bottom:           0;
	top:              -10px;
	width:            126%;
	height:           auto;
	display:          none;
}

.sticky-form {
	right:      0;
	transition: ease all 0.5s;
}

/* scrollbar */

.slim-scrool ::-webkit-scrollbar {
	width:  5px;
	height: 5px;
}

.slim-scrool ::-webkit-scrollbar-track {
	-webkit-box-shadow:    inset 0 0 6px #2F2F2F;
	-webkit-border-radius: 10px;
	border-radius:         10px;
}

.slim-scrool ::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius:         10px;
	background:            var(--theme-color);
	-webkit-box-shadow:    inset 0 0 6px #2F2F2F;
}

.slim-scrool ::-webkit-scrollbar-thumb:window-inactive {
	background: var(--theme-color);
}

/* Inner Pages CSS Start */
.innerBanner {
	background-image:  url(../images/inner-Bg.png);
	background-repeat: no-repeat;
	background-size:   cover;
	height:            850px;
	position:          relative;
}

.privacyBaner {
	background-image:  url(../images/termBg.png);
	background-repeat: no-repeat;
	background-size:   cover;
	position:          relative;
	height:            600px !important;
	filter:            grayscale(1);
}

.privacyBaner::before {
	content:    "";
	position:   absolute;
	inset:      0;
	background: #0006;
}

/* About Page CSS Start */
.innerHead {
	position:            absolute;
	bottom:              -3rem;
	right:               0;
	font-size:           11.25rem;
	-webkit-text-stroke: 1px #FFFFFF4A;
	color:               transparent;
	font-family:         "Bebas Neue", cursive;
}

.aboutSec p {
	padding: 10px 0;
}

.transBox h4 {
	font-size:      1.25rem;
	text-transform: uppercase;
	font-weight:    600;
	border:         1px solid var(--theme-color);
	padding:        0.5rem 1rem;
	display:        inline-block;
	position:       absolute;
	top:            -1.4rem;
	left:           3rem;
	background:     #000000;
}

.transBox {
	border:     1px solid var(--theme-color);
	padding:    2rem;
	position:   relative;
	background: #000000;
}

.transBox p {
	font-size: 0.9rem;
}

.why-choose-us .transHead {
	top: -3rem;
}

.why-choose-us .serBox {
	margin: 1rem 0;
}

/* About Page CSS End*/

/* Service Page CSS Start */
.serviceInner .serBox {
	margin-top: 0 !important;
	margin:     1.5rem 0;
	height:     427px;
}

/* Service Page CSS End */

/* Logo Design Page CSS Start */
.customerInner {
	background-image:  url(../images/customerBg.png);
	background-repeat: no-repeat;
	background-size:   cover;
}

.portfolioInner .navTabStyle {
	gap:             2rem;
	justify-content: center;
}

.portfolioInner .themeBtn {
	display:    block;
	text-align: center;
	margin:     0 2rem;
}

.process-row {
	/* display: flex; */
	/* width: 40%; */
}

.processCell .procircle {
	font-size:       2.5rem;
	font-weight:     600;
	color:           #FFFFFF;
	background:      var(--theme-color);
	width:           90px;
	height:          90px;
	display:         flex;
	align-items:     center;
	justify-content: center;
	border-radius:   50%;
}

.processCell {
	display:  flex;
	gap:      1rem;
	position: relative;
}

.proContnt {
	width: 55%;
}

.proContnt h4 {
	font-size:      22px;
	font-weight:    600;
	text-transform: uppercase;
}

.processCell.proTwo {
	flex-flow:   row-reverse;
	text-align:  end;
	align-items: baseline;
}

.faqSec .accordionStyle {
	background: transparent;
	margin:     0.5rem 0;
}

.faqSec .accordion-button {
	background: #161616;
	color:      #FFFFFF;
	margin:     0.5rem 0;
	font-size:  1.2rem;
	gap:        10px;
}

.faqSec .accordion-item {
	border:           1px solid #353535;
	border-radius:    2px;
	background-color: #161616;
	margin:           0.8rem 0;
}

/* .faqSec .accordion-button::after {background: var(--theme-color);} */
.faqSec .accordion-button:focus {
	outline:    0 !important;
	box-shadow: none;
}

.faqSec .accordion-body {
	padding-left: 2.5rem;
}

/* Logo Design Page CSS End */
.contactBox a {
	font-size: 1rem;
	color:     #FFFFFF;
}

.contactBox .links li {
	margin: 35px 0;
}

.contactBox .links li a i,
.contactBox .links li p i {
	color:         var(--theme-color);
	padding-right: 1rem;
}

.links {
	margin: 2rem 0;
}

.contactBox h4 {
	font-size:      2rem;
	text-transform: capitalize;
	font-weight:    600;
	position:       relative;
	margin-bottom:  3rem;
}

.contactBox h4::before {
	content:    "";
	position:   absolute;
	width:      200px;
	height:     1px;
	background: var(--theme-color);
	top:        3rem;
}

.contactBox {
	border:  1px solid var(--theme-color);
	padding: 3rem;
}

.contactInfo input,
.contactInfo textarea {
	width:         100%;
	height:        4rem;
	padding-left:  1rem;
	background:    transparent;
	border:        1px solid var(--theme-color);
	margin:        0.5rem 0px;
	border-radius: 2px;
	color:         #FFFFFF;
}

.contactInfo textarea {
	padding: 1rem;
	height:  150px;
}

.contactInfo button {
	border:  none;
	padding: 1.3rem 4rem;
	margin:  1rem 0;
}

/* Inner Pages CSS End */
.processIner .p-r {
	position: relative;
}

.logo-line {
	position:  absolute;
	top:       0;
	left:      50%;
	transform: translateX(-50%);
	z-index:   -1;
}

.processCell.process-one {
	left:  -3rem;
	width: 50%;
}

.processCell.process-three {
	top:   6rem;
	left:  -2rem;
	width: 50%;
}

.processCell.process-five {
	top:   8rem;
	left:  13rem;
	width: 60%;
}

.processSec.processIner {
	padding: 6rem 0 0rem;
}

.processCell.process-two {
	top:   -10rem;
	width: 60%;
	left:  19rem;
}

.processCell.process-four {
	bottom: 6rem;
	left:   35rem;
	width:  60%;
}

.processCell.process-six {
	left:   36rem;
	bottom: 4rem;
	width:  60%;
}

.processCell.process-seven {
	position: absolute;
	top:      9rem;
	width:    50%;
	left:     4rem;
}

.proceesEight .processCell.process-four {
	top:   -4rem;
	right: -2rem;
}

.processCell.process-eight {
	bottom: 22rem;
	width:  50%;
	left:   35rem;
}

.processSeven .processCell.process-three {
	top: 4rem;
}

.portfolioInner .transHead.portHead {
	left: 26%;
	top:  15%;
}

.testimonialSec {
	margin-bottom: 4rem;
}

.termsSection ul li {
	font-size:   1rem;
	font-family: "Rubik", sans-serif;
	color:       #FFFFFF;
	margin:      5px 0;
}

.termsSection h3 {
	margin:    1rem 0;
	font-size: 2rem;
}

.termsSection h2 {
	font-size: 3rem;
}

.serBox .arrowBtn {
	position: absolute;
	top:      17rem;
}

.secHeading span {
	color: var(--theme-color);
}

.modal-content {
	background:        none;
	background-image:  url(../images/popBg.png);
	height:            620px;
	background-repeat: no-repeat;
	background-size:   cover;
	border:            2px solid var(--theme-color);
}

.popContnt .secHeading {
	padding: 2rem 0;
}

.popContnt img {
	width: 250px;
}

.modal-body {
	padding: 3rem;
}

.contactPop input,
.contactPop select {
	width:         100%;
	height:        3.3rem;
	padding-left:  1rem;
	background:    transparent;
	border:        none;
	border:        2px solid var(--theme-color);
	margin:        0.5rem 0;
	color:         #757575;
	border-radius: 5px;
	background:    #000000;
}

.contactPop h4 {
	font-size:     1.8rem;
	color:         var(--theme-color) !important;
	font-weight:   600;
	margin-bottom: 4rem;
	position:      relative;
	text-align:    center;
}

.contactPop h4 span {
	-webkit-text-stroke: 1px var(--theme-color);
	color:               transparent;
}

.contactPop h4::before {
	content:    "";
	position:   absolute;
	background: dimgrey;
	width:      170px;
	height:     3px;
	top:        4rem;
	left:       9rem;
}

.contactPop button {
	width:         100%;
	margin:        1rem 0;
	/* height: 3.3rem; */
	border-radius: 5px;
	border:        none;
	background:    var(--theme-color);
	color:         #FFFFFF;
	font-size:     1.2rem;
	display:       inline-block;
	text-align:    center;
	padding:       0.8rem 0;
}

.contactPop button:hover {
	background: #FFFFFF;
	color:      var(--theme-color);
}

.contactPop a i {
	padding-left: 0.5rem;
}

.contactPop {
	border:        1px solid #FF5900;
	padding:       2rem;
	border-radius: 5px;
	background:    #000000;
}

button.themeBtn {
	border: none;
}

.portBox {
	background: #FFFFFF;
	height:     580px;
	overflow:   hidden;
}

.proceesSix .process-three {
	top:  -2rem;
	left: -3rem;
}

.process-8 {
	width:  50%;
	bottom: 41rem;
	left:   34rem;
}

/* LP CSS Start */
.lpBody {
	background-color: #FFFFFF;
}

.lpBody p {
	color: var(--black);
}

.lpbanner .sildeContnt {
	text-align: left;
}

.lpbanner .sildeContnt h2 {
	font-size:      40px;
	font-weight:    300;
	letter-spacing: 13px;
	text-align:     left;
}

.lpbanner .sildeContnt h4 {
	font-size:  70px;
	text-align: left;
}

.lpbanner .sildeContnt h4 span {
	color: #FFFFFF;
}

.lpbanner .sildeContnt p {
	text-align: left;
	color:      #FFFFFF;
}

.lpbanner .sildeContnt ul li {
	color:     #FFFFFF;
	padding:   4px 0;
	font-size: 1.125rem;
}

.lpbanner .sildeContnt ul li i {
	color:         var(--theme-color);
	padding-right: 0.6rem;
}

.lpbanner .sildeContnt ul li span {
	color: var(--theme-color);
}

.lpbanner .sildeContnt ul {
	margin: 1rem 0;
}

.lp-main {
	position: absolute;
	left:     64rem;
	top:      10rem;
}

.lpbanner {
	position: relative;
}

.lp-main img {
	width: 900px;
}

.lpbanner {
	background-image:  url(../images/lp-bg.webp);
	background-repeat: no-repeat;
	background-size:   cover;
}

.lpBody .logoSlider {
	background: #000000;
	padding:    3rem 2rem;
}

.lpBody .logoSec .logo-head:before,
.lpBody .logoSec .logo-head:after {
	background: var(--black);
}

.invertBg {
	background: #F6F6F6;
}

.invert .serBox {
	background: #FFFFFF;
	box-shadow: 0px 0px 12px #00000024;
}

.invert .serBox:hover h4 {
	color: #FFFFFF;
}

.invert .serBox:hover p {
	color: #FFFFFF;
}

.lpBody .customerSec .col-lg-3,
.lpBody .reasonSec .col-lg-4 {
	border-right: 1px solid var(--theme-color);
}

.lpBody .ctaSec h4 {
	color: var(--theme-color);
}

.lpBody .portfolioSec .nav-item .nav-link.active,
.lpBody .pakageSec .nav-item .nav-link.active {
	color: var(--white);
}

.lpBody .portfolioSec .nav-item .nav-link,
.lpBody .pakageSec .nav-item .nav-link {
	color: var(--black);
}

.lpBody .secHeading {
	color: var(--black);
}

.lpBody h1 {
	color: #000000;
}

.lpBody h2 {
	color: #000000;
}

.lpBody h3 {
	color: #000000;
}

.lpBody h4 {
	color: #000000;
}

.lpBody h5 {
	color: #000000;
}

.lpBody h6 {
	color: #000000;
}

.lpBody .pakageBox {
	background: #F5F5F5;
}

.lpBody .listStyle li,
.lpBody .pakageBox h4 span {
	color: var(--black);
}

.lpBody .pakageBox h4 {
	color: var(--theme-color);
}

.lpBody .pakageBox h2 {
	color: var(--white);
}

.lpBody .pakageBox .themeBtn2 {
	background: #161616;
}

.lpBody .pakageBox .themeBtn2::before {
	border-color: #161616;
}

.lpBody .transHead {
	-webkit-text-stroke: 1px var(--theme-color);
	color:               transparent;
	z-index:             0;
}

.lpBody .processSec .processBox {
	background: #FFFFFF;
	box-shadow: 0px 0px 8px #00000040;
}

.lpBody .brandSec .secHeading {
	color: var(--theme-color);
}

.lpBody .brandSec p,
.lpBody .brandSec .brandBox h4 {
	color: var(--white) !important;
}

.invert .listStyle li,
.lpBody .brandSec .price h5 {
	color: var(--white);
}

.lpBody .pakageBox .listStyle li {
	color: #000000 !important;
}

.lpBody .contactSec {
	background: #F7F6F6;
}

.lpBody .contactSec .contactForm input,
.lpBody .contactSec .contactForm select,
.lpBody .contactSec .contactForm textarea {
	background: #FFFFFF;
	box-shadow: 0px 0px 10px #00000036;
}

.lpBody .testimonialSec .testBox {
	background:    #F7F6F6;
	padding:       2rem;
	border-radius: 10px;
}

.copyright p {
	color: #FFFFFF;
}

.disclaimer h4,
.disclaimer p {
	color: #FFFFFF;
}

.form-head h2 {
	color: #FFFFFF;
}

.lpsSlider .swiper-slide {
	opacity:    0 !important;
	visibility: hidden;
	transition: opacity, ease all 0.5s;
}

.lpsSlider .swiper-slide.swiper-slide-active {
	opacity:    1 !important;
	visibility: visible;
}

.lpBody .sticky {
	display: none;
}

/* LP CSS End */

.accordion-button::after {
	background:      none;
	content:         "+";
	font-size:       1.5rem;
	background:      var(--theme-color);
	display:         flex;
	align-items:     center;
	justify-content: center;
	border-radius:   3px;
}

.accordion-button:not(.collapsed)::after {
	background:      none;
	content:         "-";
	transform:       none;
	font-size:       1.5rem;
	background:      var(--theme-color);
	display:         flex;
	align-items:     center;
	justify-content: center;
	border-radius:   3px;
}

.proceesSix .processCell.process-two {
	top: -15rem;
}

.proceesSix .processCell.process-five {
	top: -1rem;
}

.proceesSix .processCell.process-four {
	bottom: 16rem;
}

.proceesSix .processCell.process-six {
	left:   36rem;
	bottom: 15rem;
}

.process-eight .processCell.process-three {
	top: 0;
}

.process-eight .processCell.process-five {
	top: -5rem;
}

.process-eight .processCell.process-seven.proTwo {
	top: 12rem;
}

.process-eight .processCell.process-two.proTwo {
	top: -15rem;
}

.process-eight .processCell.process-8 {
	bottom: 47rem;
	left:   36rem;
}

.process-eight .processCell.process-four {
	bottom: 26rem;
	left:   33rem;
}

.process-eight .processCell.process-six {
	bottom: 20rem;
}

.contactInfo .themeBtn {
	margin-top: 2rem;
}

.proceesWeb .processCell.process-five {
	top: -3rem;
}

.proceesWeb .processCell.process-six {
	bottom: 17rem;
}

.proceesContent .processCell.process-three {
	top: 0;
}

.proceesContent .processCell.process-five {
	top: 0;
}

.proceesContent .processCell.process-two {
	top: -15rem;
}

.proceesContent .processCell.process-four {
	bottom: 15rem;
}

.proceesContent .processCell.process-six {
	bottom: 10rem;
}

.proceesContent .processCell.process-seven {
	top: 13rem;
}

.proceesvideo .processCell.process-two {
	top: -14rem;
}

.proceesvideo .processCell.process-seven {
	top: 12rem;
}

.proceesvideo .processCell.process-five {
	top: 0;
}

.proceesvideo .processCell.process-four {
	bottom: 14rem;
}

.proceesvideo .processCell.process-six {
	bottom: 14rem;
}

/* Steps CSS Start */
/* Step2 CSS Start */
.stepsBody header {
	background: #161616;
	padding:    1rem 0;
	position:   relative;
}

.step2 .packageContnt {
	border:  none;
	padding: 2rem 1rem;
}

.step2 .pakageBox .listStyle li {
	color:       #6F6F6F !important;
	font-weight: 100;
	line-height: 2;
}

.step2 .navTabStyle {
	gap: 2rem;
}

.step2 .navTabStyle li button {
	font-size:   1.4rem !important;
	font-weight: 500;
}

.step2 .pakageBox .packgeBtn {
	background:     var(--theme-color);
	display:        block;
	color:          #FFFFFF;
	text-transform: uppercase;
	font-size:      1.5rem;
	text-align:     center;
	padding:        0.8rem 0;
	margin:         0 1.5rem;
	border:         1px solid var(--theme-color);
}

.step2 .pakageBox .packgeBtn:hover {
	background: var(--white);
	color:      var(--theme-color);
}

.addons h4 {
	font-size:     2rem;
	font-weight:   500;
	margin-bottom: 2rem;
}

.addons {
	background: whitesmoke;
	margin:     3rem 0;
	padding:    2rem 4rem;
}

.addons ul li {
	display:         flex;
	justify-content: space-between;
	background:      #FFFFFF;
	padding:         0.8rem 3rem;
	align-items:     center;
	margin:          1rem 0;
}

.addons ul li .checkbox {
	font-size: 1.35rem;
}

.addons ul li span {
	font-size:   2rem;
	font-weight: 700;
	color:       var(--theme-color);
}

.chb {
	visibility: hidden;
}

.chb + label {
	position:     relative;
	padding-left: 2rem;
}

.chb-3 + label::before {
	position:   absolute;
	left:       -20px;
	top:        4px;
	/*   text-align: center; */
	border:     2px solid var(--theme-color);
	content:    " ";
	width:      26px;
	height:     26px;
	transition: all 0.1s ease-in, border-color 0.05s ease-in;
}

.chb-3:checked + label::before {
	transform:         rotate(40deg);
	border-top-color:  transparent;
	border-left-color: transparent;
	top:               2px;
	left:              -15px;
	width:             10px;
	height:            22px;
}

.stepCart h4 {
	background:     var(--theme-color);
	color:          #FFFFFF;
	padding:        1.5rem;
	font-size:      1.5rem;
	font-weight:    500;
	text-transform: uppercase;
	border-radius:  5px 5px 0 0;
}

.stepCart {
	background:    #F5F5F5;
	border-radius: 0 0 5px 5px;
}

.cartBox {
	padding: 1.5rem;
}

.cartBox h5 {
	color:          #464646;
	font-weight:    600;
	font-size:      1.4rem;
	text-transform: uppercase;
}

.cartBox ul li a {
	display:     block;
	color:       #FB3535;
	font-size:   1rem;
	font-weight: 500;
}

.cartBox ul {
	display:         flex;
	justify-content: space-between;
	align-items:     baseline;
}

.cartBox ul li {
	font-size:      18px;
	font-weight:    400;
	text-transform: uppercase;
	margin:         1rem 0;
}

.totalAmont h5 {
	display:         flex;
	justify-content: space-between;
}

.totalAmont {
	border-top: 1px solid #BEBEBE;
	padding:    1.5rem 0 0;
	margin:     1rem 0;
}

.totalBtn {
	background:    var(--theme-color);
	display:       block;
	padding:       1.5rem;
	color:         #FFFFFF;
	font-size:     1.3rem;
	text-align:    center;
	border-radius: 5px;
	margin-top:    2rem;
	border:        1px solid var(--theme-color);
}

.totalBtn:hover {
	background: var(--white);
	color:      var(--theme-color);
}

.stepsBtn {
	display:         flex;
	align-items:     center;
	margin:          3rem 0;
	justify-content: center;
	position:        relative;
}

.stepsBtn li a {
	background: whitesmoke;
	color:      #000000;
}

.stepsBtn li a {
	font-size: 2rem;
	padding:   1rem 3rem;
	/* width: 0; */
	/* height: 0; */
	/* border-top: 50px solid transparent; */
	/* border-left: 100px solid red; */
	/* border-bottom: 50px solid transparent; */
	position:  relative;
	display:   block;
}

.stepsBtn li a span {
	font-size: 1.3rem;
	padding:   0 2rem;
}

.stepsBtn li .active {
	background: var(--theme-color);
	color:      #FFFFFF;
}

.step2 {
	background-color: #FFFFFF;
	box-shadow:       0px 0px 14px #0003;
	margin:           3rem 2rem;
	border-radius:    10px;
}

.stepsBody {
	background: whitesmoke;
}

/* Step2 CSS End */
/* Step3 CSS Start */
.step3 form input,
.step3 form textarea {
	height:       4.5rem;
	width:        100%;
	margin:       1rem 0;
	border:       1px solid #E8E8E8;
	padding-left: 2rem;
	background:   #F9F9F9;
}

.step3 form textarea {
	height:  200px;
	padding: 2rem;
}

.step3 form button {
	width:          100%;
	height:         4.5rem;
	border:         none;
	border:         1px solid var(--theme-color);
	background:     var(--theme-color);
	color:          #FFFFFF;
	font-size:      1.5rem;
	text-transform: capitalize;
	letter-spacing: 4px;
	margin-top:     2rem;
}

.step3 form button:hover {
	background: #F9F9F9;
	color:      #FF5900;
}

.step3 p {
	color: #8A8A8A;
}

/* Step3 CSS End */
/* Step4 CSS start */
.step3 form label {
	color:       #8A8A8A;
	font-family: "Rubik", sans-serif;
}

.step3 form .form-group a {
	color:       #8A8A8A;
	font-family: "Rubik", sans-serif;
}

.step3 form .form-group a i {
	color:         #000000;
	font-weight:   500;
	padding-right: 0.8rem;
}

.step3 form .form-group {
	margin: 1rem 0;
}

.submtBtn {
	width:   fit-content !important;
	padding: 0 3rem;
	margin:  0 !important;
}

.stepsBtn li {
	flex: 0 0 25%;
}

.stepsBtn li:last-child:after {
	content:    "";
	position:   absolute;
	top:        0;
	right:      0;
	width:      60px;
	height:     100%;
	z-index:    1;
	background: #FFFFFF;
}

.stepsBtn li a:after {
	content:       "";
	width:         0;
	height:        0;
	border-top:    40px solid transparent;
	border-left:   60px solid #F5F5F5;
	border-bottom: 40px solid transparent;
	position:      absolute;
	top:           0;
	right:         0;
	filter:        drop-shadow(2px 0px 0px #FFFFFF);
	z-index:       2;
}

.stepsBtn li.active a {
	background: #FF5900;
	color:      #FFFFFF;
}

.stepsBtn li.active a:after {
	border-left-color: #FF5900;
	background:        transparent;
}

.stepsBtn li.active:first-child a:before,
.stepsBtn li.active:nth-child(2) a:before,
.stepsBtn li.active:nth-child(3) a:before,
.stepsBtn li.active:last-child a:before {
	content:    "";
	background: #FF5900;
	position:   absolute;
	top:        0;
	left:       -60px;
	width:      62px;
	height:     100%;
	z-index:    1;
}

.stepsBtn li.active + li a:before {
	content:    "";
	background: #F5F5F5;
	position:   absolute;
	top:        0;
	left:       -60px;
	width:      60px;
	height:     100%;
}

/* Step4 CSS End */
/* Steps CSS End*/

.phone-container {
	background-color: transparent;
	height:           3.3rem;
	position:         relative;
	border:           2px solid var(--theme-color);
	border-radius:    5px;
	color:            #757575;
	margin:           0.5rem 0;
}

.iti--separate-dial-code .iti__selected-flag {
	background-color: transparent;
	border-right:     2px solid var(--theme-color);
}

.iti__country-list {
	background: #000000;
}

.iti__selected-flag {
	height: 48px;
}

.iti__country {
	color: #FFFFFF;
}

.stickyForm .phone-container {
	border: 1px solid #2B2A2A;
}

.stickyForm .iti--separate-dial-code .iti__selected-flag {
	border-right: 1px solid #2B2A2A;
}

.stickyForm .iti__country-list {
	background: #161616;
}

.phone2 {
	width:  80% !important;
	margin: 0 !important;
	border: none !important;
	height: 3rem !important;
}

.form-control:focus {
	color:            #757575;
	background-color: transparent;
	border-color:     transparent;
	outline:          0;
	box-shadow:       none;
}

.process-row {
	height: 900px;
}

.contactInner .transHead.serviceHead {
	left: 19rem;
	top:  14rem;
}

.owl-nav button {
	position:         absolute;
	top:              50%;
	background-color: #000000;
	color:            #FFFFFF;
	margin:           0;
	transition:       all 0.3s ease-in-out;
}

.owl-nav button.owl-prev {
	left: 0;
}

.owl-nav button.owl-next {
	right: 0;
}

.owl-dots {
	text-align:      center;
	padding-top:     15px;
	display:         flex;
	justify-content: center;
}

.owl-dots button.owl-dot {
	background:      var(--theme-color);
	opacity:         0.5;
	width:           10px;
	height:          10px;
	display:         flex;
	align-items:     center;
	justify-content: center;
	margin:          0 0.7rem;
	border-radius:   50%;
}

.owl-dots button.owl-dot.active {
	background-color: var(--theme-color);
	opacity:          1;
}

.owl-dots button.owl-dot.active::before {
	content:       "";
	position:      absolute;
	border:        1px solid var(--theme-color);
	width:         26px;
	height:        26px;
	border-radius: 50%;
}

.owl-dots button.owl-dot:focus {
	outline: none;
}

.owl-nav button {
	position:   absolute;
	top:        50%;
	transform:  translateY(-50%);
	background: rgba(255, 255, 255, 0.38) !important;
}

.owl-dot span {
	font-size: 70px;
	position:  relative;
	top:       -5px;
}

.owl-nav button:focus {
	outline: none;
}

.portfolioSec
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
	left:    0;
	bottom:  1rem;
	z-index: 1;
}

.portSlider {
	padding-bottom: 3rem;
}

.portSliderOne .pakageBox {
	margin: 0 8px;
}

.packDots .swiper-pagination {
	position:  absolute;
	width:     auto;
	left:      50%;
	transform: translateX(-50%);
}
.adminBody label.bold {
	color: var(--white);
}

/* CSS FOR ADMIN DASHBOARD */
.dashboardSec {
	padding:       20px 0;
	border-bottom: 4px solid var(--theme-color);
	display:       block;
	position:      relative;
}
.dashboardSec img {
	width: 30%;
}
.dashboardSec .dashboard-menu {
	display:         flex;
	justify-content: end;
	gap:             40px;
	margin:          10px 0 0 0;
}
.dashboardSec .dashboard-menu li {
	font-size: 18px;
}
.dashboardSec .dashboard-menu li span {
	color:        var(--white);
	margin-right: 10px;
}
.dashboardSec .dashboard-menu li,
.dashboardSec .dashboard-menu li a {
	color: var(--theme-color);
}
.mainBody {
	display: block;
}
.mainBody .dash-left-menu {
	display:       block;
	background:    var(--black);
	padding:       15px;
	border-radius: 15px;
}
.mainBody .dash-left-menu ul {
	display:        flex;
	flex-direction: column;
}
.mainBody .dash-left-menu ul li {
	font-size:   20px;
	line-height: 50px;
}
.mainBody .dash-left-menu ul li i {
	margin: 0 10px 0 0;
}
.mainBody .dash-left-menu ul li a {
	color:   var(--white);
	display: block;
}
.mainBody .dash-left-menu ul li a:hover,
.mainBody .dash-left-menu ul li a.active {
	background:    var(--theme-color);
	color:         var(--white);
	padding:       0 0 0 10px;
	border-radius: 10px 0 0 10px;
}
.mainBody .tab-container {
	display:       block;
	padding:       30px;
	border-radius: 20px;
	background:    #161616;
}
.mainBody .tab-container .tab-content {
	display: none;
}
.mainBody .tab-container .tab-content:first-child {
	display: block;
}
.mainBody .tab-container .large-card {
	display:       block;
	padding:       20px;
	border-radius: 10px;
	background:    var(--theme-color);
	margin-bottom: 15px;
}
.mainBody .tab-container .pakageBox {
	background: var(--black);
}
.mainBody .tab-container .pakageBox .packageContnt {
	border:  1px solid #2F2F2F;
	padding: 1rem;
	margin:  2rem;
}
.mainBody .tab-container .orders-data h2 {
	margin-bottom: 20px;
}
.mainBody .tab-container .orders-data table {
	color: var(--white);
}

.boxStyle .packSliderOne .pakageBox .themeBtn {
	padding: 1rem 2rem;
}
a.centerbtn {
	margin:  0 auto;
	display: table;
}
.pkgtitle {
	text-align: left;
}
.ctmdtata span {
	color: var(--theme-color);
}
h5.paiddd span{
	background-color: #209B00;
	color:            #fff;
	padding:          0 10px;
	border-radius:    3px;
}