/*Main Css */

::selection {
	background: #5d3292;
	color: #fff;
	text-shadow: none;
}

::-webkit-scrollbar {
width:10px;
background-color:#F5F5F5;
}

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
display:none;
}

::-webkit-scrollbar-track-piece {
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
background-color:#dedede;
}

::-webkit-scrollbar-thumb:vertical {
border-radius:10px;
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
background-color:#5d3292;
}

[class^="box-"] {
	display: none
}

[class^="box-"].showfirst {

	display: block

}

html {

	max-width: 100%;

}

body {

	font-family: 'Poppins', sans-serif;

	overflow-x: hidden;

	font-size: 16px;

	line-height: 1;

	color: #000000;

}

h1, h2, h3, h4, h5, h6 {

	display: block;

	font-weight: normal;

}

*:hover, *:focus, * {

	outline: none !important;

}

img {

	max-width: 100%;

	height: auto;

}

a, input[type="submit"] {

	-webkit-transition: all 0.4s ease-In-out;

	-moz-transition: all 0.4s ease-In-out;

	-o-transition: all 0.4s ease-In-out;

	transition: all 0.4s ease-In-out;

	display: inline-block;

	cursor: pointer;

}

a:hover {

	color: #17ebbe;

}

span {
	display: inline-block;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 margin: 0;
}

textarea, select, input[type], textarea, select, button {
	background: transparent;
	border: none;
	border-radius: 0px;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	width:100%;
}

::-webkit-input-placeholder {

color: #a3a3a3;

font-weight: 400;

}

::-moz-placeholder {

color: #a3a3a3;

font-weight: 400;

}

:-ms-input-placeholder {

color: #a3a3a3;

font-weight: 400;

}

:-moz-placeholder {

color: #a3a3a3;

font-weight: 400;

}

/* Padding Classes */

.pad-sec {

}

.pad-zero {

	padding: 0px;

}

.pad-l-zero {

	padding-left: 0px;

}

.pad-r-zero {

	padding-right: 0px;

}

/* Heading Classes */

.hding-1 h1 {

	font-size: 50px;

	font-weight: 900;

	line-height: 58px;

	color: #141414;

	position: relative;

	z-index: 0;

	margin-top: 60px;

}

.hding-2 h2 {

	font-size: 40px;

	font-weight: 700;

	line-height: 44px;

	letter-spacing: -0.2px;

}

.hding-2 h2>span {

	font-size: 16px;

	color: #000000;

	display: block;

}

.hding-3 h3 {

}

.hding-4 h4 {

}

.hding-5 h5 {

}

.hding-6 h6 {

}

.para p {

	font-size: 18px;

	font-weight: 500;

	color: #190707;

	line-height: 25px;

}

.para-lg p {

	font-size: 22px;

	line-height: 27px;

	color: #141414;

	letter-spacing: -0.3px;

}

.mark {

	background: transparent;

}

.mark h2>mark {

	color: #000000;

	transition: 0.5s;

	padding: 0;

	background-color: transparent;

	z-index: -1;

	position: relative;

}

/*.mark:hover h2>mark {background: #17ebbe;color: #fff;}*/

/* Custom Slick Css */

.slick-list {

	margin: 0 -15px;

}

.slick-slide {

	margin: 0 15px;

}

.slick-dots {

	padding: 50px 0 0;

	text-align: center;

}

.slick-dots li {

	margin: 0 20px 0 0px;

	width: auto;

	display: inline-block;

	vertical-align: middle;

	overflow: hidden;

	padding: 0px;

	border: none;

}

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

	color: #FFF;

	opacity: 1;

	font-size: 20px;

}

.slick-dots li button {

	height: 8px;

	width: 8px;

	border-radius: 50%;

	padding: 0px;

	background: #d6d6d6;

	border: none;

	cursor: pointer;

	font-size: 0px;

	padding: 0px;

	-webkit-transition: all 0.4s ease-In-out;

	-moz-transition: all 0.4s ease-In-out;

	-o-transition: all 0.4s ease-In-out;

	transition: all 0.4s ease-In-out;

	box-sizing: border-box;

}

.slick-dots li.slick-active button {

	background: #f3c919;

	width: 11px;

	height: 11px;

}

h2 {

	font-size: 40px;

	color: #190707;

}

/*header css*/

header {

	-webkit-transition: all 0.4s ease-In-out;

	-moz-transition: all 0.4s ease-In-out;

	-o-transition: all 0.4s ease-In-out;

	transition: all 0.4s ease-In-out;

	position: absolute;

	left: 0;

	right: 0;

	z-index: 1;

}

.main-header {

	position: relative;

	z-index: 0;

	padding: 26px 0;

}

.main-header:after {

	display: none;

	background-color: rgb(255 255 255);

	box-shadow: 0px 0px 59px 0px rgba(0, 0, 0, 0.08);

	position: absolute;

	width: 55.98vw;

	height: 105px;

	content: "";

	top: 0;

	right: 0;

	z-index: -1;

	clip-path: polygon(0 0, 100% 0, calc(100% - 0px) 100%, 85px 100%);

}

.logo {

	display: inline-block;

}

.logo img {
	display: block;
}

/* Hamburger Menu */

.menu-Bar {

	width: 30px;

	height: 20px;

	cursor: pointer;

	position: absolute;

	right: 15px;

	top: 0;

	bottom: 0px;

	margin: auto;

	z-index: 22;

	display: none;

}

.menu-Bar span {

	display: block;

	height: 4px;

	width: 100%;

	background: #0f4c97;

	position: absolute;

	transition: .6s all;

	border-radius: 100px;

}

.menu-Bar span:nth-child(1) {

	top: 0;

}

.menu-Bar span:nth-child(2) {

	top: 8px;

	transform-origin: left;

}

.menu-Bar span:nth-child(3) {

	top: 16px;

}

.menu-Bar.open span {

	background: #b70404;

}

.menu-Bar.open span:nth-child(1) {

	transform: rotate(45deg);

	top: 12px;

	transform-origin: right-center;

}

.menu-Bar.open span:nth-child(2) {

	width: 0;

	opacity: 0;

}

.menu-Bar.open span:nth-child(3) {

	transform: rotate(-45deg);

	top: 12px;

	transform-origin: right-center;

}

/* Menu Css */

.menu {

	font-size: 0px;

	display: inline-block;

	vertical-align: middle;

}

.menu li {

	display: inline-block;

	vertical-align: middle;

	margin-right: 33px;

	text-align: left;

	line-height: 20px;

}

.menu li.last {

	margin-right: 0;

}

.menu li a, .menu li span {

	display: inline-block;

	font-size: 16px;

	font-weight: 600;

	color: #ffffff;

	border-bottom: 1px solid;

}

.menu li span {

	color: #fff;

	font-weight: 400;

	border: 0;

	display: block;

}

.menu li:hover a, .menu li.active a {

	color: rgb(250 162 27);

}

.menu li+li {

	border-left: 1px solid #ffffff21;

	padding-left: 27px;

}





/* Dropdown CSS*/

@keyframes btotreverse {

 0% {

top: 75px;

opacity: 1;

}

 100% {

top: 115px;

opacity: 0;

}

}

@keyframes btot {

 0% {

top: 115px;

opacity: 0;

}

 100% {

top: 40px;

opacity: 1;

}

}

/* Main Banner CSS */

.mainBanner {

	background-position: top center;

	height: 690px;

	background-repeat: no-repeat;

	display: flex;

	align-items: center;

	position: relative;

	background-size: cover;

	background-color: #b6d3c1;

	overflow: hidden;

	z-index: 0;

}

a.banner-btn {

	border-style: solid;

	border-color: rgb(20, 20, 20);

	border-radius: 10px;

	background-color: #5d3292;

	line-height: 50px;

	text-align: center;

	font-size: 20px;

	color: #fff !important;

	font-weight: 700;

	text-transform: uppercase;

	padding: 11px 50px;

}

a.banner-btn:hover {/*background: #060606;

    border-color: #ffbc00;

    color: #ffbc00; */

}

a.banner-btn i {

	padding-left: 66px;

}

.mainBanner h1 {

	font-size: 46px;

	color: #fff;

	margin-bottom: 20px;

	font-weight: 600;

	line-height: 1.1em;

	text-transform: capitalize;

}

