@charset "utf-8";
/* CSS Document */
	
*, *:after, *:before {-webkit-box-sizing: border-box; box-sizing: border-box;}
/** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */
html {font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */}
/* HTML5 display definitions ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {/* 1 */ display: block;}
/** Add the correct display in IE 9-. */
audio, canvas, progress, video {display: inline-block;}
/** Add the correct display in iOS 4-7. */
audio:not([controls]) {display: none; height: 0;}
/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress {vertical-align: baseline;}
/** Add the correct display in IE 10-. 1. Add the correct display in IE. */
template, [hidden] {display: none;}
/* Links ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a {background-color: transparent;}
/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
a:active, a:hover {outline-width: 0;text-decoration: none;outline: none; transition: 0.5s ease-in-out all; -webkit-transition: 0.5s ease-in-out all; -ms-transition: 0.5s ease-in-out all; -moz-transition: 0.5s ease-in-out all; -o-transition: 0.5s ease-in-out all;}
/* Text-level semantics ========================================================================== */
/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] {border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */}
/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong {font-weight: inherit;}
/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong {font-weight: bold;}
/** Add the correct font style in Android 4.3-. */
dfn {font-style: italic;}
/** Add the correct background and color in IE 9-. */
mark {background-color: #ff0; color: #000;}
/** Add the correct font size in all browsers. */
small {font-size: 80%;}
/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10-. */
img {border-style: none;}
/** Hide the overflow in IE. */
svg:not(:root) {overflow: hidden;}
/* Grouping content ========================================================================== */
/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, pre, samp {font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */}
/** Add the correct margin in IE 8. */
figure {margin: 1em 40px;}
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr {-webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */}
/* Forms ========================================================================== */
/** Change font properties to `inherit` in all browsers (opinionated). */
button, input, select, textarea {font: inherit;}
/** Restore the font weight unset by the previous rule. */
optgroup {font-weight: bold;}
/** Show the overflow in IE. 1. Show the overflow in Edge. 2. Show the overflow in Edge, Firefox, and IE. */
button, input, select {/* 2 */ overflow: visible;}
/** Remove the margin in Safari. 1. Remove the margin in Firefox and Safari. */
button, input, select, textarea {/* 1 */ margin: 0;}
/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select {/* 1 */ text-transform: none;}
/** Change the cursor in all browsers (opinionated). */
button, [type="button"], [type="reset"], [type="submit"] {cursor: pointer;}
/** Restore the default cursor to disabled elements unset by the previous rule. */
[disabled] {cursor: default;}
/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS. */
button, html [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button; /* 2 */}
/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, input:-moz-focusring {outline: 1px dotted ButtonText;}
/** Change the border, margin, and padding in all browsers (opinionated). */
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend {-webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */}
/** Remove the default vertical scrollbar in IE. */
textarea {overflow: auto;}
/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] {-webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */}
/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
/** Correct the odd appearance of search inputs in Chrome and Safari. */
[type="search"] {-webkit-appearance: textfield;}
/** Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
blockquote {border-left: 0.3rem solid #d1d1d1; margin-left: 0; margin-right: 0; padding: 1rem 1.5rem;}
blockquote *:last-child {margin: 0;}
form ul {list-style: none; margin: 0; padding: 0;}
input[type='text'], input[type='email'], input[type='password'], input[type='tel'], input[type='url'], textarea, select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: 1px solid #d1d1d1; border-radius: .4rem; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box; padding: .6rem 1.0rem; width: 100%;}
input[type='text']:focus, input[type='email']:focus, input[type='password']:focus, input[type='tel']:focus, input[type='url']:focus, textarea:focus, select:focus {border: 1px solid #f2a1ad; outline: 0;}
textarea {padding-bottom: .6rem; padding-top: .6rem;}
label, legend {font-size: 16px; display: block; margin-bottom: .5rem; color: #302C2E;}
fieldset {border-width: 0; padding: 0;}
input[type='checkbox'], input[type='radio'] {display: inline;}
input[type='submit']:focus {outline: none;}
input::-webkit-input-placeholder,select::-webkit-input-placeholder {color: rgba(47, 45, 45, 0.7);}
input::-moz-placeholder,select::-moz-placeholder {color: rgba(47, 45, 45, 0.7);}
input:-ms-input-placeholder,select:-ms-input-placeholder {color: rgba(47, 45, 45, 0.7);}
input:-moz-placeholder,select:-moz-placeholder {color: rgba(47, 45, 45, 0.7);}
input:focus {outline: none;}
dl, ol, ul {margin-top: 0; padding-left: 0;}
dl dl ul, dl ol, ol dl ul, ol ol, ul dl ul, ul ol {font-size: 90%; margin: 1.5rem 0 1.5rem 3.0rem;}
dl {list-style: none;}
ul {list-style: circle inside;}
ol {list-style: decimal inside;}
dt, dd, li {margin-bottom: 10px;}
hr {border-top: 0.1rem solid #4A4D50; border-width: 0; margin-bottom: 3.5rem; margin-top: 3rem;}
.embed-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto;}
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
input, textarea, select, fieldset {margin-bottom: 1rem;}
input:last-child, textarea:last-child, select:last-child, fieldset:last-child {margin-bottom: 0;}
pre, blockquote, dl, figure, table, p, ul, ol, form {margin-bottom: 1.4rem;}
pre:last-child, blockquote:last-child, dl:last-child, figure:last-child, table:last-child, p:last-child, ul:last-child, ol:last-child, form:last-child {margin-bottom: 0;}
table {width: 100%;}
.flex, .flex-row, .flex-column, .flex-start, .flex-end, .flex-center, .flex-stratch {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex-wrap: wrap;}
.flex-row {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;}
.flex-column {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.flex-start {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
.flex-end {-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}
.flex-center {-webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.flex-stratch {-webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {.background-image img {-o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; height: 100%;}}
.clearfix {*zoom: 1;}
.clearfix:after, .clearfix:before {content: ''; display: table;}
.clearfix:after {clear: both;}
.tacenter {text-align: center;}
.taright {text-align: right;}
.taleft {text-align: left;}
.relative {position: relative;}
body,html {margin: 0px;padding: 0px;position: relative; font-size: 16px;line-height: 26px;background: #FFF; color:#09090A; font-family: "sofia-pro", sans-serif;}
h1,h2,h3,h4,h5 {margin: 0px;margin-bottom: 20px; }
h1 {font-weight: 700; font-size: 55px; line-height: 60px; font-family: "new-hero", sans-serif; }
h2 {font-size: 35px; line-height: 42px; font-family: "new-hero", sans-serif; font-weight: 700;} 
h3 {font-weight: 700; font-size: 25px; line-height: 40px; letter-spacing: 0.02em;} 
h4 {font-size: 22px;line-height: 29px; font-family: "new-hero", sans-serif;  font-weight: 500;}
h5 {font-size: 16px;line-height: 28px; font-family: "new-hero", sans-serif; font-weight: 700; color: #501C36;}




a {text-decoration: none; cursor: pointer;color: #151515;}
a:hover {text-decoration: none;outline: none;transition: 0.3s ease-in-out all;-webkit-transition: 0.3s ease-in-out all;-ms-transition: 0.3s ease-in-out all;-moz-transition: 0.3s ease-in-out all;-o-transition: 0.3s ease-in-out all;color: #FAB620;}
p { font-weight: 400;font-size: 16px;line-height: 27px; font-family: "sofia-pro", sans-serif; color: #193780;}
img {max-width: 100%; height: auto;}
.tbl {display: table; width: 100%; height: 100%; vertical-align: middle; text-align: center;position: relative;z-index: 9;} 
.tbl-cell {display: table-cell; width: 100%; height: 100%; vertical-align: middle;} 
.img-responsive {max-width: 100%; display: block; height: auto;margin: 0 auto;} 
.paddingtop {padding: 100px 0px;} 
.inline__block {float: left; width: 100%; vertical-align: top; position: relative;}
.gfield_label {display: none !important;} 
.gform_wrapper .ginput_container input, .gform_wrapper .ginput_container textarea, .gform_wrapper .ginput_container select {background: #ffffff; border: none !important;  outline: none; padding: 15px 15px 12px 15px !important; margin-bottom: 0px; height: 53px; outline: none; font-size: 16px !important; line-height: 26px; color: rgba(47, 45, 45, 0.7);border-radius: 8px;}
.gform_wrapper .ginput_container textarea {height: 135px;margin-top: 0px;}
.gform_wrapper .validation_error {display: none;}
.gform_wrapper .validation_message {display: inline-block; width: 100%; text-align: left; margin-top: 0px; color: #F00;}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {background: none !important;border: none !important;}

.ie8 *{ outline:none;}
img{border:none;}
body{ color:#373d48; font-size:17px;  line-height:24px; overflow-x: hidden; position: relative; background:#fff; font-family: "sofia-pro", sans-serif; font-weight: 400; }
html,body { -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; font-family: "sofia-pro", sans-serif;}

html {
  scroll-behavior: smooth !important ;
}
/*----- html5 tags ------*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}

/*----- Wrapper Part ------*/
#wrapper{ width:100%; height:auto; }
.container{max-width:1380px; height:auto; display:  block; margin:0 auto; clear:both;box-sizing: border-box; width: 100%; padding: 0 20px;}
.sub-container{max-width:1180px; height:auto; display:block; margin:0 auto; clear:both;box-sizing: border-box; width: 100%; padding: 0 20px;} 
section{position: relative;}