.mainBanner h1 mark{ background: transparent; position: relative; background: transparent; color:#fd62b1;font-weight: 700; }

.mainBanner h1 mark:before{content: '';background: #003bfe;position: absolute;bottom: 10px;width: 100%;height: 25px;z-index: -1; display: none; }



.mainformtop .topformsv h3 strong span{ font-size: 40px;

    display: inline-block;

    vertical-align: middle;

    font-weight: 900; }



.mainBanner h1 span {

	color: #43885c;

	font-weight: 700;

}

.mainBanner p {

	font-size: 15px;

	color: #ffffff;

	font-weight: 400;

	margin-bottom: 15px;

	line-height: normal;

}

.trustdv p {

	display: flex;

	align-items: center;

	margin-top: 20px;

	margin-bottom: 0;

	font-size: 15px;

	font-weight: 400;

}

.trustdv p img {

	margin: 0 5px;

}

.mainBanner .posinitial {

	position: initial;

}

.mainBanner .bannimg {

	position: absolute;

	bottom: -3px;

	right: 3em;

}

.mainBanner .bannimg>img {

	width: 710px;

	max-width: initial;

}

.mainBanner .items, .mainBanner .slick-list, .mainBanner .slick-track, .mainBanner .container, .mainBanner .row {

	height: 100%;

	align-items: center;

}

.mainBanner h1 span {

	color: #000;

	font-weight: 700;

	font-size: 14px;

	vertical-align: middle;

	color: #ffff;

	letter-spacing: 1px;

	display: block;

}

.bannerForm {

	border-radius: 5px;

	background-color: rgb(255, 255, 255);

	box-shadow: 0px 3px 40px 0px rgba(0, 0, 0, 0.08);

	width: 410px;

	height: 520px;

	margin-left: auto;

	align-items: center;

	display: flex;

	justify-content: center;

	position: relative;

	box-shadow: 4px -5px 11px 3px rgb(0 0 0 / 15%);

	border: 2px solid #000000;

	margin-top: 60px;

}

.bannerForm h4 {

	font-size: 15px;

	color: #3d3d3d;

	text-align: center;

	display: block;

	letter-spacing: 0.2px;

}

.bannerFormText h5 {

	font-size: 40px;

	font-family: 'Poppins', sans-serif;

	font-weight: 700;

	font-style: italic;

	text-align: center;

	color: #fff;

	text-shadow: 2px 3px 15px rgb(0 0 0 / 0.3);

}

.bannerFormText h5>span {

	font-size: 18px;

	display: block;

	letter-spacing: 0.2px;

	line-height: 16px;

}

.bannerFormBox {

	position: relative;

}

.bannerFormText {

	position: absolute;

	transform: rotate(-40deg);

	display: inline-table;

	bottom: 35%;

	left: -100px;

}

.bannerForm:after {

	content: "";

	background: url(../images/icons/arrow.html);

	width: 115px;

	height: 138px;

	position: absolute;

	bottom: 18%;

	left: -12%;

}

.bannerForm h2 {

	font-size: 26px;

	font-weight: 400;

	color: #141414;

	letter-spacing: -0.4px;

	padding-bottom: 12px;

	text-align: center;

	line-height: 1.1em;

}

.bannerForm h3>span {

	color: #17ebbe;

	font-weight: 900;

	transition: 0.5s;

	font-size: 41px;

	margin-top: 10px;

}

/*.bannerForm:hover h2>span { background: #17ebbe; color: #fff; }*/

.bannerForm h3 {

	font-size: 19.11px;

	color: #141414;

	font-weight: 400;

	text-align: center;

}

.bannerForm form {

	text-align: center;

	padding: 0px 20px 20px;

}

.fld-input {

	border-style: solid;

	border-width: 1px;

	border-color: rgb(218 217 217);

	border-radius: 5px;

	background-color: rgb(255, 255, 255);

	width: 354px;

	height: 66px;

	margin-bottom: 20px;

}

.fld-input input {

	width: 100%;

	height: 100%;

	padding: 0 24px;

	font-size: 16px;

	letter-spacing: 0.2px;

}

.fld-input input::placeholder {

color: #737373;

font-weight: 400;

}

.fld-btn button {

	border-radius: 5px;

	background-color: rgb(250, 162, 27);

	width: 350px;

	height: 62px;

	font-size: 18px;

	font-weight: 900;

	letter-spacing: 0.2px;

	text-transform: uppercase;

	cursor: pointer;

	transition: 0.5s;

}

.fld-btn button i {

	padding-left: 12px;

}

.fld-btn button:hover {

	background: #141414;

	color: #fff;

}

ul.brand-logo {

	padding-right: 22% !important;

}

ul.brand-logo li {

	vertical-align: middle;

	text-align: center;

}

ul.brand-logo li a {

	background: #fff;

}

ul.brand-logo li a>img {

	mix-blend-mode: luminosity !important;

}

ul.brand-logo li a>img:hover {

	mix-blend-mode: normal !important;

}

.brandLogoSec {
	/*background: url(../images/slider.jpg) no-repeat center !important; */
	padding: 42px 0;

	position: relative;

	box-shadow: 0 -7px 25px rgba(0, 0, 0, 0.4);

}

/*.brandLogoSec:after { content: ""; background: url(../images/icons/logo-after.png); width: 142px; height: 76px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }

*/



.logoBdge {

	position: relative;

}

.logoBdge span {

	background-color: rgb(46, 46, 46);

	width: 135px;

	height: 42px;

	line-height: 42px;

	text-align: center;

	font-size: 16px;

	color: #fff;

	text-transform: uppercase;

	font-weight: 600;

	position: absolute;

	bottom: 26px;

}

.logoBdge:before {

	content: "";

	clip-path: polygon(0 0, 100% 0, calc(100% - 0px) 100%, 26px 100%);

	position: absolute;

	bottom: 42px;

	left: -26px;

	background: #000;

	width: 26px;

	height: 26px;

	transform: rotate(90deg);

}

header.fixed.sticky {

	background: #fff;

	position: fixed;

	z-index:2;

}

header.fixed.sticky img {

	/*filter: brightness(0);*/

}

header.fixed.sticky .main-header {

    padding: 10px 0;

	-webkit-box-shadow: 2px 6px 20px -11px rgba(0,0,0,0.2);

-moz-box-shadow: 2px 6px 20px -11px rgba(0,0,0,0.2);

box-shadow: 2px 6px 20px -11px rgba(0,0,0,0.2);

}

.fixed.sticky .menu li a.header-btn {

	border-radius: 5px;

	background-color: rgb(250, 162, 27);

	width: 196px;

	height: 46px;

	text-align: center;

	line-height: 46px;

	color: #000;

	border: 0;

	display: block;

	border-radius: 50px;

	font-size: 18px;

	transition: all .2s ease-in-out;

}

header.fixed.sticky .menu li span, header.fixed.sticky .menu li a {

	color: #000;

}

.menu li:nth-child(3) {

	margin-right: 0;

}

.fixed.sticky .menu li {

	display: none;

}

.fixed.sticky .menu li.first, .fixed.sticky .menu li.last {

	display: inline-block;

}



.fixed .menu li a.header-btn {

	display: none;

}

.fixed.sticky .menu li.first {

	margin-right: 30px;

	text-align: right;

}
.wrapper-3hgZT{
	background-color: #5d3292 !important;
	color: #fff !important;
}

.fixed.sticky .menu li a.header-btn:hover {

	transform: scale(1.1);

	-webkit-box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.4);

	-moz-box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.4);

	box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.4);

	background: #c26aaa;

}

.brandLogoSec {

	background: #fff;

	padding: 30px 0;

	position: relative;

}

.brandLogoSec h3 {

	font-size: 14px;

	color: #fff;

	background: #000;

	padding: 0 10px;

	display: inline-block;

	position: absolute;

	top: -42px;

	line-height: 26px;

}

.brandsslides .slick-track {

	display: flex;

	align-items: center;

	width: 100%;

}

.brandsslides .items img {

	filter: grayscale(100%);

	transition: all 0.3s ease-out;

	margin: auto;

}

.brandsslides .items img:hover {

	filter: grayscale(0);

}

.sec2 {

	padding: 80px 0 50px;

	text-align: center;

}

.sec2 h2 {

	color: #190707;

	font-size: 40px;

	font-weight: 700;

	margin-bottom: 80px;

	line-height: normal;

}

.yellowcol {

	color: #ffbc00;

}

.sec2 .icons {

	background: #fff;

	width: 103px;

	height: 103px;

	border-radius: 100%;

	margin: auto auto 25px;

	box-shadow: 4px 9px 20px #00000012;

	display: flex;

	align-items: center;

	justify-content: center;

}

.sec2 .icons i {

	background: url(../images/icons/icon1.png) no-repeat;

	width: 35px;

	height: 52px;

}

.sec2 .icons i.icon2 {

	background: url(../images/icons/icon2.png) no-repeat;

	width: 45px;

	height: 40px;

}

.sec2 .icons i.icon3 {

    background: url(../images/icons/icon3.png) no-repeat;

    width: 45px;

    height: 47px;

    background-size: contain;

}

.sec2 .icons i.icon4 {

	background: url(../images/icons/icon4.png) no-repeat;

	width: 46px;

	height: 40px;

}

.sec2 .icons i.icon5 {

	background: url(../images/icons/icon5.png) no-repeat;

	width: 44px;

	height: 45px;

}

.sec2 .icons i.icon6 {

	background: url(../images/icons/icon6.png) no-repeat;

	width: 42px;

	height: 36px;

}

.sec2 .bx {

	margin-bottom: 50px;

	padding: 30px 30px;/* border: 1px solid #f3f3f3; *//* background: #f7f7f7; *//* box-shadow: 0px 0px 10px #00000012; */

	transition: all 0.3s ease-out;

	border: 1px solid transparent;

}

.sec2 .bx h3 {

	font-size: 20px;

	color: #141414;

	margin-bottom: 15px;

}

.sec2 .bx p {

	color: #606060;

	font-size: 14px;

	line-height: normal;

}

.partnersmm {

	padding: 50px 0;

	text-align: center;

	background: #f7f7f7;

}

.partnersmm h3 {

	font-size: 40px;

	color: #000;

	font-weight: 700;

	margin-bottom: 30px;

}

.partnersmm .bx img {

	filter: grayscale(100%);

}

.recentworks {

	text-align: center;

	padding: 50px 0;
	background: #fceef0;
}

.recentworks h3 {

	font-size: 40px;

	color: #000;

	margin-bottom: 15px;

	font-weight: 700;

}

.recentworks p {

	font-size: 16px;

	color: #424242;

	margin-bottom: 50px;

	line-height: normal;

}

.recentworks .portdvcont {

	font-size: 15px;

	color: #424242;

}

.recentworks .portdvcont p {

	margin: 35px 0 15px;

	font-style: italic;

}

.packagesmm {

	padding: 50px 0;

}

.packagesmm h2 {

	font-size: 40px;

	color: #190707;

	margin-bottom: 15px;

	font-weight: 700;

}

.packagesmm p {

	margin-bottom: 20px;

	font-size: 16px;

	color: #424242;

}

.packagesmm .tabsmm {

	margin-top: 30px;

	margin-bottom: 60px;

}

.packagesmm .tabsmm ul {

	display: inline-flex;

	align-items: center;

	text-align: center;

	justify-content: center;

	border-bottom: 1px solid #dbdbdb;

	padding: 0 20px;

	position: relative;

}

.packagesmm .tabsmm ul li {

	padding: 0 10px;

}

.tabsmm {

	text-align: center;

}

.packagesmm .tabsmm ul:before {

	content: '';

	position: absolute;

	bottom: 0px;

	width: 100%;

	box-shadow: 0px -3px 15px #000;

	z-index: 1;

	height: 1px;

}

.packagesmm .tabsmm ul li a {

	color: #717171;

	font-size: 15px;

	border: 1px solid #e3e3e3;

	border-top-left-radius: 10px;

	border-top-right-radius: 10px;

	padding: 15px 30px;

	display: block;

	border-bottom: 0;

	min-width: 165px;

}

.packagesmm .tabsmm ul li.current a, .packagesmm .tabsmm ul li:hover a {

	background: #ffbc00;

	color: #000;

}

/*.tabsdetails{ display: none; }

.tabsdetails.active{ display: block; }*/



.package {

	text-align: center;

	padding: 50px 0 70px;

	background-image: url(../images/bg-package.html);

	background-repeat: no-repeat;

	position: top left;

}

.package h4 span {

	display: block;

	font-size: 16px;

	font-weight: 400;

	color: #ffbc00;

	line-height: 24px;

	letter-spacing: 0.6px;

	padding-bottom: 10px;

}

.package h4 {

	padding-bottom: 15px;

}

.package p {

	font-size: 16px;

	font-weight: normal;

	color: #000000;

	line-height: 24px;

	padding-bottom: 30px;

}

.pkgwrp {

	position: relative;

	width: 100%;

	min-height: 508px;

	background-color: #fff;

	border: 1px dashed #5d3292;

	border-radius: 10px;

	padding: 35px 30px;

	text-align: left;

	transition: all 0.4s ease-In-out;

}

.pkgprice {

	position: relative;

}

.cutprice {

	position: absolute;

	right: 40px;

	top: 67px;

}

.cutprice:before {

	content: '';

	position: absolute;

	background-image: url(../images/cut.png);

	background-repeat: no-repeat;

	height: 38px;

	width: 111px;

	top: 0;

	bottom: 0;

	right: 0;

	left: -10px;

	margin: auto;

}

.cutprice h5 {

	font-size: 30px;

	font-weight: 600;

	color: #a6a6a6;

	transition: all 0.4s ease-In-out;

}

.pkgprice h4 {

	font-size: 40px;

	font-weight: 700;

	color: #3b3939;

	letter-spacing: 1px;

	padding-bottom: 25px;

	transition: all 0.4s ease-In-out;

}

.pkgprice p {

	font-size: 17px;

	font-weight: 600;

	color: #222222;

	padding-bottom: 40px;

	letter-spacing: -0.7px;

	transition: all 0.4s ease-In-out;

	margin-top: 10px;

}

.pkgprice p span {

	color: #ffbc00;

	transition: all 0.4s ease-In-out;

}

.pkgserv {

	font-size: 0;

	margin-bottom: 20px;

	height: 244px;

}

.pkgserv li {

	position: relative;

	font-size: 15px;

	font-weight: 500;

	color: #000000;

	padding-left: 30px;

	padding-bottom: 20px;

	transition: all 0.2s ease-In-out;

	letter-spacing: -0.5px;

}

.pkgserv li:before {

	content: '\f058';

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	margin: auto;

	font-size: 17px;

	color: #5d3292;

	font-family: 'Font Awesome 5';

	transition: all 0.4s ease-In-out;

}

.pkgwrp a {

	font-size: 18px;

	color: #fff !important;

	font-weight: 800;

	border-radius: 10px;

	text-transform: uppercase;

	background-color: #5d3292;

	border: 2px solid #5d3292;

	padding: 22px 52px;

	width: 100%;

	text-align: center;

	transition: all 0.4s ease-In-out;

}

.pkgwrp:hover {

	border-color: transparent;

	/*background-image: -moz-linear-gradient(60deg, rgb(255,207,74) 0%, rgb(247,222,153) 100%);

	background-image: -webkit-linear-gradient(60deg, rgb(255,207,74) 0%, rgb(247,222,153) 100%);

	background-image: -ms-linear-gradient(60deg, rgb(255,207,74) 0%, rgb(247,222,153) 100%);*/

	background-image: linear-gradient(to right, #643091, #c26aaa);
	-webkit-box-shadow: 0 0 38px 0 rgb(0 0 0 / 13%);
	-moz-box-shadow: 0 0 38px 0 rgb(0 0 0 / 13%);
	transition: all 0.4s ease-In-out;

	box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.35);

}

.pkgwrp:hover .pkgprice h4, .pkgwrp:hover h2, .pkgwrp:hover .pkgprice p, .pkgwrp:hover .pkgprice p span{

	color: #fff;

	transition: all 0.4s ease-In-out;

}

.pkgwrp:hover .pkgserv li:before {

	color: #000;

	transition: all 0.4s ease-In-out;

}

.pkgwrp:hover a {

	background-color: transparent;

	border-color: #000;

	color: #141414;

	transition: all 0.4s ease-In-out;

}

.pkgwrp:hover .cutprice h5 {

	color: #fff;

	text-shadow: 0px 0px 4px rgba(0,0,0,0.41);

	transition: all 0.4s ease-In-out;

}

.pkgwrp a:hover {

	background-color: #141414;

	color: #ffbc00;

	transition: all 0.4s ease-In-out;

}

.recom {

	position: absolute;

	top: -50px;

	right: -50px;

}

.pkgwrp:hover a {

    background-color: #ffffff !important;

    color: #000000 !important;

    transition: all 0.4s ease-In-out;

    transform: scale(1.03);

}

.offersend{

	display: none;

}

.offersend small {

	text-transform: uppercase;

	margin-bottom: 5px;

	display: block;

}

.offersend timer span {

	font-weight: 700;

}

.countdown {

	text-align: center;

	margin-top: 20px;

}

.countdown.show .running {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-flow: wrap;

	flex-flow: column;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

}

.countdown.show .running timer {

	font-size: 25px;

	font-weight: 600;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	line-height: normal;

	color: #474747;

}

.countdown.show .running timer .days, .countdown.show .running timer .hours, .countdown.show .running timer .minutes, .countdown.show .running timer .seconds {

	/* width: 32px; */

	text-align: left;

	margin: 0 1px;

	padding: 2px 6px;

}



@media (max-width: 480px) {

.countdown.show .running timer {

	font-size: 40px;

}

.countdown.show .running timer .days,  .countdown.show .running timer .hours,  .countdown.show .running timer .minutes,  .countdown.show .running timer .seconds {

	width: 49px;

}

}

.countdown.show .running .labels {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	font-size: 14px;

	justify-content: center;

	margin-top: 5px;

}

.countdown.show .running .labels span {

	width: initial;

	text-align: center;

	margin: 0px 0px;

	padding: 0 2px;

	font-size: 13px;

}



@media (max-width: 480px) {

.countdown.show .running .labels span {

	width: 69px;

}

}

.countdown.show .running .text {

	font-size: 20px;

	margin-top: 12px;

	font-weight: 600;

}

.countdown.show .running button {

	border: none;

	background-color: black;

	color: white;

	border-radius: 25px;

	padding: 10px 20px;

	margin: 10px;

}

.countdown.show .running .break {

	-ms-flex-preferred-size: 100%;

	flex-basis: 100%;

	height: 0;

}

.countdown.show .ended {

	display: none;

	-ms-flex-flow: wrap;

	flex-flow: wrap;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

}

.countdown.show .ended .text {

	font-size: 20px;

}

.countdown.show .ended button {

	border: none;

	background-color: #5a0000;

	color: white;

	border-radius: 25px;

	padding: 10px 20px;

	margin: 10px;

}

.countdown.show .ended .break {

	-ms-flex-preferred-size: 100%;

	flex-basis: 100%;

	height: 0;

}

.featureSec {

	height: 162px;

	align-items: center;

	display: flex;

	justify-content: center;

	position: relative;

	margin: 80px 0;

	z-index: 0;

}

.featureSec h3 {

	text-align: center;

	font-size: 20px;

	font-weight: 600;

	position: absolute;

	top: -43px;

	left: 0;

	right: 0;

	background: #fff;

	width: 260px;

	margin: auto;

}

.feature {

	position: relative;

}

.feature:after {

	border-style: solid;

	border-width: 1px;

	border-color: rgb(25, 7, 7);

	border-radius: 8px;

	background-color: rgba(255, 255, 255, 0);

	height: 162px;

	width: 100%;

	align-items: center;

	display: flex;

	justify-content: center;

	text-align: center;

	content: "";

	position: absolute;

	bottom: 0;

	top: 0;

	margin: auto;

	left: 0;

	right: 0;

	z-index: -1;

}

ul.featureIcons {

	font-size: 0;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-around;

	text-align: center;

}

ul.featureIcons>li {

	position: relative;

}

ul.featureIcons>li>span {

	font-size: 40px;

	color: #190707;

	padding-bottom: 15px;

	position: relative;

	z-index: 0;

}

ul.featureIcons>li>span:after {

	content: "";

	border-radius: 50%;

	background-color: rgb(101 49 145 / 13%);

	width: 27px;

	height: 27px;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 1;

	margin: auto;

}

ul.featureIcons>li>h6 {

	font-size: 16px;

	color: #222222;

	font-weight: 400;

	line-height: 20px;

}