/*----- Wrapper Part ------*/
.primary_btn {
    background: #B71768;
    transition: all 0.3s ease-in-out;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    padding: 15px;
    color: #fff;
    font-family: "new-hero", sans-serif;
    letter-spacing: 0.32px;
    display: inline-block;
    min-width: 220px;
    text-align: center;
    position: relative;
    border-radius: 11px;
}
.primary_btn:hover {
    background: #7a0641;
    color: #fff;
}
.border_btn {
    border: 2px solid #B71768;
    border-radius: 11px;
    letter-spacing: 0.32px;
    position: relative;
    color: #501C36;
    font-family: "new-hero", sans-serif;
    min-width: fit-content;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    transition: 0.4s;
    display: inline-block;
    text-align: center;
    min-width: 147px;
    padding: 13px 15px;
}

.border_btn:hover {
    background: #B71768;
    color: #fff;
}
.sub_title{
	font-size: 18px;
	font-family: "new-hero", sans-serif;
	font-style: normal;
	font-weight: 900;
	line-height: 21px;
	text-transform: uppercase;
	color: #FAB620;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
}



/*************heade3r part******************/

header{
	position: fixed;
	top: 0;
	width: 100%;
	transition: 0.3s;
	z-index: 9;
}

.fixed-header{
	box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.06);
	background: #fff;
	transition: 0.3s;
}

.fixed-header .custom-logo-link{
	width: 103px;
}

.header_main{
	display: flex;
	justify-content: space-between;
	padding: 13px 0;
}

.custom-logo-link{
	width: 127px;
	transition: 0.3s;
}

.custom-logo-link img{
	width: 100%;
	display: block;
}

.header_right{
	display: flex;
	align-items: center;
}

.header_right .navigation ul li a.active {
    color: #FAB620;
}

.header_right .navigation {
	display: flex;
	align-items: center;
}

.header_right .navigation ul{
	display: flex;
	margin-bottom: 0;
}

.header_right .navigation ul li{
	margin-bottom: 0;
	list-style: none;
	margin-right: 60px;
}

.header_right .navigation ul li:last-child{
	margin-right: 0;
}

.header_right .navigation ul li a{
	color: #501C36;
	font-size: 18px;
	font-weight: 700;
	font-family: "sofia-pro", sans-serif;
}

.header_right .navigation ul li a:hover{
	color: #FAB620;
}

.header_btn {
    display: flex;
    align-items: center;
    margin-left: 90px;
}

.header_btn .primary_btn{
	margin-right: 18px;
	min-width: 147px;
	letter-spacing: 1px;
}

.header_spacer{
	height: 130px;
}

.banner__section{
	padding-top: 70px;
	position: static;
}

.banner__section:before{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 669px;
    background: url(../images/banner_top_vector.svg) no-repeat left top;
    content: "";
    background-size: contain;
}