ul.featureIcons>li .tooltip {

	font-size: 12px;

	transition: all 0.3s ease-out;

	background: #fff;

	padding: 10px 10px;

	width: 170px;

	filter: drop-shadow(0px 2px 5px #d9faf3);

	left: -30px;

	right: 0;

	bottom: 120%;

	margin: auto;

	text-align: center;

	box-shadow: 0px 0px 20px 5px #d9faf3;

}

ul.featureIcons>li:hover .tooltip {

	opacity: 1;

}

.ctamm {

	padding: 40px 40px;

	border: 1px solid #d4d4d4;

	border-radius: 20px;

	position: relative;

}

.ctamm h3 {

	font-size: 35px;

	color: #000;

	margin-bottom: 15px;

	line-height: 42px;

	font-weight: 700;

}

.ctamm h3 span {

	font-size: 46px;

}

.ctamm a {

	margin-bottom: 20px;

}

.ctamm small {

	color: #2f2f2f;

	font-size: 15px;

	margin-bottom: 15px;

	display: block;

}

.ctamm .absimg {

	position: absolute;

}

.ctamm .absimg img {

	max-width: fit-content;

}

.comprehensivesec {

	padding: 80px 0;

	background: #f7f7f7;

}

.comprehensivesec h2 {

	font-size: 40px;

	color: #190707;

	margin-bottom: 15px;

	font-weight: 700;

}

.comprehensivesec p {

	color: #424242;

	font-size: 16px;

	margin-bottom: 40px;

	line-height: normal;

}

.comprehensivesec .bx {

	background: #fff;

	border-radius: 10px;

	border: 1px solid #e8ece0;

	padding: 20px 20px 30px;

	transition: all 0.3s ease-out;

}

.comprehensivesec .bx strong {

	font-weight: 600;

	font-size: 80px;

	color: #e2e2e2;

	margin-bottom: 60px;

	display: block;

	position: relative;

}

.comprehensivesec .bx strong:before{content: '';position: absolute;top: 50px;left: 0;width: 68px;height: 67px;display: inline-block; background: url(../images/icon1.png) no-repeat;}

.comprehensivesec .bx strong.icon2:before{ background: url(../images/icon2.png) no-repeat; }

.comprehensivesec .bx strong.icon3:before{ background: url(../images/icon3.png) no-repeat; }

.comprehensivesec .bx strong.icon4:before{ background: url(../images/icon4.png) no-repeat; }





.comprehensivesec .bx h3 {

	font-size: 20px;

	font-weight: 600;

	color: #141414;

	margin-bottom: 10px;

}

.comprehensivesec .bx p {

	font-size: 14px;

	color: #606060;

	margin-bottom: 0;

	min-height: 85px;

}

.comprehensivesec .bx:hover {

	border-color: #5d3292;

}

/*.comprehensivesec .bx:hover strong {

	color: #ffbc00;

}*/
.comprehensivesec .bx:hover strong {
    color: #5d3292;
}

.technologysec {

	padding: 80px 0;

	text-align: center;

}

.technologysec h2 {

	margin-bottom: 20px;

	font-weight: 700;

}

.technologysec p {

	color: #424242;

	font-size: 16px;

	margin-bottom: 50px;

}

.technologysec .bx {

	min-height: 264px;

	border: 1px solid #e7e7e7;

	border-radius: 10px;

	display: flex;

	align-items: center;

	justify-content: center;

	flex-flow: column;

	transition: all 0.3s ease-out;

}

.technologysec .imgdvs {

	width: 190px;

	min-height: 160px;

	margin-bottom: 15px;

	display: flex;

	align-items: center;

}

.technologysec .bx h4 {

	color: #1a1a1a;

	font-weight: 700;

	opacity: 0.8;

}

.technologysec .imgdvs img {

	filter: grayscale(100%);

	transition: all 0.3 ease-out;

	margin: auto;

}

.technologysec .bx:hover {

	background: #fff8f5;

}

.technologysec .bx:hover .imgdvs img {

	filter: grayscale(0);

}

.testimonials-sec {

	padding: 50px 0;

	background: #f7f7f7;

}

.testimonials-sec h2 {

	margin-bottom: 50px;

	font-weight: 700;

}

.testimonials-sec .bxtestim {

	background: #fff;

	border-radius: 10px;

	padding: 20px 20px;

	margin-bottom: 50px;

	min-height: 204px;

}

.testimonials-sec .bxtestim img {

	margin-bottom: 0px;

	display: block;

	max-width: 119px;

}

.testimonials-sec .bxtestim p {

	color: #474747;

	font-size: 14px;

	margin-bottom: 20px;

	line-height: normal;

	/* min-height: 210px; */

}

.dettestims {

	display: flex;

	align-items: center;

}

.dettestims .float-right {

	flex: 1;

	display: inline-flex;

	justify-content: flex-end;

}

.dettestims strong {

	display: flex;

	font-weight: 700;

	color: #000 !important;

}

.banform {

	position: relative;

	text-align: left;

	padding-left: 108px;

}

.banform:before {

content: '';

    position: absolute;

    left: -60px;

    top: 60px;

    height: 383px;

    width: 134px;

    background-image: url(../images/arrow.png);

    background-repeat: no-repeat;

}

.banform h5 {

	padding-bottom: 20px;

	color: #000;

	font-size: 28px;

	font-weight: 700;

	line-height: 32px;

}

.banfield {

	margin-bottom: 20px;

}

.banfield input {

	width: 100%;

	height: 60px;

	background-color: #ffffff;

	border: 2px solid #000000;

	border-radius: 10px;

	padding: 0 20px;

	color: #000;

	font-size: 15px;

	font-weight: 400;

}

.banfield input::placeholder {

color:#535f57;

}

.banfield input[type="submit"] {

	    border-radius: 10px;
    background-color: #5d3292;
    width: 457px;
    height: 62px;
    font-size: 18px;
    font-weight: 700;
    color: ;
    text-transform: uppercase;
    transition: all 0.4s ease-In-out;
    color: #fff;
    border: 2px solid #5d3292;

}

.banfield input[type="submit"]:hover {

	background-color: #5d3292;

	/* color: #5d3292; */

	transition: all 0.4s ease-In-out;

	transform: scale(1.1);

	-webkit-box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.4);

	-moz-box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.4);

	box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.4);

	background: #5d3292;

}

.work {

	background-color: #f4f0eb;

	padding: 90px 0;

}

.work h4 {

	font-size: 40px;

	color: #000000;

	font-weight: 300;

	line-height: 49px;

	text-transform: none;

	padding-bottom: 40px;

	letter-spacing: -2px;

}

.work h4 span {

	font-weight: 600;

	letter-spacing: -3px;

	display: inline-block;

}

.usrimg {

	width: 85px;

	height: 85px;

	border-radius: 50%;

	box-shadow: 7.986px 6.018px 24px 0px rgba(0,0,0,0.2);

	margin-bottom: 15px;

}

.usrimg img {

	height: 100%;

	width: 100%;

}

.usercon {

}

.usercon h6 {

	font-size: 16px;

	font-weight: 800;

	color: #28302b;

	letter-spacing: -0.5px;

}

.usercon h6 span {

	display: block;

	font-size: 16px;

	font-weight: 500;

	color: #717d75;

	letter-spacing: 0;

}

.timelist {

	display: flex;

	align-items: center;

	justify-content: center;

}

.timelist p {

	font-size: 16px;

	font-weight: 500;

	color: #28302b;

	line-height: normal;

	letter-spacing: -0.5px;

	padding-bottom: 0;

	padding-right: 5px;

}

.timelist ul {

	font-size: 0;

}

.timelist ul li {

	position: relative;

	display: inline-block;

	vertical-align: middle;

	font-size: 16px;

	font-weight: 800;

	color: #28302b;

	margin-right: 5px;

}

.timelist ul li.last {

	margin-right: 0;

}

.timelist ul li:before {

	content: ':';

	position: absolute;

	right: -4px;

	top: 0;

	bottom: 0;

}

.timelist li.last:before {

	display: none;

}

footer {

	background: #eae6e0;

	padding: 15px 0;

}

footer p, footer p>a {

	color: #190707;

	font-size: 13px;

	font-weight: 600;

}

footer p>a:hover {

	color: #ffffff;

}

.faqssec {

	padding: 100px 0;

	min-height: 660px;

}

.faqssec h2 {

	font-weight: 700;

	text-align: center;

	padding-bottom: 20px;

}

ul.colasebar {

	margin-top: 40px;

	margin: auto;

}

ul.colasebar>li span {

	cursor: pointer;

	position: relative;

	letter-spacing: -0.2px;

	background-color: rgb(255,255,255);

	font-size: 18px;

	color: #190707;

	font-weight: 300;

	display: inherit;

}

ul.colasebar>li {

	position: relative;

	cursor: pointer;

	background-color: #ffffff;

	
	border-radius: 10px;

	border: 1px solid transparent;

	margin-bottom: 10px;

}

ul.colasebar>li.last {

	margin-bottom: 0;

}

ul.colasebar>li p {

	color: #838383;

	font-weight: 300;

	line-height: 22px;

	font-size: 15px;

	width: 478px;
	padding: 0px 30px 20px;
}

ul.colasebar>li span:after {

	content: '\f067';

	position: absolute;

	font-family: 'font Awesome 5';

	font-weight: 300;

	color: #000;

	text-align: center;

	line-height: 50px;

	height: 50px;

	right: 25px;

	top: 0;

	bottom: 0;

	margin: auto;

	font-size: 16px;

}

ul.colasebar>li ul {

	list-style: disc;

	padding-left: 20px;

}

ul.colasebar>li ul li {

	color: #838383;

	font-weight: 300;

	line-height: 22px;

	font-size: 15px;

}

.expandable {

	display: none;

	padding: 15px 0 0;

	background: transparent;

}

.expand.open:after {

	content: "\f068";

	color: #5d3292;

}

ul.colasebar>li.active {

	border-color: #5d3292;

}

ul.colasebar>li span {

	background: #f1f1f1;
	padding: 20px 30px;
	border-radius: 10px;
}

ul.colasebar>li.active {

	background: #fff;

	box-shadow: -11.684px 5.699px 109px 0px rgba(0, 0, 0, 0.1);

}

ul.colasebar>li.active span {

	font-size: 20px;

	font-weight: 600;

	background: transparent;

	line-height: 28px;

}

.timer >div {

	display: inline-block;

	font-weight: 700;

}

.timer span {

	margin-right: 5px;

}

.bann-names {

	position: absolute;

	left: 350px;

	bottom: 45px;

}

.bann-names h5 {

	margin-bottom: 10px;

}

.bann-names h5 strong {

	font-weight: 700;

}

.popup-layout {

	position: fixed;

	background: #00000094;

	width: 100%;

	height: 100%;

	z-index: 999;

	top: 0;

	left: 0;

	display: flex;

	align-items: center;

	justify-content: center;

	display: none;

}

.popup-inner .col-md-5 {

	display: flex;

	align-items: center;

	justify-content: center;

	height: 100%;

}

.popup-layout .popup-inner {

	width: 786px;

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	top: 0;

	height: 500px;

	background: #FFF;

	margin: auto;

	border-radius: 18px;

	display: flex;

}

.popup-inner img {

	width: 100%;

}

.popup-inner .ovrflw-hdden {

	height: 500px;

	overflow: hidden;

	border-radius: 12px 0 0 12px;

}

.popup-header h3, .popup-header1 h3 {

	display: block;

	font-size: 32px;

	font-weight: 700;

	color: #5d3292;

	margin: 0;

	text-transform: capitalize;

	min-height: 35px;

}

.popup-header, .popup-header1 {

	border-radius: 0 20px 0 0;

	padding: 10px 0 10px 29px;

	position: relative;

}

.popup-bdy {

	padding: 10px 40px 10px;

	border-radius: 0 0 20px 0;

}

.popup-layout .popup-inner:before {

	content: "";

	width: 92%;

	height: 40px;

	background: #ffffff57;

	position: absolute;

	bottom: -20px;

	left: 0;

	right: 0;

	margin: auto;

	border-radius: 0 0 10px 10px;

}

.popup-layout .popup-inner:after {

	content: "";

	width: 86%;

	height: 35px;

	background: #ffffff2b;

	position: absolute;

	bottom: -35px;

	left: 0;

	right: 0;

	margin: auto;

	border-radius: 0 0 10px 10px;

}

.popup-header h3 span {

	display: none;

}

.popup-header p span sup {

	font-size: 100%;

	top: 0;

}

.popup-header p, .popup-header1 p {

	font-size: 23px;

	color: #000000;

	margin: 0;

	text-transform: capitalize;

	line-height: 30px;

	font-weight: 600;

	min-height: 30px;

}

.popup-header p span>span {

	display: none;

}

.popup-layout .popup-inner input, .popup-layout .popup-inner select {

	background: transparent;

	width: 100%;

	height: 100%;

	border: 0px;

	font-size: 13px;

	padding: 5px 0;

	border-bottom: 2px solid #a8a8a8;

}

.popup-layout .popup-inner button, .popup-layout .popup-inner input[type="submit"] {

	padding: 12px 39px !important;

	width: auto;

	border: none;

}

.popup-layout select {

	height: 42px;

	border-radius: 0;

	border: 0;

}

.popup-btn, .popup-layout .text-right .popup-btn {

	display: inline-block;

	background: #5d3292;

	padding: 12px;

	text-align: center;

	margin: 20px 0 0;

	border-radius: 20px;

	font-size: 14px;

	color: #FFF;

}

.popup-close {

	position: absolute;

	font-size: 20px;

	background: #FFF;

	color: #5d3292;

	right: -10px;

	top: -10px;

	border: 1px solid #5d3292;

	border-radius: 41px;

	width: 30px;

	height: 30px;

	display: flex;

	align-items: center;

	justify-content: center;

	z-index: 1;

}

.no-pad {

	padding: 0px;

}

.frmicon-box {

	position: relative;

	margin: 0 0 24px;

}

.popup-bdy select#popupformcountry, .popup-bdy select#animationcountry {

	padding: 5px 0 5px 22px;

}

.popup-bdy .newcountrycode span {

	left: 0px;

	bottom: 9px;

	top: initial;

}

.popup-bdy label {

	font-size: 13px;

	color: #000000;

	font-weight: 600;

	letter-spacing: 0.5px;

	margin: 0 0 3px;

	line-height: 12px;

	display: block;

}

.phonecode #countrycode, .phonecode #popupcountrycode, .phonecode #animationcountrycode {

	width: 20%;

	float: left;

	text-align: center;

	padding-left: 0;

	padding-right: 0;

}

.phonecode #phoneNum, .phonecode #phoneNum2, .phonecode #phoneNum3 {

	width: 80% !important;

	float: left;

}

.popup-btn, .popup-layout .text-right .popup-btn {

	padding: 12px 39px !important;

	cursor: pointer;

}

/*popup one*/

.popup-one {

	max-width: 750px;

	max-height: 333px;

	height: 100%;

	width: 100%;

	padding: 0;

	margin: 0;

	background: #fff;

	border-radius: 5px;

	overflow: hidden;

}

.popup-one .popup-content {

	display: flex;

	font-size: 0;

	align-items: center;

}

.popup-one .popup-img {

	width: 39%;

}

.popup-one .popup-text {

	width: 50%;

	margin: auto;

}

.popup-one .popup-text h3 {

	font-size: 38px;

	color: #141515;

	font-weight: 700;

	letter-spacing: -0.2px;

	line-height: normal;

	padding-bottom: 20px;

}

.popup-one .popup-text h3>span {

	display: block;

	font-size: 20px;

	color: #566060;

}

.popup-one .popup-text h3 mark {

	color: #54a778;

	background: transparent;

}

.popup-one .popup-text p {

	font-size: 15px;

	color: #606060;

	font-weight: 300;

	line-height: 21px;

	padding-bottom: 38px;

}

.popup-one a.popup-btn1 {

	border-radius: 5px;

	background-image: -moz-linear-gradient(0deg, rgb(255, 188, 0) 0%, rgb(227, 168, 4) 100%);

	background-image: -webkit-linear-gradient(0deg, rgb(255, 188, 0) 0%, rgb(227, 168, 4) 100%);

	background-image: -ms-linear-gradient(0deg, rgb(255, 188, 0) 0%, rgb(227, 168, 4) 100%);

	width: 193px;

	height: 52px;

	line-height: 52px;

	text-align: center;

	font-size: 15px;

	color: #1c1c1c;

	font-weight: 700;

	text-transform: uppercase;

}

.popup-one a.popup-btn1:hover {

	background: -webkit-linear-gradient(180deg, rgb(255, 188, 0) 0%, rgb(227, 168, 4) 100%);

}

.popup-one .fancybox-close-small {

	right: 0;

	top: 1%;

}

.popup-one .fancybox-close-small:after {

	content: '\f00d';

	font-family: "Font Awesome 5";

	font-size: 16px;

	color: #c2c2c2;

	font-weight: 300;

}

.popup-one .fancybox-close-small:hover:after {

	background: #ffb808;

	color: #313131;

}

/*popup Two*/

.popup-two {

	max-width: 482px;

	max-height: 719px;

	height: 100%;

	width: 100%;

	padding: 0;

	margin: 0;

	border-radius: 5px;

	background-image: url(../images/popup-2/bg.jpg);

	box-shadow: -2.024px 57.965px 46px 0px rgba(0, 0, 0, 0.56);

	width: 482px;

	height: 641px;

	background-size: 100% 100%;

	background-repeat: no-repeat;

	position: relative;

	z-index: 0;

	overflow: hidden;

}

.popup-two .popup-content {

	position: relative;

}

.popup-two .popup-head {

	content: "";

	border-radius: 5px;

	background-color: rgb(223, 165, 3);

	width: 255px;

	left: 0;

	height: 190px;

	margin: auto;

	align-items: flex-end;

	display: flex;

	padding: 20px;

	margin-bottom: 40px;

	margin-top: -8px;

}

.popup-two .popup-head h6 {

	font-size: 18px;

	color: #282725;

	font-weight: 600;

}

.popup-two .popup-text {

	width: 255px;

	margin: 0 auto 30px;

}

.popup-two .popup-text h5>span {

	font-size: 20px;

	font-weight: 400;

	letter-spacing: -0.2px;

	display: block;

}

.popup-two .popup-text h5 {

	font-size: 123px;

	color: #fff;

	font-weight: 800;

	position: relative;

}

.popup-two .popup-text h5:after {

	content: "";

	border-radius: 50%;

	background-image: -moz-linear-gradient(0deg, rgb(255, 188, 0) 0%, rgb(227, 168, 4) 100%);

	background-image: -webkit-linear-gradient(0deg, rgb(255 255 255 / 0%) 35%, rgb(226, 168, 4) 35%);

	background-image: -ms-linear-gradient(0deg, rgb(255, 188, 0) 0%, rgb(227, 168, 4) 100%);

	box-shadow: 6.889px 11.025px 51px 0px rgba(0, 0, 0, 0);

	position: absolute;

	width: 152px;

	height: 152px;

	right: -55px;

	transform: rotate(28deg);

	z-index: -1;

	bottom: -22px;

}

.popup-two .popup-text h4 {

	font-size: 35px;

	color: #fff;

	font-weight: 300;

	line-height: normal;

}

.popup-two .popup-text h4>span {

	font-size: 15px;

	display: block;

	font-weight: 100;

}

.popup-two a.light-btn, .popup-two a.dark-btn:hover {

	border: 2px solid #fff!important;

	color: #fff;

	background: transparent;

}

.popup-two a.dark-btn, .popup-two a.light-btn:hover {

	border-radius: 5px;

	background-image: -moz-linear-gradient(0deg, rgb(255, 188, 0) 0%, rgb(227, 168, 4) 100%);

	background-image: -webkit-linear-gradient(0deg, rgb(255, 188, 0) 0%, rgb(227, 168, 4) 100%);

	background-image: -ms-linear-gradient(0deg, rgb(255, 188, 0) 0%, rgb(227, 168, 4) 100%);

	color: #1c1c1c;

	border-color: transparent!important;

}

.popup-two .btn-grp a {

	width: 256px;

	text-align: center;

	padding: 12.5px 0;

	font-size: 18px;

	text-transform: uppercase;

	font-weight: 700;

	border-radius: 5px;

	border: 2px solid transparent;

}

.popup-two .btn-grp a>span {

	display: block;

	font-size: 13px;

	font-weight: 400;

	text-transform: none;

}

.popup-two .popup-footer {

	width: 255px;

	margin: 0 auto 36px;

}

.popup-two .fancybox-close-small {

	right: 0;

	top: 1%;

}