.banner__section:after{
	position: absolute;
    top: 0;
    right: 0;
    width: 1406px;
    height: 1406px;
    background: url(../images/banner_right_vector.svg) no-repeat right top;
    content: "";
    background-size: contain;
}


.banner_main {
    display: flex;
    position: relative;
    z-index: 1;
    align-items: center;
}

.banner_left{
	width: 55%;
	padding-top: 50px;
}

.banner_left .app_icon{
	margin-top: 40px;
}

.banner_left .sub_title{
	margin-bottom: 20px;
}

.banner_left h1{
	color: #501B36;
}

.banner_left p{
	font-size: 22px;
	color: #232022;
	line-height: normal;
	max-width: 523px;
	margin-bottom: 26px;
    margin-top: 0;
}

.banner_right{
	width: 45%;
	position: relative;
}

.promo_area {
    position: absolute;
    top: 64%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.business__section{
	padding-top: 133px;
}

.business__section img{
	height: 35px;
}

.business__section .stage-slider{
	margin-top: 70px;
}

.business__section .sub_title{
	text-align: center;
}

.two__coloum{
	padding:250px 0 0;
}

.two_main{
	display: flex;
	align-items: center;
}

.two_left{
	width: 50%;
	position: relative;
}

.two_image{
	position: relative;
}

.two_image:before {
    width: 480px;
    height: 420px;
    left: 0;
    bottom: 0;
    background: rgba(248,110,12,0.2);
    border-radius: 408px 408px 0 0;
    content: "";
    position: absolute;
}

.two_image img {
    position: relative;
    z-index: 1;
    left: -70px;
    display: block;
    bottom: -5px;
}

.two_right{
	width: 50%;
	padding-left: 45px;
}

.two_right h2{
	color: #501B36;
}

.two_right p{
	font-size: 22px;
	color: #501C36;
	font-weight: 500;
	margin-bottom:0;
}

ul.list_icon{
	margin-top: 38px;
}

ul.list_icon li{
	list-style: none;
	font-size: 22px;
	color: #501C36;
	font-weight: 500;
	background: url(../images/list_icon.svg) no-repeat left center;
	padding-left: 40px;
	margin-bottom: 27px;
}

.benefit__section{
	background: #F8F7F4;
	padding: 77px 0;
}

.benefit_top{
	max-width: 605px;
	margin: 0 auto;
	text-align: center;
}

.benefit_top h2{
	color: #501B36;;
}

.benefit_main{
	display: flex;
	flex-wrap: wrap;
}

.benefit_main .benefit_box{
	width: 20%;
	text-align: center;
	padding-top: 66px;
}

.benefit_main .benefit_box figure{
	margin: 0 auto 16px;
	background: #fff;
	width: 100px;
	height: 100px;
	border-radius: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.benefit_btn{
	text-align: center;
	margin-top: 70px;
	width: 100%;
}

.benefit_btn h4{
	color: #501C36;
}

.benefit_btn .primary_btn{
	min-width: 220px;
}

.action__banner{
	padding: 50px 0;
	background: #501C36;
}

.action__banner .container {
    max-width: calc(100% + (1300px - 100%)/2);
    margin-right: 0;
    padding-right: 0;
}

.action_main{
	display: flex;
	align-items: center;
}

.action_left{
	width: 45%;
	padding-right: 146px;
}

.action_left .primary_btn{
	min-width: 220px;
}

.action_left h2, .action_left p{
	color: #fff;
}


.action_left h2{
	margin-bottom: 11px;
}

.action_left p{
	font-size: 22px;
	font-weight: 500;
	margin-top: 0;
	margin-bottom: 30px;
}

.action_right{
	width: 55%;
}

.action_right img{
	width: 100%;
	display: block;
	height: 425px;
	border-radius: 228px 0 0 228px;
}

.provider__section{
	padding: 180px 0 101px;
}

.provider_main{
	display: flex;
	/*margin-bottom: 160px;*/
	align-items: center;
}

.provider_main:nth-child(even){
	/*margin-top: 240px;*/
	margin-bottom: 240px;
}

.provider_left{
	width: 50%;
	position: relative;
	margin-top: 0 !important;
}

.provider_left .box{
	max-width: 371px;
    height: 382px !important;
    border-radius: 0 0 371px 371px;
    position: absolute;
    bottom: 0 !important;
    width: 100%;
}


.provider_main:nth-child(even) .provider_left .box{ 
	max-width: 408px;
    height: 420px;
    border-radius: 0 371px 371px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.provider_main:nth-child(even) .provider_left img{
	margin-left: 0;
	margin-right: 92px;
}

.provider_right{
	max-width: 462px;
}

.provider_right h2{
	color: #501C36;
}

.provider_right p{
	font-weight: 500;
	font-size: 22px;
	color: #501C36;
}

.provider_right .primary_btn{
	margin-top: 20px;
	min-width: 200px;
}

.provider_main img {
    width: 80% !important;
    height: auto !important;
    /* border-radius: 50%; */
    display: block;
    position: relative;
    z-index: 1;
    margin-left: 36px;
    top: 50px !important;
}

.provider_left .box .border-color {
    border: 1px solid #ccc;
    position: absolute;
    top: -54px;
    left: 49px;
    width: 100%;
    height: 100%;
    
    border-radius: 0 0 371px 371px;
}

.provider_main:last-child{
	margin-bottom: 0;
}

.provider_main:last-child .provider_right{
	max-width: 510px;
}

.provider_main:last-child  .provider_right h2{
	max-width: 472px;
}


.provider_main:last-child .provider_right p{
	font-size: 16px;
	color: #232022;
	font-weight: 400;
	line-height: normal;
}

.provider_main:nth-child(even) .provider_left{
	order: 1;
	display: flex;
	justify-content: flex-end;
}

.provider_main:nth-child(even) .provider_left .box .border-color {
	border-radius: 0 371px 371px 0;
	top: 110px;
    left: -40px;
    width: 371px;
    height: 371px;
}

.what__people{
	background: #F8F7F4; 	
	padding: 85px 0 0;
	text-align: center;
	display: inline-block;
    width: 100%;
}

.what__people h2{
	color: #501B36;
	margin-bottom: 54px;
}

.what_box{
	border-radius: 10px;
	border: 4px solid rgba(255,159,207,0.4);
	padding: 46px 55px 46px 35px;
	text-align: left;
}

.what_box h6{
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 500;
}

.what_box p{
	margin: 0 0 20px;
	font-size: 16px;
	font-weight: 400;
	color: #232022;
}

.what_bottom{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.what__bottom_left span{
	display: block;
	font-size: 16px;
	font-weight: normal;
}

.what__bottom_left span.name{
	font-weight: bold;
}

.what-slider .owl-item.center .what_box{
	border-color: rgba(250,182,32,0.5);
}

.what-slider .owl-dots{
	margin-top: 60px;
}

.what-slider .owl-dots .owl-dot {
    border: 1px solid #501C36 !important;
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
    margin: 0 5px;
}

.what-slider .owl-dots .owl-dot.active{
	background: #501C36;
}

.payment_section{
	padding: 125px 0 175px;
}

.payment_main{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.payment_left{
/*	max-width: 404px;*/
	text-align: left;
}

.payment_left h2{
	margin-bottom: 0;
}

.payment_left p{
	text-align: left;
	line-height: normal;
	color: #501C36;
	margin: 0 0 7px 0;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

.payment_box .payment_box_desc{
	padding: 14px 38px;
}

.payment_box_desc p{
	color:  #501C36;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.border_card_cont_det p {
    color: #501C36;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.payment_box .payment_box_desc p strong{
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.payment_box .pay_btn{
	padding: 0 38px;
}

.payment_right{
	width: 50%;
	position: relative;
}

.payment_right img{
	position: relative;
    z-index: 1;
    left: -35px;
    top: 41px;
    width: 100%;
    object-fit: contain;
    height: 502px;
}

.payment_right .box{
	max-width: 371px;
    height: 371px;
    border-radius: 0 0 371px 371px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.payment_right .box .border-color {
    border: 1px solid #ccc;
    position: absolute;
    top: -25px;
    left: 49px;
    width: 100%;
    height: 100%;
    border-radius: 0 0 371px 371px;
}

.payment_box {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.11);
    /* padding: 0 38px; */
    text-align: left;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.payment_box ul{
	margin: 0 ;
	padding: 0 0 20px 0;

}

.payment_box ul:nth-of-type(1){
	margin: 10px 0 30px 0;
	padding: 0 0 38px 0;
	border-bottom: 1px solid #ccc;

}

.payment_box_desc h4{
	color: #501C36;
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: 33.115px;
	margin-bottom: 0;
}

.payment_box ul li{
	list-style: none;
	font-weight: 400;
	font-size: 16px;
	color: #232022;
	background: url(../images/pay_list_icon.svg) no-repeat left center;
	padding-left: 30px;
	margin-bottom: 13px;
}

.payment_box ul li:last-child{
	margin-bottom: 0;
}

.payment_box ul li span{
	font-weight: 800;
}

.paymen_card_Sec .pay_top {
    align-items: flex-end;
    display: flex;
    padding: 20px 38px 20px 38px;
    position: relative;
}

.paymen_card_Sec.most_popular .pay_top {
    padding: 40px 38px 25px 38px;
}

.pay_top::after {
    content: "";
    height: 3px;
    width: 100vw;
    background: #F8F7F4;
    position: absolute;
    right: 0;
    bottom: 0;
}

.gift_access{
	margin-bottom: 40px;
}

.border_card_data{
	margin-bottom: 100px;
}

.payment_title_box{
	margin-bottom: 80px;
	max-width: 404px;
}

.btn_wrpper button {
    border-radius: 10px;
    background: #FFF;
    border: none;
    padding: 42px 35px 42px 75px;
    display: flex;
    align-items: center;
}
.btn_wrpper button h2{
	margin-bottom: 0;
	text-align: left;
}


.accordian_data ul li .btn_wrpper button img{
    transition: all 0.5s ease-in-out;
}

.accordian_data ul li.active .btn_wrpper button img{
	transform: rotate(42deg);
}

.accordian_data .main_payment_card{
	margin: 0;
}

.faq_data_btn{
	margin-right: 20px;
}

.btn_wrpper button p{
	text-align: left;
	font-size: 22px;
	font-style: normal;
	color: #501C36;
	font-weight: 500;
	line-height: 28.71px;
}

.accordian_data ul li{
	list-style: none;
}

.accordian_data .answer {
    display: none;
    background: #fff;
    padding-bottom: 50px;
}

.main_payment_card{
	flex-wrap: wrap;
	display: flex;
	margin: 0 -40px;
	align-items: stretch;
}

.paymen_card_Sec {
	position: relative;
	padding: 0 40px;
    width: 50%;
}

.border_pera_bold{
	color: #501C36;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.border_card_cont_det{
	border-radius: 10px;
border: 1px solid  #5D2E46;
padding: 32px 50px;
}

.border_card_cont_det p{
	text-align: left;
}

.border_card_cont_det p a{
	text-decoration-line: underline;
	color: #501C36;
}

.border_pera_light{
	color:  #501C36;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.pay_top span.pay_num {
    font-size: 59px;
    font-family: "new-hero", sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 0.6;
    color: #501C36;
    margin-right: 20px;
    margin-top: 30px;
}

.pay_top h6 {
    margin: 0;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 33.115px;
    color: #501C36;
    font-family: "sofia-pro", sans-serif;
    display: flex;
    align-items: baseline;
}

.pay_top span{
	display: block;
	margin-bottom: -5px;
	font-size: 14px;
	font-weight: 400;
	color: #838383;
	font-family: "sofia-pro", sans-serif;

}

.paymen_card_Sec.most_popular .popular_tag {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    background: #FAB620;
    min-width: 150px;
    text-align: center;
    padding: 11px 0;
}

.paymen_card_Sec.most_popular .popular_tag span{
	color: #501C36;
	text-align: center;
    font-family: "new-hero", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.32px;
}

.paymen_card_Sec.most_popular .payment_box {
    border: 4px solid #ff9fcf80;
}

.pay_top h6 span{
	margin-left: 12px;
	display: block;
	font-family: "sofia-pro", sans-serif;
	color: #FAB620;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.inquiry_form .inquiry_bg{
	border-radius: 11px;
    padding: 57px 189px;
    max-width: 1173px;
    background-size: cover !important;
    margin: -50px auto;
}

.inquiry_form .inquiry_bg h2{
	color: #FF9FCF;
}

.faq__section{
	padding: 140px 0 120px;
}

.faq__section .faq_main{
	max-width: 778px;
	margin: 0 auto;
	text-align: center;
}

.faq__section .faq_main .accordion-wrapper{
	text-align: left;
	background: #F9FAFC;
	border-radius: 10px;
	margin-bottom: 16px;
	padding: 25px 111px 33px 35px;
}

.faq__section .faq_main .accordion-wrapper button{
	background: transparent ;
	border: 0;
	text-align:left;
	width: 100%;
	display: inline-block;
	padding:0px 0 0;
	font-size: 22px;
	font-weight: 500;
	color: #501C36;
	line-height: 150.523%;
	position: relative;
	
}

.faq__section .faq_main .accordion-wrapper button:before{
	position: absolute;
    right: -80px;
    top: 13px;
    width: 20px;
    height: 20px;
    background: url(../images/plus_icon.svg) no-repeat right top;
    content: "";
}

.faq__section .faq_main .accordion-wrapper.active button:before{
	background: url(../images/cross.svg) no-repeat right top;
}

.collepsing-div p{
	margin-top: 23px;
	color: #232022;
}

.faq_main h2{
	color: ;	
	max-width: 507px;
	margin: 0 auto 50px;
	color: #501C36;
}

.free__trial{
	background: #501C36;
	padding: 73px 0;
}

.free__trial .container{
	max-width: calc(100% + (1300px - 100%)/2);
	margin-left: 0;		
	padding-left: 0;
}

.free_main{
	display: flex;
	align-items: center;
}



.trial_left {
    border-radius: 0 300px 300px 0;
    background: #5D2E46;
    width: 55%;
    height: 500px;
    display: flex;
    justify-content: flex-end;
}

.free_right{
	width: 45%;
	padding-left: 114px;
}

.free_right h2{
	color: #FF9FCF;
}

.free_right p{
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	padding-right: 94px;
	line-height: 150.523%;
	margin-bottom: 0;
}

.trial_left img {
    max-width: 100%;
    object-fit: contain;
    position: relative;
    z-index: 1;
}

.free_right .btn_main{
	display: flex;
	margin-top: 32px;
}

.free_right .btn_main .primary_btn{
	margin-right: 23px;
	min-width: 220px;
}

.free_right .btn_main .border_btn{
	color: #fff;
}

footer{
	background: #491831;
	padding-top: 43px;
}

.app_icon {
    display: flex;
    align-items: center;
    margin-top: 122px;
}

.app_icon a{
	margin-right: 12px;
}

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

.footer_main ul{
	margin: 0;
	padding: 0;
}

.footer_main ul li{
	list-style: none;
	text-align: right;
}

.footer_main ul li a{
	color: #fff;
	text-align: right;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.32px;
}

.footer_main ul li a:hover{
	color: #B71768;
}

.footer_right{
	text-align: right;
}

.footer_right ul{
	margin-bottom: 40px;
}

.social_icon{
	margin: 35px 0 0 !important;
	padding: 0;
	display: flex;
}

.social_icon li{
	list-style: none;
	margin-right: 11px;
}

.social_icon li:last-child{
	margin-right: 0;
}

.social_icon li a{
	width: 50px;
	height: 50px;
	border: 1px solid #FAB620;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 11px;
}

.social_icon li a:hover{
	background: #fff;
	border-color: #fff;
}

.copy_right{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid rgba(248, 247, 244, 0.20000000298023224);
	margin-top: 22px;
	padding: 22px 0;

}

.copy_right p{
	margin: 0;
	color: rgba(254,254,254,0.5);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.copy_right span{
	color: rgba(254,254,254,0.5);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	color: rgba(254,254,254,0.5);
}

.copy_right  a{
	color: rgba(254,254,254,0.5);
	text-decoration: underline;
}

.main-title {
    position: absolute;
    top: 10%;
    left: 18.5%;
    transform: translate(-50%, -50%);
    width: 281px;
    height: 281px;
}

.nds_image {
    position: relative;
    bottom: 41px;
    left: 81px;
}

.main-title img {
    border-radius: 50%;
}


.text_image {
   position: relative;
   top: -4px;
   left: -201px;
}

.promo_area .round-planet {
  width: 423px;
  height: 423px;
  border: 2px solid rgba(250,182,32,0.10000000149011612);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 0;

}

.promo_area .round-planet.planet1{
	 border: 2px solid rgba(250,182,32,0.20000000298023224) !important;
	 width: 383px;
	 height: 383px;
}
.promo_area .round-planet.planet {
    margin-left: -57px;
    margin-top: -36px;
}
.promo_area .round-planet.planet2 {
  width: 349px;
  height: 349px;
   border: 2px solid rgba(250,182,32,0.5) !important;
}
.promo_area .round-planet.planet3 {
  width: 313px;
  height: 313px;
   border: 2px solid #FAB620 !important;
}
.promo_area .round-planet .star {
  border-radius: 50%;
  top: 50%;
  left: 50%;
  position: absolute;
}
.promo_area .round-planet .star.star1 {
  margin-top: -15px;
  margin-left: -15px;
  width: 30px;
  height: 30px;
  background: #006cbe;
  -webkit-animation: spinnerRotate 20s linear infinite;
  animation: spinnerRotate 20s linear infinite;
}
.promo_area .round-planet .star.star2 {
  -webkit-animation: spinnerRotateone 25s linear infinite;
  animation: spinnerRotateone 25s linear infinite;
  width: 12px;
  height: 12px;
  background: #F86E0C;
  margin-top: -9px;
  margin-left: -9px;
}

.promo_area .round-planet .star.star3 {
  width: 10px;
  height: 10px;
  margin-top: -8px;
  margin-left: -8px;
  -webkit-animation: spinnerRotatetwo 25s linear infinite;
  animation: spinnerRotatetwo 25s linear infinite;
  background: #FF9FCF;
}

.promo_area .round-planet .star.star10 {
  width: 12px;
  height: 12px;
  margin-top: -4px;
  margin-left: -4px;
  -webkit-animation: spinnerRotatesix 15s linear infinite;
  animation: spinnerRotatesix 15s linear infinite;
  background: #FF9FCF;
}



.promo_area .round-planet .star.star6 {
  width: 12px;
  height: 12px;
  margin-top: -4px;
  margin-left: -4px;
  -webkit-animation: spinnerRotatenine 18s linear infinite;
  animation: spinnerRotatenine 18s linear infinite;
  background: #F86E0C;
}



.promo_area .round-planet .star.star7 {
  width: 12px;
  height: 12px;
  margin-top: -4px;
  margin-left: -4px;
  -webkit-animation: spinnerRotatefour 23s linear infinite;
  animation: spinnerRotatefour 23s linear infinite;
  background: #B71768;
}

.promo_area .round-planet .star.star9 {
  width: 12px;
  height: 12px;
  margin-top: -4px;
  margin-left: -4px;
  -webkit-animation: spinnerRotateeight 28s linear infinite;
  animation: spinnerRotateeight 28s linear infinite;
  background: #ffb633;
}


.promo_area .round-planet .star.star8 {
  -webkit-animation: spinnerRotateseven 25s linear infinite;
  animation: spinnerRotateseven 25s linear infinite;
   width: 12px;
  height: 12px;
  margin-top: -4px;
  margin-left: -4px;
  background: #FAB620;
}

/*spinner keyframe
=======================================================*/

@keyframes spinnerRotateone {
  0% {
    -webkit-transform: rotate(0deg) translateY(175px);
    transform: rotate(0deg) translateY(175px);
  }
  100% {
    -webkit-transform: rotate(360deg) translateY(175px);
    transform: rotate(360deg) translateY(175px);
  }
}

@keyframes spinnerRotatetwo {
  0% {
    -webkit-transform: rotate(0deg) translateY(-210px);
    transform: rotate(0deg) translateY(-210px);
  }
  100% {
    -webkit-transform: rotate(360deg) translateY(-210px);
    transform: rotate(360deg) translateY(-210px);
  }
}

@keyframes spinnerRotateseven {
  0% {
    -webkit-transform: rotate(0deg) translateX(-190px);
    transform: rotate(0deg) translateX(-190px);
  }
  100% {
    -webkit-transform: rotate(360deg) translateX(-190px);
    transform: rotate(360deg) translateX(-190px);
  }
}


@keyframes spinnerRotatefour {
  0% {
    -webkit-transform: rotate(0deg) translateX(-190px);
    transform: rotate(0deg) translateX(-190px);
  }
  100% {
    -webkit-transform: rotate(360deg) translateX(-190px);
    transform: rotate(360deg) translateX(-190px);
  }
}
@keyframes spinnerRotatenine {
  0% {
    -webkit-transform: rotate(0deg) translateX(-190px);
    transform: rotate(0deg) translateX(-190px);
  }
  100% {
    -webkit-transform: rotate(360deg) translateX(-190px);
    transform: rotate(360deg) translateX(-190px);
  }
}
@keyframes spinnerRotatesix {
  0% {
    -webkit-transform: rotate(0deg) translateX(-190px);
    transform: rotate(0deg) translateX(-190px);
  }
  100% {
    -webkit-transform: rotate(360deg) translateX(-190px);
    transform: rotate(360deg) translateX(-190px);
  }
}
@keyframes spinnerRotateeight {
  0% {
    -webkit-transform: rotate(0deg) translateX(-190px);
    transform: rotate(0deg) translateX(-190px);
  }
  100% {
    -webkit-transform: rotate(360deg) translateX(-190px);
    transform: rotate(360deg) translateX(-190px);
  }
}



.two__coloum .promo_area{
	top: 34%;
    left: 52%;
}

.two__coloum .promo_area .round-planet{
	border: 1px dashed #FAB620 !important;
	width: 381px;
	height: 381px;
}

.two__coloum .promo_area .round-planet.planet2{
	width: 341px;
	height:341px;
	border: 1px solid #FAB620 !important;
}

.two__coloum .promo_area .round-planet.planet3{
	border: 1px solid rgba(250,182,32,0.20000000298023224) !important;
	width: 299px;
	height: 299px;
}

.round_image img{
	width: 95px;
	height: 95px;
	border-radius: 50%;
	border: 3px solid #FAB620;
}

.two_image1.round_image {
   	position: absolute;
    left: -289px;
    width: 96px;
    height: 95px;
    top: -127px;
}

.two_image3.round_image {
    position: absolute;
    right: -182px;
    top: -59px;
    width: 95px;
    height: 95px;
}


.two_image2.round_image {
   position: absolute;
    top: -248px;
    left: -100px;
    width: 95px;
    height: 95px;
}

/*.payment_box .pay_btn{
	    padding: 0 50px;
}*/

.payment_box .pay_btn .primary_btn{
	width: 100%;
	margin-bottom: 20px;
	margin-top: 15px;
}

.payment_box .pay_btn p{
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	color: #232022;
	display: inline-block;
	width: 100%;
}

.payment_box .pay_btn p span{
	font-weight: 700;
}

.faq_btn{
	text-align: center;
	margin-top: 55px;
}

.faq_btn .primary_btn{
	min-width: 220px;
}

.payment_section .container {
    max-width: 1110px;
    margin: 0 auto;
}
.footer_logo img {
    width: 130px;
}

@media(max-width: 1199px){
	.promo_area .round-planet{
		width: 250px;
		height: 250px;
	}

	.promo_area .round-planet.planet1{
		width: 220px;
		height: 220px;
	}

	.promo_area .round-planet.planet2{
		width: 200px;
		height: 200px;
	}

	.promo_area .round-planet.planet3{
		width: 180px;
		height: 180px;
	}

	.main-title{
		width: 160px;
		height: 160px;
		top: 30%;
    	left: 19%;
	}

	@keyframes spinnerRotateone {
	  0% {
	    -webkit-transform: rotate(0deg) translateY(-105px);
	    transform: rotate(0deg) translateY(-105px);
	  }
	  100% {
	    -webkit-transform: rotate(360deg) translateY(-105px);
	    transform: rotate(360deg) translateY(-105px);
	  }
	}

	@keyframes spinnerRotatetwo {
	  0% {
	    -webkit-transform: rotate(0deg) translateY(-125px);
	    transform: rotate(0deg) translateY(-125px);
	  }
	  100% {
	    -webkit-transform: rotate(360deg) translateY(-125px);
	    transform: rotate(360deg) translateY(-125px);
	  }
	}

	@keyframes spinnerRotateseven {
	  0% {
	    -webkit-transform: rotate(0deg) translateX(-105px);
	    transform: rotate(0deg) translateX(-105px);
	  }
	  100% {
	    -webkit-transform: rotate(360deg) translateX(-109px);
	    transform: rotate(360deg) translateX(-109px);
	  }
	}

	.banner_right img.mobile{
		margin-left: 106px !important;
	}


	.two__coloum .promo_area{
		left: 61%;
	}

	.provider_main img{
		margin-left: 45px;
	}

	.free_right{
		padding-left: 30px;
	}


}



@media(max-width: 991px){
	.provider__section {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}
	.main_payment_card{
		display: block;
	}

	.paymen_card_Sec {
    width: 80%;
    margin: 80px auto;
}
	.free_main{
		flex-direction: column;
	}

	.main-title{
		width: 160px;
		height: 160px;
		top: 50%;
    	left: 50%;
	}

	header{
		z-index: 99;
	}

	.header_right .navigation ul li a{
		width: 100%;
		display: inline-block;
	}

	.custom-logo-link, .fixed-header .custom-logo-link{
		width: 78px !important;
	}
	.toggle_nav{
		background: url(../images/toggle_nav.svg) no-repeat right center;
		width: 40px;
	    height: 40px;
	    display: inline-block;
	    background-size: 40px;
	}


	.toggle_close{
		background: url(../images/toggle_close.svg) no-repeat right center;
	    width: 30px;
	    height: 30px;
	    display: inline-block;
	    background-size: 25px;
	    position: absolute;
	    right: 20px;
	    top: 25px;
	}

	.navigation {
	    opacity: 0;
	    position: fixed;
	    top: 0px;
	    right: 0px;
	    height: 100%;
	    width: 100%;
	    background: #fff;
	    box-shadow: 3px 1px 6px rgba(0, 0, 0, 0.1);
	    z-index: 9;
	    transform: translateY(-100%);
	    transition-duration: 0.3s;
	    padding: 0 0;
	    overflow-y: auto;
	    overflow-x: hidden;
	    flex-direction: column;
	    justify-content: flex-start;
	}

	.show_menu .navigation{
	    opacity: 1;
	    transform: translateY(0px);
	    -webkit-transform: translateY(0px);
	    -moz-transform: translateY(0px);
	    transition-duration: 0.3s;
	    -webkit-transition-duration: 0.3s;
	    top: 0;
	}

	.header_right .navigation ul{
		flex-direction: column;
		width: 100%;
	}

	.header_right .navigation{
		align-items: flex-start;
		padding: 70px 20px 50px;
	}

	.header_btn{
		margin-left: 0;
		margin-top: 50px;
	}

	.benefit_main .benefit_box{
		width: 33.33%;
	}

	.header_right .navigation ul li{
		border-bottom: 1px solid #B71768;
		margin-bottom: 15px;
		padding-bottom: 15px;
		width: 100%;
	}
	.banner_main{
		flex-direction: column;
	}

	.banner_left{
		width: 100%;
		padding-top: 20px;
		margin-bottom: 50px;
	}

	.banner_right{
		width: 100%;
	}
	
	.two_main, .action_main, .provider_main{
		flex-direction: column;
	}

	.banner__section{
		padding-top: 0;
	}


	.two_left{
		order: 1;
		margin-top: 100px;
		width: 100%;
		position: relative;
	}

	.two__coloum .promo_area {
	    top: 28%;
    	left: 50%;
	}

	.two_image:before{
		width: 50%;
		left: 50%;
		transform: translateX(-50%);
	}

	.two_image img{
		margin: 0 auto;
	}

	.two_right{
		width: 100%;
	}

	.two__coloum{
		padding-top: 50px;
	}
	.benefit_main .benefit_box{
		width: 33.33%;
	}

	.action_left{
		width: 100%;
		padding-right: 0;
	}

	.action_right{
		width: 100%;
		margin-top: 50px;
	}

	.provider_right{
		max-width: 100%;
	}

	.provider_main{
		padding-bottom: 0;
	}

	.provider_main:nth-child(even) .provider_left{
		order: 0;
	}

	.provider_main:nth-child(even) {
		margin-top: 0;
		margin-bottom: 80px;
	}

	.provider_main:nth-child(even) .provider_right{
		margin-top: 80px;
	}

	.provider_left{
		width: auto;
		margin-bottom: 50px;
	}


	.provider_main:last-child .provider_right{
		max-width: 100%;

	}
	.provider_right {
    max-width: 100%;
    width: 100%;
    margin-bottom: 80px;
}

	.free_right{
		width: 100%;
		padding: 50px 20px 0;
	}

	.trial_left{
		width: 100%;
	}

	.trial_left{
		height: 100%;
	}

	.free_right p{
		padding-right: 0;
		font-size: 16px;
	}

	.action_right img{
		height: 100%;
	}

	.payment_left{
		order: 0;
		margin-top: 50px;
	}

	

	

	.inquiry_form .inquiry_bg{
		padding: 30px 20px;
	}

	.payment_section{
		padding: 60px 0 120px;
	}

	h1{
		font-size: 40px;
		line-height: 46px;
	}

	h2{
		font-size: 28px;
		line-height: 34px;
	}

	.sub_title{
		font-size: 16px;
		margin-bottom: 15px;
	}

	.two_right p, ul.list_icon li, .action_left p, .provider_right p, .payment_left p{
		font-size: 18px;
		line-height: 24px;
	}

	.payment_box ul, .pay_top{
		padding: 20px 30px;
	}
	.payment_box .pay_btn{
		padding: 0 30px;
	}

	.paymen_card_Sec .payment_box_desc ul{
		padding:  20px 0;
	}

	.faq__section .faq_main .accordion-wrapper{
		padding: 25px 45px 33px 20px;
	}

	.faq__section .faq_main .accordion-wrapper button:before{
		right: -24px;
	}

	.faq__section{
		padding: 100px 0 60px;
	}

	.banner_right {
	    width: 400px;
	}

	.promo_area{
		top: 99%;
	    left: 50%;
	    z-index: 9;
	}



	

	.banner_right img.mobile{
		margin-left: 0 !important;
	}

	.text_image img{
		width: 100px;
	}

	.text_image {
	    position: relative;
	    top: 21px;
    	left: -76px;
	}

	.nds_image img {
	    height: 40px;
	}

	.nds_image {
	    position: relative;
	    bottom: 6px;
    	left: 79px;
	}

	.promo_area .round-planet.planet {
	    margin-left: 0 !important;
	    margin-top: 0 !important;
	}

	.two__coloum .two_left .two_image img{
		left: -36px !important;
	}

	.round_image img{
		width: 60px;
		height: 60px;
	}

	.round_image img{
		width: 60px;
		height: 60px;
	}

	.two_image1.round_image {
	    position: absolute;
	    left: -179px;
	    width: 97px;
	    height: 95px;
	    top: -115px;
	}

	.two_image2.round_image {
	    position: absolute;
	    top: -198px;
	    left: 23px;
	    width: 95px;
	    height: 95px;
	    transform: translateX(-50%);
	}
	.two_image3.round_image {
	    position: absolute;
	    right: -237px;
	    top: -59px;
	    width: 95px;
	    height: 95px;
	}

	.two_right ul li, .provider_main ul li{
		font-size: 16px !important;
		margin-bottom: 15px;
	}

	.two_right{
		padding-left: 0;
	}

	.promo_area .round-planet .star.star8, .promo_area .round-planet .star.star2{
		width: 9px;
		height: 9px;
	}

}


@media(max-width: 767px){
	.btn_wrpper button{
		padding: 20px;
	}
	.plus_icon_btn{
		width: 50%;
	}

	.btn_wrpper button h2{
		padding: 0;
	}

	.btn_wrpper button p{
		font-size: 16px;
	}
	.benefit_main .benefit_box{
		width: 50%;
	}

	.payment_right img{
	    height: 387px;
	    top: 0;
	    left: 8px;
	}

	.payment_right{
		width: 100%;
		display: flex;
    	justify-content: center;
	}

	.payment_main{
		flex-direction: column;
	}

	.payment_right .box{
		width: 100%;
		
	}

	.two_image:before{
		width: 100%;
		height: 273px;
	}

	.payment_left{
		order: 1;
		margin-top: 50px;
		width: 100%;
	}

	.two__coloum .two_left .two_image img {
	    left: -23px !important;
	}

	

	

	body .two__coloum .two_left .two_image img{
		height: 400px;
	}

	.two__coloum{
		overflow: hidden;
	}

	.two__coloum .promo_area{
		top: 33%;
	}

	.banner_left p{
		font-size: 16px;
	}
}

@media(max-width: 500px){

	.provider_left .box{
		height: 287px !important;
	}
	.provider_main img {
    width: 100% !important;
    top: 0px !important;
}

.provider_left{
	margin-bottom: 40px !important;
}
	.paymen_card_Sec .pay_top{
		flex-direction: row !important;
	}
	.paymen_card_Sec {
	    width: 100%;
	}

	.payment_right .box .border-color{
		left: 0;
	}

	.two_image1.round_image{
		left: -129px;
	}

	.two_image2.round_image{
		top: -179px;
	}

	.two_image3.round_image{
		right: -192px;
	}

	.what__people h2{
		padding: 0 20px;
	}

	.provider_main img{
		width: 100%;
		height: 100%;
		margin-left: 0;
	}

	.what_bottom{
		flex-direction: column;
	}

	.what__bottom_left {
	    width: 100%;
	    margin-bottom: 10px;
	}

	.what__bottom_right {
	    width: 100%;
	}

	.provider_left .box .border-color{
		left: 0;
	}

	.provider_main:nth-child(even) .provider_left img{
		margin-right: 0;
	}

	.provider_main:nth-child(even) .provider_left .box .border-color{
		width: 100%;
    	height: 100%;
    	top: 25px;
    	left: 0;
	}

	.provider_main:nth-child(even) .provider_left .box{
		max-width: 100%;
		height: 100%;
	}

	.provider_main img{
		top: -65px;;
	}

	.payment_right img{
		left: 0;
		top: 0;
	}

	.free_right .btn_main{
		flex-direction: column;
	}

	.free_right .btn_main .primary_btn{
		min-width: 100%;
		margin-bottom: 15px;
	}

	.footer_main{
		flex-direction: column;
	}

	.footer_right{
		text-align: left;
	}

	.app_icon{
		margin-top: 0;
	}

	.footer_main ul li{
		text-align: left;
	}

	.banner_right {
	    width: 347px;
	}

	.two__coloum .promo_area .round-planet{
		width: 300px;
		height: 300px;
	}

	.two__coloum .promo_area .round-planet.planet2{
		width: 280px;
		height: 280px;
	}

	.two__coloum .promo_area .round-planet.planet3{
		width: 260px;
		height: 260px;
	}

	@keyframes spinnerRotatefour {
		  0% {
		    -webkit-transform: rotate(0deg) translateX(-150px);
		    transform: rotate(0deg) translateX(-150px);
		  }
		  100% {
		    -webkit-transform: rotate(360deg) translateX(-150px);
		    transform: rotate(360deg) translateX(-150px);
		  }
		}
		@keyframes spinnerRotatenine {
		  0% {
		    -webkit-transform: rotate(0deg) translateX(-150px);
		    transform: rotate(0deg) translateX(-150px);
		  }
		  100% {
		    -webkit-transform: rotate(360deg) translateX(-150px);
		    transform: rotate(360deg) translateX(-150px);
		  }
		}
		@keyframes spinnerRotatesix {
		  0% {
		    -webkit-transform: rotate(0deg) translateX(-150px);
		    transform: rotate(0deg) translateX(-150px);
		  }
		  100% {
		    -webkit-transform: rotate(360deg) translateX(-150px);
		    transform: rotate(360deg) translateX(-150px);
		  }
		}
		@keyframes spinnerRotateeight {
		  0% {
		    -webkit-transform: rotate(0deg) translateX(-150px);
		    transform: rotate(0deg) translateX(-150px);
		  }
		  100% {
		    -webkit-transform: rotate(360deg) translateX(-150px);
		    transform: rotate(360deg) translateX(-150px);
		}
	}
}