.popup-two .fancybox-close-small:after {

	content: '\f00d';

	font-family: "Font Awesome 5";

	font-size: 18px;

	color: #c2c2c2;

	font-weight: 100;

}

.popup-two .fancybox-close-small:hover:after {

	background: #ffb808;

	color: #313131;

}

.mCSB_inside>.mCSB_container {

	margin-right: 25px;

	margin-left: 0;

}

.btn-pop {

	display: none;

}

.sec2 .bx:hover {

	border: 1px solid #f3f3f3;

	background: #f7f7f7;

	box-shadow: 0px 0px 15px 0px #00000012;

}

.sec2 .bx .icons {

	transition: all 0.3s ease-out;

}

.sec2 .bx:hover .icons {

	 background: #643091;

	transform: translate(0px, -20px);

}

.sec2 .bx:hover .icons i {

	filter: brightness(100);

}

.sec2 .icons:before {

	pointer-events: none;

	position: absolute;

	z-index: -1;

	content: '';

	top: 100%;

	left: 5%;

	height: 10px;

	width: 90%;

	opacity: 0;

	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);

	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-property: transform, opacity;

	transition-property: transform, opacity;

}

.sec2 .bx:hover .icons:before {

	opacity: 1;

	-webkit-transform: translateY(5px);

	transform: translateY(5px);

}

.fixed.sticky .menu li a.header-btn {

	border-radius: 10px;

}

a.banner-btn {

	position: relative;

	color: #fff;
	background-image: linear-gradient(to left, #643091, #c26aaa);

	z-index: 1;

	-webkit-transform: perspective(1px) translateZ(0);

	transform: perspective(1px) translateZ(0);

	box-shadow: 0 0 1px rgba(0, 0, 0, 0);

	transition: all .2s ease-in-out;

}

/*a.banner-btn:before,

.fixed.sticky .menu li a.header-btn:before{  

content: '';

    position: absolute;

    border: #e1e1e1 solid 4px;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-property: top, right, bottom, left;

    transition-property: top, right, bottom, left; }



a.banner-btn:hover:before,

.fixed.sticky .menu li a.header-btn:hover:before{      top: -8px;

    right: -8px;

    bottom: -8px;

    left: -8px;  }

a.banner-btn:hover,

.fixed.sticky .menu li a.header-btn:hover{ color: #fff; }*/

.comboopack{

    background: #f6f6f8;

    padding-bottom: 90px;

}

.comboopack .combopackwrap{

    background: #fff;

    width: 100%;

    display: inline-block;

    box-shadow: 0 6px 20px 0 rgba(0,0,0,0.06);

}

.comboopack .combopackwrap .headdd{

    padding: 20px 50px;

    background: #ec650e;

    text-align: left;

    position: relative;

}

.comboopack .combopackwrap .headdd figure{

    position: absolute;

    margin-bottom: 0;

    right: -72px;

    top: -30px;

}

.comboopack .combopackwrap .headdd figure img{

    width: 185px;

}

.comboopack .combopackwrap .headdd h3{

    text-align: left;

    padding-bottom: 0;

    color: #fff;

    font-size: 34px;

    text-transform: capitalize;

}

.comboopack .combopackwrap .headdd h3 span{

    display: block;

    font-size: 24px;

    margin-top: 10px;

}

.comboopack .combopackwrap .bodyyy{

    font-size: 0;

    padding: 30px 50px;

}

.comboopack .combopackwrap .bodyyy .coll{

    width: 33.33%;

    display: inline-block;

    vertical-align: top;

    padding: 0 15px;

}

.comboopack .combopackwrap .bodyyy .coll ul{}

.comboopack .combopackwrap .bodyyy .coll ul li{

    color: #5C5856;

    font-size: 15px;

    padding: 0 0px 10px 30px;

    position: relative;

    line-height: 1.4;

}

.comboopack .combopackwrap .bodyyy .coll ul li:before{

    content: "✓";

    font-family: 'icomoon' !important;

    color: #5d3292;

    position: absolute;

    left: 0;

    top: 0;

}

.comboopack .combopackwrap .bodyyy .coll ul li.heading{

    font-weight: 700;

    color: #5d3292;

    padding-left: 0;

}
.comboopack .combopackwrap .bodyyy .coll ul li::before {
	color: #5d3292 !important;
}

.comboopack .combopackwrap .bodyyy .coll ul li.heading:before{display: none;}

.comboopack .combopackwrap .footterr{

    padding: 30px 35px;

    font-size: 0;

    background: #28304a;

    border-top: 1px solid #f3f3f3;

}

.comboopack .combopackwrap .footterr .left{

    display: inline-block;

    width: 45%;

    vertical-align: bottom;

    font-size: 0;

}

.comboopack .combopackwrap .footterr .left .btnwrap{

    display: inline-block;

    width: 70%;

    padding-left: 20px;

    vertical-align: middle;

}

.comboopack .combopackwrap .footterr .left .btnwrap .numbercta{

    color: #fff;

    font-size: 13px;

    font-weight: 600;

    margin-right: 15px;

    padding: 15px 15px;

    border: 1px solid #fff;

    border-radius: 30px;

}

.comboopack .combopackwrap .footterr .left .btnwrap .numbercta span{

    margin-right: 10px;

}

.comboopack .combopackwrap .footterr .left .btnwrap .chatcta{

    color: #fff;

    font-size: 13px;

    font-weight: 600;

    margin-right: 16px;

    padding: 15px 20px;

    border: 1px solid #fff;

    border-radius: 30px;

}    

.comboopack .combopackwrap .footterr .left .btnwrap .chatcta span{

    margin-right: 10px;

} 

.comboopack .combopackwrap .footterr .left .txtt{

    display: inline-block;

    width: 25%;

    vertical-align: middle;

}

.comboopack .combopackwrap .footterr .left .txtt h4{

    color: #ffffff;

    font-size: 20px;

    /* margin-top: 10px; */

    padding-bottom: 0;

}

.comboopack .combopackwrap .footterr .right{

    display: inline-block;

    width: 55%;

    vertical-align: bottom;

    position: relative;

} 

.comboopack .combopackwrap .footterr .right .price{

    display: inline-block;

    width: 40%;

    vertical-align: middle;

    padding-left: 10px;

}

.comboopack .combopackwrap .footterr .right .price h2{

    font-size: 44px;

    color: #fd62b1;

    padding-bottom: 0;

}

.comboopack .combopackwrap .footterr .right .price h2 span{

    

position: relative;

    

font-size: 20px;

    

padding-bottom: 0;

    

color: #b3b1b1;

    

margin-left: 10px;

}

.comboopack .combopackwrap .footterr .right figure{

    margin-bottom: 0;

    display: inline-block;

    width: 30%;

}

.comboopack .combopackwrap .footterr .right figure img{

    width: 180px;

    position: absolute;

    top: -50px;

    left: 0;

}

.comboopack .combopackwrap .footterr .right .price h2 span:before{content: "";width: 60px;height: 2px;display: block;background: #9e9c9c;position: absolute;left: 0;top: 44%;}

.comboopack .combopackwrap .footterr .right .price h6{

    color: #fff;

    font-size: 21px;

    padding-bottom: 0;

}

.comboopack .combopackwrap .footterr .right .orderbtn{

    display: inline-block;

    vertical-align: middle;

    width: 30%;

    text-align: right;

}

.comboopack .combopackwrap .footterr .right .orderbtn a{}

.footer-top .socialmid{

    font-size: 0;

}

.footer-top .socialmid .left{

    display: inline-block;

    width: 50%;

}

.footer-top .socialmid .right{

    width: 50%;

    text-align: right;

    display: inline-block;

}

.footer-top .socialmid .right img{

    width: 70%;

}



.comboopack .combopackwrap .footterr .right .orderbtn a {

    display: inline-block;

    vertical-align: middle;

    width: 30%;

    text-align: right;

}







a.banner-btn:hover {

	transform: scale(1.05);

	-webkit-box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.4);

	-moz-box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.4);

	box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.4);

	background: #5d3292;

}

img.stickylogo {

	display: none;

}

header.fixed.sticky img.simple {

	display: none;

}

header.fixed.sticky img.stickylogo {

	filter: initial;

	display: block;

}

.fixed.sticky .menu li a.header-btn {

	position: relative;

	z-index: 1;

	overflow: hidden;
	color: #fff;
	background: #5d3292;

}

header.fixed.sticky .main-header{ padding: 10px 0; }



.recentworks .bx{ margin-bottom: 20px; }

.recentworks .bx a{ position: relative; display: block; transition: all 0.3s ease-out;    height: 377px;

    overflow: hidden; }

.recentworks .bx a:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 100%; background: #000000ad; opacity: 0;transition: all 0.3s ease-out; }

.recentworks .bx a:after{ content: '\f002'; font-family: 'Font Awesome 5'; position: absolute; top: 50%; left: 0; right: 0; margin: auto; color: #fff; font-size: 30px; opacity: 0;transition: all 0.3s ease-out; }

.recentworks .bx:hover a:before{ opacity: 1; }

.recentworks .bx:hover a:after{  opacity: 1; }



.mainBanner{ background: transparent; }

.mainBanner .items{ background-color: rgb(182, 211, 193);  }

.mainBanner .items.secondbann { background-color:#ced3b6;  }

.mainBanner .items.thirdbann  { background-color:#d3c8b6;  }





.mainformtop{background: #c26aaa;width: 400px;float: right;border-radius: 10px;  margin-top: 22px; position: relative; box-shadow: rgb(0 0 0 / 29%) -1px 5px 4px 0px; }

.mainformtop:before{ content: '';position: absolute;left: 0;top: 0;background: url(../images/special_offer.png) no-repeat;width: 371px;height: 357px;left: -413px;top: -14px; 
}

.mainformtop .topformsv{     padding: 20px 20px;

    text-align: center;

	background-image: linear-gradient(to left, #643091, #c26aaa);

    border-radius: 9px; }

.mainformtop .topformsv h3{    color: #fff;

        font-size: 24px;

    text-transform: uppercase;

    line-height: 20px;}

.mainformtop .topformsv h3 strong{display: block;font-size: 15px;margin-top: 10px;font-weight: 600;}

.mainformtop form{ padding: 20px 20px; }

.mainformtop .banfield input[type="submit"]{ width: 100%; }

.mainformtop .banfield textarea{ width: 100%;

    height: 100px;

    background-color: #ffffff;

    border: 2px solid #000000;

    border-radius: 10px;

    padding: 15px 20px;

    color: #000;

    font-size: 16px;

    font-weight: 400; 

border: transparent;

}

.mainformtop .banfield input{ height: 50px;border: transparent;  }

.mainformtop .banfield{ margin-bottom: 10px; }

.mainformtop .banfield input[type="submit"]{  background-color: #5d3292; color: #fff;border: transparent;}

.mainformtop .banfield input[type="submit"]:hover{     background: #5d3292; transform: none;color: #fff;}



.brandsslides .items { display:inline-block; } 







@media (min-width:1560px) {

.mainBanner .bannimg {

	position: absolute;

	bottom: -3px;

	right: 10em;

}

.mainBanner .bannimg>img {

	max-width: fit-content;

}

}



@media (max-width: 824px) {





	.menu {

		display: none;

	}

	header.fixed.sticky img {

		margin: auto;

	}

	.main-header {

		text-align: center;

		padding: 15px 0;

	}

	.mainBanner .bannimg img {

		width: initial;

		max-width: 100%;

	}

	.mainBanner .bannimg {

		bottom: 0;

		right: 0;

	}

	.mainBanner h1 {

		font-size: 20px;

		line-height: 28px;

		font-weight: 600;

	}

	.mainBanner h1>br {

		display: none;

	}

	.mainBanner p {

		font-size: 14px;

		font-weight: 400;

	}

	a.banner-btn {

		font-size: 12px;

		padding: 6px 12px;

	}

	.trustdv p {

		display: flex;

		flex-wrap: wrap;

	}

	.sec2 h2 {

		font-size: 20px;

		margin-bottom: 20px;

	}

	.partnersmm h3, .packagesmm h2, .recentworks h3 {

		font-size: 20px;

	}

	.recentworks p, .packagesmm p {

		font-size: 12px;

	}

	.recentworks p br {

		display: none;

	}

	.packagesmm .tabsmm ul {

		display: block;

		border: 0;

	}

	.packagesmm .tabsmm ul:before {

		display: none;

	}

	.packagesmm .tabsmm ul li a {

		border-radius: 10px;

		border: 1px solid #e3e3e3;

	}

	.packagesmm .tabsmm ul li {

		margin-bottom: 15px;

	}

	.pkgprice h4 {

		font-size: 36px;

	}

	.cutprice h5 {

		font-size: 20px;

	}

	.cutprice:before {

		background-size: 100%;

		width: 100%;

		height: auto;

		background-position: center;

	}

	.cutprice {

		right: 26%;

	}

	.pkgprice p {

		padding: 0;

	}

	.pkgserv li, .pkgserv li:before {

		font-size: 12px;
		color: #5d3292;

	}

	.pkgwrp a {

		font-size: 18px;

		padding: 15px;
		border: 2px soild #5d3292 !important;

	}

	.countdown.show .running timer {

		font-size: 22px;

	}

	.countdown.show .running .labels span, .countdown.show .running timer .days {

		width: 100%;

		text-align: center;

	}

	.countdown.show .running timer .days {

		padding: 0;

	}

	.recom img {

		width: 100px;

	}

	.recom {

		right: -25px;

	}

	.pkgwrp {

		margin-bottom: 30px;
	

	}

	a.banner-btn {

		line-height: 35px;

	}

	.feature:after {

		display: none;

	}

	.featureSec h3, ul.featureIcons {

		margin-top: 20px;

	}

	.featureSec {

		height: initial;

		margin: 40px 0;

	}

	ul.featureIcons {

		display: block;

	}

	ul.featureIcons>li {

		margin-bottom: 20px;

	}

	.ctamm h3 {

		font-size: 22px;

		line-height: normal;

	}

	.ctamm h3 br {

		display: none;

	}

	.ctamm h3 span {

		font-size: 25px;

	}

	.ctamm .absimg {

		display: none;

	}

	.comprehensivesec {

		padding: 30px 0;

	}

	.comprehensivesec h2 {

		font-size: 22px;

	}

	.comprehensivesec h2 br {

		display: none;

	}

	.comprehensivesec p {

		font-size: 14px;

	}

	.comprehensivesec p br {

		display: none;

	}

	.comprehensivesec .bx {

		text-align: center;

		margin-bottom: 20px;

	}

	.comprehensivesec .bx strong {

		margin-bottom: 20px;

	}

	.comprehensivesec .bx p {

		min-height: initial;

	}

	.technologysec {

		padding: 30px 0;

	}

	h2 {

		font-size: 22px !important;

	}

	h2 br {

		display: none;

	}

	.technologysec .bx {

		margin-bottom: 15px;

		min-height: initial;

		padding: 20px 0;

	}

	.technologysec .imgdvs img {

		width: 70px;

	}

	.technologysec .imgdvs {

		width: 150px;

		min-height: 100px;

	}

	.testimonials-sec .bxtestim {

		margin-bottom: 20px;

	}

	.sec2 {

		padding: 30px 0 0px;

	}

	ul.colasebar>li p {

		width: 100%;

	}

	ul.colasebar>li span {

		padding-right: 25px;

		font-size: 15px;

	}

	ul.colasebar>li.active span {

		font-size: 16px;

		line-height: initial;

	}

	ul.colasebar>li.last {

		margin-bottom: 10px;

	}

	.faqssec {

		padding: 30px 0;

	}

	.work {

		padding: 40px 0;

		text-align: center;

	}

	.work h4 {

		font-size: 26px;

		line-height: normal;

		padding-bottom: 20px;

	}

	.usrimg {

		margin: auto auto 20px;

	}

	.banform:before {

		display: none;

	}

	.banform {

		padding-left: 0;

		margin-top: 20px;

		text-align: center;

	}

	.banform h5 {

		font-size: 20px;

	}

	.banfield input {

		height: 50px;

	}

	.banfield button {

		width: 100%;

		height: 50px;

		font-size: 15px;

	}

	footer, footer .text-right {

		text-align: center !important;

	}

	.mainBanner {

		height: 100vh;

		text-align: center;

	}

	.trustdv p {

		justify-content: center;

	}

	.mainBanner h1 {

		margin-top: 50px;

	}

	.bann-names {

		left: auto;

		bottom: 12px;

		right: 28px;

	}

	/*popup one*/

	.popup-one {

		width: 90%;

	}

	.popup-one .popup-box {

		align-items: center;

		display: flex;

		height: 100%;

	}

	.popup-one .popup-content {

		display: block;

	}

	.popup-one .popup-img {

		display: none;

	}

	.popup-one .popup-text h3 {

		font-size: 28px;

	}

	.popup-one .popup-text h3>span {

		font-size: 14px;

	}

	.popup-one .popup-text p {

		font-size: 14px;

	}

	.popup-one .popup-text {

		width: 90%;

		text-align: center;

	}

	.popup-one a.popup-btn {

		width: 165px;

		height: 40px;

		line-height: 40px;

		font-size: 13px;

	}

	.popup-one .popup-text p br {

		display: none;

	}

	/*popup Two*/

	.popup-two {

		width: 100%;

		height: 500px;

	}

	.popup-two .popup-head {

		height: 120px;

	}

	.popup-two .popup-text h5 {

		font-size: 80px;

	}

	.popup-two .popup-text h5>span {

		font-size: 15px;

	}

	.popup-two .popup-text h4 {

		font-size: 22px;

	}

	.popup-two .popup-text h5:after {

		width: 100px;

		height: 100px;

		right: 52px;

		bottom: -15px;

	}

	.banfield input[type="submit"] {

	    width: 100%;

	}



	.ctamm{  padding: 20px 20px; }

	.mainBanner .trustdv {     display: none; }



	.mainformtop{     width: 100%; }

    .mainformtop .topformsv h3{ font-size: 20px; }

    .mainBanner h1{     margin-top: 100px;    line-height: normal;

    font-size: 26px; }

    .mainBanner{     height: auto; }

    .mainformtop .topformsv{     padding: 10px 20px; }

    .comprehensivesec .bx strong{ margin-bottom: 70px; }

    .comprehensivesec .bx strong::before{ left: 0; right: 0; margin: auto; }

		.popup-layout .popup-inner {

	    width: 100%;

	}

	.btn-primary {

    background-color: #ff5b00;

    color: #fff;

    font-size: 16px;

    border: 1px solid #ff5b00;

    padding: 14px 30px;

    border-radius: 30px;

    display: inline-block;

    font-weight: 600;

}

.btn-primary:hover{

    background-color: #fff;

    color: #ff5b00;

    border: 1px solid #ff5b00;

}



	.popup-layout .popup-inner .col-md-7.no-pad {

	    display: none;

	}



	.popup-close {

	    right: 10px;

	    top: 20px;

	}



	}











	.mainBanner{

		background-color: rgb(182, 211, 193);

	}

	.mainBanner>.items {

	    display: contents;

	    position: relative;

	    z-index: 999;

	}

	.pkgprice h2{font-size: 23px;}

	.discbtn{ color: #000 !important;font-size: 12px; margin-top: 8px; }

	.discbtn i{ margin-right: 5px; }

	.discbtn.active i:before{ content: '\f146'; }

	.disclaimer p{ color: #000; font-size: 12px; font-weight: normal; line-height: 18px; margin-top: 5px; }

    







@media (max-width: 767px) {

}





.mainBanner:after {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgb(0 0 0 / 66%);z-index: -1;}



.mainBanner video {

    position: absolute;

    z-index: -2;

    width: 100%;

}







@media screen and (max-width: 480px){

    

    

    

    .comboopack .combopackwrap .headdd figure {display: none;}

.comboopack .combopackwrap .bodyyy .coll {width: 100%!important;}

.comboopack .combopackwrap .bodyyy {padding: 30px 10px!important;}

.comboopack .combopackwrap .footterr {    padding: 30px 10px!important;}

.comboopack .combopackwrap .footterr .right figure {display: none!important;}

.comboopack .combopackwrap .footterr .left .txtt {width: 100%!important;}

.comboopack .combopackwrap .footterr .left {width: 100%!important;}

.comboopack .combopackwrap .footterr .left .btnwrap {width: 100%!important;padding-left: 0!important;}

.comboopack .combopackwrap .footterr .left .btnwrap .numbercta {display: block;width: 100%;

    text-align: center;margin: 20px 0;}

.comboopack .combopackwrap .footterr .left .btnwrap .chatcta {display: block;width: 100%;

    text-align: center;}

.comboopack .combopackwrap .footterr .right {width: 100%!important;}

.comboopack .combopackwrap .footterr .right .price {width: 100%!important;margin: 20px 0; padding-left: 0!important;text-align: center;}

.comboopack .combopackwrap .footterr .right .orderbtn {width: 100%!important; text-align: center!important;}

}



.comboopack{

    background: #f6f6f8;

    padding-bottom: 90px;

}

.comboopack .combopackwrap{

    background: #fff;

    width: 100%;

    display: inline-block;

    box-shadow: 0 6px 20px 0 rgba(0,0,0,0.06);

}

.comboopack .combopackwrap .headdd{

    padding: 20px 50px;

    background: #643091;

    text-align: left;

    position: relative;

}

.comboopack .combopackwrap .headdd figure{

    position: absolute;

    margin-bottom: 0;

    right: -72px;

    top: -30px;

}

.comboopack .combopackwrap .headdd figure img{

    width: 185px;

}

.comboopack .combopackwrap .headdd h3{

    text-align: left;

    padding-bottom: 0;

    color: #fff;

    font-size: 34px;

    text-transform: capitalize;

}

.comboopack .combopackwrap .headdd h3 span{

    display: block;

    font-size: 24px;

    margin-top: 10px;

}

.comboopack .combopackwrap .bodyyy{

    font-size: 0;

    padding: 30px 50px;

}

.comboopack .combopackwrap .bodyyy .coll{

    width: 33.33%;

    display: inline-block;

    vertical-align: top;

    padding: 0 15px;

}

.comboopack .combopackwrap .bodyyy .coll ul{}

.comboopack .combopackwrap .bodyyy .coll ul li{

    color: #5C5856;

    font-size: 15px;

    padding: 0 0px 10px 30px;

    position: relative;

    line-height: 1.4;

}

.comboopack .combopackwrap .bodyyy .coll ul li:before{

    content: "✓";

    font-family: 'icomoon' !important;

    color: #5d3292;

    position: absolute;

    left: 0;

    top: 0;

}

.comboopack .combopackwrap .bodyyy .coll ul li.heading{

    font-weight: 700;

    color: #5d3292;

    padding-left: 0;

}

.comboopack .combopackwrap .bodyyy .coll ul li.heading:before{display: none;}

.comboopack .combopackwrap .footterr{

    padding: 30px 50px;

    font-size: 0;

    background: #5d3292;

    border-top: 1px solid #f3f3f3;

}

.comboopack .combopackwrap .footterr .left{

    display: inline-block;

    width: 45%;

    vertical-align: bottom;

    font-size: 0;

}

.comboopack .combopackwrap .footterr .left .btnwrap{

    display: inline-block;

    width: 70%;

    padding-left: 20px;

    vertical-align: middle;

}

.comboopack .combopackwrap .footterr .left .btnwrap .numbercta{

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    margin-right: 15px;

    padding: 14px 20px;

    border: 1px solid #fff;

    border-radius: 30px;

}

.comboopack .combopackwrap .footterr .left .btnwrap .numbercta span{

    margin-right: 10px;

}

.comboopack .combopackwrap .footterr .left .btnwrap .chatcta{

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    margin-right: 21px;

    padding: 15px 30px;

    border: 1px solid #fff;

    border-radius: 30px;

}    

.comboopack .combopackwrap .footterr .left .btnwrap .chatcta span{

    margin-right: 10px;

} 

.comboopack .combopackwrap .footterr .left .txtt{

    display: inline-block;

    width: 25%;

    vertical-align: middle;

}

.comboopack .combopackwrap .footterr .left .txtt h4{

    color: #ffffff;

    font-size: 22px;

    /* margin-top: 10px; */

    padding-bottom: 0;

}

.comboopack .combopackwrap .footterr .right{

    display: inline-block;

    width: 55%;

    vertical-align: bottom;

    position: relative;

} 

.comboopack .combopackwrap .footterr .right .price{

    display: inline-block;

    width: 40%;

    vertical-align: middle;

    padding-left: 10px;

}

.comboopack .combopackwrap .footterr .right .price h2{

    font-size: 44px;

    color: #c26aaa;

    padding-bottom: 0;

}

.comboopack .combopackwrap .footterr .right .price h2 span{

    

position: relative;

    

font-size: 20px;

    

padding-bottom: 0;

    

color: #b3b1b1;

    

margin-left: 10px;

}

.comboopack .combopackwrap .footterr .right figure{

    margin-bottom: 0;

    display: inline-block;

    width: 30%;

}

.comboopack .combopackwrap .footterr .right figure img{

    width: 180px;

    position: absolute;

    top: -50px;

    left: 0;

}

.comboopack .combopackwrap .footterr .right .price h2 span:before{content: "";width: 60px;height: 2px;display: block;background: #9e9c9c;position: absolute;left: 0;top: 44%;}

.comboopack .combopackwrap .footterr .right .price h6{

    color: #fff;

    font-size: 21px;

    padding-bottom: 0;

}

.comboopack .combopackwrap .footterr .right .orderbtn{

    display: inline-block;

    vertical-align: middle;

    width: 30%;

    text-align: right;

}

.comboopack .combopackwrap .footterr .right .orderbtn a{}

a.combo-btn {

    background-color: #5d3292;

    padding: 15px 30px;

    color: #000;

    font-weight: 600;

    border-radius: 10px;

    border: 1px solid #5d3292;

}

a.combo-btn:hover{

    border: 1px solid #5d3292;

    background-color: #fff;



}

}





.mainBanner video[poster] {

    object-fit: fill;

}




.mainBanner img.banner-img {
	background-position: 50% 50%;
	position: absolute;
	z-index: 0;
	width: 100%;
	background : transparent;
	height:708px;
}

.mehrooncol {color: #5d3292;}

.pkgwrp:hover li, .pkgwrp:hover .mCSB_vertical li::before {
    color: #fff;
}
@media only screen and (max-width: 1024px) {
	.mainformtop:before{
	display: none;
}
.pkgwrp a {
    padding: 22px 34px;
}
.comboopack .combopackwrap .footterr .right figure img {
    left: -48px;
}
.comboopack .combopackwrap .footterr .right .price {
    padding-left: 25px;
}
.ctamm .absimg img {
    width: 100%;
}
ul.colasebar>li p {
    width: auto;
}
.banfield input[type="submit"] {
    width: 339px;
}
.comboopack .combopackwrap .headdd figure img {
    width: 169px;
    margin-left: -17%;
}
.comprehensivesec .bx h3 {
    font-size: 17px;
}

}
@media only screen and (max-width: 768px){
	.pkgwrp {
    padding: 35px 7px;
}
.pkgwrp a {
    padding: 22px 0;
}
.comboopack .combopackwrap .headdd figure img {
    margin-left: -21%;
}
.comboopack .combopackwrap .footterr .right figure img {
    left: -10px;
}
.comboopack .combopackwrap .footterr .left .txtt {
    width: 33%;
}
.comboopack .combopackwrap .footterr .left .btnwrap {
    width: 66%;
    padding-left: 0; 
}
.comboopack .combopackwrap .footterr .left .txtt h4 {
    font-size: 18px;
	margin-left: -7px;
}
.ctamm .absimg {
    display: block !important;
}
.mainformtop .topformsv h3 strong span {
    font-size: 27px;
    vertical-align: baseline;
}
.comboopack .combopackwrap .bodyyy .coll ul li {
    font-size: 13px;
}
.comboopack .combopackwrap .footterr .right .price {
    padding-left: 95px;
}
.comboopack .combopackwrap .footterr .right .price h2 span {
    margin-left: 0px;
}
} 
@media only screen and (max-width: 468px){
	.mainBanner img.banner-img {
		height: 780px !important;
	}
	.mainBanner h1 {
		margin-top: 38% !important;
	}
	.mainformtop {
		width: 100% !important;
	}
	.brack{
		display: none !important;
	}
	.comboopack .combopackwrap .headdd h3 {
		font-size: 25px;
	}
	.comboopack .combopackwrap .footterr .left .txtt h4 {
		margin-left: 12px !important;
	}
	.sec2 .bx{
		margin-bottom: -7px !important;
	}
	.comprehensivesec {
		margin-top: 36%;
	}
	.ctamm .absimg {
		padding-top: 8%;
	}
	.banfield input[type="submit"] {
		width: 100% !important;
	}
	img.imgadded {
		padding-top: 4%;
	}
	header.fixed.sticky {
		width: 100%;
	}
	body::-webkit-scrollbar {
		display: none;
	}
	.cutprice {
		top: 45px;
		right: 33%;
	}
	.popup-layout .popup-inner {
		width: 95%;
	}
}
@media only screen and (max-width: 375px){
	.comboopack .combopackwrap .headdd h3 span {
		font-size: 21px;
		margin-top: 7px;
	}
	.comboopack .combopackwrap .headdd h3 {
		font-size: 19px;
	}
}
@media only screen and (max-width: 320px){
	.comboopack .combopackwrap .headdd h3 span {
		font-size: 19px;
		margin-top: 7px;
	}
	.comboopack .combopackwrap .headdd h3 {
		font-size: 18px;
	}
	.mainBanner img.banner-img {
		height: 811px !important;
	}
	.cutprice {
		top: 66px;
	}
}