@font-face {
    font-family:"canada-type-gibson";
    src:url("https://use.typekit.net/af/37e7f5/00000000000000007735a548/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") 
    format("woff2"),url("https://use.typekit.net/af/37e7f5/00000000000000007735a548/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") 
    format("woff"),url("https://use.typekit.net/af/37e7f5/00000000000000007735a548/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") 
    format("opentype");
    font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}
@font-face {
    font-family:"canada-type-gibson";
    src:url("https://use.typekit.net/af/987a60/00000000000000007735a543/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
    format("woff2"),url("https://use.typekit.net/af/987a60/00000000000000007735a543/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
    format("woff"),url("https://use.typekit.net/af/987a60/00000000000000007735a543/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") 
    format("opentype");
    font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}
@font-face {
    font-family:"canada-type-gibson";
    src:url("https://use.typekit.net/af/be28cc/00000000000000007735a54a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") 
    format("woff2"),url("https://use.typekit.net/af/be28cc/00000000000000007735a54a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") 
    format("woff"),url("https://use.typekit.net/af/be28cc/00000000000000007735a54a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3")
    format("opentype");
    font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;
}
@font-face {
    font-family:"canada-type-gibson";
    src:url("https://use.typekit.net/af/6c50f4/00000000000000007735a544/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") 
    format("woff2"),url("https://use.typekit.net/af/6c50f4/00000000000000007735a544/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") 
    format("woff"),url("https://use.typekit.net/af/6c50f4/00000000000000007735a544/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3")
    format("opentype");
    font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;
}

/* ------------------- reset css ----------------- */
/* Remove default padding */
ul[class],
ol[class] {
	padding: 0;
}
/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
	margin: 0;
}
html {
	overflow-x: hidden;
}
/* Set core body defaults */
body {
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
	line-height: 1.5;
	overflow: hidden;
}
/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
	list-style: none;
}
/* Box sizing rules */
*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.form-wrapper .form-group .password-title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
}

.password-error .password-title p{
    font-weight: 500;
}

.password-error .password-title .password-status {
    display: flex;
    align-items: center;
    gap: 0 4px;
    padding: 13px 0 23px;
}

.password-error .password-title .password-status span {
    display: block;
    width: 50px;
    height: 4px;
    background: #D9D9D9;
    border-radius: 30px;
}
.form-wrapper .form-group .password-error ul h6 { 
    font-size: 12px;
    font-weight: 400;
    color: #275570;
}
.form-wrapper .form-group .password-error:before {
    display: none;
}
.form-wrapper .form-group .password-error ul {
    padding: 0;
}
.form-wrapper .form-group .password-error ul li {
    font-size: 12px;
    padding: 0 0 10px 12px;
    color: #275570;
    display: flex;
    align-items: center;
}

.form-wrapper .form-group .password-error li i {
    position: unset;
    color: #FF4444;
}
.form-wrapper .form-group .password-error li .text-success i {
    color: #28a745;
}

.form-wrapper .form-group .password-error ul li:last-child {
    padding-bottom: 0;
}
/*------- Theme CSS ----------*/
body {
    font-family:"canada-type-gibson";
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 1.2;
	color: #000;
	font-weight: 400;
}
a {
	color: #F2652D;
    display: inline-block;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
a:hover {
	text-decoration: none;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	color: #F2652D;
}
img {
	height: auto;
	max-width: 100%
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
	line-height: 1.2;
	margin: 0 0 10px;
}
h1 {
	font-size: 42px;
}
h2 {
	font-size: 36px;
}
h3 {
	font-size: 32px;
}
h4 {
	font-size: 28px;
}
h5 {
	font-size: 24px;
}
h6 {
	font-size: 20px;
}
p {
	margin: 0 0 20px;
}
.button {
	color: #FFF;
	font-weight: 400;
	padding: 0 15px;
	line-height: 50px;
	min-width: 180px;
	border: 1px solid #ffffff;
	position: relative;
	text-transform: capitalize;
	letter-spacing: 1px;
	border-radius: 5px;
	font-size: 16px;
    cursor: pointer;
}
.button:hover {
	background: #FFF;
	border: 1px solid #483718;
	color: #483718;
}
.button.btn-primary{
    background-color: #F2652D;
    color: #fff;
    border: 1px solid #FC6527;
}
.button.btn-primary:hover{
    background-color: #D5440B;
    color: #fff;
    border: 1px solid transparent;
}
.button.btn-outline{
    background-color: #fff;
    color: #F2652D;
    border: 1px solid #F2652D;
}
.button.btn-outline:hover{
    background-color: #D5440B;
    color: #FFFFFF;
    border: 1px solid #F2652D;
}
.button.btn-secondary{
    background-color: #F2652D;
    color: #fff;
    border: 1px solid #F2652D;
}
.button.btn-secondary:hover{
    background-color: #fff;
    color: #F2652D;
    border: 1px solid #F2652D;
}
a.link-text {
    color: white !important;
}
.button:focus,
input:focus,
.form-control:focus,
button:focus {
	outline: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-box-shadow: none;
}
/* ------------- common structure ----------------- */
.section-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 60px;
    color: #275570CC;
}
.section-header h2{
    color: #275570;
    font-weight: 500;
}
.section-header h2 span{
    color: #F2652D;
}
.section-title{
    color: #275570;
    line-height: 48px;
    font-weight: 500;
}

.section-title.after-img{
    display: flex;
    align-items: center;
}
.section-title.after-img span:not(:first-child){
    flex: 0 0 8%;
    padding-bottom: 25px;
}
.section-title.after-img span:not(:first-child) img{
    object-fit: cover;
    width: 50px;
    height: 50px;
    max-width: 100%;
    margin-left: 7px;
    margin-bottom: 0px;
}

.section-detail{
    font-size: 16px;
    line-height: 26px;
    color: #7B7B7B;
    letter-spacing: 0.32px;
}
.block-title{
    color: #275570;
    line-height: 26px;
    font-weight: 500;
    letter-spacing: 0.36px;
}
.block-detail{
    font-size: 16px;
    letter-spacing: 0.28px;
    line-height: 24px;
    color:#2C607F;
}
.main-wrapper .content-writing-section .content-wrapper{
    position: relative;
}


/* ------------- common structure end ----------------- */

.main-wrapper{
	position: relative;
}
.site-header{
    top: 20px;
    position: absolute;
    width: 100%;
    z-index: 9;
}
.site-header.sticky {
    position: fixed;
    left:0;
    width: 100%; 
	z-index: 9;
    top: 0;
}
.site-header.sticky .row{
    background: #F9F9F9 padding-box;
    opacity: 1;
}

.homepage .site-wrapper {
    background: #fff;
}
/* ------------- header ----------------- */
.site-header .row{
    background: #F9F9F9 padding-box;
    padding: 23px 40px;
    border-radius: 16px;
    justify-content: space-between;
    align-items: center;
}
.site-header .logo{
    width: 100%;
}
.site-header .logo img{
    object-fit: cover;
}
.site-header .navigation{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.navigation .main-navigation .menu{
    display: flex;
}
.navigation .main-navigation .menu li a{
    padding: 5px 25px;
    color: #275570;
    line-height: 26px;
    position: relative;
    font-size: 16px;
}
.navigation .main-navigation .menu li a.active,
.navigation .main-navigation .menu li a:hover{
    color: #F2652D;
}
.navigation .main-navigation .menu li a::before{
    content: '';
    position: absolute;
    background-color: #F2652D;
    bottom: -5px;
    left: calc(45%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: none;
}
.navigation .main-navigation .menu li a.active::before,
.navigation .main-navigation .menu li a:hover::before{
    display: none;
}
.navigation .login-btn a{
    margin-right: 16px;
    font-size: 14px;
    padding: 0 20px;
    line-height: 38px;
    border-radius: 5px;
    min-width: 90px;
}
.navigation .login-btn .button.btn-outline{
    font-size: 14px;
    min-width: auto;
    line-height: 38px;
    padding: 0 20px;
    text-transform: none;
}
.navigation .login-btn a.btn-primary:hover {
    background-color: #F2652DC4;
}
.site-header .menu-bar{
    display: none;
}

.main-navigation .close{
    display: none;
} 
.main-navigation .menu li.service-open {
    position: relative;
}
.main-navigation .menu li.service-open:after {
    content: "";
    position: absolute;
    top: 17px;
    left: 0;
    right: 0;
    height: 42px;
    border: 1px solid red;
    opacity: 0;
}
.main-navigation .menu .service-open a i {
    font-size: 12px;
    padding-left: 2px;
    transition: all 0.5s;
}

.main-navigation .menu .service-open:hover a i,
.main-navigation .menu .service-open.services_class a i {
    transform: rotate(180deg);
    transition: all 0.5s;
}

/* sub-menu */


/* change */
li .sub-menu{
    width: 660px;
    position: absolute;
    left: -50px;
    top: 59px;
    z-index: 5;
    background-color: #FFFFFF;
    border-radius: 20px;
    box-shadow: 10px 10px 64px #F2652D29;
    display: flex;
    flex-wrap: wrap;
    padding: 16px;
    gap: 10px;
    display: none;
}

li:hover .sub-menu{
    display: block;
}


.sub-menu li {
    width: 100%;
    max-width: 305px;
    padding-bottom: 5px;
}

.service-menu .sub-menu li {
    display: inline-block;
    flex: 0 0 50%;
}

.site-header .navigation .menu-detail{
    margin: 0;
    padding: 15px 20px;
}
.navigation .main-navigation .menu .menu-detail a{
    padding: 0;
    display: block;
}
.navigation .main-navigation .menu .menu-detail a span {
    padding: 5px 12px 0 0;
}

.site-header .navigation .sub-menu .menu-detail a {
    display: flex;
    align-items: flex-start;
}

.sub-menu .menu-detail a img {
    max-width: 23px;
}

.sub-menu a .sub-menu-detail p {
    font-size: 14px;
    font-weight: 400;
    color: #A1A1A1;
    line-height: 1.4;
    margin-bottom: 0;
}

.sub-menu a .sub-menu-detail span {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.8;
    margin-bottom: 0;
}

.company-menu ul.sub-menu,
.resources-menu ul.sub-menu {
    width: 250px;
}

.site-header .navigation .company-menu ul.sub-menu li a,
.site-header .navigation .resources-menu ul.sub-menu li a {
    align-items: center;
}

.service_class .sub-menu-detail span {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    color: #275570;
    margin-bottom: 10px;
}

/* end */

.site-header .navigation .menu-detail:hover a,
.navigation .main-navigation .menu .sub-menu li a:hover {
    color: #275570;
}

.site-header .navigation .sub-menu .menu-detail:hover,
.site-header .navigation .sub-menu .menu-detail.active {
    background-color: #F6F6F6;
    border-radius: 8px;
}
.navigation .main-navigation .menu li .menu-detail a:hover::before {
    display:none;
}
.site-header .navigation .active{
    border-radius: 10px;
}
.site-header .navigation .active .guest-txt{
    color: #F2652D;
}
a:focus-visible{
    outline: none;
}
/* sub-menu-end */
/* ------------- header end ----------------- */

/* ------------- Home Page --------------- */
/* ------------- banner section ------------- */
.banner-section{
    padding: 100px 0 80px;
    position: relative;
    padding-bottom: 0px;
}
.banner-section .section-title{
    max-width: 930px;
    margin: 0 auto 35px;
    text-align: center;
}
.banner-section .section-title h1{
    line-height: 72px;
    font-weight: 600;
    color: #275570;
    padding-top: 60px;
}

.banner-wrapper .section-title p{
    font-size: 20px;
    line-height: 30px;
    color: #7B7B7B;
    opacity: 0.7;
    max-width: 840px;
    margin: 0 auto;
    font-weight: normal;
    padding-top: 15px;
}
.banner-wrapper .section-title h5 {
    margin: 30px 0 0;
}
.banner-form form .input-email{
    display: flex;
    justify-content: center;
}
.banner-form form .input-email input{
    min-width: 390px;
    padding: 14px 24px;
    margin-right: 30px;
    background: #F6F6F6;
    font-size: 16px;
    line-height: 26px;
    border-radius: 10px;
    color: #275570;
    border: 1px solid transparent;
}
.banner-form form .input-email input::placeholder{
    color: rgba(46, 46, 46, 0.5);
}
.banner-form form .input-email .button.btn-primary{
    background-color: #F2652D;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    border-radius: 10px;
    border: none;
    min-width: 180px;
    padding: 15px 30px;
    font-weight: 600;
    overflow: hidden;
    position: relative;
}
.banner-form form .input-email .button.btn-primary span{
    position: relative;
}
.banner-form form .input-email .button.btn-primary:before{
    content: "";
    width: 0;
    height: 0%;
    opacity: 0;
    line-height: 40px;
    border-radius: 50%;
    background: #D5440B;
    position: absolute;
    transition: all .5s ease-Out;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.banner-form form .input-email .button.btn-primary:hover:before{
    width: 200%;
    height: 400%;
    opacity: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.banner-form form .input-email input.active {
    background: #fff;
    border-color: #F5F5F5 !important;
    box-shadow: 0px 3px 8px #0000000D;
}
.banner-section .work-with-company{
    display: flex;
    justify-content: center;
    padding: 0px 0px 0px;
    flex-wrap: wrap;
    max-width: 980px;
    margin: 0 auto;
}
.work-with-company .company-img-wrapper{
    flex: 0 0 20%;
    text-align: center;
}
.work-with-company .company-img-wrapper img{
    object-fit: cover;
}
.banner-section .heroimg-wrapper{
    width: 100%;
    text-align: center;
    padding: 50px 0;
    position: relative;
}
.banner-section .heroimg-wrapper img{
    width: 100%;
    object-fit: cover;
    border-radius: 30px;
}
.banner-form form .input-email .btn-primary:not(:disabled):not(.disabled).active,
.banner-form form .input-email .btn-primary:not(:disabled):not(.disabled):active, 
.banner-form form .input-email .show>.btn-primary.dropdown-toggle{
    background-color: #D5440B;
    box-shadow: none;
    border-color: transparent;
}
.content-form .showpass i {
    color: #979797;
}
.homepage .banner-section .banner-form {
    position: relative;
}
.homepage .banner-section .banner-form span.error {
    position: absolute;
    bottom: -20px;
    left: 310px;
}
/* ------------- banner section end ------------- */

/* -------------- achievement section ----------  */
.achievement-section{
    padding: 20px 0;
    position: relative;
    /* padding-top: 50px; */
}
.achievement-section .achievement-wrapper{
    display: flex;
    border: 1px solid #E6E6E6;
    border-radius: 16px;
    padding: 40px 25px;
}
.achievement-wrapper .achievement-item{
    border-right: 1px solid #E6E6E6;
    flex: 0 0 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #275570CC;
}
.achievement-wrapper .achievement-item:last-child{
    border: none;
}
.achievement-wrapper .achievement-item:nth-child(2) h2{
    padding-left: 15px;
}

.achievement-wrapper .achievement-item h2,
.achievement-wrapper .achievement-item p{
    display: flex;
    color: #F2652D;
    margin-bottom: 0;
    line-height: 82px;
    font-size: 50px;
    font-weight: 600;
}
.achievement-wrapper .achievement-item h2 span,
.achievement-wrapper .achievement-item p span{
    color:#F2652D;
}
.achievement-wrapper .achievement-item span{
    display: block;
    color: #7B7B7B;
}
.homepage .achievement-section .section-header {
    width: 100%;
}
.homepage .achievement-section .section-header h2{
    width: 50%;
}
.homepage .achievement-section .section-header p{
    width: 50%;
}
.write-us .achievement-section img{
    padding-bottom: 40px;
}
.write-us .write-us-wrapper h5{
    color: #275570;
    font-size: 20px;
}
/* -------------- achievement section end ----------  */

/* -------------- featured sites section ------------ */
.featured-sites-section{
    padding: 100px 0 80px;
    position: relative;
    padding-top: 50px;
}
.featured-sites-section::before{
    content: '';
    position: absolute;
    top: calc(18%);
    left: 30px;
    width: 120px;
    height: 120px;
    background: #f2652d66;
    filter: blur(42px);
    border-radius: 30px;
    z-index: -1;
}
.featured-sites-section::after{
    content: '';
    position: absolute;
    bottom: 50px;
    right: 0;
    width: 140px;
    height: 140px;
    background: #27557066;
    filter: blur(42px);
    z-index: -1;
}
.featured-wrapper{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    margin-bottom: 32px;
}
.featured-sites-section .featured-item {
    padding: 16px;
    border: 1px solid #FFEEE8;
    border-radius: 15px;
    background: #fff;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: space-between;
}
.featured-sites-section .featured-item:hover{
    box-shadow: 13px 16px 64px #F2652D29;
}
.featured-item .featured-item-img{
    width: 100%;
    min-height: 175px;
}
.featured-item .featured-item-img img{
    object-fit: cover;
    width: 100%;
    height: 175px;
    filter: grayscale(1);
    transition: 0.5s linear;
}
.featured-item:hover .featured-item-img img{
    filter: grayscale(0);
    transition: 0.5s linear;    
}
.featured-item .featured-sites-info {
    padding: 24px 9px 8px;
    display: flex;
    flex-direction: column;
    height: 100%;
    flex-grow: 1;
}
.featured-sites-info .featured-block-title h6{
    font-size: 12px;
    line-height: 28px;
    color: #F2652D;
    font-weight: 600;
    letter-spacing: 1.2px;
}
.featured-sites-info .featured-block-detail ul{
    list-style-type: none;
    padding: 0;
    color: #275570;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex: 1;
}
.featured-sites-info .featured-block-detail li{
    line-height: 32px;
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
    width: 100%;
    max-width: 50%;
    position: relative;
    font-size: 15px;
}
.featured-sites-info .featured-block-detail ul li:nth-child(odd)::before{
    content: '';
    position: absolute;
    right: 16px;
    top: 5px;
    bottom: 10px;
    border-right: 1px solid #275570;
}
.featured-sites-info .featured-block-detail li span{
    display: block;
}
.featured-sites-info .btn-view-detail{
    text-align: end;
}
.featured-sites-info .btn-view-detail a,
.featured-sites-section .btn-see-site a{
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
}
.featured-sites-info .btn-view-detail a i{
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-left: 8px;
    transform: rotate(-45deg);
}
.featured-sites-section .btn-see-site a i{
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-left: 8px;
}
.featured-sites-section .btn-see-site{
    text-align: center;
    position: relative;
    max-width: 170px;
    margin: 0 auto;
}
.featured-sites-section .btn-see-site a{
    padding: 12px 50px 12px 30px;
    position:relative;
    min-width: 210px;
}
.featured-sites-section .btn-see-site a:before {
    content:"\f061";
    position:absolute;
    top: 13px;
    right: 20px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition:0.3s;
    pointer-events: none;
}
.featured-sites-section .btn-see-site a:hover:before{
    right: 5px;
    opacity: 0;
}
.featured-sites-section .btn-see-site a:after {
    content:"\f061";
    position:absolute;
    top: 13px;
    right: 25px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition:0.3s;
    opacity:0;
    pointer-events: none;
}
.featured-sites-section .btn-see-site a:hover:after{
    right: 20px;
    opacity:1;
}
.featured-sites-section .btn-see-site:hover::before {
    width: 102px;
}
.featured-sites-section .btn-see-site::before {
    content: "";
    position: absolute;
    left: 35px;
    bottom: 14px;
    width: 0px;
    height: 1px;
    background: #F2652D;
    transition: all 0.2s;
}
.featured-sites-section .section-header h2 {
    padding-right: 100px;
}
.featured-sites-info .btn-view-detail a {
    color: #275570;
}
.featured-sites-info .btn-view-detail a i{
    transform:rotate(60deg);
    transition: all 0.5s;
    color: #275570;
}
.featured-item:hover .featured-sites-info .btn-view-detail a{
    color:#F2652D;
}
.featured-item:hover .featured-sites-info .btn-view-detail a i{
    transform:rotate(-45deg);
    transition: all 0.5s;
    color:#F2652D;
}
.featured-sites-section .section-header {
    line-height: 25px;
}
/* -------------- featured sites section end ------------ */

/* -------------- service section ------------ */
.service-section{
    padding: 80px 0;
    padding-top: 50px;
}
.service-section .service-header{
    max-width: 650px;
    margin-bottom: 60px;
}
.service-section .service-header .section-title{
    margin-bottom: 40px;
}
.service-section .service-slider{
    height: 100%;
}
.service-slider .owl-carousel.service-carousel .service-item{
    border-radius: 20px;
    border: 1px solid #F3F3F3;
    padding: 24px;
    margin: 0 15px;
    max-width: 245px;
    min-height: 270px;
    position: relative;
}
.service-slider .owl-carousel.service-carousel .service-item:hover{
    box-shadow: 13px 16px 64px #F2652D1A;
}
.service-slider .owl-carousel.service-carousel .service-item:hover .block-title h5{
    color: #F2652D;
}
.service-slider .owl-carousel.service-carousel .service-item .block-title{
    margin-bottom: 19px;
}
.service-slider .owl-carousel.service-carousel .service-item .block-title p{
    font-weight: 300;
}
.service-slider .owl-carousel.service-carousel .service-item .block-detail p{
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.service-slider .owl-carousel.service-carousel .block-detail .service-icon{
    text-align: end;
    margin-top: 30px;
}
.service-slider .owl-carousel.service-carousel .block-detail .service-icon a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.service-slider .owl-carousel.service-carousel .block-detail .service-icon i{
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    transform: rotate(45deg);
    color: #275570;
    font-size: 16px;
    transition: 0.5s;
    opacity: 0.3;
    position: absolute;
    top: auto;
    bottom: 20px;
    left: auto;
    right: 20px;
}
.service-slider .owl-carousel.service-carousel .service-item:hover .service-icon i{
    transform: rotate(-45deg);
    color: #F2652D;
    opacity: 1;
}
.service-slider .owl-carousel.service-carousel .owl-nav {
    position: absolute;
    top: -100px;
    right: 100px;
}
.service-slider .owl-carousel.service-carousel .owl-nav .owl-prev:hover i,
.service-slider .owl-carousel.service-carousel .owl-nav .owl-next:hover i{
    color: #fff;
    background: #F2652D;
    border: 1px solid #F2652D;
}
.service-slider .owl-carousel.service-carousel .owl-nav .owl-prev:hover,
.service-slider .owl-carousel.service-carousel .owl-nav .owl-next:hover{
    transform: scale(1.2);
    transition: 0.5s linear;
}
.service-slider .owl-carousel.service-carousel .owl-nav .owl-prev,
.service-slider .owl-carousel.service-carousel .owl-nav .owl-next{
    margin: 0 20px;
    transition: 0.5s linear;
}
.service-slider .owl-carousel.service-carousel .owl-nav .owl-prev.disabled,
.service-slider .owl-carousel.service-carousel .owl-nav .owl-next.disabled{
    opacity: 0.5;
}
.service-slider .owl-carousel.service-carousel .owl-nav .owl-prev i,
.service-slider .owl-carousel.service-carousel .owl-nav .owl-next i{
    width: 32px;
    height: 32px;
    line-height: 29px;
    text-align: center;
    border: 2px solid #F2652D;
    border-radius: 50%;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 15px;
    color: #F2652D;
}
.service-slider .owl-carousel.service-carousel .owl-nav .owl-prev i{
    transform: rotate(180deg);
}
.service-slider .service-item .title-service h5 {
    margin-bottom: 40px;
}
.service-slider .owl-dots {
    display: none;
}
/* -------------- service section end ------------ */

/* -------------- client section ------------ */
.testimonial-section{
    padding: 40px 0;
    position: relative;
}
.testimonial-section::before{
    content: '';
    position: absolute;
    left: -20px;
    top: 50px;
    width: 105px;
    height: 160px;
    background: #f2652d66;
    filter: blur(42px);
    border-radius: 30px;
    z-index: -1;
}
.testimonial-section .client-review-wrapper {
    margin-top: 65px;
    margin-top: 65px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.testimonial-section .client-review-wrapper .quote-img-wrapper {
    margin-bottom: 40px;
    height: auto;
    margin-right: 232px;
}
.testimonial-section .client-review-wrapper .quote-img-wrapper img {
    max-width: 100%;
    object-fit: cover;
}
.testimonial-section .client-review-wrapper .testimonial-header {
    max-width: 370px;
}
.testimonial-section .client-review-wrapper .section-title{
    margin-bottom: 40px;
}
.client-slider .owl-carousel.client-carousel .our-client{
    padding: 72px 80px 72px 72px;
    min-height: 620px;
    position: relative;
}
.client-slider .client-carousel .owl-stage-outer{
    padding-top: 40px;
    background: #F6F6F6;
    border-radius: 30px;   
    margin: 0px 20px;
}
.client-slider .owl-carousel.client-carousel::before{
    content: "";
    position: absolute;
    top: -43px;
    left: -33px;
    background-image: url("/assets/latest_assets/image/customer-review.webp");
    background-repeat: no-repeat;
    background-size: contain;
    width: 130px;
    height: 150px;
    z-index: 3;
}
.client-slider .owl-carousel .our-client .client-detail{
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}
.client-slider .owl-carousel .our-client .client-detail .client-img-wrapper{
    width: 72px;
    height: 72px;
    margin-right: 24px;
}
.client-slider .owl-carousel .our-client .client-detail .client-img-wrapper img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.client-slider .owl-carousel .our-client .client-detail .client-short-info h5{
    margin: 0;
    line-height: 26px;
    color: #275570;
}
.client-slider .owl-carousel .our-client .client-detail .client-short-info span{
    display: block;
    line-height: 26px;
    font-size: 14px;
    color: #275570b8;
}
.client-slider .owl-carousel .our-client .rating{
    display: flex;
    margin-bottom: 32px;
    color: #FFAA00;
}
.client-slider .owl-carousel .our-client .rating i{
    margin: 0 6px;
}
.client-slider .owl-carousel .our-client .client-info{
    color: #275570;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 48px;
}
.client-slider .owl-carousel .our-client .audio i.fa-play{
    background: #A9BBC6;
    padding: 10px;
    border-radius: 50%;
    font-size: 15px;
    margin: 5px;
    color: #275570;
    text-align: center;
}
.client-slider .owl-carousel .our-client .audio i.fa-volume-low{
    color: #707070;
    font-size: 18px;
    text-align: right;
    margin: 5px 10px;
}
.client-slider .owl-carousel .our-client .owl-slide-number{
    color: #27557066;
    text-align: end;
    font-size: 20px;
    position: absolute;
    bottom: 70px;
    right: 80px;
}
.client-slider .owl-carousel .our-client .owl-slide-number span{
    font-size: 20px;
}
.client-slider .owl-carousel .owl-nav {
    left: 72px;
    position: absolute;
    bottom: 90px;
}
.client-slider .owl-carousel .owl-nav .owl-prev:hover i,
.client-slider .owl-carousel .owl-nav .owl-next:hover i{
    color: #fff;
    background: #F2652D;
    border-color: #F2652D;
}
.client-slider .owl-carousel .owl-nav .owl-prev:hover,
.client-slider .owl-carousel .owl-nav .owl-next:hover{
    transform: scale(1.2);
    transition: 0.5s linear;
}
.client-slider .owl-carousel .owl-nav .owl-prev,
.client-slider .owl-carousel .owl-nav .owl-next{
    margin: 0 20px;
    transition: 0.5s linear;
}
.client-slider .owl-carousel .owl-nav .owl-prev.disabled,
.client-slider .owl-carousel .owl-nav .owl-next.disabled{
    opacity: 0.5;
}
.client-slider .owl-carousel .owl-nav .owl-prev i,
.client-slider .owl-carousel .owl-nav .owl-next i{
    width: 32px;
    height: 32px;
    line-height: 29px;
    text-align: center;
    border: 2px solid #F2652D;
    border-radius: 50%;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 15px;
    color: #F2652D;
}
.client-slider .owl-carousel .owl-nav .owl-prev i{
    transform: rotate(180deg);
}
.client-slider .owl-carousel .our-client audio{
    width: 100%;
    max-width: 50%;
}
.client-slider .owl-carousel .our-client audio::-webkit-media-controls-panel {
    background-color: #ffffff;
}
.testimonial-section .client-slider .owl-dots {
    display: none;
}
/* -------------- client section end ------------ */

/* -------------- bussiness platform ------------ */
.bussiness-platform-section{
    padding: 40px 0;
}
.bussiness-platform-section .bussiness-header{
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}
.bussiness-header .choose-option a.button.btn-secondary{
    border-radius: 24px;
    margin: 10px;
    color: #fff;
}
.bussiness-header .choose-option a.button.btn-outline:last-child{
    border-radius: 24px;
    margin: 10px;
    color: #F2652D;
}
.bussiness-header .choose-option a.button.btn-outline:hover{
    color: #fff;
}
.bussiness-platform-section .bussiness-header .section-title{
    margin-bottom: 40px;
}
.bussiness-platform-section .bussiness-wrapper{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    padding: 50px 0 0;
    position: relative;
}
.bussiness-platform-section .bussiness-wrapper::before{
    content: '';
    position: absolute;
    top: -70px;
    left: -70px;
    width: 160px;
    height: 160px;
    background: #27557066;
    filter: blur(42px);
    z-index: -1;
}
.bussiness-wrapper .bussiness-items{
    position: relative;
}
.bussiness-wrapper .bussiness-items .btn-bussiness-register{
    position: absolute;
    bottom: 100px;
    right: 0;
}
.bussiness-wrapper .bussiness-items .btn-bussiness-register:before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0px;
    height: 1px;
    background: #F2652D;
    transition: all 0.2s;
    display: none;
}
.bussiness-wrapper .bussiness-items .btn-bussiness-register:hover::before {
    width: 105px;
}
.bussiness-wrapper .bussiness-items.publisher-bussiness .platform-item-wrapper{
    margin-left:auto;
}
.bussiness-wrapper .bussiness-items.publisher-bussiness .platform-item-wrapper:nth-child(2){
    right: auto;
}
.bussiness-wrapper .bussiness-items.publisher-bussiness .btn-bussiness-register{
    left: 0;
}
.bussiness-wrapper .bussiness-items .platform-item-wrapper{
    max-width: 270px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #F6F6F6;
    padding: 24px;
    border-radius: 10px;
    margin-bottom: 25px;
}
.bussiness-wrapper .bussiness-items .platform-item-wrapper:nth-child(2) {
    position: absolute;
    right: 0;
    top: calc(20%);
}
.bussiness-wrapper .bussiness-items .platform-item-wrapper:hover{
    box-shadow: 16px 24px 64px #F2652D1A;
    border: 1px solid #F2652D3D;
}
.bussiness-wrapper .bussiness-items .platform-item-wrapper:hover .platform-title h6{
    color: #F2652D;
}
.bussiness-items .platform-item-wrapper .platform-icon{
    margin-bottom: 25px;
}
.bussiness-items .platform-item-wrapper .platform-icon i{
    color: #F2652D;
    font-size: 18px;
}
.bussiness-items .platform-item-wrapper .platform-title{
    margin-bottom: 20px;
}
.bussiness-items .platform-item-wrapper .platform-title h6{
    color: #275570;
    line-height: 26px;
}
.bussiness-items .platform-item-wrapper .platform-detail{
    font-size: 14px;
    line-height: 24px;
    color: #275570cc;
}
.bussiness-platform-section .bussiness-wrapper .platform-img {
    text-align: end;
    width: 100%;
    position: relative;
}
.bussiness-platform-section .bussiness-wrapper .platform-img img{
    width: 100%;
    max-width: 80%;
    object-fit: contain;
    border-radius: 20px;
}
.bussiness-wrapper .platform-img .platform-img-overly{
    position: absolute;
    width: 258px;
    top: calc(30%);
    height: auto;
}
.bussiness-wrapper .platform-img .platform-img-overly img{
    width: 100%;
    max-width: 100%;
    object-fit: cover;
}
.btn-bussiness-register a{
    position: relative;
    padding-right: 35px;
}
.btn-bussiness-register a:before {
    content:"\f061";
    position:absolute;
    top: 0;
    right: 20px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition:0.3s;
    font-size: 14px;
}
.btn-bussiness-register a:hover:before{
    right: 0px;
    opacity:0;
}
.btn-bussiness-register a:after {
    content:"\f061";
    position:absolute;
    top: 0;
    right: 28px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition:0.3s;
    opacity:0;
    font-size: 14px;
}
.btn-bussiness-register a:hover:after{
    right: 15px;
    opacity:1;
}
.bussiness-platfrom .nav-pills{
    justify-content: center;
}
.bussiness-platfrom .nav-pills .nav-item{
    padding: 10px;
}
.bussiness-platfrom .nav-pills .nav-link.btn-outline{
    background: transparent;
    text-align: center;
    border-radius: 24px; 
}
.bussiness-platfrom .nav-pills .nav-link.btn-outline:hover{
    color: #fc652D;
}
.bussiness-platfrom .nav-pills .nav-link.btn-outline.active{
    background: #F2652D;
    color: #fff;
    border-color: #fc652D;
}   
.bussiness-platform-section .bussiness-wrapper .platform-img.platform-img-first{
    text-align: left;
}
.bussiness-wrapper .platform-img .platform-img-overly.platform-first{
    right: 0;
}

/* -------------- bussiness platform end ------------ */

/* -------------- how work ------------ */
.main-wrapper.homepage .how-work-section{
    padding: 40px 0;
    position: relative;
}
.main-wrapper.homepage .how-work-section::before{
    content: '';
    position: absolute;
    bottom: calc(-30%);
    left: -5px;
    width: 180px;
    height: 300px;
    background: #27557033;
    filter: blur(42px);
    z-index: -1;
}
.main-wrapper.homepage .how-work-section .how-work-wrapper{
    background: url(../image/back-how-work.webp) no-repeat;
    background-size: cover;
    display: grid;
    grid-template-columns: repeat(2 , 1fr);
    align-items: center;
    justify-items: center;
    width: 100%;
    height: 100%;
    padding: 70px 45px;
    border-radius: 20px;
}
.main-wrapper.homepage  .how-work-section .how-work-wrapper .how-work-header{
    width: 100%;
    max-width: 390px;
}
.main-wrapper.homepage .how-work-section .how-work-wrapper .section-title{
    color: #FFFFFF;
    margin-bottom: 40px;
}
.main-wrapper.homepage .how-work-section .how-work-wrapper .section-detail{
    color: #ffffffb3;
    font-weight: 300;
}
.main-wrapper.homepage .how-work-section .how-work-wrapper .btn-watch{
    border-radius: 45px;
    background: #F2652D;
    box-shadow: 0 3px 24px #f2652d1a;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.main-wrapper.homepage .how-work-section .how-work-wrapper .btn-watch span{
    color: #FFFFFF;
    font-size: 16px;
    line-height: 60px;
    margin: 0 30px;
    display: block;
}
.main-wrapper.homepage .how-work-section .how-work-wrapper .btn-watch .watch-effect{
    margin: 0 10px 0 0;
    background: #FF9469;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    z-index: 1;
    position: relative;
    font-size: 12px;    
}
.main-wrapper.homepage .how-work-section .how-work-wrapper .btn-watch .watch-effect:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100%;
    z-index: -1;
    background: #FF9469;
    text-align: center;
    animation-name: round;
    animation-duration: 1.5s;
    animation-timing-function: ease-in;
    animation-delay: 0s;
    animation-iteration-count: infinite
}
@keyframes round {
  0%   {
          transform: scale(0.8);
       }
    
  100% {
          transform: scale(2);
          opacity:0;
       }
}
/* -------------- how work end ------------ */

/* -------------- choose-linkpb ------------- */
.choose-linkpb-section{
    padding: 40px 0;
}
.choose-linkpb-section .choose-linkpb-header{
    max-width: 650px;
    margin: 0 auto 60px;
    text-align: center;
}
.choose-linkpb-section .choose-linkpb-header .section-title{
    margin-bottom: 40px;
}
.choose-linkpb-section .linkpb-points{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-row-gap: 48px;
}
.choose-linkpb-section .linkpb-points .point{
    padding: 20px;
}
.choose-linkpb-section .linkpb-points .point:hover{
    border-radius: 20px;
    background-color: #FFFFFF;
    box-shadow: 16px 16px 72px #0000001A;
}
.choose-linkpb-section .linkpb-points .point-icon{
    margin-bottom: 16px;
}
.choose-linkpb-section .linkpb-points .point-icon i{
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #F2652D;
}
.choose-linkpb-section .linkpb-points .block-title{
    margin-bottom: 16px;
}
.choose-linkpb-section .linkpb-points .block-detail{
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
}
.choose-linkpb-section .linkpb-points .block-detail p{
    margin: 0;
}
.choose-linkpb-section .choose-linkpb-header .section-detail{
    max-width: 640px;
    margin: 0 auto;
}
/* ------------- Home Page end --------------- */

/* ------------- service link building page ---------- */
/* -------- content-writing-section ------- */
.main-wrapper.link-builder .content-writing-section{
    padding: 160px 0 40px;
    position: relative;
}
.main-wrapper.link-builder .content-writing-section .content-wrapper{
    display: grid;
    grid-template-columns: repeat(2 , 1fr);
    grid-gap: 100px;
    align-items: flex-start;
    position: relative;
}

.main-wrapper.link-builder .content-writing-section h4{
    padding: 16px 0 0;
    color: #F2652D;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0.48px;
    font-weight: 500;
    margin: 0;
}
.main-wrapper.link-builder .content-wrapper .content-info .section-title{
    padding-bottom: 20px;
}
.main-wrapper.link-builder .content-wrapper .content-info .section-title h1{
    font-size: 42px;
    line-height: 48px;
    font-weight: 600;
    margin: 0;
}
.main-wrapper.link-builder .content-wrapper .content-info .section-title h1 span{
    color: #F2652D;
}
.main-wrapper.link-builder .content-wrapper .content-info .section-detail{
    font-size: 20px;
    line-height: 30px;
}
.main-wrapper.link-builder .content-wrapper .content-info .section-detail p{
    padding-bottom: 16px;
    margin-bottom: 0;
    font-weight: 500;
}


.main-wrapper.link-builder .content-wrapper .content-info .view-btn {
    padding-top: 8px;
}

.main-wrapper.link-builder .content-writing-section .content-wrapper .content-form{
    border: 5px solid #FFFFFF;
    background: #F6F6F6;
    border-radius: 30px;
    padding: 40px 42px;
    position: relative;
}

.main-wrapper.link-builder .content-wrapper .content-form form .group{
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
    line-height: 26px;
}
.main-wrapper.link-builder .content-wrapper .content-form form .group label{
    font-size: 14px;
    letter-spacing: 0.28px;
    margin: 0;
    color: #275570;
    font-weight: 500;
    padding-bottom: 4px;
    opacity: 0.7;
}
.main-wrapper.link-builder .content-wrapper .content-form form .group input{
    background-color: #fff;
    border-radius: 8px;
    padding: 15px 45px 15px 20px;
    border: none;
    letter-spacing: 0.32px;
    color: #275570;
    border: 1px solid transparent;
    box-shadow: 0px 3px 8px #00000014;
}
.main-wrapper.link-builder .content-wrapper .content-form form .group.showpass{
    position: relative;
}
.main-wrapper.link-builder .content-wrapper .content-form form .group.showpass input[type="password"] {
    padding-right: 40px;
}
.main-wrapper.link-builder .content-wrapper .content-form form .group input:focus{
    box-shadow: 0px 3px 8px #00000014;
}
.main-wrapper.link-builder .content-wrapper .content-form form .group select{
    background: #F3F3F3;
    border: 1px solid #E5E5E5;
    padding: 20px;
    border-radius: 8px;
    color: #275570;
}
.main-wrapper.link-builder .content-wrapper .content-form form .account-btn{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main-wrapper.link-builder .content-form form .account-btn span{
    position: relative;
}
.main-wrapper.link-builder .content-form form .account-btn .button.btn-primary{
    cursor: pointer;
    background-color: #F2652D;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    border-radius: 4px;
    border: none;
    min-width: 180px;
    padding: 10px 20px;
    font-weight: 600;
    overflow: hidden;
    position: relative;
}
.main-wrapper.link-builder .content-form form .account-btn .button.btn-primary:before {
    content: "";
    width: 0;
    height: 0%;
    opacity: 0;
    line-height: 40px;
    border-radius: 50%;
    background: #D5440B;
    position: absolute;
    transition: all .5s ease-Out;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.main-wrapper.link-builder .content-form form .account-btn .button.btn-primary:hover:before {
    width: 200%;
    height: 400%;
    opacity: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.main-wrapper.link-builder .content-wrapper .content-info .view-btn:before {
    content: "";
    position: absolute;
    bottom: 14px;
    left: 10px;
    width: 0px;
    height: 1px;
    background: #F2652D;
    transition: all 0.2s;
    display: none;
}
.main-wrapper.link-builder .content-wrapper .content-info .view-btn:hover:before{
    width:120px;
}
.link-builder .Choose-Plan-modal .modal-body .form-group .form-phone input.country_std_code{
    border: 1px solid #E5E5E5;
    margin-bottom: 0px;
    height: 47px;
    border-radius: 8px 0px 0px 8px;
    border-right: none;
    padding: 5px 10px;
    max-width: 80px;
    padding-right: 0px;
}
/* -------- content-writing-section end ------- */
/* -------- guest-service-section ------- */
.guest-service-section{
    padding: 80px 0;
}
.guest-service-section .guest-service-header{
    max-width: 810px;
    margin: 0 auto;
    text-align: center;
}
.guest-service-section .guest-service-wrapper{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 30px;
    padding-top: 64px;
    position: relative;
}

.guest-service-section .guest-service-wrapper .work-service:last-child:before{
    display: none;
}
.content-writing-section .content-wrapper .content-form h4 {
    padding-bottom: 30px;
    font-size: 20px;
    padding-top: 0px;
}
.select2-container{
    width:100% !important;
}
.content-form .form-group .select2-container--default .select2-selection--single{
    border-color: #E5E5E5;
    background-color:#F3F3F3;
    height: 56px;
    border-radius: 8px !important;
}
.select2-container--default .select2-selection--single:focus-visible{
    outline: none;
}
.content-form .form-group .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #275570;
    line-height: 56px;
    padding-left: 20px;
    font-weight: 300;
    opacity: 0.4;
}
.content-form .form-group .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 15px;
    right: 15px;
    transition: 0.5s;
}
.content-form .form-group .select2-container--open span.select2-selection__arrow {
    transform: rotate(180deg);
    transition: 0.5s;
}
.content-form .form-group .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: #275570 transparent transparent transparent;
    border-width: 5px 5px 0 5px;
}
.select2-container--default .select2-results__option--selected{
    background-color: #F6F6F6;
    padding: 10px;
    border-radius: 10px;
}
/* -------- guest-service-section end ------- */

/* -------- type-content-section ------- */
.main-wrapper.link-builder .type-content-section {
    padding: 40px 0;
}
.main-wrapper.link-builder .type-content-section .provide-content-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.main-wrapper.link-builder .type-content-section .provide-content-wrapper .provide-content-img {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px; 
}
.main-wrapper.link-builder .provide-content-wrapper .provide-content-img .provide-imgwrapper {
    width: 100%;
    position: relative;
}
.main-wrapper.link-builder .provide-content-wrapper .provide-content-img .provide-imgwrapper img {
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}
.main-wrapper.link-builder .provide-content-img .provide-imgwrapper .provide-img-overly {
    position: absolute;
    width: 258px;
    height: auto;
    bottom: 0;
    right: 0;
}
.main-wrapper.link-builder .provide-content-img .provide-imgwrapper .provide-img-overly img {
    width: 100%;
    max-width: 100%;
    object-fit: cover;
} 
.main-wrapper.link-builder .type-content-section .provide-content-wrapper .provide-content-info {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px; 
}
.main-wrapper.link-builder .provide-content-info .type-content .section-title h2 {
    margin-bottom: 0;
}
.main-wrapper.link-builder .provide-content-info .type-content .section-detail {
    padding: 30px 0;
    color: #275570b3;
}
.main-wrapper.link-builder .provide-content-info .type-content .type-content-pt ul {
    justify-content: space-between;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}
.main-wrapper.link-builder .provide-content-info .type-content .type-content-pt .type-content-detail {
    display: flex;
    align-items: baseline;
    padding: 0 0 20px 0;
    break-inside: avoid;
    flex: 0 0 48%;
}
.main-wrapper.link-builder .provide-content-info .type-content-pt .type-content-detail .content-img {
    flex: 0 0 10%;
}
.main-wrapper.link-builder .provide-content-info .type-content-pt .type-content-detail .content-img img {
    width: 100%;
    object-fit: cover;
    max-width: 20px;
}
.main-wrapper.link-builder .provide-content-info .type-content .type-content-pt li span {
    color: #275570;
    flex: 0 0 90%;
    padding-left: 5px;
}
/* -------- type-content-section end ------- */

/* -------------- how work ------------ */
.main-wrapper.link-builder .how-work-section{
    padding: 40px 0;
    position: relative;
}

.main-wrapper.link-builder .how-work-section .how-work-wrapper{
    background: url(../image/link-building-lap.webp) no-repeat;
    background-size: cover;
    display: grid;
    grid-template-columns: repeat(1 , 2fr 1fr);
    align-items: center;
    justify-items: center;
    width: 100%;
    height: 100%;
    padding: 60px 50px;
    border-radius: 20px;
}
.main-wrapper.link-builder .how-work-section .how-work-wrapper .how-work-header{
    width: 100%;
    max-width: 615px;
}
.main-wrapper.link-builder .how-work-section .how-work-wrapper .section-title{
    color: #FFFFFF;
    margin-bottom: 20px;
}
.main-wrapper.link-builder .how-work-section .how-work-wrapper .section-detail{
    color: #ffffffb3;
    font-weight: 300;
    font-size: 24px;
    line-height: 52px;
    padding-top: 0px;
}
.main-wrapper.link-builder .how-work-section .how-work-wrapper .section-detail p{
    margin: 0;
}
.main-wrapper.link-builder .how-work-section .how-work-wrapper .btn-watch{
    display: flex;
    align-items: center;
    text-align: center;
}
.main-wrapper.link-builder .how-work-section .how-work-wrapper .btn-watch .button.btn-primary{
    border-radius: 4px;
    line-height: 50px;
    letter-spacing: 0.32px;
}
.main-wrapper.link-builde .how-work-section .how-work-wrapper .btn-watch a{
    color: #FFFFFF;
    font-size: 16px;
    line-height: 72px;
    text-align: center;
    border-radius: 15px;
}
/* -------------- how work end ------------ */

/* --------stand-out-section----------- */
.stand-out-section{
    padding: 80px 0;
}
.stand-out-section .section-title p {
    line-height: 26px;
    letter-spacing: 0.32px;
    color: #275570cc;
}
.stand-out-box .item{
    padding: 30px 56px;
    background: #F6F6F6;
    border-radius: 20px;
    color: #F2652D;
    margin: 10px 0;
}
.stand-out-box .item p{
    margin: 0 0 0 15px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 20px;
    position: relative;
}
.stand-out-box .item p::before{
    content: '';
    position: absolute;
    top: 2px;
    left: -34px;
    background: url("/assets/latest_assets/image/circle-right.png") no-repeat;
    width: 24px;
    height: 24px;
    background-size: cover;
}
/* ------------  client slick slider css ------------------ */
.stand-out-box.slick-slider .slick-prev,
.stand-out-box.slick-slider .slick-next{
    position: absolute;
    width: 32px;
    height: 32px;
    line-height: 29px;
    text-align: center;
    background: transparent;
    border: 2px solid #F2652D;
    border-radius: 50%;
    transform: scale(1);
    left: -70px;
    transition: 0.5s linear;
    font-size: 0;
}
.stand-out-box.slick-slider .slick-prev.slick-disabled, 
.stand-out-box.slick-slider .slick-next.slick-disabled{
    opacity: 0.5;
}
.stand-out-box.slick-slider .slick-prev:hover,
.stand-out-box.slick-slider .slick-next:hover{
    transform: scale(1.2);
    background: #F2652D;
    transition: 0.5s linear;
}
.stand-out-box.slick-slider .slick-prev:hover::before, 
.stand-out-box.slick-slider .slick-next:hover::before{
    color: #fff;
}
.stand-out-box.slick-slider .slick-prev:before, 
.stand-out-box.slick-slider .slick-next:before{
    content: "\f061";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 15px;
    color: #F2652D;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.stand-out-box.slick-slider .slick-prev:before{
    transform: rotate(90deg);
}
.stand-out-box.slick-slider .slick-next:before{
    transform: rotate(270deg);
}
.stand-out-box.slick-slider .slick-prev{
    top: calc(65%);
}
.stand-out-box.slick-slider .slick-next{
    top: calc(50%);
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}
.link-builder .highlight-marketing-section .highlight-content-wrapper:before{
    display: none;
}
.link-builder .highlight-marketing-section .type-content .type-content-pt{
    padding-top: 0px;
    color: #7B7B7B;
}
.link-builder .highlight-marketing-section .type-content .type-content-pt h3{
    opacity: 1;
    font-weight: 600;
    font-size: 24px;
    padding: 15px 0;
    color: #255570;
    margin-bottom: 16px;
}
.btn-watch .btn-primary:not(:disabled):not(.disabled).active,
.btn-watch .btn-primary:not(:disabled):not(.disabled):active,
.btn-watch .show>.btn-primary.dropdown-toggle{
    box-shadow: none;
    background-color: #D5440B;
    border-color: transparent;
}
.link-builder .highlight-marketing-section .type-content .type-content-pt ul{
    line-height: 26px;
}
/* ---------stand-out-section-end--------- */
/* ------------- service link building page end ------------*/

/* ---------------- service-content-marketing page -------------*/
/* -------- content-writing-section ------- */
.main-wrapper.content-market .content-writing-section{
    padding: 150px 0 40px;
    position: relative;
}
.main-wrapper.content-market .content-writing-section .content-wrapper{
    display: flex;
    justify-content: space-between;
    position: relative;
}

.main-wrapper.content-market .content-writing-section .content-wrapper .content-info {
    flex: 0 0 45%;
    max-width: 45%;
}
.main-wrapper.content-market .content-wrapper .content-info .section-title{
    padding-bottom: 16px;
}
.main-wrapper.content-market .content-wrapper .content-info .section-title h1{
    font-size: 42px;
    line-height: 50px;
    font-weight: 600;
    margin: 0;
}
.main-wrapper.content-market .content-wrapper .content-info .section-title h1 span{
    color: #F2652D;
}
.main-wrapper.content-market .content-wrapper .content-info .section-detail{
    font-size: 20px;
    font-weight: 500;
}
.main-wrapper.content-market .content-wrapper .content-info .section-detail p{
    padding-bottom: 16px;
    margin-bottom: 0;
    line-height: 1.6;
} 
.main-wrapper.content-market .content-writing-form form .input-email{
    display: flex;
    justify-content: space-between;
}
.main-wrapper.content-market .content-writing-form form .input-email input{
    min-width: 330px;
    padding: 18px 24px;
    background: #F6F6F6;
    font-size: 16px;
    line-height: 26px;
    border-radius: 10px;
    border: 1px solid transparent;
    color: #275570;
    margin-right: 25px;
}
.main-wrapper.content-market .content-writing-form form .input-email.active input{
    border-color: #E5E5E5 !important;
    background: #fff;
    box-shadow: 0px 3px 8px #0000000D;
}
.main-wrapper.content-market .content-writing-form .input-email input:focus-visible{
    outline: none;
}
.main-wrapper.content-market .content-writing-form form .input-email.active input::placeholder {
    color: transparent;
}
.main-wrapper.content-market .content-writing-form form .input-email.active input::-moz-placeholder {
     color: transparent;
}
.main-wrapper.content-market .content-writing-form form .input-email input::placeholder{
    color: #2E2E2E;
    opacity: 0.5;
}
.main-wrapper.content-market .content-writing-form form .input-email .button.btn-primary{
    cursor: pointer;
    background-color: #F2652D;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    border-radius: 4px;
    border: none;
    min-width: 170px;
    padding: 15px 20px;
    font-weight: 600;
    overflow: hidden;
    position: relative
}
.main-wrapper.content-market .content-writing-form form .input-email .button.btn-primary span{
    position: relative;
}
.main-wrapper.content-market .content-writing-form form .input-email .button.btn-primary:before{
    content: "";
    width: 0;
    height: 0%;
    opacity: 0;
    line-height: 40px;
    border-radius: 50%;
    background: #D5440B;
    position: absolute;
    transition: all .5s ease-Out;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.main-wrapper.content-market .content-writing-form form .input-email .button.btn-primary:hover:before{
    width: 200%;
    height: 400%;
    opacity: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.main-wrapper.content-market .Choose-Plan-modal .modal-body .form-group .form-phone input.country_std_code{
    border: 1px solid #E5E5E5;
    margin-bottom: 0px;
    height: 47px;
    border-radius: 8px 0px 0px 8px;
    border-right: none;
    padding: 5px 10px;
    max-width: 80px;
    padding-right: 0px;
}
.main-wrapper.content-market .content-wrapper .content-writing-img .content-writing-imgwrapper{
    width: 100%;
    position: relative;
}
.main-wrapper.content-market .content-wrapper .content-writing-img .content-writing-imgwrapper img{
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}
.main-wrapper.content-market .content-writing-img .content-writing-imgwrapper .content-writing-img-overly{
    position: absolute;
    width: 258px;
    height: auto;
    bottom: 0;
    right: 0;
}
.main-wrapper.content-market .content-writing-img .content-writing-imgwrapper .content-writing-img-overly img{
    width: 100%;
    max-width: 100%;
    object-fit: cover;
}
.main-wrapper.content-market .content-wrapper .content-writing-img {
    position: relative;
    flex: 0 0 45%;
    max-width: 45%;
}

.main-wrapper.content-market .content-wrapper .content-info .view-btn:before {
    content: "";
    position: absolute;
    bottom: 14px;
    left: 10px;
    width: 0px;
    height: 1px;
    background: #F2652D;
    transition: all 0.2s;
}
.main-wrapper.content-market .content-wrapper .content-info .view-btn:hover:before{
    width:120px;
}
.input-email .btn-primary:not(:disabled):not(.disabled).active:focus,
.input-email .btn-primary:not(:disabled):not(.disabled):active:focus,
.input-email .show>.btn-primary.dropdown-toggle:focus{
    box-shadow: none;
}
/* -------- content-writing-section end ------- */ 

/* -------------- three-milestones-marketingser-section  ------------- */
.three-milestones-marketingser-section{
    padding: 40px 0;
}
.three-milestones-marketingser-section .three-milestones-header{
    max-width: 780px;
    margin: 0 auto 40px;
    text-align: center;
}

.three-milestones-marketingser-section .linkpb-points .point:hover .block-title {
    color: #F2652D;
}
.three-milestones-marketingser-section .linkpb-points{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-row-gap: 48px;  
    grid-column-gap: 30px;
    position: relative;
}

.three-milestones-marketingser-section .linkpb-points .point{
    padding: 32px 24px 20px;
    border: 1px solid #F6F6F6; 
    border-radius: 30px;
    background: #fff;
}
.three-milestones-marketingser-section .linkpb-points .point:hover{
    box-shadow: 16px 24px 64px #F2652D1A;
    border: 1px solid #F2652D3D;
} 
.three-milestones-marketingser-section .linkpb-points .point .point-header {
    display: grid;
    margin-bottom: 48px;
    grid-template-columns: repeat(1, 1fr 3fr);
    grid-column-gap: 40px; 
    align-items: center;
}
.three-milestones-marketingser-section .linkpb-points .point .block-title {
    width: 100%;
    max-width: 190px;
    margin-bottom: 0;
}
.three-milestones-marketingser-section .linkpb-points .point .block-title h5{
    margin-bottom: 0;
}
.three-milestones-marketingser-section .work-service-icon{
    width: 64px;
    height: 60px;
    background: #FFEEE8;
    padding: 20px;
    min-height: 30px;
    border-radius: 10px;
}
.three-milestones-marketingser-section .linkpb-points .block-title{
    margin-bottom: 16px;
}
.three-milestones-marketingser-section .linkpb-points .block-detail{
    font-size: 16px;
    line-height: 26px;
    font-weight: 300; 
    color: #275570;
}
.three-milestones-marketingser-section .linkpb-points .block-detail p{
    margin: 0;
}
/* -------------- three-milestones-marketingser-section  end ------------- */  

/* -------- highlight-marketing-section ------- */
.highlight-marketing-section{
    padding: 40px 0;
}
.highlight-marketing-section .highlight-content-wrapper{
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    position: relative;
}
.highlight-marketing-section .highlight-content-wrapper .highlight-marketing-img{
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px; 
}
.highlight-content-wrapper .highlight-marketing-img .highlight-imgwrapper {
    width: 100%;
    height: 100%;
    position: relative;
}
.highlight-content-wrapper .highlight-marketing-img .highlight-imgwrapper img {
    max-width: 100%;
    height: 100%;
    object-fit: contain;
    width: 100%;
}
.highlight-marketing-section .highlight-content-wrapper .highlight-content-info {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px; 
}
.highlight-content-info .type-content .section-title h2{
    margin-bottom: 0;
}
.highlight-content-info .type-content .section-detail{
    padding: 0 0 10px;
}

.highlight-marketing-section .type-content .type-content-pt ul{
    padding: 0;
    list-style-type: none; 
    column-gap: 20px;
    padding-top: 0px;
}
.highlight-marketing-section .type-content .type-content-pt li{
    padding: 0 0 20px 32px;
}
.highlight-marketing-section .type-content .type-content-pt li h6{
    color: #275570CC;
}
.highlight-marketing-section .type-content-pt  ul li {
    position: relative; 
}
.highlight-marketing-section .type-content-pt ul li:before {
    content: "";
    position: absolute;
    background-image: url(../image/provide-img.png);
    background-repeat: no-repeat;
    left: -6px;
    top: 0;
    height: 100%;
    width: 20px;
   
} 
/* -------- highlight-marketing-section end ------- */ 

/* -------------- how work ------------ */
.content-market .how-work-section{
    padding: 40px 0;
    position: relative;
}

.content-market .how-work-section .how-work-wrapper{
    background: url(../image/content-marketing-laptop.webp) no-repeat;
    background-size: cover;
    display: grid;
    grid-template-columns: repeat(1 , 2fr 1fr);
    align-items: center;
    justify-items: center;
    width: 100%;
    height: auto;
    padding: 40px 50px;
    border-radius: 20px;
}
.content-market .how-work-section .how-work-wrapper .how-work-header{
    width: 100%;
    max-width: 600px;
}
.content-market .how-work-section .how-work-wrapper .section-title{
    color: #FFFFFF;
    margin-bottom: 10px; 
    max-width: 450px;
}
.content-market .how-work-section .how-work-wrapper .section-detail{
    color: #ffffffb3;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
}
.content-market .how-work-section .how-work-wrapper .account-btn {
    text-align: center;
}
.content-market .how-work-section .how-work-wrapper .account-btn .button.btn-primary {
    border-radius: 4px;
    line-height: 50px;
    letter-spacing: 0.32px;
}
/* -------------- how work end ------------ */

/* -------- type-content-section ------- */
.main-wrapper.content-market .type-content-section{
    padding: 40px 0;
}
.main-wrapper.content-market .type-content-section .provide-content-wrapper{
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.main-wrapper.content-market .type-content-section .provide-content-wrapper .provide-content-img{
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px; 
}
.main-wrapper.content-market .provide-content-wrapper .provide-content-img .provide-imgwrapper {
    width: 100%;
    position: relative;
}
.main-wrapper.content-market .provide-content-wrapper .provide-content-img .provide-imgwrapper img{
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}
.main-wrapper.content-market .provide-content-img .provide-imgwrapper .provide-img-overly{
    position: absolute;
    width: 258px;
    height: auto;
    bottom: 0;
    right: 0;
}
.main-wrapper.content-market .provide-content-img .provide-imgwrapper .provide-img-overly img{
    width: 100%;
    max-width: 100%;
    object-fit: cover;
} 
.main-wrapper.content-market .type-content-section .provide-content-wrapper .provide-content-info{
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px; 
}
.main-wrapper.content-market .type-content-section .type-content .section-title {
    margin-bottom: 20px;
    max-width: 550px;
}
.main-wrapper.content-market .provide-content-info .type-content .section-title h2{
    margin-bottom: 0;
}
.main-wrapper.content-market .provide-content-info .type-content .type-content-pt{
    color: #2C607F;
}
.main-wrapper.content-market .provide-content-info .type-content .type-content-pt ul{
    padding: 0;
    list-style-type: none;
}
.main-wrapper.content-market .provide-content-info .type-content .type-content-pt li{
    padding: 0 0 20px 32px;
    line-height: 26px;
} 
.main-wrapper.content-market .provide-content-info .type-content .type-content-pt li h6{
    color: #275570;
} 
.main-wrapper.content-market .type-content-section .type-content-pt  ul li {
    position: relative; 
}
.main-wrapper.content-market .type-content-section .type-content-pt ul li:before {
    content: "";
    position: absolute;
    background-image: url(../image/provide-img.png);
    background-repeat: no-repeat;
    left: -8px;
    top: 0;
    height: 100%;
    width: 100%;
   
}
/* -------- type-content-section end ------- */ 

/* --------- collaborate-section ------------ */
.collaborate-section{
    padding: 40px 0;
    position: relative;
}

.collaborate-section .collaborate-header{
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}
.collaborate-section .collaborate-wrapper{
    max-width: 1068px;
    margin: 0 auto;
    padding-top: 60px;
    position: relative;
}

.collaborate-section .collaborate-wrapper .collaborate-flow{
    border-right: 1px dashed #F2652D;
    width: 100%;
    max-width: 48%;
    padding-right: 20px;
    padding-bottom: 64px;
    position: relative;
}
.collaborate-section .collaborate-wrapper .collaborate-flow::before{
    content: '';
    position: absolute;
    background: #F2652D;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    top: 0;
    right: -8px;
    outline: 1px solid #F2652D;
    outline-offset: 2px;
}
.collaborate-section .collaborate-wrapper .collaborate-flow .collaborate-point{
    border: 1px solid #F2652D3D;
    padding: 15px 24px;
    color: #275570;
    font-size: 16px;
    line-height: 20px;
    border-radius: 10px;
    text-align: right;
}
.collaborate-section .collaborate-wrapper .collaborate-flow:nth-child(odd) .collaborate-point{
    transform: translateX(110%);
    text-align: left;
}
.collaborate-wrapper .collaborate-flow .collaborate-point p{
    margin: 0;
}
/* --------- collaborate-section end ------------ */

/* -------------- choose-linkpb ------------- */
.choose-linkpb-section{
    padding: 40px 0;
}
.choose-linkpb-section .choose-linkpb-header{
    max-width: 1050px;
    margin: 0 auto 60px;
    text-align: center;
}
.choose-linkpb-section .choose-linkpb-header .section-title{
    margin-bottom: 40px;
}
.choose-linkpb-section .linkpb-points{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-row-gap: 30px; 
    grid-column-gap: 30px;
    position: relative;
}

.choose-linkpb-section .linkpb-points .point{
    padding: 32px 24px;
    border: 1px solid #F6F6F6;
    border-radius: 30px;
    background-color: #fff;
}
.choose-linkpb-section .linkpb-points .point-icon{
    width: 40px;
    height: 40px;
    background-color: #FFEEE8;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #F2652D; 
    margin-bottom: 15px; 
}
.choose-linkpb-section .linkpb-points .point-icon i{
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #F2652D;
}
.choose-linkpb-section .linkpb-points .block-detail{
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #275570;
}
.choose-linkpb-section .linkpb-points .block-detail p{
    margin: 0;
}
/* -------------- choose-linkpb end ------------- */ 

/* -------- quality-content-section ------- */
.main-wrapper.content-market .quality-content-section{
    padding: 80px 0;
}
.main-wrapper.content-market .quality-content-section .quality-content-wrapper{
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.main-wrapper.content-market .quality-content-wrapper .quality-wrapper{
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px; 
}
.main-wrapper.content-market .quality-content-wrapper .quality-wrapper .quality-info{
    position: relative;
}

.main-wrapper.content-market .quality-content-wrapper .quality-wrapper .quality-info .section-detail{
    color: #275570b3;
}
.main-wrapper.content-market .quality-content-wrapper .quality-wrapper .quality-info span{
    color: #275570CC;
    display: block;
    padding-top: 16px;
}
.main-wrapper.content-market .quality-content-wrapper .quality-items{
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px; 
}
.main-wrapper.content-market .quality-content-wrapper .quality-items .quality-bx{
    display: grid;
    grid-template-columns: repeat(3 , 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    position: relative;
    z-index: 1;
}

.main-wrapper.content-market .quality-content-wrapper .quality-items .quality-bx .quality-item-wrapper{
    padding: 24px 15px 0px 18px;
    border: 1px solid #F3F3F3;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    background: #fff;
}
.main-wrapper.content-market .quality-content-wrapper .quality-items .quality-bx .quality-item-wrapper:hover{
    box-shadow: 16px 24px 64px #F2652D1A;
}
.main-wrapper.content-market .quality-items .quality-bx .quality-item-wrapper .quality-icon{
    font-size: 18px;
    width: 40px;
    height: 40px;
    background-color: #FFEEE8;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #F2652D;
}
.main-wrapper.content-market .quality-items .quality-bx .quality-item-wrapper:hover .block-title{
    color: #F2652D;
}
.main-wrapper.content-market .quality-items .quality-bx .quality-item-wrapper .block-title{
    padding-bottom: 14px;
    letter-spacing: 0;
}

.main-wrapper.content-market .quality-item-wrapper .block-title span {
    font-size: 20px;
}

.main-wrapper.content-market .quality-content-wrapper .quality-wrapper .quality-info .view-btn:before {
    content: "";
    position: absolute;
    bottom: 13px;
    left: 10px;
    width: 0px;
    height: 1px;
    background: #F2652D;
    transition: all 0.2s;
}
.main-wrapper.content-market .quality-content-wrapper .quality-wrapper .quality-info .view-btn:hover:before{
    width: 120px;
}

/* -------- quality-content-section end ------- */ 
/* ---------------- service-content-marketing page end --------------*/

/* -------------- service-guest page ------------- */
/* -------- content-writing-section ------- */
.main-wrapper.service-guest .content-writing-section{
    padding: 150px 0 80px;
}
.main-wrapper.service-guest .content-writing-section .content-wrapper{
    display: grid;
    grid-template-columns: repeat(2 , 1fr);
    grid-gap: 100px;
    align-items: baseline;
}
.main-wrapper.service-guest .content-wrapper .content-info .section-title{
    padding-bottom: 40px;
}
.main-wrapper.service-guest .content-wrapper .content-info .section-title h1{
    font-size: 48px;
    line-height: 64px;
    font-weight: 600;
    margin: 0;
}
.main-wrapper.service-guest .content-wrapper .content-info .section-title h1 span{
    color: #F2652D;
}
.main-wrapper.service-guest .content-wrapper .content-info .section-detail{
    font-size: 18px;
    line-height: 36px;
    color: #275570b3;
}
.main-wrapper.service-guest .content-wrapper .content-info .section-detail p{
    margin-bottom: 10px;
}
.main-wrapper.service-guest .content-wrapper .content-info .section-detail p span{
    color: #275570;
    font-weight: 500;
}
.main-wrapper.service-guest .content-wrapper .content-info .view-btn{
    padding: 12px 8px;
    vertical-align: middle;
    position: relative;
    max-width: 170px;
}
.main-wrapper.service-guest .content-wrapper .content-info .view-btn a{
    position:relative;
    padding-right: 40px;
    min-width: 200px;
}
.main-wrapper.service-guest .content-wrapper .content-info .view-btn a:before {
    content:"\f061";
    position:absolute;
    top:0px;
    right: 20px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition:0.3s;
}
.main-wrapper.service-guest .content-wrapper .content-info .view-btn a:hover:before{
    right: 10px;
    opacity:0;
}
.main-wrapper.service-guest .content-wrapper .content-info .view-btn a:after{
    content:"\f061";
    position:absolute;
    top:0px;
    right: 36px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition:0.3s;
    opacity: 0;
}
.main-wrapper.service-guest .content-wrapper .content-info .view-btn a:hover:after{
    right: 20px;
    opacity: 1;
}
.main-wrapper.service-guest .content-wrapper .content-info .view-btn a:before,
.main-wrapper.service-guest .content-wrapper .content-info .view-btn a:after {
    pointer-events: none;
}
.main-wrapper.service-guest .content-writing-section .content-wrapper .content-form{
    border: 5px solid #FFFFFF;
    background: #F6F6F6;
    border-radius: 30px;
    padding: 40px 42px;
    position: relative;
}
.main-wrapper.service-guest .content-writing-section .content-wrapper .content-form::before {
    content: '';
    position: absolute;
    top: -60px;
    left: -90px;
    width: 298px;
    height: 298px;
    background: #f2642c3d;
    filter: blur(42px);
    z-index: -1;
    border-radius: 50%;
}
.main-wrapper.service-guest .content-writing-section .content-wrapper .content-form::after {
    content: '';
    position: absolute;
    bottom: -90px;
    right: -50px;
    width: 192px;
    height: 192px;
    background: #28567129;
    filter: blur(42px);
    z-index: -1;
    border-radius: 50%;
}
.main-wrapper.service-guest .content-wrapper .content-form form .group{
    display: flex;
    flex-direction: column;
    padding-bottom: 30px;
    line-height: 26px;
}
.main-wrapper.service-guest .content-wrapper .content-form form .group label{
    font-size: 14px;
    letter-spacing: 0.28px;
    margin: 0;
    color: #275570;
    font-weight: 500;
    padding-bottom: 4px;
    opacity: 0.7;
}
.main-wrapper.service-guest .content-wrapper .content-form form .group input{
    background-color: #fff;
    border-radius: 8px;
    padding: 15px 20px;
    border: none;
    letter-spacing: 0.32px;
    color: #275570;
    border: 1px solid transparent;
    box-shadow: 0px 3px 8px #00000014;
}
.main-wrapper .content-wrapper .content-form form .group input::placeholder{
    color: #275570;
    opacity: 0.4;
}
.main-wrapper .content-wrapper .content-form form .group input{
    color: #255570;
}
.main-wrapper.service-guest .content-wrapper .content-form form .group.showpass{
    position: relative;
}
.main-wrapper.service-guest .content-wrapper .content-form form .group.showpass input[type="password"] {
    padding-right: 45px;
}
.main-wrapper.service-guest .content-wrapper .content-form form .group input:focus{
    box-shadow: 0px 3px 8px #00000014;
}
.main-wrapper.service-guest .content-wrapper .content-form form .group select{
    background: #F3F3F3;
    border: 1px solid #E5E5E5;
    padding: 20px;
    border-radius: 8px;
    color: #275570;
}
.main-wrapper.service-guest .content-wrapper .content-form form .account-btn{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
}
.content-form form .account-btn .credit{
    color: #F2652D;
    letter-spacing: 0.32px;
}
.main-wrapper.service-guest .content-form form .account-btn .button span{
    position: relative;
}
.main-wrapper.service-guest .content-form form .account-btn .button.btn-primary{
    cursor: pointer;
    background-color: #F2652D;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    border-radius: 10px;
    border: none;
    min-width: 180px;
    padding: 15px 20px;
    font-weight: 600;
    overflow: hidden;
    position: relative;
}
.main-wrapper.service-guest .content-form form .account-btn .button.btn-primary:before {
    content: "";
    width: 0;
    height: 0%;
    opacity: 0;
    line-height: 40px;
    border-radius: 50%;
    background: #D5440B;
    position: absolute;
    transition: all .5s ease-Out;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.main-wrapper.service-guest .content-form form .account-btn .button.btn-primary:hover:before{
       width: 200%;
    height: 400%;
    opacity: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); 
}

.main-wrapper.service-guest .content-wrapper .content-info .view-btn:before {
    content: "";
    position: absolute;
    bottom: 14px;
    left: 10px;
    width: 0px;
    height: 1px;
    background: #F2652D;
    transition: all 0.2s;
    display: none;
}

.main-wrapper.service-guest .content-wrapper .content-info .view-btn:hover:before{
    width:120px;
}

/* -------- content-writing-section end ------- */
/* -------- pricing-section ------- */
.pricing-section{
    padding: 40px 0;
    background: #132936;
}
.pricing-section .row{
    position: relative;
}

.pricing-section .pricing-header .section-title {
    color: #fff;
}

.pricing-section .pricing-header .section-detail {
    color: #fff;
}

.pricing-section .pricing-header{
    text-align: center;
    margin: 0 auto;
    max-width: 810px;
    padding-bottom: 10px;
}

.pricing-section .pricing-pack{
    background-color: #fff;
    text-align: left;
    border: 1px solid #E5E5E5;
    padding: 20px 0px 0px;
    margin-top: 15px;
    border-radius: 20px;
    color: #275570;
}
.pricing-section .pricing-pack.package{
    position: relative;
}
.pricing-section .pricing-pack.package::before{
    content: 'Recommended';
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 20px;
    color: #F2652D;
    font-size: 12px;
    line-height: 26px;
    letter-spacing: 0.24px;
    border-radius: 0 20px 0 20px;
    background: #fff;
}
.pricing-section .pricing-pack.active{
    background: #F2652D;
    color: #fff;
    box-shadow: 16px 24px 64px #F2652D3D;
    border: 1px solid #F2652D3D;
}
.pricing-section .pricing-pack:hover{
    background: #F2652D;
    color: #fff;
    box-shadow: 16px 24px 64px #F2652D3D;
    border: 1px solid #F2652D3D;
}
.pricing-section .pricing-pack:hover .package-service li i{
    color: #fff;
}

.pricing-section .pricing-pack .pricing-hedaer{
    margin-bottom: 8px;
    padding-left: 24px;
    padding-right: 24px;
}
.pricing-section .pricing-pack .pricing-hedaer h5,
.pricing-section .pricing-pack .pricing-hedaer span.pricing-plan,
.pricing-section .pricing-pack .pricing-hedaer h3 {
    text-transform: capitalize;
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0.4px;
    padding-bottom: 8px;
    display: block;
}
.pricing-section .pricing-pack .pricing-hedaer h2,
.pricing-section .pricing-pack .pricing-hedaer span{
    margin-bottom: 0;
    font-weight: 600;
    letter-spacing: 0.96px;
    font-size: 42px;
    line-height: 50px;
}
.pricing-section .pricing-pack .pricing-hedaer p{
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.28px;
    padding-bottom: 24px;
    margin: 0;
}
.pricing-section .pricing-pack .package-service{
    min-height: 300px; 
    max-height: 300px; 
    height: 100%;
    overflow-y: scroll;
    padding: 0 20px;
    margin-bottom: 25px;
}
.pricing-section .pricing-pack .package-service ul{
    list-style-type: none;
    padding-left: 0;
}
.pricing-section .pricing-pack .package-service li{
    padding: 0 0 20px 35px;
    position: relative;
}
.pricing-section .pricing-pack .package-service ul li:last-child {
    padding-bottom: 0;
}
.pricing-section .pricing-pack .package-service li::before{
    content: "\f058";
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    color: #F2652D;
    width: 20px;
    height: 20px;
}
.pricing-section .pricing-pack:hover .package-service li::before{
    color: #fff;
}
.pricing-section .pricing-pack .package-service li i{
    color: #FC6527;
    margin-right: 8px;
}
.pricing-section .pricing-pack .package-service li span{
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.28px;
}
.pricing-section .pricing-pack .btn-price{
    margin: 0 20px 16px;
    padding: 0 0 16px;
    border-radius: 0;
    border-bottom: 1px solid #CFE3EE;
}
.pricing-section .pricing-pack .btn-price .btn-outline{
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.32px;
    text-align: center;
    width: 100%;
}
.pricing-section .pricing-pack:hover .btn-price .btn-outline{
    filter: drop-shadow(0px 3px 12px #00000029);
    border: 1px solid #FFFFFF;
}

.package-service::-webkit-scrollbar {
    width: 5px; 
  }
  
.package-service::-webkit-scrollbar-thumb {
    background: #E5E5E5; 
    border-radius: 4px;
}  

.pricing-section .pricing-pack.active .package-service li::before{
    color: #fff;
}
.pricing-section .pricing-pack:hover .package-service::-webkit-scrollbar-thumb {
    background: #fff; 
}
.Choose-Plan-modal .modal-content{
    border: none;
    border-radius: 20px;
}
.Choose-Plan-modal .modal-header{
    border-bottom: 1px solid #E5E5E5;
    padding: 20px 16px 20px 31px;
}
.Choose-Plan-modal .modal-header .close{
    border: 1px solid #E5E5E5;
    padding: 0px;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    line-height: 4px;
    text-align: center;
    margin: 0px;
    opacity: 1;
}
.Choose-Plan-modal .modal-header .close span{
    font-size: 20px;
    font-weight: 500;
    line-height: 10px;
    padding: 4px;
    color: #E5E5E5;
}
.Choose-Plan-modal h5,
.Choose-Plan-modal span{
    font-size: 24px;
    font-weight: 500;
    color: #275570;
}
.Choose-Plan-modal .modal-body{
    padding-top: 25px;
}
.Choose-Plan-modal .modal-body .form-group label{
    width: 100%;
    font-size: 14px;
    color: #275570;
    opacity: 0.9;
    text-transform: capitalize;
    font-weight: 500;
}
.Choose-Plan-modal .modal-body .form-group label.error{
    color: rgb(255 68 68 / 80%) !important;
    text-transform: none;
    padding-top: 2px;
}
.Choose-Plan-modal .modal-body .form-group input{
    padding: 15px 25px;
    color: #275570;
    font-size: 14px;
    border:1px solid #E5E5E5;
    border-radius: 8px;
    width: 100%;
    line-height: 15px;
}
.Choose-Plan-modal .modal-body .form-group textarea::placeholder,
.Choose-Plan-modal .modal-body .form-group input::placeholder{
    color: #275570;
    opacity: 0.4;
}
.Choose-Plan-modal .modal-body .form-group textarea{
    padding: 20px 25px;
    color: #275570;
    font-size: 14px;
    border:1px solid #E5E5E5;
    border-radius: 8px;
    width: 100%;
    resize: none;
}
.Choose-Plan-modal .modal-body .form-group textarea:focus-visible {
    outline: none;
}
.Choose-Plan-modal .modal-footer{
    border: none;
    padding: 0 31px 26px 16px;
}
.Choose-Plan-modal .modal-footer .button{
    color: #fff;
    background: #F2652D;
    border-radius: 10px;
    line-height: 54px;
    min-width: 176px;
    font-weight: 600;
}
.Choose-Plan-modal .modal-footer .button:hover{
    border-color: transparent;
}
.modal.Choose-Plan-modal{
    padding-right: 0 !important;
}
.Choose-Plan-modal .modal-body span.select2.select2-container.select2-container--default{
    width: 100% !important;
}
.Choose-Plan-modal .modal-body .select2-container .select2-selection--single {
    height: 47px;
    border-color: #E5E5E5;
    border-radius: 8px;
}
.Choose-Plan-modal .modal-body .select2-container .select2-selection--single:focus-visible{
    outline: none;
}
.Choose-Plan-modal .modal-body .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #275570;
    opacity: 0.8;
    line-height: 49px;
    padding-left: 15px;
    font-size: 14px;
}
.Choose-Plan-modal .modal-body .select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 12px;
  right: 10px;  
}
.Choose-Plan-modal .modal-body .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: #275570 transparent transparent transparent;
}
.form-group .form-phone {
    display: flex;
    align-items: center;
    line-height: 16px;
    border-radius: 8px;
    width: 100%;
}
.Choose-Plan-modal .modal-body .form-phone input.contact_no_popup {
    max-width: 80%;
    padding-left: 0px;
    border-left: none !important;
    height: 47px;
}
.Choose-Plan-modal .modal-body .form-group .form-phone input.error{
    border:  red 1px solid !important;
    border-left: none !important;   
}

.Choose-Plan-modal .modal-body .form-group .form-phone input{
    border-left: none;
    border-radius: 0 8px 8px 0;
    padding-left: 0;
    line-height: 16px;
    border: 1px solid #E5E5E5;
}
.pricing-section .pricing-pack .btn-price .btn-outline:hover{
    background-color: #fff;
    color: #F2652D;
}
/* -------- pricing-section end ------- */
/* -------- quality-content-section ------- */
.main-wrapper.service-guest .quality-content-section{
    padding: 50px 0;
}
.main-wrapper.service-guest .quality-content-section .section-title{
    max-width: 810px;
    padding-bottom: 40px;
}
.main-wrapper.service-guest .quality-content-section .quality-content-wrapper{
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.main-wrapper.service-guest .quality-content-wrapper .quality-wrapper{
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px; 
}
.main-wrapper.service-guest .quality-content-wrapper .quality-wrapper .quality-info{
    position: relative;
}
.main-wrapper.service-guest .quality-content-wrapper .quality-wrapper .quality-info::before{
    content: '';
    position: absolute;
    bottom: 90px;
    left: -160px;
    width: 150px;
    height: 158px;
    background: #28567129;
    filter: blur(42px);
    z-index: -1;
    border-radius: unset;
}
.main-wrapper.service-guest .quality-content-wrapper .quality-wrapper .quality-info .section-detail{
    color: #275570b3;
}
.main-wrapper.service-guest .quality-content-wrapper .quality-wrapper .quality-info .view-btn{
    padding: 12px 8px;
    vertical-align: middle;
    position: relative;
}
.main-wrapper.service-guest .quality-content-wrapper .quality-wrapper .quality-info .view-btn a{
    position:relative;
}
.main-wrapper.service-guest .quality-content-wrapper .quality-wrapper .quality-info .view-btn a:before {
    content:"\f061";
    position:absolute;
    top:0px;
    right:-28px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition:0.3s;
}
.main-wrapper.service-guest .quality-content-wrapper .quality-wrapper .quality-info .view-btn a:hover:before{
    right: -35px;
    opacity:0;
}
.main-wrapper.service-guest .quality-content-wrapper .quality-wrapper .quality-info .view-btn a:after{
    content:"\f061";
    position:absolute;
    top:0px;
    right: -12px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition:0.3s;
    opacity:0;
}
.main-wrapper.service-guest .quality-content-wrapper .quality-wrapper .quality-info .view-btn a:hover:after{
    right:-28px;
    opacity:1;
}
.main-wrapper.service-guest .quality-content-wrapper .quality-wrapper .quality-info span{
    color: #275570CC;
    display: block;
    padding-top: 16px;
}
.main-wrapper.service-guest .quality-content-wrapper .quality-items{
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px;
}
.main-wrapper.service-guest .quality-content-wrapper .quality-items .quality-bx{
    display: grid;
    grid-template-columns: repeat(3 , 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    position: relative;
    z-index: 1;
}
.main-wrapper.service-guest .quality-content-wrapper .quality-items .quality-bx::before {
    content: '';
    position: absolute;
    top: -80px;
    right: -90px;
    width: 157px;
    height: 158px;
    background: #f2642c3d;
    filter: blur(42px);
    z-index: -1;
    border-radius: 50%;
}
.main-wrapper.service-guest .quality-content-wrapper .quality-items .quality-bx .quality-item-wrapper{
    padding: 24px 15px 30px 18px;
    border: 1px solid #F3F3F3;
    border-radius: 10px;
    height: 100%;
    background: #fff;
}
.main-wrapper.service-guest .quality-content-wrapper .quality-items .quality-bx .quality-item-wrapper:hover{
    box-shadow: 16px 24px 64px #F2652D1A;
}
.main-wrapper.service-guest .quality-items .quality-bx .quality-item-wrapper .quality-icon{
    color: #F2652D;
    font-size: 18px;
    padding-bottom: 20px;
}
.main-wrapper.service-guest .quality-items .quality-bx .quality-item-wrapper:hover .block-title{
    color: #F2652D;
}
.main-wrapper.service-guest .quality-items .quality-bx .quality-item-wrapper .block-title{
    padding-bottom: 14px;
    letter-spacing: 0;
    min-height: 62px;
}
.main-wrapper.service-guest .quality-items .quality-bx .quality-item-wrapper .block-detail{
    letter-spacing: 0;
}
.main-wrapper.service-guest .quality-content-wrapper .quality-wrapper .quality-info .view-btn:before {
    content: "";
    position: absolute;
    bottom: 13px;
    left: 10px;
    width: 0px;
    height: 1px;
    background: #F2652D;
    transition: all 0.2s;
}
.main-wrapper.service-guest .quality-content-wrapper .quality-wrapper .quality-info .view-btn:hover:before{
    width: 120px;
}
/* -------- quality-content-section end ------- */
/* -------- type-content-section ------- */
.main-wrapper.service-guest .type-content-section{
    padding: 50px 0;
}
.main-wrapper.service-guest .type-content-section .provide-content-wrapper{
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.main-wrapper.service-guest .type-content-section .provide-content-wrapper .provide-content-img{
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px; 
}
.main-wrapper.service-guest .provide-content-wrapper .provide-content-img .provide-imgwrapper {
    width: 100%;
    position: relative;
}
.main-wrapper.service-guest .provide-content-wrapper .provide-content-img .provide-imgwrapper img{
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}
.main-wrapper.service-guest .provide-content-img .provide-imgwrapper .provide-img-overly{
    position: absolute;
    width: 258px;
    height: auto;
    bottom: 0;
    right: 0;
}
.main-wrapper.service-guest .provide-content-img .provide-imgwrapper .provide-img-overly img{
    width: 100%;
    max-width: 100%;
    object-fit: cover;
} 
.main-wrapper.service-guest .type-content-section .provide-content-wrapper .provide-content-info{
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px; 
}
.main-wrapper.service-guest .provide-content-info .type-content .section-title h2{
    margin-bottom: 0;
    font-size: 18px;
    padding-bottom: 30px;
}
.main-wrapper.service-guest .provide-content-info .type-content .section-detail{
    padding: 30px 0;
    color: #275570CC;
    font-weight: 400;
    padding-bottom: 10px;
}
.main-wrapper.service-guest .provide-content-info .type-content .type-content-pt ul{
    padding: 0;
    list-style-type: none;
    column-gap: 20px;
    margin-bottom: 0;
}
.main-wrapper.service-guest .provide-content-info .type-content .type-content-pt li{
    padding: 0 0 15px 30px;
    position: relative;
}
.main-wrapper.service-guest .provide-content-info .type-content .type-content-pt li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("/assets/latest_assets/image/provide-img.png");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}
.main-wrapper.service-guest .provide-content-info .type-content .type-content-pt li h6{
    color: #275570CC;
    opacity: 0.7;
}
/* -------- type-content-section end ------- */
/* -------- guest-service-section ------- */
.guest-service-section{
    padding: 50px 0;
}
.guest-service-section .guest-service-header{
    max-width: 810px;
    margin: 0 auto;
    text-align: center;
}
.guest-service-section .guest-service-wrapper{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0;
    padding-top: 64px;
    position: relative;
}

.guest-service-wrapper .work-service{
    padding: 24px 24px 40px;
    border-radius: 0;
    border-right: 1px solid #C0DAE9;
    position: relative;
}
.guest-service-wrapper .work-service:last-child{
    border-right: none;
}

.guest-service-wrapper .work-service .work-service-icon span {
    width: 56px;
    height: 56px;
    line-height: 60px;
    background: #F2652D;
    border-radius: 100%;
    text-align: center;
    margin-bottom: 16px;
    color: #fff;
    display: inline-block;
}


.guest-service-wrapper .work-service .block-title{
    margin: 30px 0 32px 0;
    color: #C0DAE9;
}

.guest-service-wrapper .work-service .block-detail {
    color: #fff;
}

.provide-content-info .btn-see-site {
    position: relative;
    right: 0;
    max-width: 135px;
}
.provide-content-info .btn-see-site:before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0px;
    height: 1px;
    background: #F2652D;
    transition: all 0.2s;
    display: none;
}
.provide-content-info .btn-see-site:hover::before {
    width: 105px;
}
.provide-content-info .btn-see-site a {
    position: relative;
    padding-right: 20px;
}
.provide-content-info .btn-see-site a:before {
    content: "\f061";
    position: absolute;
    top: 0;
    right: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: 0.3s;
    font-size: 14px;
}
.provide-content-info .btn-see-site a:after {
    content: "\f061";
    position: absolute;
    top: 0;
    right: 20px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: 0.3s;
    opacity: 0;
    font-size: 14px;
}
.provide-content-info .btn-see-site a:hover:before {
    right: -5px;
    opacity: 0;
}
.provide-content-info .btn-see-site a:hover:after {
    right: 10px;
    opacity: 1;
}

.service-guest .content-writing-section {
    position: relative;
}
.main-wrapper.link-publisher .content-wrapper .content-form form .group select,
.content-form .form-group select.form-control {
    background: url("http://127.0.0.1:8000/assets/latest_assets/image/caret-down.png") #f3f3f3;
    background-repeat: no-repeat;
    appearance: none;
    background-position: calc(100% - 10px);
}
.content-form .form-group label {
    font-size: 14px;
    font-weight: 500;
    color: #275570;
    opacity: 0.7;
}
/* -------- guest-service-section end ------- */

/* -------- result-section ----------*/
.result-section{
    padding: 80px 0;
}
.result-section .result-wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: flex-end;
}
.service-guest .result-section .result-wrapper .result-header{
    flex: 0 0 100%;
}
.result-wrapper  .expect-result-point{
    padding: 32px 26px;
    border: 1px solid #E5E5E5;
    border-radius: 20px;
    flex: 0 0 23%;
}
.result-wrapper .expect-result-point .result-icon{
    width: 40px;
    height: 40px;
    background-color: #FFEEE8;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #F2652D;
}
.result-wrapper .result-heade .section-detail{
    color: #275570b8;
}
.service-guest .result-section .result-header .section-detail {
    max-width: 580px;
}
/* -------- result-section end ----------*/
/* ---------------- service-guest page end --------------*/

/* ---------------- service page --------------*/
/* -------- content-writing-section ------- */
.main-wrapper.link-publisher .content-writing-section{
    padding: 160px 0 40px;
    position: relative;
}
.main-wrapper.link-publisher .content-writing-section .content-wrapper{
    display: grid;
    grid-template-columns: repeat(2 , 1fr);
    grid-gap: 100px;
    align-items: baseline;
    position: relative;
}

.main-wrapper.link-publisher .content-wrapper .content-info .section-title{
    padding-bottom: 16px;
}
.main-wrapper.link-publisher .content-wrapper .content-info .section-title h1{
    font-size: 42px;
    line-height: 50px;
    font-weight: 600;
    margin: 0;
}

.main-wrapper.link-publisher .content-wrapper .content-info .section-detail{
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
}
.main-wrapper.link-publisher .content-wrapper .content-info .section-detail p{
    padding-bottom: 16px;
    margin-bottom: 0;
    line-height: 1.6;
    color: #7B7B7B;
}

.main-wrapper.link-publisher .content-wrapper .content-info .view-btn {
    padding-top: 8px;
}

.main-wrapper.link-publisher .content-wrapper .content-info .view-btn a{
    font-size: 16px;
    letter-spacing: 0.32px;
    min-width: 230px;
    line-height: 46px;
}

.main-wrapper.link-publisher .content-writing-section .content-wrapper .content-form{
    border: 5px solid #FFFFFF;
    background: #F6F6F6;
    border-radius: 30px;
    padding: 40px 42px;
    position: relative;
}

.main-wrapper.link-publisher .content-wrapper .content-form form .group{
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
    line-height: 26px;
}
.main-wrapper.link-publisher .content-wrapper .content-form form .group label{
    font-size: 14px;
    letter-spacing: 0.28px;
    margin: 0;
    color: #275570;
    font-weight: 500;
    padding-bottom: 4px;
    opacity: 0.7;
}
.main-wrapper.link-publisher .content-wrapper .content-form form .group input{
    background-color: #fff !important;
    border-radius: 8px;
    padding: 15px 20px;
    border: none;
    letter-spacing: 0.32px;
    color: #275570;
    border: 1px solid transparent;
    box-shadow: 0px 3px 8px #00000014;
}
.main-wrapper.link-publisher .content-wrapper .content-form form .group.showpass{
    position: relative;
}
.main-wrapper.link-publisher .content-wrapper .content-form form .group.showpass input[type="password"] {
    padding-right: 45px;
}
.main-wrapper.link-publisher .content-wrapper .content-form form .group input:focus{
    box-shadow: 0px 3px 8px #00000014;
}
.main-wrapper.link-publisher .content-wrapper .content-form form .group select{
    border: 1px solid #E5E5E5;
    padding: 15px 20px;
    border-radius: 8px;
    color: #275570;
}
.main-wrapper.link-publisher .content-wrapper .content-form form .account-btn{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main-wrapper.link-publisher .content-form form .account-btn span{
    position: relative;
}
.main-wrapper.link-publisher .content-form form .account-btn .button.btn-primary{
    cursor: pointer;
    background-color: #F2652D;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    border-radius: 4px;
    border: none;
    min-width: 200px;
    padding: 10px 20px;
    font-weight: 600;
    line-height: 30px;
    overflow: hidden;
    position: relative;
    letter-spacing: 0.32px;
}
.main-wrapper.link-publisher .content-form form .account-btn .button.btn-primary:before {
    content: "";
    width: 0;
    height: 0%;
    opacity: 0;
    line-height: 40px;
    border-radius: 50%;
    background: #D5440B;
    position: absolute;
    transition: all .5s ease-Out;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.main-wrapper.link-publisher .content-form form .account-btn .button.btn-primary:hover:before {
    width: 200%;
    height: 400%;
    opacity: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.main-wrapper.link-publisher .content-wrapper .content-info .view-btn:before {
    content: "";
    position: absolute;
    bottom: 14px;
    left: 10px;
    width: 0px;
    height: 1px;
    background: #F2652D;
    transition: all 0.2s;
    display: none;
}
.main-wrapper.link-publisher .content-wrapper .content-info .view-btn:hover:before{
    width:120px;
}
/* -------- content-writing-section end ------- */

/* -------- quality-content-section ------- */
.main-wrapper.link-publisher .quality-content-section{
    padding: 40px 0;
}
.main-wrapper.link-publisher .quality-content-section .section-title{
    max-width: 320px;
    padding-bottom: 24px;
}
.main-wrapper.link-publisher .quality-content-section .section-data h2 {
    margin-bottom: 0;
}
.main-wrapper.link-publisher .quality-content-section .quality-content-wrapper{
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.main-wrapper.link-publisher .quality-content-wrapper .quality-wrapper{
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px; 
}
.main-wrapper.link-publisher .quality-content-wrapper .quality-wrapper .quality-info{
    position: relative;
}

.main-wrapper.link-publisher .quality-content-wrapper .quality-wrapper .quality-info span{
    color:#7B7B7B;
    display: block;
    padding-top: 20px;

}
.main-wrapper.link-publisher .quality-content-wrapper .quality-items{
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px; 
}
.main-wrapper.link-publisher .quality-content-wrapper .quality-items .quality-bx{
    display: grid;
    grid-template-columns: repeat(3 , 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    position: relative;
    z-index: 1;
}

.main-wrapper.link-publisher .quality-content-wrapper .quality-items .quality-bx .quality-item-wrapper{
    padding: 24px 15px 30px 18px;
    border: 1px solid #C0DAE9;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between;
    height: 100%; */
    background: #fff;
    /* height: 300px; */
}
.main-wrapper.link-publisher .quality-content-wrapper .quality-items .quality-bx .quality-item-wrapper:hover{
    box-shadow: 16px 24px 64px #F2652D1A;
}
.main-wrapper.link-publisher .quality-items .quality-bx .quality-item-wrapper .quality-icon{
    color: #F2652D;
    font-size: 18px;
    padding-bottom: 32px;
}
.main-wrapper.link-publisher .quality-items .quality-bx .quality-item-wrapper:hover .block-title{
    color: #F2652D;
}
.link-publisher .quality-item-wrapper .quality-title{
    padding-bottom: 15px;
    margin-bottom: 10px;
}
.main-wrapper.link-publisher .quality-items .quality-bx .quality-item-wrapper .block-title{
    /* padding-bottom: 14px; */
    letter-spacing: 0;
    min-height: 70px;
}

.main-wrapper.link-publisher .quality-items .quality-item-wrapper .block-title span {
    font-size: 18px;
}
.main-wrapper.link-publisher .quality-items .quality-bx .quality-item-wrapper .block-detail{
    letter-spacing: 0;
}

.main-wrapper.link-publisher .quality-content-wrapper .quality-wrapper .quality-info .view-btn:hover:before{
    width: 120px;
}

/* -------- quality-content-section end ------- */
/* -------- type-content-section ------- */
.main-wrapper.link-publisher .type-content-section{
    padding: 40px 0;
}
.main-wrapper.link-publisher .type-content-section .provide-content-wrapper{
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.main-wrapper.link-publisher .type-content-section .provide-content-wrapper .provide-content-img{
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px; 
}
.main-wrapper.link-publisher .provide-content-wrapper .provide-content-img .provide-imgwrapper {
    width: 100%;
    position: relative;
}
.main-wrapper.link-publisher .provide-content-wrapper .provide-content-img .provide-imgwrapper img{
    max-width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 15px;
}
.main-wrapper.link-publisher .provide-content-img .provide-imgwrapper .provide-img-overly{
    position: absolute;
    width: 258px;
    height: auto;
    bottom: 0;
    right: 0;
}
.main-wrapper.link-publisher .provide-content-img .provide-imgwrapper .provide-img-overly img{
    width: 100%;
    max-width: 100%;
    object-fit: cover;
} 
.main-wrapper.link-publisher .type-content-section .provide-content-wrapper .provide-content-info{
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px; 
}
.main-wrapper.link-publisher .provide-content-info .type-content .section-title h2{
    margin-bottom: 0;
}
.main-wrapper.link-publisher .provide-content-info .type-content .section-detail{
    padding: 24px 0;
}
.main-wrapper.link-publisher .provide-content-info .type-content .section-detail p {
    margin-bottom: 0;
}
.main-wrapper.link-publisher .provide-content-info .type-content .type-content-pt ul{
    padding: 0;
    list-style-type: none;
    column-count: 2;
    column-gap: 20px;
}
.main-wrapper.link-publisher .provide-content-info .type-content .type-content-pt li{
    padding: 0 0 20px 0;
}

.main-wrapper.link-publisher .provide-content-info .type-content .type-content-pt li span {
    font-size: 18px;
}

.main-wrapper.link-publisher .provide-content-info .type-content .type-content-pt li span{
    color: #275570;
}
/* -------- type-content-section end ------- */
/* -------- guest-service-section ------- */
.guest-service-section{
    padding: 40px 0;
    background: #132936;
}
.guest-service-section .guest-service-header{
    max-width: 810px;
    margin: 0 auto;
    text-align: center;
}

.guest-service-section .guest-service-header .section-title,
.guest-service-section .guest-service-header .section-detail {
    color: #fff;
}

.guest-service-section .guest-service-wrapper{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding-top: 50px;
    position: relative;
}

.guest-service-wrapper .work-service .work-service-icon{
    width: 80px;
}

/* -------- guest-service-section end ------- */

/* -------- result-section ----------*/
.result-section{
    padding: 40px 0;
}
.result-section .result-wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: flex-end;
}
.result-section .result-wrapper .result-header{
    flex: 0 0 48%;
}
.result-wrapper  .expect-result-point{
    padding: 32px 26px;
    border: 1px solid #E5E5E5;
    border-radius: 20px;
    flex: 0 0 23%;
}
.result-wrapper .expect-result-point .result-icon{
    width: 40px;
    height: 40px;
    background-color: #FFEEE8;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #F2652D;
}
.result-wrapper .result-heade .section-detail{
    color: #275570b8;
}
.result-section .result-wrapper .section-title {
    padding-top: 50px;
}
.link-publisher .result-section .expect-result-point .block-title {
    letter-spacing: 0.15px;
}

.link-publisher .expect-result-point .block-title span {
    font-size: 20px;
}
/* -------- result-section end ----------*/
/* --------- faq -----------*/
.question-faq-section{
    padding: 40px 0;
    max-width: 1020px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
}
.question-faq-section .faq-wrapper{
    padding-top: 46px;
}
.question-faq-section .section-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.question-faq-section .section-title p{
    padding: 0 35px;
    line-height: 26px;
}
.faq-accordion .card-header{
    padding: 0;
}
.faq-accordion button.card-link,
.faq-accordion a.card-link{
    width: 100%;
    text-align: left;
    font-weight: normal;
    color: #275570;
    padding: 5px 45px 12px 8px;
    border: none;
    border-bottom: 1px solid #E6E6E6;
    font-size: 20px;
    font-weight: 500;
    border-radius: 0 !important;
    line-height: 38px;
    background-color: #fff;
    white-space: normal;
    letter-spacing: 1px;
    text-decoration: none;
}
.faq-accordion button.card-link.collapsed,
.faq-accordion a.card-link.collapsed{
    background-color: #fff;
    color: #275570;
    white-space: normal;
}
.faq-accordion .card-header button.btn:focus,
.faq-accordion .card-header a.btn:focus{
    box-shadow: none;
}
.card.faq-accordion{
    margin-bottom: 12px;
    border: none;
    border-bottom: 1px solid transparent;
    border-radius: 0;
}
.card.faq-accordion.open {
    box-shadow: none;
    border-color: #E6E6E6;
    padding-bottom: 20px;
}
.card.faq-accordion:hover .card-header{
    background: #F6F6F6;
}
.card.faq-accordion:hover  button.card-link,
.card.faq-accordion:hover  a.card-link{
    background: #fff;
}

.card.faq-accordion.open button.card-link {
    border-color: transparent;
}

.card.faq-accordion button.card-link,
.card.faq-accordion a.card-link{
    position: relative;
    border-radius: 10px;
}
.card.faq-accordion button.card-link:before,
.card.faq-accordion button.card-link:after,
.card.faq-accordion a.card-link:before,
.card.faq-accordion a.card-link:after {
  content: '';
  position: absolute;
  background: #F2652D;
  transition: all ease-out 0.5s;
}
.card.faq-accordion button.card-link:before,
.card.faq-accordion a.card-link:before {
  top: 30px;
  right: 30px;
  height: 2px;
  width: 15px;
}
.card.faq-accordion button.card-link.collapsed:after,
.card.faq-accordion a.card-link.collapsed:after {
  top: 30px;
  right: 30px;
  bottom: 10px;
  width: 15px;
  height: 2px;
  border-radius: 0;
  background: #F2652D;
  transform: rotate(90deg);
}
.card.faq-accordion button.card-link:after,
.card.faq-accordion a.card-link:after {
  transform: rotate(0deg);
  top: 30px;
  right: 30px;
  bottom: 10px;
  width: 15px;
  height: 2px;
  border-radius: 0;
  background: #F2652D;
}
.faq-accordion .collapse.show{
    background-color: #fff;
    border-radius: 10px;
}
.faq-accordion .card-header{
    background-color: #fff;
    border-bottom: transparent;
    border-radius: 10px;
}
.faq-accordion .card-header button.card-link span,
.faq-accordion .card-header a.card-link span{
    margin-right: 10px;
    background-color: #fff;
    color: #000;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
}
.faq-accordion .card-header button.card-link.collapsed span,
.faq-accordion .card-header a.card-link.collapsed span{
    background-color: #f9f9f9;
}
.faq-accordion .card-body p{
    color: #7B7B7B;
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 0px;
}
.faq-wrapper .faq-accordion .card-body{
    padding: 0 8px;
    max-width: 930px;
}
.faq-accordion .card-body {
    padding: 0px 32px 10px;
}
.faq-accordion .card-body ul.faq-info{
    color: #275570cc;
    font-size: 14px;
}
.faq-accordion .card-body ul.faq-info li{
    padding: 5px 0;
    position: relative;
    padding-left: 10px;
}
.faq-accordion .card-body ul.faq-info li::before{
    content: "-";
    position: absolute;
    top: 4px;
    left: 0;
}
/* --------- faq end -----------*/
/* -------------- choose-linkpb end ------------- */
.guest-posting-section {
    padding: 40px 0;
}
.guest-posting-section .guest-post-wrapper {
    background-color: #F2652D;
    border-radius: 30px;
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(1,1fr 2fr 1fr);
    align-items: center;
    grid-column-gap: 15px;
    justify-items: center;
    position: relative;
}

.guest-posting-section .posting-gif {
    width: 100%;
    height: 100%;
}
.guest-post-wrapper .guest-wrapper .section-title {
    color: #fff;
    margin-bottom: 24px;
}
.guest-post-wrapper .guest-wrapper .section-detail{
    color: #ffffffb3;
}
.guest-post-wrapper .guest-wrapper .section-detail p{
    margin-bottom: 0;
}
.guest-post-wrapper .btn-register {
    text-align: center;
}
.guest-post-wrapper .btn-register .button.btn-outline{
    border-radius: 15px;
    line-height: 54px;
    box-shadow: 4px 8px 24px #0000001A;
    color: #F2652D;
    padding: 0;
}
.guest-post-wrapper .btn-register .button.btn-outline a{
    padding: 0 30px;
}
.guest-post-wrapper .btn-register .button.btn-outline:hover{
    background-color: #fff;
    color: #F2652D;
    border: 1px solid #F2652D;
}
.main-wrapper.service-guest .content-wrapper .content-form form .group{
    position:relative;
} 
.main-wrapper.service-guest .content-wrapper .content-form form .group label.error{
    text-align: center;
    padding: 17px 10px;
    border-radius: 5px;
    bottom: -10px;
    position: absolute;
    left: 4px;
    color: rgb(255 68 68 / 80%) !important;
    font-weight: 500;
    opacity: 1;
    z-index: 1;
} 
.main-wrapper.link-publisher .content-wrapper .content-form form .group{
    position:relative;
}
.main-wrapper.link-builder .content-wrapper .content-form form .group{
    position:relative;
}
.main-wrapper.seo-reseller .content-wrapper .content-form form .group{
    position:relative;
}
.main-wrapper.seo-reseller .content-wrapper .content-form form .group label.error{
    text-align: center;
    padding: 5px 10px;
    border-radius: 5px;
    bottom: -10px;
    position: absolute;
    left: 4px;
    color: rgb(255 68 68 / 80%) !important;
    font-weight: 500;
    opacity: 1;
    z-index: 1;
}
.service-guest .Choose-Plan-modal .modal-body .form-group .form-phone input.country_std_code{
    border: 1px solid #E5E5E5;
    margin-bottom: 0px;
    height: 47px;
    border-radius: 8px 0px 0px 8px;
    border-right: none;
    padding: 5px 10px;
    max-width: 20%;
    padding-right: 0px;
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 8px;
 }
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
   background: #fff;
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
   background: #F3F3F3;
   border-radius: 8px;
 }
 .main-wrapper.link-builder .content-wrapper .content-form form .group.form-group i {
    color: #979797;
}
 
/* -------------- guest-posting end ------------- */
/* ---------------- service page end --------------*/

/* ---------------- seo-reseller page -------------*/

/* -------- content-writing-section ------- */
.main-wrapper.seo-reseller .content-writing-section{
    padding: 160px 0 40px;
    position: relative;
}
.main-wrapper.seo-reseller .content-writing-section .content-wrapper{
    display: grid;
    grid-template-columns: repeat(2 , 1fr);
    grid-gap: 100px;
    align-items: baseline;
    position: relative;
}

.main-wrapper.seo-reseller .content-writing-section h4{
    padding: 0px 0 15px 0;
    color: #F2652D;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.48px;
    font-weight: 500;
    margin: 0;
    padding-top: 0px;
}
.main-wrapper.seo-reseller .content-wrapper .content-info .section-title{
    padding-bottom: 40px;
}
.main-wrapper.seo-reseller .content-wrapper .content-info .section-title h1{
    font-size: 42px;
    line-height: 50px;
    font-weight: 600;
    margin: 0 0 10px 0;
}
.main-wrapper.seo-reseller .content-wrapper .content-info .section-title h1 span{
    color: #F2652D;
}
.main-wrapper.seo-reseller .content-wrapper .content-info .section-detail{
    font-size: 20px;
    font-weight: 500;
}
.main-wrapper.seo-reseller .content-wrapper .content-info .section-detail p{
    padding-bottom: 16px;
    line-height: 1.6;
}
.main-wrapper.seo-reseller .content-wrapper .content-info .section-detail span {
    padding-bottom: 16px;
    display: inline-block;
}
.main-wrapper.seo-reseller .content-wrapper .content-info span.note{
    font-size: 24px;
    line-height: 40px;
    letter-spacing: 0.48px;
    color: #F2652D;
    font-style: italic;
    font-weight: 500;
}
.main-wrapper.seo-reseller .content-writing-section .content-wrapper .content-form{
    border: 5px solid #FFFFFF;
    background: #F6F6F6;
    border-radius: 30px;
    padding: 40px 42px;
    position: relative;
}

.main-wrapper.seo-reseller .content-wrapper .content-form form .group{
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    line-height: 26px;
}
.main-wrapper.seo-reseller .content-wrapper .content-form form .group label{
    font-size: 14px;
    letter-spacing: 0.28px;
    margin: 0;
    color: #275570;
    font-weight: 500;
    padding-bottom: 4px;
    opacity: 0.7;
}
.main-wrapper.seo-reseller .content-wrapper .content-form form .group input{
    background-color: #fff;
    border-radius: 8px;
    padding: 15px;
    border: none;
    letter-spacing: 0.32px;
    color: #275570;
    border: 1px solid #E5E5E5;
    box-shadow: 0px 3px 8px #00000014;
}
.main-wrapper.seo-reseller .content-wrapper .content-form form .group input::placeholder{
    color: #275570;
    opacity: 0.4;
}
.main-wrapper.seo-reseller .content-wrapper .content-form form .group.showpass{
    position: relative;
}
.main-wrapper.seo-reseller .content-wrapper .content-form form .group.showpass input[type="password"] {
    padding-right: 40px;
}
.main-wrapper.seo-reseller .content-wrapper .content-form form .group input:focus{
    box-shadow: 0px 3px 8px #00000014;
}
.main-wrapper.seo-reseller .content-wrapper .content-form form .group select{
    background: #F3F3F3;
    border: 1px solid #E5E5E5;
    padding: 20px;
    border-radius: 8px;
    color: #275570;
}
.main-wrapper.seo-reseller .content-wrapper .content-form form .account-btn{
    display: flex;
    justify-content: end;
    align-items: center;
    padding-top: 20px;
}
.main-wrapper.seo-reseller .content-form form .account-btn span{
    color: #F2652D;
    letter-spacing: 0.32px;
    font-size: 14px;
}
.main-wrapper.seo-reseller .content-form form .account-btn .button.btn-primary{
    border-radius: 4px;
    font-weight: 600;
    padding: 4px 15px;
    border: none;
    cursor: pointer;
    line-height: 42px;
}
.main-wrapper.seo-reseller .content-wrapper .content-info .view-btn:before {
    content: "";
    position: absolute;
    bottom: 14px;
    left: 10px;
    width: 0px;
    height: 1px;
    background: #F2652D;
    transition: all 0.2s;
}
.main-wrapper.seo-reseller .content-wrapper .content-info .view-btn:hover:before{
    width:120px;
}
.seo-reseller .content-wrapper .account-btn button.btn-primary {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    transition-property: color;
    transition-duration: 0.3s;
}
.seo-reseller .content-wrapper .account-btn button.btn-primary:before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #DF5A25;
    transform: scaleX(0);
    transform-origin: 50%;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    border-radius: 10px;
}
.seo-reseller .content-wrapper .account-btn button.btn-primary:hover:before{
   transform: scaleX(1);
}
.seo-reseller .content-form .select2-container .select2-selection--single {
    height: 56px;
    border-color: #E5E5E5;
    border-radius: 8px;
    background: #F3F3F3;
}
.seo-reseller .content-form .select2-container.select2-container--open .select2-selection--single{
    border-radius: 8px;
}

.seo-reseller .content-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #275570;
    opacity: 0.8;
    line-height: 54px;
    padding-left: 15px;
    border: 1px solid transparent;
}
.seo-reseller .content-form .select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 15px;
  right: 10px;  
}
.seo-reseller .content-form .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: #275570 transparent transparent transparent;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color: transparent transparent #275570 transparent !important;
}
.select2-container--default .select2-results__option--selected{
  background-color: transparent !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
  background-color: transparent !important;
  color: #F2652D !important;
}
.select2-results__option--selectable {
    color: #275570;
    opacity: 0.8;
    font-size: 12px;
}
.select2-container span.select2-search.select2-search--dropdown{
    position: relative;
}
.select2-container span.select2-search.select2-search--dropdown:before {
    content: "\f002";
    position: absolute;
    top: 15px;
    left: 15px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #275570;
    opacity: 0.8;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    padding: 10px;
    padding-left: 35px;
    border-color: #E5E5E5 !important;
    border-radius: 5px;
}
.select2-container--default .select2-results>.select2-results__options{
    padding: 10px;
}
.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above{
    border: 1px solid #E5E5E5 !important;
    margin-top: 5px;
    border-radius: 8px !important;
    z-index: 1;
}
.seo-reseller .pricing-section{
    position: relative;
}

.account-btn .btn-primary:not(:disabled):not(.disabled).active,
.account-btn .btn-primary:not(:disabled):not(.disabled):active,
.account-btn .show>.btn-primary.dropdown-toggle{
    background-color: #D5440B;
    box-shadow: none;
    border-color: transparent;
}
/* -------- content-writing-section end ------- */

/* -------- type-content-section ------- */
.main-wrapper.seo-reseller .type-content-section{
    padding: 40px 0;
}
.main-wrapper.seo-reseller .type-content-section .provide-content-wrapper{
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.main-wrapper.seo-reseller .type-content-section .provide-content-img,
.main-wrapper.seo-reseller .type-content-section .provide-content-info{
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px; 
}
.main-wrapper.seo-reseller .provide-content-wrapper .provide-content-img .provide-imgwrapper {
    width: 100%;
    height: 100%;
}
.main-wrapper.seo-reseller .provide-content-wrapper .provide-content-img .provide-imgwrapper img{
    max-width: 100%;
    height: 100%;
    object-fit: contain;
} 
.main-wrapper.seo-reseller .provide-content-wrapper .provide-content-info .type-content .section-title h2{
    margin-bottom: 0;
}
.main-wrapper.seo-reseller .provide-content-wrapper .provide-content-info .type-content .section-detail{
    padding: 24px 0;
}
.main-wrapper.seo-reseller .provide-content-wrapper .provide-content-info .type-content .section-detail p:last-child {
    margin-bottom: 0;
}
.main-wrapper.seo-reseller .provide-content-info .type-content-pt ul{
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.main-wrapper.seo-reseller .provide-content-info .type-content-pt li{
    padding: 0 0 20px 20px;
    flex: 0 0 48%;
    max-width: 48%;
    position: relative;
    color: #275570;
}
.main-wrapper.seo-reseller .provide-content-info .type-content-pt li::before{
    content: "";
    position: absolute;
    background-image: url(../image/provide-img.png);
    background-repeat: no-repeat;
    left: -8px;
    top: -3px;
    height: 100%;
    width: 100%;
}
.main-wrapper.seo-reseller .provide-content-info .type-content-pt li h6{
    color: #275570;
}
.main-wrapper.seo-reseller .Choose-Plan-modal .modal-body .form-group .form-phone input.country_std_code{
    border: 1px solid #E5E5E5;
    margin-bottom: 0px;
    height: 47px;
    border-radius: 8px 0px 0px 8px;
    border-right: none;
    padding: 5px 10px;
    max-width: 80px;
    padding-right: 0px;
}

/* -------- type-content-section end ------- */
/* -------- seo-agencies-section --------- */
.seo-agencies-section{
    padding: 40px 0;
}
.seo-agencies-section .seo-agencies-wrapper{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-right: -15px;
    margin-left: -15px;
}
.seo-agencies-section .seo-agencies-wrapper .provide-content-info,
.seo-agencies-section .seo-agencies-wrapper .provide-content-img{
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px; 
}
.seo-agencies-section .seo-agencies-wrapper .provide-content-img .provide-imgwrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.seo-agencies-section .seo-agencies-wrapper .provide-content-img .provide-imgwrapper img {
    object-fit: contain;
    max-width: 100%;
    height: 100%;
}

.seo-agencies-section .provide-content-info .type-content .section-detail span{
    color: #F2652D;
    margin-bottom: 20px;
    display: block;
}

/* -------- seo-agencies-section end --------- */

/* .reseller-service-section */
.reseller-service-section{
    padding: 80px 0;
}
.reseller-service-section .reseller-service-header{
    width: 100%;
    max-width: 610px;
    padding-bottom: 20px;
}
.reseller-service-section .reseller-service-header .section-title{
    padding-bottom: 10px;
}
.reseller-service-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
.reseller-service-wrapper .reseller-point{
    flex: 0 0 48%;
    max-width: 48%;
}
.reseller-service-wrapper .reseller-point p{
    color: #275570;
    line-height: 26px;
    letter-spacing: 0.4px;
    padding: 0 0 0 20px;
    position: relative;
}
.reseller-service-wrapper .reseller-point p::before{
    content: "";
    position: absolute;
    background-image: url(../image/provide-img.svg);
    background-repeat: no-repeat;
    left: -14px;
    top: 0;
    height: 25px;
    width: 25px;
    background-size: 100%, 100%;
}
.reseller-service-section .seo-review{
    width: 100%;
    color: #F2652D;
    line-height: 26px;
}
.seo-reseller .pricing-section {
    position: relative;
}

/* reseller-service-section end */


/* how work */
.main-wrapper.seo-reseller .how-work-section{
    padding: 40px 0;
}
.main-wrapper.seo-reseller .how-work-section .how-work-wrapper{
    background: url(../image/content-mrk-how-work.webp) no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 80px 50px;
    border-radius: 20px;
    position: relative;
}

.main-wrapper.seo-reseller .how-work-section .how-work-wrapper .section-title{
    max-width: 600px;
    color: #fff;
}
.main-wrapper.seo-reseller .how-work-section .how-work-wrapper .how-work-form form{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-top: 40px;
}
.main-wrapper.seo-reseller .how-work-section .how-work-wrapper .how-work-form form .group{
    display: flex;
    flex-direction: column;   
}
.main-wrapper.seo-reseller .how-work-section .how-work-wrapper .how-work-form label{
    color: #FFFFFF;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.28px;
    margin-bottom: 0;
}
.main-wrapper.seo-reseller .how-work-section .how-work-wrapper .how-work-form input{
    min-width: 390px;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid transparent;
    color: rgba(39, 85, 112, 0.6);
}
.main-wrapper.seo-reseller .how-work-section .how-work-wrapper .how-work-form input::placeholder{
    color: #275570;
    opacity: 0.6;
}
.how-work-form .btn-primary:not(:disabled):not(.disabled).active,
.how-work-form .btn-primary:not(:disabled):not(.disabled):active,
.how-work-form .show>.btn-primary.dropdown-toggle{
    background-color: #D5440B;
    box-shadow: none;
    border-color: transparent;
}
/*  how work end  */

/* -------------- reseller-agency-section ---------- */
.reseller-agency-section{
    padding: 40px 0;
}
.reseller-agency-section .reseller-agency-wrapper{
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin-right: -15px;
    margin-left: -15px;
}
.reseller-agency-section .reseller-agency-wrapper .reseller-agency-header,
.reseller-agency-section .reseller-agency-wrapper .reseller-agency-info{
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px; 
}
.reseller-agency-section .reseller-agency-wrapper .reseller-agency-header{
    position: relative;
    height: 100%;  
    padding-top: 60px; 
}
.reseller-agency-section .reseller-agency-wrapper .reseller-agency-info{
    position: relative;
}

.reseller-agency-section .reseller-agency-wrapper .reseller-agency-header::before{
    content: "";
    position: absolute;
    background-image: url("../image/arrow.png");
    background-repeat: no-repeat;
    height: 200px;
    width: 200px;
    bottom: -70px;
    right: 0;
    z-index: -1;
}
.reseller-agency-section .reseller-agency-header span:not(:first-child){
    display: block;
    color: #F2652D;
    line-height: 26px;
    margin: 24px 0;
    font-style: italic;
}
.reseller-agency-section .reseller-agency-header .contact-btn{
    color: #F2652D;
    padding: 12px 8px;
    line-height: 26px;
    letter-spacing: 0.32px;
    position: relative;
    max-width: 160px;
}
.reseller-agency-section .reseller-agency-header .contact-btn::before{
    content: "";
    position: absolute;
    bottom: 14px;
    left: 10px;
    width: 0px;
    height: 1px;
    background: #F2652D;
    transition: all 0.2s;
    display: none;
}
.reseller-agency-section .reseller-agency-header .contact-btn:hover:before{
    width: 105px;
}
.reseller-agency-section .reseller-agency-header .contact-btn a{
    position: relative;
    padding-right: 40px;
}
.reseller-agency-section .reseller-agency-header .contact-btn a:before{
    content: "\f061";
    position: absolute;
    top: 0px;
    right: 20px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: 0.3s;
    pointer-events: none;
}
.reseller-agency-section .reseller-agency-header .contact-btn a:after {
    content: "\f061";
    position: absolute;
    top: 0px;
    right: 30px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: 0.3s;
    opacity: 0;
    pointer-events: none;
}
.reseller-agency-section .reseller-agency-header .contact-btn a:hover:before {
    right: 0px;
    opacity: 0;
}
.reseller-agency-section .reseller-agency-header .contact-btn a:hover:after {
    right: 20px;
    opacity: 1;
}
.reseller-agency-section .reseller-agency-info .points{
    border: 1px solid #F2652D3D;
    border-radius: 30px;
    background: #fff;
    margin-bottom: 24px;
    padding: 40px;
}
.reseller-agency-section .reseller-agency-info .points h5{
    color: #F2652D;
    line-height: 26px;
    letter-spacing: 0.48px;
    margin: 0 0 36px 0;
}
.reseller-agency-section .reseller-agency-info .points .reseller-point-info{
    display: flex;
    align-items: center;
}
.reseller-agency-section .reseller-agency-info .points .reseller-point-info:not(:last-child){
    padding-bottom: 32px;
}
.reseller-agency-section .points .reseller-point-info p{
    margin: 0;
    color: #275570;
    padding-left: 20px;
    position: relative;
}
.reseller-agency-section .points .reseller-point-info p::before{
    content: "";
    position: absolute;
    background-image: url(../image/provide-img.png);
    background-repeat: no-repeat;
    left: -8px;
    top: -3px;
    height: 100%;
    width: 100%;
}
/* ------------- reseller-agency-section -------------- */

/* collaborate-section */
.main-wrapper.seo-reseller .collaborate-section .collaborate-header{
    max-width: 810px;
}
.main-wrapper.seo-reseller .collaborate-section .collaborate-header .section-detail {
    max-width: 600px;
    margin: 0 auto;
    margin-top: 20px;
}
/* collaborate-section end */
.seo-reseller .highlight-marketing-section .highlight-content-wrapper{
    align-items: flex-start;
}
.seo-reseller .highlight-marketing-section .highlight-content-info{
    padding-top: 40px;
}
.seo-reseller .type-content .type-content-pt{
    color: #275570CC;
}
.seo-reseller .type-content .type-content-pt p:nth-child(2){
    color: #F2652D;
    font-style: italic;
}
.seo-reseller .highlight-marketing-section .highlight-content-wrapper:before{
    display: none;
} 
.seo-reseller .highlight-marketing-section .type-content-pt .view-btn {
    position: relative;
    padding-top: 10px;
    max-width: 140px;
}
.seo-reseller .highlight-marketing-section .type-content-pt .view-btn:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0px;
    height: 1px;
    background: #F2652D;
    transition: all 0.2s;
    display: none;
}
.seo-reseller .highlight-marketing-section .type-content-pt .view-btn:hover:before {
    width: 105px;
}
.seo-reseller .highlight-marketing-section .type-content-pt .view-btn a {
    position: relative;
    padding-right: 20px;
}
.seo-reseller .highlight-marketing-section .type-content-pt .view-btn a:before {
    content: "\f061";
    position: absolute;
    top: 0px;
    right: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: 0.3s;
    pointer-events: none;
}
.seo-reseller .highlight-marketing-section .type-content-pt .view-btn a:after {
    content: "\f061";
    position: absolute;
    top: 0px;
    right: 26px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: 0.3s;
    opacity: 0;
    pointer-events: none;
}
.seo-reseller .highlight-marketing-section .type-content-pt .view-btn a:hover:before {
    right: 0px;
    opacity: 0;
}
.seo-reseller .highlight-marketing-section .type-content-pt .view-btn a:hover:after {
    right: 10px;
    opacity: 1;
}
/*  seo-reseller end  */

/* write us page */

/* write-us-section */

.write-us-section{
    padding: 180px 0 0px;
    position: relative;
}
.write-us-section:before {
    content: "";
    position: absolute;
    top: -20px;
    left: -20px;
    width: 100px;
    height: 100px;
    background: #27557033;
    filter: blur(30px);
}
.write-us-section:after {
    content: '';
    position: absolute;
    top: -20px;
    right: -20px;
    width: 100px;
    height: 100px;
    background: #f2652d66;
    filter: blur(42px);
    border-radius: 30px;
    z-index: -1;
}
.write-us-section .write-us-wrapper .section-title {
    line-height: 64px;
    max-width: 730px;
    width: 100%;
}
.write-us-section .write-us-wrapper .section-title h1{
    font-size: 48px;
    margin-bottom: 35px;
    flex: 0 0 92%;
    font-weight: 600;
}
.write-us-section .write-us-wrapper .section-title span{
    color: #F2652D;
}
.write-us-section .write-us-wrapper .section-detail{
    color: rgb(39 85 112 / 70%);
}
.write-us-section .write-us-wrapper .section-detail p:not(:last-child) {
    margin-bottom: 30px;
}
.write-us-section .write-us-wrapper .marketing-point-wrapper{
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 10px;
}
.write-us-section .write-us-wrapper .marketing-point-wrapper .market-point{
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
}
.write-us-section .write-us-wrapper .marketing-point-wrapper .market-point p{
    position: relative;
    padding-left: 20px;
    color: #275570;
}
.write-us-section .write-us-wrapper .marketing-point-wrapper .market-point p::before{
    content: "";
    position: absolute;
    background-image: url(../image/provide-img.png);
    background-repeat: no-repeat;
    left: -10px;
    top: 0px;
    height: 100%;
    width: 24px;
}
.section-title.after-img span:not(:first-child){
    padding-bottom: 0;
}
.write-us .achievement-section .section-header{
    width: 100%;
}
.write-us .achievement-section .section-header h2,
.write-us .achievement-section .section-header p{
    width: 50%;
}

.write-us .achievement-section{
    padding-bottom: 20px;
}
/* write-us-section end */

/* why-linkpb-section */
.why-linkpb-section{
    padding: 80px 0;
}
.why-linkpb-section .linkpb-header{
    margin-bottom: 40px;
}
.why-linkpb-section .section-detail{
    color: #275570CC;
}
.why-linkpb-section .section-detail span{
    color: #275570;
    font-size: 16px;
    line-height: 26px;
    display: block;
    margin-bottom: 24px;
}
.why-linkpb-section .benefite-info .benefite-point h5{
    line-height: 28px;
    color: #275570;
    margin-bottom: 20px;
}
.why-linkpb-section .benefite-info .benefite-point p{
    color: #275570CC;
    line-height: 26px;
}
.write-us .why-linkpb-section{
    padding-top: 40px   ;
}
/* why-linkpb-section end */

/* -------------- how work ------------ */
.main-wrapper.write-us .how-work-section{
    padding: 80px 0;
    position: relative;
    padding-top: 25px;
}

.main-wrapper.write-us .how-work-section .how-work-wrapper{
    background: url("../image/writeforuscomp.webp") no-repeat;
    background-size: cover;
    display: grid;
    grid-template-columns: repeat(1 , 2fr 1fr);
    align-items: center;
    justify-items: center;
    width: 100%;
    height: 100%;
    padding: 60px 50px;
    border-radius: 30px;
}
.main-wrapper.write-us .how-work-section .how-work-wrapper .how-work-header{
    width: 100%;
    max-width: 615px;
}
.main-wrapper.write-us .how-work-section .how-work-wrapper .section-title{
    color: #FFFFFF;
}
.main-wrapper.write-us .how-work-section .how-work-wrapper .section-title h2{
    margin: 0;
}
.main-wrapper.write-us .how-work-section .how-work-wrapper .section-detail{
    color: #ffffffb3;
    font-weight: 300;
    font-size: 22px;
}
.main-wrapper.write-us .how-work-section .how-work-wrapper .section-detail p{
    margin: 0;
}
.main-wrapper.write-us .how-work-section .how-work-wrapper .btn-watch{
    display: flex;
    align-items: center;
    text-align: center;
}
.main-wrapper.write-us .how-work-section .how-work-wrapper .btn-watch .button.btn-primary{
    border-radius: 15px;
    line-height: 50px;
    letter-spacing: 0.32px;
    cursor: pointer;
}
.main-wrapper.write-us .how-work-section .how-work-wrapper .btn-watch a{
    color: #FFFFFF;
    font-size: 16px;
    line-height: 72px;
    text-align: center;
    border-radius: 15px;
}
/* how work end */

/* how-submit-section */
.how-submit-section{
    padding: 80px 0;
    padding-top: 50px;
    padding-bottom: 0px;
}
.how-submit-section .section-title{
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}
.how-submit-section .product-steps-wrapper{
    padding: 60px 0 0;
    padding-top: 40px;
}
.how-submit-section .product-steps-wrapper .product-steps{
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.how-submit-section .product-steps-wrapper .product-steps:not(:last-child){
    margin-bottom: 30px;
}
.how-submit-section .product-steps-wrapper .product-steps .product-img-wrapper,
.how-submit-section .product-steps-wrapper .product-steps .product-info{
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px;
}
.how-submit-section .product-steps-wrapper .product-steps .product-info{
    position: relative;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.how-submit-section .product-steps-wrapper .product-steps .product-info .step-detail{
    max-width: 470px;
}
.how-submit-section .product-steps-wrapper .product-steps:first-child .product-info::before{
    content: '';
    position: absolute;
    right: 90%;
    top: 20px;
    background: url(../image/down-arrow.png) no-repeat;
    width: 200px;
    height: 100px;
    background-size: 100% 100%;
}
.how-submit-section .product-steps-wrapper .product-steps:nth-child(even) .product-info::before{
    content: '';
    position: absolute;
    background: url(../image/right-curve.png) no-repeat;
    background-size: 100% 100%;
    width: 185px;
    height: 110px;
    left: 80%;
}
.how-submit-section .product-steps-wrapper .product-steps:nth-child(odd):not(:first-child) .product-info::before{
    content: '';
    position: absolute;
    background: url(../image/left-curve.png) no-repeat;
    background-size: 100% 100%;
    width: 165px;
    height: 90px;
    right: 90%;
}
.how-submit-section .product-steps-wrapper .product-steps:nth-child(odd) .product-info{
    align-items: center;
}
.how-submit-section .product-steps-wrapper .product-steps:nth-child(2) .product-info::before{
    top: calc(22%);
}
.how-submit-section .product-steps-wrapper .product-steps:nth-child(3) .product-info::before{
    top: 50px;
}
.how-submit-section .product-steps-wrapper .product-steps:nth-child(4) .product-info::before{
    top: calc(25%);
}
.write-us .how-submit-section .product-steps-wrapper .product-steps:nth-child(5) .product-info::before {
    top: calc(25%);
    width: 195px;
    right: 80%;
}
.how-submit-section .product-steps-wrapper .product-steps:nth-child(1) .product-info{
     padding-top: 80px;
     justify-content: initial;
}
.how-submit-section .product-steps-wrapper .product-steps:nth-child(3) .product-info{
    padding-top: 135px;
    justify-content: initial;
}
.how-submit-section .product-steps-wrapper .product-steps:nth-child(even){
    flex-direction: row-reverse;
}
.how-submit-section .product-steps-wrapper .product-info .product-title h4{
    color: #275570;
    font-size: 24px;
    margin-bottom: 28px;
}
.how-submit-section .product-steps-wrapper .product-info .product-point{
    position: relative;
    padding-left: 20px;
    color: #275570;
    line-height: 26px;
}
.how-submit-section .product-steps-wrapper .product-info .product-point::before{
    content: "";
    position: absolute;
    background-image: url(../image/provide-img.png);
    background-repeat: no-repeat;
    left: -10px;
    top: 0;
    height: 24px;
    width: 24px;    
}
.how-submit-section .product-steps-wrapper .product-info .product-point p{
    margin-bottom: 10px;
}
.how-submit-section .product-steps-wrapper .product-bg{
    position: relative;
}
.how-submit-section .product-steps-wrapper .product-bg::before{
    content: '';
    position: absolute;
    top: -50px;
    right: 70px;
    width: 200px;
    height: 200px;
    background: #f2652d66;
    filter: blur(90px);
    border-radius: 50%;
    z-index: -1;
}
.how-submit-section .product-img-wrapper.bg-product {
    position: relative;
}
.how-submit-section .product-img-wrapper.bg-product::before{
    content: "";
    position: absolute;
    top: 100px;
    left: -100px;
    width: 400px;
    height: 400px;
    background: #F2652D;
    opacity: 0.2;
    filter: blur(90px);
    border-radius: 50%;
    z-index: -1;
}
/* how-submit-section end*/

/* kindof-content-section */
.kindof-content-section{
    padding: 80px 0;
}
.kindof-content-section .kindof-content-wrapper{
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 20px;
}
.kindof-content-section .kindof-content-wrapper .write-content-point{
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 45px;
    padding-right: 15px;
    line-height: 25px;
    position: relative;
    color: #275570;
}
.kindof-content-section .kindof-content-wrapper .write-content-point p {
    color: #275570CC;
}
.kindof-content-section .kindof-content-wrapper .write-content-point::before {
    content: "";
    position: absolute;
    background-image: url(../image/provide-img.png);
    background-repeat: no-repeat;
    top: 0px;
    left: 10px;
    height: 100%;
    width: 100%;
}
.contact-us-section .contact-us-wrapper .contact-form .group input.required:invalid {
    border-color: #dc3545;
    box-shadow: none;
}
.contact-us-section .contact-us-wrapper .contact-form .group textarea.required:invalid {
    border-color: #dc3545;
    box-shadow: none;
}

.contact-form .group .custom-select.is-invalid:focus,
.contact-form .group .form-control.is-invalid:focus,
.contact-form .group .was-validated .custom-select:invalid:focus,
.contact-form .group .was-validated .form-control:invalid:focus{
    border-color: transparent;
    box-shadow: none;
}
.contact-form .group .custom-select.is-valid,
.contact-form .group .form-control.is-valid,
.contact-form .group .was-validated .custom-select:valid,
.contact-form .group .was-validated .form-control:valid{
    border-color: transparent;
}
.custom-select.is-valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.was-validated .form-control:valid:focus{
    box-shadow: none;
}
.group .select2-container--default .select2-selection--single{
    border-color: #E5E5E5;
}
.contact-us-section{
    padding: 150px 0 80px;
    position: relative;
}
.contact-us-section:before {
    content: "";
    position: absolute;
    top: -50px;
    left: -60px;
    width: 150px;
    height: 150px;
    background: #275570;
    filter: blur(30px);
    opacity: 0.2;
    z-index: -1;
}
.contact-us-section .section-title{
    margin-bottom: 35px;
}
.contact-us-section .section-title h1{
    font-size: 48px;
    margin: 0;
    font-weight: 600;
}
.contact-us-section .section-title h1 span{
    color: #F2652D;
}
.contact-us-section .contact-us-header{
    max-width: 600px;
}
.contact-us-section .contact-us-header .section-detail{
    color : #275570;
    opacity: 0.7;
}
.contact-us-section .contact-us-wrapper{
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    align-items: stretch;
}
.contact-us-section .contact-us-wrapper .contact-form-wrapper{
    flex: 0 0 70%;
    max-width: 70%;
    padding-right: 5px;
    padding-left: 15px;
    position: relative;
}
.contact-us-section .contact-us-wrapper .contact-form-wrapper:after {
    content: "";
    position: absolute;
    bottom: -80px;
    left: -80px;
    width: 300px;
    height: 300px;
    background: #F2652D;
    filter: blur(50px);
    opacity: 0.2;
    border-radius: 100%;
    z-index: -1;
}
.contact-us-section .contact-us-wrapper .contact-info-wrapper{
    flex: 0 0 30%;
    max-width: 30%;
    padding-right: 15px;
    padding-left: 5px;
    position: relative;
}
.contact-us-section .contact-us-wrapper .contact-info-wrapper:before {
    content: "";
    position: absolute;
    top: -70px;
    right: -60px;
    width: 150px;
    height: 150px;
    background: #275570;
    filter: blur(50px);
    opacity: 0.2;
    z-index: -1;
}
.contact-us-section .contact-us-wrapper .contact-form,
.contact-us-section .contact-us-wrapper .contact-info{
    background: #F6F6F6;
    border-radius: 30px;
    border: 5px solid #FFFFFF;
    padding: 48px 45px;
    height: 100%;
}
.contact-us-section .contact-us-wrapper .contact-form {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #275570;
}

.contact-us-section .contact-us-wrapper .contact-form .group{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 30px;
}
.contact-us-section .contact-us-wrapper .contact-form .group label{
    font-size: 14px;
    line-height: 26px;
    color: #275570;
    letter-spacing: 0.28px;
    font-weight: 500;
    opacity: 0.8;
    margin: 0;
    display: block;
}
.contact-us-section .contact-us-wrapper .contact-form .group input,
.contact-us-section .contact-us-wrapper .contact-form .group textarea{
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    background: #FFFFFF;
    color: #275570;
    padding: 12px 20px;
    font-size: 14px;
    line-height: 26px;
}
.contact-us-section .contact-us-wrapper .contact-form .group input::placeholder,
.contact-us-section .contact-us-wrapper .contact-form .group textarea::placeholder{
    opacity: 0.4;
    color: #275570;
}
.contact-us-section .contact-us-wrapper .contact-form .inquiry{
    display: flex;
    flex-wrap: wrap;
}
.contact-us-section .contact-us-wrapper .contact-form .inquiry a{
    border: 1px solid #F2652D;
    border-radius: 10px;
    background: #FFFFFF;
    color: #F2652D;
    min-width: 160px;
    padding: 15px 0;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.28px;
    text-align: center;
    margin-right: 16px;
    display: inline-block;

}
.contact-us-section .contact-us-wrapper .contact-form .inquiry a:hover{
    background: #F2652D;
    color: #fff;
}
.contact-us-section .contact-us-wrapper .contact-form .inquiry .active{
    background: #F2652D;
    color: #fff;

}

.contact-us-section .contact-us-wrapper .contact-form .group.sendsms{
    width: auto;
    margin: 0;
}
.contact-us-section .contact-us-wrapper .contact-form .group.sendsms a{
    min-width: 180px;
    margin-left: auto;
    text-align: center;
}
.contact-us-section .contact-us-wrapper .contact-info .contact-source:not(:first-child){
    padding-top: 40px;
}
.contact-us-section .contact-us-wrapper .contact-info .contact-source:not(:last-child){
    padding-bottom: 40px;
    border-bottom: 1px dashed #f2652d52;
}
.contact-us-section .contact-us-wrapper .contact-source .contact-label{
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.contact-us-section .contact-us-wrapper .contact-source .contact-label i{
    color: #F2652D;
    margin-right: 16px;
}
.contact-us-section .contact-us-wrapper .contact-source .contact-label label{
    color: #275570;
    opacity: 0.8;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.28px;
    margin: 0;
    font-weight: 500;
    padding-left: 10px;
}
.contact-us-section .contact-us-wrapper .contact-source .contact-detail{
    margin-left: 30px;
}
.contact-us-section .contact-us-wrapper .contact-source .contact-detail ul{
    padding-left: 0;
    margin-bottom: 0;
}
.contact-us-section .contact-us-wrapper .contact-source .contact-detail li::marker{
    color: #979797;
}
.contact-us-section .contact-us-wrapper .contact-source .contact-detail li{
    color: #275570;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}
.contact-us-section .contact-us-wrapper .contact-source .contact-detail a{
    color: #275570;
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.32px;
    margin-bottom: 10px;
    cursor: pointer;
}
.contact-us-section .contact-us-wrapper .contact-source .contact-detail a:hover {
    color: #F2652D;
}
.contact-us-section .contact-us-wrapper .contact-form .group textarea{
    resize: none;
}
.contact-us-wrapper .group .btn-primary:not(:disabled):not(.disabled).active,
.contact-us-wrapper .group .btn-primary:not(:disabled):not(.disabled):active,
.contact-us-wrapper .group .show>.btn-primary.dropdown-toggle{
    background-color: #F2652D;
    border-color: #F2652D;
    box-shadow: none;
}
.contact-us-section .contact-us-wrapper .contact-form .group input:focus {
    box-shadow: none;
}
.contact-phone .form-phone{
    display: flex;
    align-items: center;
}
.contact-us-section .contact-us-wrapper .contact-form .contact-phone .form-phone .country_std_code {
    width: 25%;
    margin-bottom: 0;
    border-radius: 8px 0 0 8px;
    border-right: none;
    padding-right: 0px;
}
.contact-us-section .contact-us-wrapper .contact-form .contact-phone .form-phone .phone-number {
    width: 75%;
    border-radius: 0 8px 8px 0;
    border-left: none;
    padding-left: 0;
}
.contact-phone .select2-container .select2-selection--single{
    height: 52px;
    border-color: E5E5E5;
    border-radius: 8px;
}
.contact-phone .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 52px;
    color: #275570;
    opacity: 0.8;
    padding: 0 20px;
}
.contact-phone .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 13px;
    right: 10px;    
}
.contact-phone .select2-container .select2-selection--single:focus-visible{
    outline: none;
}
.contact-us-section .contact-us-wrapper .contact-form .inquiry a:focus-visible{
    outline: none;
}
.group .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: #275570 transparent transparent transparent;
}
.s_error {
    color: #FF4444 !important;
    font-weight: 400;
    font-size: 14px;
    opacity: 0.8;
}
.select2-container--default .select2-results__option--selected {
    color: #F2652D;
    padding: 6px;
}
/* contact section end */

/* contact-us page end */
/* ------------------about-page-------------------------------- */ 
/* -------- we-are-linkpublishers-section ------- */
.we-are-linkpublishers-section{
    padding: 150px 0 80px;
}
.we-are-linkpublishers-section .section-title{
    max-width: 600px;
    padding-bottom: 40px;
}
.we-are-linkpublishers-section .section-title h2 {
    font-size: 48px;
    font-weight: 600;
}
.we-are-linkpublishers-section .we-are-content-wrapper{
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.we-are-linkpublishers-section .we-are-content-wrapper .we-are-wrapper{
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px; 
}

.we-are-linkpublishers-section .we-are-content-wrapper .we-are-wrapper .we-are-linkpublishers-info .section-detail{
    color: #275570b3; 
    line-height: 32px;
}
.we-are-linkpublishers-section .we-are-content-wrapper .we-are-linkpublishers-content{
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px; 
}
.we-are-linkpublishers-section .we-are-linkpublishers-content .type-content{
    color: #275570b3; 
    line-height: 32px;
}
.we-are-linkpublishers-section .we-are-linkpublishers-content .type-content .type-content-pt ul{
    padding: 0;
    list-style-type: none;
}
.we-are-linkpublishers-section .we-are-linkpublishers-content .type-content .type-content-pt li{
    padding: 0 0 20px 32px;
} 
.we-are-linkpublishers-section .we-are-linkpublishers-content .type-content-pt  ul li {
    position: relative; 
}
.we-are-linkpublishers-section .we-are-linkpublishers-content .type-content-pt ul li:before {
    content: "";
    position: absolute;
    background-image: url(../image/provide-img.png);
    background-repeat: no-repeat;
    left: -8px;
    top: 0;
    height: 100%;
    width: 100%;  
}
.link-page {
    color:#F2652D;
    position: relative;
    font-weight: 400;
}
.link-page:before {
    content: "";
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 0;
    height: 1px;
    background: #F2652D;
    transition: all 0.2s;
}
.link-page:hover:before {
    width: 100%;
}
.we-are-linkpublishers-section .section-title.after-img span:not(:first-child) img{
    margin-bottom: 20px;
}
/* -------- we-are-linkpublishers-section end ------- */ 
/* -------------- how work ------------ */
 .how-work-section{
    position: relative;
}

 .how-work-section .how-work-wrapper{
    background: url(../image/about-how-work.webp) no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 60px 50px;
    border-radius: 20px;
}
.how-work-section .how-work-wrapper .how-work-header{
    width: 100%;
    max-width: 990px; 
    margin: 0px auto;
}
 .how-work-section .how-work-wrapper .section-detail{
    color: #fff;
    font-weight: 300; 
    font-size: 16px;
    line-height: 26px;
    padding-top: 20px;
} 
.how-work-section .how-work-header .section-detail span {
    color: #F2652D;
} 
.how-work-section .how-work-wrapper .section-detail h2 {
    font-weight: 400;
    margin-bottom: 0;
    line-height: 55px;
}
.highlight-marketing-section .highlight-content-wrapper{
    align-items: flex-end;
}
.highlight-content-info .type-content .section-title h2{
    font-weight: 500;
    letter-spacing: 1px;
    word-spacing: 2px;
}
.highlight-marketing-section .highlight-content-info .section-title {
    padding-bottom: 24px;
}
.salesy-appeal {
    padding: 40px 0;
    position: relative;
}
.salesy-appeal .highlight-content-wrapper{
    align-items: center;
}
.salesy-appeal .highlight-content-wrapper .highlight-imgwrapper img{
    margin-left: -125px;
}
.salesy-appeal .type-content .section-title{
    padding-bottom: 10px;
}
.salesy-appeal .highlight-imgwrapper::before{
    display: none;
}

.salesy-appeal .highlight-content-info .section-detail{
    padding: 10px 0 0;
}
.salesy-appeal .highlight-content-info .section-detail p{
    margin-bottom: 15px;
}
/* -------------- how work end ------------ */
/* -------- highlight-marketing-section ------- */
.about .highlight-marketing-section{
    padding: 80px 0;
}
.about .highlight-marketing-section .highlight-content-wrapper{
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.about .highlight-marketing-section .highlight-content-wrapper .highlight-marketing-img{
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px; 
}
.about .highlight-content-wrapper .highlight-marketing-img .highlight-imgwrapper {
    width: 100%;
    height: 100%;
    position: relative;
}
.about .highlight-content-wrapper .highlight-marketing-img .highlight-imgwrapper img{
    max-width: 100%;
    height: 100%;
    object-fit: contain;
    width: 100%;
}
.about .highlight-marketing-section .highlight-content-wrapper .highlight-content-info {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px; 
}
.about .highlight-content-info .type-content .section-title h2{
    margin-bottom: 30px; 
    font-weight: 400;
}
.about .highlight-content-info .type-content .section-detail{
    padding: 30px 0;
}
.about .highlight-marketing-section .type-content .type-content-pt {
    color: #275570b3;
}
.about .highlight-marketing-section .type-content .type-content-pt ul{
    padding: 0;
    list-style-type: none; 
    column-gap: 20px;
}
.about .highlight-marketing-section .type-content .type-content-pt li{
    padding: 0 0 20px 32px;
}
.about .highlight-marketing-section .type-content .type-content-pt li h6{
    color: #275570CC; 
}
.about .highlight-marketing-section .type-content-pt  ul li {
    position: relative; 
}
.about .highlight-marketing-section .type-content-pt ul li:before {
    content: "";
    position: absolute;
    background-image: url(../image/provide-img.png);
    background-repeat: no-repeat;
    left: -8px;
    top: 0;
    height: 100%;
    width: 100%;
   
}  
.our-vision-section .hero-img-wrapper{
    position: relative;
}
.our-vision-section .hero-img-wrapper::before {
    content: '';
    position: absolute;
    top: -40px;
    right: -80px;
    width: 227px;
    height: 229px;
    background: #28567129;
    filter: blur(42px);
    z-index: -1;
    border-radius: 50%;
} 
.our-vision-section .hero-img-wrapper::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: -50px;
    width: 180px;
    height: 180px;
    background: #f2652d29;
    filter: blur(42px);
    z-index: -1;
    border-radius: 50%;
}
/* -------- highlight-marketing-section end ------- */ 
/* our-vision-section */
.our-vision-section{
    padding: 80px 0;
}
.our-vision-section .our-vision-header{
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 40px;
    position: relative;
}
.our-vision-section .our-vision-header:after {
    content: "";
    position: absolute;
    bottom: -52px;
    left: 45%;
    background-image: url(http://127.0.0.1:8000/assets/latest_assets/image/about-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 160px;
    height: 110px;
    z-index: 1;
}
.our-vision-section .our-vision-header .section-title,
.our-vision-section .our-vision-header .section-detail{
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
}
.our-vision-section .our-vision-header .section-title h2{
    font-weight: 450;
    
}
.our-vision-section .our-vision-header .section-title span:not(:first-child){
    font-size: 16px;
    line-height: 26px;
    font-style: italic;
    color: #F2652D;
    display: block;
    font-weight: 350;
    font-family: 'CANADA-TYPE-GIBSON';
    padding-top: 15px;
}
/* our-vision-section end */ 

/* blog page */

/* artical section */
.article-section{
    padding: 160px 0 80px; 
}
.article-section .section-title h1{
    font-size: 48px;
    line-height: 64px;
    font-weight: 600;
    margin: 0;
}
.article-section .section-title h1 span{
    color: #F2652D;
}
.common-blog .article-wrapper{
    display: flex;
    flex-wrap: wrap;
    margin: 60px -15px 80px;
}
.common-blog .article-wrapper .article-img-wrapper{
    flex: 0 0 55%;
    max-width: 55%;
    padding-left: 15px;
    padding-right: 15px;
}
.common-blog .article-wrapper .article-info-wrapper{
    flex: 0 0 45%;
    max-width: 45%;
    padding-left: 15px;
    padding-right: 15px;
}
.common-blog .article-wrapper .article-img{
    width: 100%;
    height: 100%;
    border-radius: 30px;
}
.common-blog .article-wrapper .article-img img{
    width: 100%;
    object-fit: fill;
    height: 100%;
}
.common-blog .article-info .btn-gpost{
    margin-bottom: 24px;
}
.common-blog .article-info .btn-gpost a{
    display: inline-block;
    background: #FFEEE8;
    border-radius: 23px;
    color: #F2652D;
    font-size: 14px;
    line-height: 26px;
    text-transform: capitalize;
    padding: 6px 20px;
    text-align: center;
}
.common-blog .article-info .article-post-info ul li:not(:first-child){
    padding-left: 30px;
}
.common-blog .article-info .article-post-info ul{
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.common-blog .article-info .article-post-info li{
    color: #275570;
    font-size: 14px;
    line-height: 36px;
    list-style-type: none;
    position: relative;
}
.common-blog .article-info .article-post-info li:not(:first-child)::before{
    content: '';
    position: absolute;
    top: 50%;
    right: 82%;
    background: #275570;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    transform: translateY(-50%);
}
.main-wrapper.blog-info-page .common-blog .article-info .article-post-info li:not(:first-child)::before {
    background: #F2652D;
}
.common-blog .article-info .section-detail{
    color: #275570CC;
}
.common-blog .article-info .section-detail p{
    margin: 0 0 10px 0;
}
.common-blog .article-info .btn-read:hover:before {
    width: 70px;
}
.common-blog .article-info .btn-read a{
    margin: 12px 8px;
    position: relative;
    display: inline-block;
}
.common-blog .article-info .btn-read a::before{
    content: "\f061";
    position: absolute;
    top: 0px;
    right: -28px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.common-blog .article-info .btn-read a::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #F2652D;
    transition: all 0.2s;
}
.common-blog .article-info .btn-read a:hover:after{
    width: 100%;
}
.common-blog .blog-post-wrapper{
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.common-blog .blog-post-wrapper .blog-post-info-wrapper{
    flex: 33.33%;
    max-width: 33.33%;
    padding-left: 15px;
    padding-right: 15px;
}
.common-blog .blog-post-wrapper .blog-post-info{
    background: #fff;
    padding: 16px;
    border-radius: 30px;
    border: 1px solid #F3F3F3;
    transition: 0.5s ease-in-out;
    margin-bottom: 30px;
    overflow: hidden;
}
.common-blog .blog-post-wrapper .blog-post-info .blog-post-img{
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.common-blog .blog-post-wrapper .blog-post-info .blog-post-img img{
    width: 100%;
    transform: scale(1.0);
    transition: 0.5s ease-in-out;
}
.common-blog .blog-post-wrapper .blog-post-info .article-info{
    padding: 24px 0 13px;
}
.common-blog .blog-post-wrapper .article-info .post-title h5{
    color: #275570;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 25px;
    transition: 0.5s ease-in-out;
}
.common-blog .blog-post-wrapper .article-info .article-post-info{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    opacity: 0.6;
    transition: 0.5s ease-in-out;
}
.common-blog .blog-post-wrapper .article-info .article-post-info ul{
    margin: 0;
}
.common-blog .article-info .article-post-info .right-arrow {
    display: flex;
    align-self: flex-end;
}
.common-blog .article-info .article-post-info .right-arrow i{
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-left: 8px;
    transform: rotate(45deg);
    color: #275570;
    transition: 0.5s ease-in-out;
    line-height: 36px;
}
.common-blog .blog-post-wrapper .blog-post-info:hover .blog-post-img img {
    transform: scale(1.1);
    transition: 0.5s ease-in-out;
}
.common-blog .blog-post-wrapper .blog-post-info:hover{
    border: 1px solid #F2652D3D;
    box-shadow: 8px 8px 64px #F2652D29;
    transition: 0.5s ease-in-out;
}
.common-blog .blog-post-wrapper .blog-post-info:hover .post-title h5{
    color: #F2652D;
    transition: 0.5s ease-in-out;
}
.common-blog .blog-post-wrapper .blog-post-info:hover .article-post-info{
    opacity: 1;
    transition: 0.5s ease-in-out;
}
.common-blog .blog-post-wrapper .blog-post-info:hover .article-post-info .right-arrow i{
    color: #F2652D;
    transform: rotate(-45deg);
    transition: 0.5s ease-in-out;
}
/* artical section end */

.article-section .blog-post-btn {
    margin: 60px 0 50px;
    text-align: center;
}
.article-section .blog-btn {
    padding: 20px 50px;
    border: 1px solid #F2652D;
    color: #F2652D;
    font-weight: 500;
    border-radius: 10px;
}

/* blog page end */

/* blog detail page */

/* blog-detail section */
.blog-detail-section{
    padding: 160px 0 80px;
}
.blog-detail-section .blog-detail-wrapper{
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.blog-detail-section .blog-detail-wrapper .blog-left-content{
    flex:  0 0 68%;
    max-width: 68%;
    padding-left: 15px;
    padding-right: 15px;
}
.blog-detail-section .blog-detail-wrapper .blog-right-content{
    flex:  0 0 32%;
    max-width: 32%;
    padding-left: 15px;
    padding-right: 15px;
}

/* blog-detail section end */

/* blog-left-content */
.blog-detail-section .blog-left-content .blog-content-info h4{
    margin: 32px 0;
    color: #275570;
    font-size: 24px;
    line-height: 26px;
}
.blog-detail-section .blog-left-content .blog-content-info p{
    line-height: 32px;
    color: #275570;
    opacity: 0.8;
}
.blog-detail-section .blog-left-content .blog-content-info img{
    width: 100%;
    height: 100%;
    margin-top: 20px;
}
.main-wrapper.blog-info-page .common-blog .article-wrapper .article-img-wrapper,
.main-wrapper.blog-info-page .common-blog .article-wrapper .article-info-wrapper{
    flex: 0 0 100%;
    max-width: 100%;
}
.main-wrapper.blog-info-page .common-blog .article-wrapper{
    margin: 0;
}
.related-post-section .related-post-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.related-post-section .related-post-header .btn-view a{
    margin: 12px 50px 12px 8px;
    position: relative;
    display: inline-block;
}
.related-post-section .related-post-header .btn-view a::before{
    content: "\f061";
    position: absolute;
    top: 0px;
    right: -28px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.related-post-section .related-post-header .btn-view a::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #F2652D;
    transition: all 0.2s;
}
.related-post-section .related-post-header .btn-view a:hover:after{
    width: 100%;
}
/* .blog-left-content */
/* latest-blog-Component */

.latest-blog-Component{
	background-color: #fff; 
	border: 1px solid #E5E5E5;
	border-radius: 30px;
	padding: 20px; 
	height: auto;
} 
.latest-blog-Component .title{
    display: flex;
    justify-content: space-between;
    align-items: baseline; 
	padding: 15px 0px;
} 
.latest-blog-Component .title h5{
    color: #F2652D; 
	font-weight: 300; 
	line-height: 26px;
}
.latest-blog-Component .title .view-btn a {
    color: #275570;
    opacity: 0.7;
}
.latest-blog-Component .blog-status ul.item {
    display: flex;
} 
.latest-blog-Component .blog-status ul.item li{
	padding-right:30px;
}
.latest-blog-Component .blog-status ul.item li:last-child{
	list-style:disc;
 }
.latest-blog-item{
    border-bottom: 1px solid rgb(112, 112, 112,0.4); 
	padding: 30px 0px;
}
.latest-blog-Component .latest-blog-item:last-child{
	border-bottom: none; 
 }
.latest-blog-item .blog-detail{
  color: #275570;
  font-weight: 300;
} 
.latest-blog-item .blog-status{
	display: flex;
	justify-content: space-between; 
	color: #275570;
    font-weight: 300;
    opacity: 0.6;
    align-items: flex-end;
}
.latest-blog-Component .blog-status .blog-icon i{
    margin-left: 8px;
    transform: rotate(46deg); 
	transition: 0.5s;
}
.latest-blog-Component .latest-blog-item:hover .blog-icon i{
    transform: rotate(-45deg);
    color: #F2652D;
    opacity: 1;
} 
/* latest-blog-Component end */

/* how work  */

.main-wrapper.blog-info-page .how-work-wrapper{
    margin: 40px 0;
    padding: 40px 24px 24px;
    background: url("../image/back-blog-info.png") no-repeat;
    border-radius: 20px;
}
.main-wrapper.blog-info-page .how-work-wrapper .section-title{
    color: #fff;
}
.main-wrapper.blog-info-page .how-work-wrapper .section-title h2{
    font-size: 30px;
    line-height: 40px;
    font-weight: 500;
    margin-bottom: 0;
}
.main-wrapper.blog-info-page .how-work-wrapper .section-detail{
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    margin: 30px 0;
}
.main-wrapper.blog-info-page .how-work-wrapper .btn-watch .button,.button.btn-primary{
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0;
    letter-spacing: 0.32px;
    min-width: 230px;
    line-height: 46px;
    border-radius: 4px;
}
/* how work end */

/* social-wrapper */
.blog-detail-section .blog-right-content .social-wrapper{
    text-align: center;
    background: #F6F6F6;
    border-radius: 20px;
    padding: 24px 0;
    margin-bottom: 50px;
}
.blog-detail-section .blog-right-content .social-wrapper .social-title h4{
    font-size: 24px;
    line-height: 45px;
    color: #275570;
    margin-bottom: 20px;
}
.blog-detail-section .blog-right-content .social-wrapper .social-link ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
}
.blog-detail-section .blog-right-content .social-wrapper .social-link li:not(:last-child){
    margin-right: 25px;
}
.blog-detail-section .blog-right-content .social-wrapper .social-link li a{
    color: #275570;
    font-size: 30px;
}
.blog-detail-section .blog-right-content .right-note{
    color: #FF4444;
}
.blog-detail-section .blog-right-content .right-note h5{
    font-weight: 600;
    margin-bottom: 5px;
}
.blog-detail-section .blog-right-content .right-note p{
    font-size: 18px;
    line-height: 28px;
    font-style: italic;
}
/* social-wrapper end */

/* blog detail page */

/* privacypolicy page */
/* privacypolicy-section */
.privacypolicy-section{
    padding: 150px 0 80px;
}
.company-rules .privacy-header{
    margin-bottom: 35px;
}
.company-rules .privacy-header h4{
    font-size: 20px;
    line-height: 36px;
    color: #275570;
    margin: 0;
}
.company-rules .privacy-header .section-title h1{
    font-size: 48px;
    line-height: 64px;
    margin: 0;
    font-weight: 600;
}
.company-rules .privacy-header .section-title h1 span{
    color: #F2652D;
 }
.company-rules .section-detail{
    margin-bottom: 40px;
}
.company-rules .section-detail p{
    margin: 0;
}
.company-rules .privacypolicy-wrapper{
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.company-rules .privacypolicy-wrapper .privacy-point-wrapper{
    flex: 0 0 30%;
    max-width: 30%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.company-rules .privacypolicy-wrapper .privacy-info-wrapper{
    flex: 0 0 70%;
    max-width: 70%;
    padding-left: 15px;
    padding-right: 15px;
}
.company-rules .privacypolicy-wrapper .privacy-point .privacy-point-list{
    background: #FFFFFF;
    border: 1px solid #F3F3F3;
    box-shadow: 16px 24px 48px #00000014;
    border-radius: 30px;
    padding: 32px;
    margin-bottom: 70px;
    position: relative;
}
.company-rules .privacypolicy-wrapper .privacy-point-wrapper::before{
    content: '';
    position: absolute;
    background-color: #275570;
    opacity: 0.12;
    filter: blur(42px);
    width: 142px;
    height: 142px;
    z-index: -1;
    border-radius: 50%;
    top: -60px;
    right: -40px;
}
.company-rules .privacypolicy-wrapper .privacy-point-wrapper::after{
    content: '';
    position: absolute;
    background-color: #F2652D;
    opacity: 0.10;
    filter: blur(42px);
    width: 300px;
    height: 300px;
    z-index: -1;
    border-radius: 50%;
    top: 360px;
    left: -100px;
}
.company-rules .privacy-point .privacy-point-list h5{
    line-height: 36px;
    color: #275570;
    font-weight: 600;
}
.company-rules .privacy-point .privacy-point-list ul{
    padding: 0;
    list-style-type: none;
    margin-bottom: 0;
    counter-reset: my-sec-counter;
}
.company-rules .privacy-point .privacy-point-list ul li {
    position: relative;
    padding-left: 25px;
    padding-bottom: 15px;
}
.company-rules .privacy-point .privacy-point-list ul li::before{
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    counter-increment: my-sec-counter;
    content: "" counter(my-sec-counter) ".";
    color: #275570;
    opacity: 0.7;
    font-size: 14px;
}
.company-rules .privacy-point .privacy-point-list ul li a{
    color: #275570;
    opacity: 0.7;
    font-size: 16px;
    line-height: 20px;
}
.company-rules .privacy-info .privacy-point-info {
    font-size: 14px;
    color: #275570;
}
.company-rules .privacy-point .privacy-point-list ul li:hover::before,
.company-rules .privacy-point .privacy-point-list ul li:hover a{
   opacity: 1;
   color: #F2652D;
}
.company-rules .privacy-point .privacy-note{
    color: #FF4444;
    line-height: 28px;
    font-size: 18px;
}
.company-rules .privacy-point .privacy-note h5{
    font-weight: 600;
    margin: 0;
}
.company-rules .privacy-point .privacy-note span{
    font-style: italic;
    font-size: 16px;
}
.company-rules .privacypolicy-wrapper .privacy-info ul{
    list-style-type: none;
    padding-left: 0;
    counter-reset: my-sec-counter;
}
.company-rules .privacy-info li .privacy-point-title h4{
    color: #275570;
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 20px;
    text-transform: uppercase;
    position: relative;
    padding-left: 35px;
}
.company-rules .privacy-info li .privacy-point-title h4:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    counter-increment: my-sec-counter;
    content: "" counter(my-sec-counter) ". ";
}
.company-rules .privacy-info li .privacy-point-info p{
    color: #275570;
    line-height: 26px;
    margin-bottom: 24px;
}
.note-privacy h5{
    size: 18px;
    color: #FF4444;
    font-family: "canada-type-gibson";

}
.privacypolicy-section .privacy-point.fixed{
    position: fixed;
    top: 115px;
    max-width: 340px;
}
.company-rules .privacy-info li .privacy-point-info .privacy-sub-point p{
    margin-bottom: 12px;
}
.company-rules .privacy-info li .privacy-point-info .privacy-sub-point li{
    color: #275570;
    line-height: 26px;
    padding-left: 25px;
    margin-bottom: 12px;
    position: relative;
}
.company-rules .privacy-info li .privacy-point-info .privacy-sub-point li::before{
    content: "";
    position: absolute;
    background-image: url(../image/provide-img.png);
    background-repeat: no-repeat;
    left: -8px;
    top: 0;
    height: 100%;
    width: 20px;
}
.company-rules .privacy-info li .privacy-point-info p span{
    color: #275570;
    font-weight: 600;
}
.privacypolicy-section:before {
    content: "";
    position: absolute;
    top: -30px;
    left: -30px;
    width: 154px;
    height: 154px;
    background: #28567129;
    filter: blur(42px);
    z-index: -1;
    border-radius: 50%;
}
.privacypolicy-section:after {
    content: "";
    position: absolute;
    top: 130px;
    right: -120px;
    width: 200px;
    height: 300px;
    background: #28567129;
    filter: blur(70px);
    z-index: -1;
    border-radius: 50%;
}
.privacypolicy-section .privacypolicy-wrapper .privacy-point .privacy-point-list::-webkit-scrollbar {
    width: 7px;
    max-height: 10%;
    height: 10%;
}
.privacypolicy-section .privacypolicy-wrapper .privacy-point .privacy-point-list::-webkit-scrollbar-track {
    background: transparent;
    max-height: 10%;
    height: 10%;
}
.privacypolicy-section .privacypolicy-wrapper .privacy-point .privacy-point-list::-webkit-scrollbar-thumb {
    background: #E5E5E5;
    border-radius: 4px;
}
.privacypolicy-section .section-detail{
    color: #275570;
}
.company-rules .privacy-point .privacy-point-list ul li.active::before,
.company-rules .privacy-point .privacy-point-list ul li.active a{
    opacity: 1;
    color: #F2652D;
}
.privacy-sub-point a.link-hover {
    position: relative;
}
.privacy-sub-point a.link-hover:after {
    content: "";
    position: absolute;
    bottom: 3px;
    left: 0;
    background: #F2652D;
    width: 0;
    height: 1px;
    transition: all 0.2s;
}
.privacy-sub-point a.link-hover:hover:after {
    width: 100%;
}
/* privacypolicy-section end*/
/* privacypolicy page end */
 
/* terms & conditions page */
.terms-section{
    padding: 150px 0 80px;
    position: relative;
}
.terms-section:before {
    content: "";
    position: absolute;
    top: -30px;
    left: -30px;
    width: 154px;
    height: 154px;
    background: #28567129;
    filter: blur(42px);
    z-index: -1;
    border-radius: 50%;
}
.terms-section:after {
    content: "";
    position: absolute;
    top: 130px;
    right: -120px;
    width: 200px;
    height: 300px;
    background: #28567129;
    filter: blur(70px);
    z-index: -1;
    border-radius: 50%;
}
.terms .terms-section .privacypolicy-wrapper .privacy-point .privacy-point-list {
    height: 520px;
    overflow-y: auto;
    overflow-x: hidden;
    word-break: break-word;
}

.terms-section .privacy-point-list::-webkit-scrollbar {
    width: 7px; 
}
.terms-section .privacy-point-list::-webkit-scrollbar-thumb {
    background: #E5E5E5; 
    border-radius: 4px;
}
.company-rules .privacypolicy-wrapper{
    position: relative;
}
.company-rules .privacypolicy-wrapper:after {
    content: "";
    position: absolute;
    bottom: -150px;
    right: -250px;
    width: 300px;
    height: 300px;
    background: rgba(242, 101, 45, 0.2);
    filter: blur(40px);
    z-index: -1;
    border-radius: 50%;
}
.terms-section .privacypolicy-wrapper .privacy-point {
    background: #FFFFFF;
    border: 1px solid #F3F3F3;
    box-shadow: 16px 24px 48px #00000014;
    padding: 21px 0;
    border-radius: 30px;
    max-width: 340px;
}
.terms-section .privacypolicy-wrapper .privacy-point .privacy-point-list{
    height: 500px;
    overflow: auto;
    overflow-x: hidden;
    position: sticky;
    padding: 35px;
    max-width: 350px;
    border-radius: 30px;
    border: 0;
    box-shadow: none;
    padding-top: 5px;
    margin-bottom: 0;
    padding-bottom: 0;
}
.terms-section .privacypolicy-wrapper .privacy-point .privacy-point-list::-webkit-scrollbar {
    width: 7px;
    max-height: 10%;
    height: 10%;
}
.terms-section .privacypolicy-wrapper .privacy-point .privacy-point-list::-webkit-scrollbar-track {
    background: transparent;
    max-height: 10%;
    height: 10%;
}
.terms-section .privacypolicy-wrapper .privacy-point .privacy-point-list::-webkt-iscrollbar-thumb {
    background: #E5E5E5;
    border-radius: 30px;
}

.terms-section .privacy-info li .privacy-point-info p{
   font-weight: lighter; 
}
.terms-section .privacy-point.fixed {
    position: fixed;
    top: 115px;
    max-width: 340px;
}
.company-rules .privacy-point .privacy-point-list ul li a.active{
    opacity: 1;
}
.please-note{
    font-weight: 600;
}
.privacy-info .sub-heading-custom {
    color: #275570;
}
.privacy-point-info.refer-terms ul li {
    list-style: disc;
    padding-bottom: 10px;
    color: #275570;
}
/* terms & conditions page */

/* refundpolicy-section */
.refundpolicy-section{
    padding: 150px 0 80px;
    position: relative;
}
.refundpolicy-section:before {
    content: "";
    position: absolute;
    top: -30px;
    left: -30px;
    width: 154px;
    height: 154px;
    background: #28567129;
    filter: blur(42px);
    z-index: -1;
    border-radius: 50%;
}
.refundpolicy-section .section-title{
    margin-bottom: 30px;
}
.refundpolicy-section .section-title h1{
    font-size: 48px;
    line-height: 64px;
    font-weight: 600;
}
.refundpolicy-section .section-title h1 span{
    color: #F2652D;
}
.refundpolicy-section .section-detail{
    color: #275570;
    opacity: 0.9;
    font-size: 18px;
}
.refundpolicy-section .section-detail p:not(:last-child){
    margin-bottom: 30px;
}
.refundpolicy-section .refund-policy-wrapper ul{
    padding-left: 0;
    margin: 0;
    list-style-type: none;
}
.refundpolicy-section .refund-policy-wrapper ul li:not(:last-child){
    margin-bottom: 30px;
}
.refundpolicy-section .refund-policy-wrapper ul .refund-title{
    color: #275570;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 15px;
}
.refundpolicy-section .refund-policy-wrapper ul .refund-title h4{
    font-size: 24px;
    text-transform: uppercase;
}
.refundpolicy-section .refund-policy-wrapper ul .refund-info{
    line-height: 26px;
    color: #275570;
    opacity: 0.9;
}
.refundpolicy-section .refund-policy-wrapper ul .refund-info p{
    margin: 0;
    opacity: 1;
}
.refundpolicy-section .refund-policy-wrapper {
    position: relative;
}
.refundpolicy-section .refund-policy-wrapper:after {
    content: "";
    position: absolute;
    bottom: -150px;
    right: -250px;
    width: 300px;
    height: 300px;
    background: rgba(242, 101, 45, 0.2);
    filter: blur(40px);
    z-index: -1;
    border-radius: 50%;
}
.refundpolicy-section .section-title span:not(:first-child) {
    padding-bottom: 15px;
}
/* refundpolicy-section end */

/* life-atlp page */
.life-atlp-section{
    padding: 160px 0 80px;
}
.life-atlp-section .grid-item {
    width: 33.33%;
    float: left;
    padding: 15px;
}

.life-atlp-section .grid-item.grid-width-2{
    width: 66.66%;
}

.life-atlp-section .img-wrapper{
    position: relative;
    overflow: hidden; 
    border-radius: 30px;
}
.life-atlp-section .img-hover{
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 17px 24px 23px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    backdrop-filter: blur(20px);
    border-radius: 0 0 26px 26px;
    opacity: 0;
}
.life-atlp-section .img-wrapper img:hover{
    transform: scale(1.1);
    transition: all 0.3s linear;
}
.life-atlp-section .img-wrapper h4{
    font-weight: 400;
    font-size: 24px;
}
.life-atlp-section .img-wrapper:hover .img-hover{
    opacity: 1;
    transition: all 0.2s ease;
}
.life-atlp-section h6{
    font-weight: 300;
    margin: 0;
}
/* life-atlp end */

/* ------------------faq-page-------------------------------- */ 

.faq-page .faq-section{
    padding: 150px 0 80px;
    position: relative;
}
.faq-page .faq-section:before {
    content: '';
    position: absolute;
    bottom: -100px;
    right: -130px;
    width: 300px;
    height: 300px;
    background: #275570;
    opacity: 0.2;
    filter: blur(42px);
    z-index: -1;
    border-radius: 50%;
}
.faq-page .faq-section:after {
    content: '';
    position: absolute;
    top: -70px;
    left: -50px;
    width: 200px;
    height: 200px;
    background: #28567129;
    filter: blur(42px);
    z-index: -1;
    border-radius: 50%;
}
.faq-page .faq-section .faq-wrapper {
    max-width: 700px;
    width: 100%;
}
.faq-page .faq-section .faq-wrapper .section-title h1{
    font-size: 48px;
    margin-bottom: 35px;
}
.faq-page .faq-section .faq-wrapper .section-title span{
    color: #F2652D;
}
.faq-page .faq-section .faq-wrapper .section-detail{
    opacity: 0.7;
}
.faq-page .faq-tabination-section{
    padding: 80px 0px;
    padding-top: 10px;
    position: relative;
}
.faq-page .faq-tabination-section::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -200px;
    width: 350px;
    height: 350px;
    background: #F2652D;
    border-radius: 100%;
    filter: blur(45px);
    opacity: 0.2;
    z-index: -1;
}
.faq-page .faq-tabination-section .tabination-wrapper .nav-tabs {
    display: block; 
    border-bottom:none;
}   
.faq-page .faq-tabination-section .tabination-wrapper .nav-tabs .nav-link{
    border-radius: 50px; 
    padding: 25px 15px;
    color: #275570; 
    text-align: center; 
    margin-bottom: 20px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
.faq-page .faq-tabination-section .tabination-wrapper .nav-tabs .nav-link:hover {
    border: 1px solid transparent;
}
.faq-page .faq-tabination-section .tabination-wrapper .nav-tabs .nav-link.active {
    border: 1px solid transparent;  
    background-color: #FFEEE8;
    color: #F2652D;
} 

.faq-page .faq-tabination-section .tabination-wrapper{
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
} 
.faq-page .faq-tabination-section .tabination-wrapper nav{
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 15px;
    padding-left: 15px;
}  
.faq-page .faq-tabination-section .tabination-wrapper .tab-content{
    flex: 0 0 75%;
    max-width: 75%;
    padding-right: 15px;
    padding-left: 15px;
} 
.faq-page .faq-tabination-section nav span {
    max-width: 160px;
    display: inline-block;
    width: 100%;
    text-align: left;
    margin-left: 20px;
}
.faq-wrapper .section-title.after-img span:not(:first-child) img {
    margin-bottom: 30px;
    margin-left: 11px;
}
.faq-page .faq-tabination-section .tabination-wrapper .nav-tabs .nav-link.active img {
    filter: invert(42%) sepia(100%) saturate(423%) hue-rotate(331deg) brightness(97%) contrast(105%);
}
.faq-accordion .card-body span {
    color: #275570;
}
/*---------- faq page end ----------------  */

/*  footer  */
.footer-top {
    padding-bottom: 41px;
    border-bottom: 1px solid #E6E6E6;
    display: flex;
}
.footer-top .footer-left {
    width: 100%;
    padding-right: 90px;
    flex: 1 1 42%;
}
.footer-left .footer-header .section-title h1 span{
    color: #F2652D;
}
.footer-left .email-box {
    background: #f9f9f9;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 16px 0 5px;
    border: 1px solid transparent;
}
.footer-left .email-box.active{
    border-color: #E5E5E5 !important;
    background: #ffff;
}
.footer-left .email-box.active span.small img{
    opacity: 1;
}
.footer-left .email-box.active input::-webkit-input-placeholder {
    color: transparent
 }
 .footer-left .email-box.active input::-moz-placeholder { 
    color:transparent; 
 }
.footer-top .footer-header .section-detail {
    color: #275570;
    font-weight: 400;
}
.footer-left .email-box input {
    border: none;
    background: transparent;
    padding: 15px 24px;
    width: 100%;
    font-size: 16px;
    line-height: 26px;
    color: #A1A1A1;
    height: 64px;
}
.footer-left .email-box i {
    margin: 0 22px;
    color: #707070;
    cursor: pointer;
}
.footer-left .email-box span.small {
    padding: 0 22px;
    color: #707070;
    cursor: pointer;
}
.footer-left .social-icon{
    padding-top: 24px;
}
.footer-left .social-icon ul {
    list-style-type: none;
    display: flex;
    padding: 0;
    margin: 0px;
}
.footer-left .social-icon li {
    padding-right: 24px;
}
.footer-left .social-icon li a i {
    color: #275570;
    border: 1px solid #275570;
    background: #fff;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-top .footer-right {
    width: 100%;
    display: flex;
    flex: 1 1 58%;
    justify-content: space-between;
}
.footer-top .footer-right .footer-right-wrapper {
    flex-grow: 1;
    width: 100%;
    padding: 0 10px;
}

.footer-right .footer-right-wrapper .right-title {
    padding-bottom: 24px;
}

.footer-right .footer-right-wrapper .right-title span {
    color: #275570;
    font-size: 18px;
    line-height: 25px;
    opacity: 1;
    font-weight: 400;
    margin-bottom: 0;
}
.footer-right .footer-right-wrapper .right-item ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}
.footer-right .footer-right-wrapper .right-item ul li {
    padding: 0 12px 16px 0;
}
.footer-right .footer-right-wrapper .right-item li a {
    display: inline-block;
    color: #7B7B7B;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}
.footer-right .footer-right-wrapper .right-item li a:hover{
    color: #F2652D;
}
.footer-bottom{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 48px 0;
}

.footer-bottom .copyright {
    padding: 40px 0;
    text-align: center;
    color: #275570;
    font-size: 12px;
    margin-top: 0px;
}
.footer-bottom .copyright p {
    margin-bottom: 0;
}
.footer-left .email-box input::-webkit-input-placeholder {
    font-weight: lighter;
}
.footer-left .email-box input::placeholder{
    color: #a1a1a1;
    font-size: 16px;
    letter-spacing: 1px;
    opacity: 77%;
    font-weight: 400;
}
.footer-left .email-box span.small img {
    width: 25px;
}
.footer-header .section-title h2 {
    font-size: 56px;
    font-weight: 600;
    line-height: 48px;
}
/* -------------- footer end ------------- */

/* Home-page pop-up */
.modal-open .pop-btn .modal::-webkit-scrollbar {
    display: none;
}
.modal-open .pop-btn .modal{
    -ms-overflow-style: none;  
    scrollbar-width: none; 
}
/* Home-page pop-up-end*/

/* link-publisher_log-in */
.log-in_page-section .row{
    margin: 0;
}
.log-in_page-section .log-in_sub-wrapper{
    width: 100%;
    max-width: 500px;
    color: #275570;
    position: relative;
}
.log-in_page-section .log-in_top{
    padding:35px 0 100px;
}
.log-in_page-section .google-option,
.log-in_page-section .facebook-option{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 15px;
    border: 1px solid #E5E5E5;
    position: relative;
}
.log-in_page-section .google-option .google-logo,
.log-in_page-section .facebook-option .facebook-logo{
    position: absolute;
    top: 10px;
    left: 20px;
}
.log-in_page-section .log-in_sub-wrapper h2{
    font-weight: 500;
}
.log-in_page-section .log-in_sub-wrapper h6{
    font-weight: 300;
    margin-bottom: 20px;
    line-height: 24px;
}
.log-in_page-section .google-option:hover,.log-in_page-section .facebook-option:hover{
    background-color: #FFEEE8;
    border: 1px solid #F2652D;
    transition: all 0.3s linear;
}
.log-in_page-section .google-option a,.log-in_page-section .facebook-option a{
    font-size: 14px;
    color: #275570;
    padding: 20px 32px;
    padding-left: 60px;
    min-width: 230px;
}
.log-in_page-section .log-in_p{
    padding: 0;
    min-height: 100vh;
}
.log-in_page-section .social_log-in-option{
    display: flex;
    justify-content: space-between;
}
.log-in_page-section .log-in_wrapper{
    position: relative;
    max-width: 500px;
    margin: 0 auto;
}
.log-in_page-section .log-in_wrapper:before{
    content: "";
    position: absolute;
    top: 0;
    left: -120px;
    width: 100px;
    height: 150px;
    background: #275570;
    filter: blur(100px);
    border-radius: 100%;
}
.log-in_page-section .log-in_wrapper .log-in_sub-wrapper .log-in_other-option{
    text-align: center;
    padding: 15px 0;
}
.log-in_page-section .log-in_wrapper .log-in_other-option span{
    position: relative;
    font-size: 14px;
}
.log-in_page-section .log-in_wrapper .log-in_other-option span::before{
    content: "";
    position:absolute;
    top:7px;
    right: 120px;
    width: 180px;
    height: 1px;
    background-color: #275570;
}
.log-in_page-section .log-in_wrapper .log-in_other-option span::after{
    content: "";
    position:absolute;
    top:7px;
    left: 120px;
    width: 180px;
    height: 1px;
    background-color: #275570;
}

.log-in_page-section .log-in_wrapper .log-in_sub-wrapper label{
    font-size: 14px;
    opacity: 0.8;
    position: relative;
}
.log-in_page-section .log-in_wrapper .log-in_sub-wrapper label span.invalid-feedback{
    position: absolute;
    top: 5px;
    right: 0px;
    margin-top: 0px;
    font-size: 14px;
    font-weight: 300;
    color: #FF4444;
}
.log-in_page-section .log-in_wrapper .email-log-in_option .form-group input.is-invalid, 
.log-in_page-section .log-in_wrapper .email-log-in_option .form-group-password input.is-invalid{
    border-color: #FF4444;
}
.log-in_page-section .log-in_wrapper .email-log-in_option .form-group input.is-invalid:focus, 
.log-in_page-section .log-in_wrapper .email-log-in_option .form-group-password input.is-invalid:focus{
    box-shadow: none;
}
.log-in_page-section .log-in_wrapper .log-in_sub-wrapper .form-group,.log-in_page-section .log-in_wrapper .log-in_sub-wrapper .form-group-password{
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    position: relative;
}

.group .was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: none;
}

.log-in_page-section .log-in_wrapper .form-group input,
.log-in_page-section .log-in_wrapper .log-in_sub-wrapper .form-group-password input{
    padding: 15px 55px 15px 15px;
    border-radius: 8px;
    background-color: #F6F6F6;
    color: #275570;
    font-size: 16px;
    border-color: transparent;
}

.log-in_page-section .log-in_wrapper .log-in_sub-wrapper .form-group-forgot{
    display: flex;
    justify-content: space-between;
 
}
.log-in_page-section .log-in_wrapper .log-in_sub-wrapper .form-group-forgot a{
    color: #33B5E5;
    text-decoration: underline;
    font-size: 14px;
}
.log-in_page-section .log-in_wrapper .log-in_sub-wrapper .form-group-btn a{
    color: #fff;
    cursor: pointer;
}
.log-in_page-section .log-in_wrapper .log-in_sub-wrapper .form-group-btn{
    width: 100%;
    max-width: 500px;
    color: #FFFFFF;
    text-align: center;
    background-color:#F2652D;
    border-radius: 10px;
    padding:15px 0;
    margin:25px 0 0;
    border: none;
    cursor: pointer;
}
    
.log-in_page-section .log-in_wrapper .log-in_sub-wrapper .for-new-user{
    text-align: center;
    margin-top: 10px;
}
.log-in_page-section .log-in_testmonalise .testmonalise-review{
    display: flex;
    align-items: center;
    color: #275570;
    padding: 0 0 40px 25px;
}
.log-in_page-section .log-in_testmonalise .testmonalise-rating ul{
    display: flex;
    list-style: none;
}
.log-in_page-section .log-in_testmonalise .testmonalise-rating li{
    margin: 0 12px 10px 0;
}
.log-in_page-section .log-in_testmonalise .testmonalise-review-content{
    padding-left: 30px;
}
.log-in_page-section .testmonalise{
    position: relative;
    background-color: #F6F6F6;
}
.log-in_page-section .log-in_testmonalise{
    padding: 170px 105px 25px 30px;
}
.log-in_page-section .log-in_testmonalise::after{
    content: "";
    position: absolute;
    background-image: url("../image/double-Quote-login.png");
    top: 30px;
    object-fit: cover;
    width: 280px;
    height: 220px;
    background-size: cover;
}
.log-in_page-section .log-in_testmonalise .owl-prev::before{
    position:absolute;
    top:15px;
    right:70px;
    width:30px;
    height:30px;
    line-height: 29px;
    border:1px solid #F2652D;
    border-radius:50%;
    content: "\f061";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 15px;
    color: #F2652D;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: visible;
    transform: rotate(180deg);
}
.log-in_page-section .log-in_testmonalise .owl-prev:hover::before{
    transform: scale(1.3) rotate(180deg);
    background-color: #F2652D;
    color: #fff;
    transition: all 0.4s linear;
}
.log-in_page-section .log-in_testmonalise .owl-next:hover:before{
    transform: scale(1.3);
    transition: all 0.2s linear;
    background-color: #F2652D;
    color: #fff;
}
.log-in_page-section .log-in_testmonalise .owl-next:before {
    position:absolute;
    visibility: visible;
    top:15px;
    right:0;
    width:30px;
    height:30px;
    line-height:30px;
    border:1px solid #F2652D;
    border-radius:50%;
    content: "\f061";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 15px;
    background-color: transparent;
    color: #F2652D;
    display: flex;
    align-items: center;
    justify-content: center;
}
.log-in_page-section .log-in_testmonalise .owl-next,.log-in_page-section .log-in_testmonalise .owl-prev{
    visibility: hidden;
}
.owl-next.disabled,
.owl-prev.disabled{
    opacity: 0.5;
}
.log-in_page-section .log-in_testmonalise .testmonalise-review-content p{
    font-weight: 300;
    font-size: 14px;
    color: #275570;
    margin-bottom: 30px;
    line-height: 24px;
}
.log-in_page-section .log-in_testmonalise .testmonalise-person h5{
    font-weight: 500;
}
.log-in_page-section .log-in_testmonalise .testmonalise-person h6{
    font-weight: 100;
    font-size: 14px;
    opacity: 0.7;
}
.log-in_page-section .log-in_testmonalise .company-work .company-advt,
.log-in_page-section .log-in_testmonalise .company-work .company-order{
    position: relative;
}
.log-in_page-section .log-in_testmonalise .company-work .company-advt::before {
    content: "";
    position: absolute;
    top: 5px;
    left: -120px;
    color: #242424;
    border-left: 1px dashed;
    height: 58px;
}
.log-in_page-section .log-in_testmonalise .company-work .company-order::before{
    content: "";
    position: absolute;
    top: 5px;
    left: -120px;
    color: #242424;
    border-left: 1px dashed;
    height: 58px;
}
.log-in_page-section .testmonalise::before{
        content: '';
        position: absolute;
        top: 0px;
        right:0px;
        width:300px;
        height: 350px;
        background: linear-gradient(to left,#f2642c3d,#fff);
        filter: blur(42px);
        border-radius: 50px;
}
.log-in_page-section .log-in_testmonalise .testmonalise-audio audio{
    width: 100%;
    max-width: 475px;
}
.remember-chk_box input[type="checkbox"] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  background: #fff;
  height: 16px;
  width: 16px;
  border: 1px solid #979797;
  border-radius: 3px;
}

.remember-chk_box input[type="checkbox"]:checked {
  background: #F2652D;
  border: none;
}

.remember-chk_box input[type="checkbox"]:disabled {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}

.remember-chk_box input[type="checkbox"]:after {
  content: '';
  position: relative;
  left: 20%;
  top: 20%;
  width: 10px;
  height: 6px;
  border: solid #fff;
  border-width: 2px 2px 0px 0px;
  transform: rotate(125deg);
  display: none;
}

.remember-chk_box input[type="checkbox"]:checked:after {
  display: block;
}

.remember-chk_box input[type="checkbox"]:disabled:after {
  border-color: #979797;
}
.link-publisher_log-in .form-group-forgot .remember-chk_box {
    display: flex;
}

.link-publisher_log-in .form-group-forgot .remember-chk_box label {
    margin-bottom: 0;
    padding-left: 5px;
    line-height: 20px;
    opacity: 1;
}
.link-publisher_log-in .form-group-btn{
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    transition-property: color;
    transition-duration: 0.3s;
}
.link-publisher_log-in .form-group-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #CC5627;
    transform: scaleX(0);
    transform-origin: 50%;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    border-radius: 10px;
}
.link-publisher_log-in .form-group-btn:hover:before{
   transform: scaleX(1);
}
.email-log-in_option .form-group input::placeholder,
.email-log-in_option .form-group-password input::placeholder{
    color: #275570; 
    opacity: 0.64;
}
.company-work .achievement-wrapper {
    display: flex;
}
.company-work .achievement-wrapper .achievement-item:first-child {
    align-items: flex-start;
    padding-left: 45px;
}
.company-work .achievement-wrapper .achievement-item {
    border-right: 1px dashed #242424;
    flex: 0 0 27.30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #275570;
}
.company-work .achievement-wrapper .achievement-item h2 {
    font-weight: 800;
    display: flex;
    align-items: center;
    color: #F2652D; 
    margin-bottom: 5px;
}
.company-work .achievement-wrapper .achievement-item span {
    display: block;
    font-size: 14px;
    color: rgba(39, 85, 112, 0.8);
}
.company-work .achievement-wrapper .achievement-item h2 span.count{
    font-size: 32px;
    color: rgba(39, 85, 112, 1);
}
.company-work .achievement-wrapper .achievement-item:last-child{
    align-items: flex-start;
    border:none;
    padding-left: 60px;
}
.log-in_testmonalise .company-work{
    padding: 60px 0;
    position: relative;
}
.log-in_testmonalise .company-work:before {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width: 100px;
    height: 100px;
    background: #F2652D;
    filter:blur(100px);
    border-radius: 100%;
}
.email-log-in_option .for-new-user span{
    color: rgba(39, 85, 112, 0.8);
    font-weight: 100;
    font-size: 14px;
}
.log-in_testmonalise .testmonalise-review .testmonalise-person-img{
    max-width: 75px;
}

.log-in_testmonalise .testmonalise-review .testmonalise-person-img img{
    border-radius: 100%;
    border: 4px solid #fff;
}

.log-in_testmonalise .testmonalise-review .testmonalise-person {
    padding-left: 25px;
}
/* link-publisher_log-in-end*/

/* .sign-up_page-section */
.sign-up_page-section .row{
    margin: 0;
}
.sign-up_page-section .sign-up_sub-wrapper{
    width: 100%;
    max-width: 500px;
    color: #275570;
}
.sign-up_page-section .sign-up_top{
    padding:35px 0 50px;
}
.sign-up_page-section .google-option,.sign-up_page-section .facebook-option{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 15px;
    border: 1px solid #E5E5E5;
    position: relative;
}
.sign-up_page-section .google-option .google-logo,
.sign-up_page-section .facebook-option .facebook-logo{
    position: absolute;
    top: 10px;
    left: 20px;
}
.sign-up_page-section .sign-up_sub-wrapper h2{
    font-weight: 500;
}
.sign-up_page-section .sign-up_sub-wrapper h6{
    font-weight: 300;
    margin-bottom: 20px;
    line-height: 24px;
}
.sign-up_page-section .google-option:hover,.sign-up_page-section .facebook-option:hover{
    background-color: #FFEEE8;
    border: 1px solid #F2652D;
    transition: all 0.3s linear;
}
.sign-up_page-section .google-option a,.sign-up_page-section .facebook-option a{
    font-size: 14px;
    color: #275570;
    padding: 20px 32px;
    padding-left: 60px;
    min-width: 230px;
}
.sign-up_page-section .sign-up_p{
    min-height: 100vh;
}
.sign-up_page-section .email-sign-up_option .form-group input,
.sign-up_page-section .email-sign-up_option .form-group-password input{
    border: none;
}
.sign-up_page-section .social_sign-up-option{
    display: flex;
    justify-content: space-between;
}
.sign-up_page-section .sign-up_wrapper{
    position: relative;
    max-width: 500px;
    margin: 0 auto;
}
.sign-up_page-section .sign-up_wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: -120px;
    width: 100px;
    height: 150px;
    background: #275570;
    filter: blur(100px);
    border-radius: 100%;
}
.sign-up_page-section .sign-up_wrapper .sign-up_sub-wrapper .sign-up_other-option{
    text-align: center;
    padding: 15px 0;
}
.sign-up_page-section .sign-up_wrapper .sign-up_other-option span{
    position: relative;
    font-size: 14px;
}
.sign-up_page-section .sign-up_wrapper .email-log-in_option input{
    border: none;
}
.sign-up_page-section .sign-up_wrapper .sign-up_other-option span::before{
    content: "";
    position:absolute;
    top:7px;
    right: 130px;
    width: 180px;
    height: 1px;
    background-color: #275570;
}
.sign-up_page-section .sign-up_wrapper .sign-up_other-option span::after{
    content: "";
    position:absolute;
    top:7px;
    left: 130px;
    width: 180px;
    height: 1px;
    background-color: #275570;
}
.sign-up_page-section .sign-up_wrapper .sign-up_sub-wrapper label{
    font-size: 14px;
    opacity: 0.8;
}
.sign-up_page-section .sign-up_wrapper .sign-up_sub-wrapper .form-group,.sign-up_page-section .sign-up_wrapper .sign-up_sub-wrapper .form-group-password{
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    position: relative;
}
.sign-up_page-section .sign-up_wrapper .form-group input,
.sign-up_page-section .sign-up_wrapper .sign-up_sub-wrapper .form-group-password input{
    padding: 15px 55px 15px 15px;
    border-radius: 8px;
    background-color: #F6F6F6;
    font-size: 16px;
    border: 1px solid transparent;
    color: #275570;
    font-weight: 400;
}
.sign-up_page-section .sign-up_wrapper .form-group .error,
.sign-up_page-section .sign-up_wrapper .sign-up_sub-wrapper .form-group-password .error{
    border-color: #FF4444 !important;
    box-shadow: none;
}
.sign-up_page-section .sign-up_wrapper .form-group .is-invalid,
.sign-up_page-section .sign-up_wrapper .sign-up_sub-wrapper .form-group-password .is-invalid{
    border-color: #FF4444;
    box-shadow: none;
}
.sign-up_page-section .sign-up_wrapper .sign-up_sub-wrapper .form-group-policy{
    word-spacing: 2px;
    padding-bottom: 10px;
}
.sign-up_page-section .sign-up_wrapper .sign-up_sub-wrapper .form-group-policy span{
    color: #F2652D;
}
.sign-up_page-section .sign-up_wrapper .sign-up_sub-wrapper .form-group-forgot a{
    color: #33B5E5;
    text-decoration: underline;
}
.sign-up_page-section .sign-up_wrapper .sign-up_sub-wrapper .form-group-btn{
    color: #fff;
}
.sign-up_page-section .sign-up_wrapper .sign-up_sub-wrapper .form-group-btn:disabled{
    width: 100%;
    max-width: 500px;
    color: #FFFFFF;
    text-align: center;
    background-color: #FF9469;
    border-radius: 10px;
    padding:15px 0;
    margin:25px 0 0;
    border: none;
    cursor: pointer;
}
.sign-up_page-section .sign-up_wrapper .sign-up_sub-wrapper .form-group-btn:disabled:hover::before{
    display: none;
    cursor: pointer;
}
.sign-up_page-section .sign-up_wrapper .sign-up_sub-wrapper .form-group-btn:enabled{
    width: 100%;
    max-width: 500px;
    color: #FFFFFF;
    text-align: center;
    background-color:#F2652D;
    border-radius: 10px;
    padding:15px 0;
    margin:25px 0 0;
    border: none;
    cursor: pointer;
}
.sign-up_page-section .sign-up_wrapper .sign-up_sub-wrapper .for-new-user{
    text-align: center;
    padding: 15px 0;
}
    .sign-up_page-section .sign-up_testmonalise .testmonalise-review{
        display: flex;
        align-items: center;
        color: #275570;
        padding: 0 0 40px 25px;
    }
    .sign-up_page-section .sign-up_testmonalise .testmonalise-audio audio{
        width: 100%;
    }
    .sign-up_page-section .sign-up_testmonalise .testmonalise-rating ul{
        display: flex;
        list-style: none;
    }
    .sign-up_page-section .sign-up_testmonalise .testmonalise-rating li{
        margin: 0 12px 10px 0;
    }
    .sign-up_page-section .sign-up_testmonalise .testmonalise-review-content{
        padding-left: 30px;
    }
    .sign-up_page-section .testmonalise{
        position: relative;
        background-color: #F6F6F6;
    }
    .sign-up_page-section .sign-up_testmonalise{
        padding: 170px 105px 50px 30px;
    }
    .sign-up_page-section .sign-up_testmonalise::after{
        content: "";
        position: absolute;
        background-image: url("../image/double-Quote-login.png");
        top: 70px;
        object-fit: cover;
        width: 280px;
        height: 220px;
        background-size: cover;
    }
.sign-up_page-section .sign-up_testmonalise .owl-prev::before{
    position:absolute;
    top:15px;
    right: 80px;
    width:30px;
    height:30px;
    line-height:29px;
    border:1px solid #F2652D;
    border-radius:50%;
    content: "\f061";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 15px;
    color: #F2652D;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: visible;
    transform: rotate(180deg);
}
.sign-up_page-section .sign-up_testmonalise .owl-prev:hover::before{
    transform: scale(1.3) rotate(180deg);
    background-color: #F2652D;
    color: #fff;
    transition: all 0.4s linear;
}
.sign-up_page-section .sign-up_testmonalise .owl-next:hover:before{
    transform: scale(1.3);
    transition: all 0.2s linear;
    background-color: #F2652D;
    color: #fff;
}
.sign-up_page-section .sign-up_testmonalise .owl-next:before {
    position:absolute;
    visibility: visible;
    top:15px;
    right: 20px;
    width:30px;
    height:30px;
    line-height:30px;
    border:1px solid #F2652D;
    border-radius:50%;
    content: "\f061";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 15px;
    background-color: transparent;
    color: #F2652D;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sign-up_page-section .sign-up_testmonalise .owl-next,.sign-up_page-section .sign-up_testmonalise .owl-prev{
    visibility: hidden;
}
.sign-up_page-section .sign-up_testmonalise .company-work{
    position: relative;
    padding-top: 80px;
}
.sign-up_page-section .sign-up_testmonalise .company-work h3  {
    font-size: 32px;
}
.sign-up_page-section .sign-up_testmonalise .company-work{
    color: #275570;
}
.sign-up_page-section .sign-up_testmonalise .company-work h3{
    position: relative;
}
.sign-up_page-section .sign-up_testmonalise .company-work h3::after{
    content: "+";
    color: #F2652D;
}
.sign-up_page-section .sign-up_testmonalise .testmonalise-review-content p{
    font-weight: 300;
    font-size: 14px;
    color: #275570;
    margin-bottom: 30px;
    line-height: 24px;
}
.sign-up_page-section .sign-up_testmonalise .testmonalise-person h5{
    font-weight: 500;
}
.sign-up_page-section .sign-up_testmonalise .testmonalise-person h6{
    font-weight: 400;
    font-size: 14px;
    opacity: 0.7;
}
.sign-up_page-section .sign-up_testmonalise .company-work .company-advt,.sign-up_page-section .sign-up_testmonalise .company-work .company-order{
    position: relative;
}
.sign-up_page-section .sign-up_testmonalise .company-work .company-advt::before {
    content: "";
    position: absolute;
    top: 5px;
    left: -120px;
    color: #242424;
    border-left: 1px dashed;
    height: 58px;
}
.sign-up_page-section .sign-up_testmonalise .company-work .company-order::before{
    content: "";
    position: absolute;
    top: 5px;
    left: -120px;
    color: #242424;
    border-left: 1px dashed;
    height: 58px;
}
.sign-up_page-section .testmonalise::before{
        content: '';
        position: absolute;
        top: 0px;
        right:0px;
        width:300px;
        height: 350px;
        background: linear-gradient(to left,#f2642c3d,#fff);
        filter: blur(42px);
        border-radius: 50px;
}
.form-group-policy input[type="checkbox"] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  background: #fff;
  height: 16px;
  width: 16px;
  border: 1px solid #979797;
  border-radius: 3px;
}

.form-group-policy input[type="checkbox"]:checked {
  background: #F2652D;
  border: none;
}

.form-group-policy input[type="checkbox"]:disabled {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}

.form-group-policy input[type="checkbox"]:after {
  content: '';
  position: relative;
  left: 20%;
  top: 20%;
  width: 10px;
  height: 6px;
  border: solid #fff;
  border-width: 2px 2px 0px 0px;
  transform: rotate(125deg);
  display: none;
}

.form-group-policy input[type="checkbox"]:checked:after {
  display: block;
}

.form-group-policy input[type="checkbox"]:disabled:after {
  border-color: #979797;
}
.link-publisher_sign-up .email-sign-up_option .form-group-policy {
    display: flex;
}

.link-publisher_sign-up .email-sign-up_option .form-group-policy label {
    margin-bottom: 0;
    padding-left: 5px;
    line-height: 20px;
    opacity: 1;
}
.link-publisher_sign-up .form-group-btn{
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    transition-property: color;
    transition-duration: 0.3s;
}
.link-publisher_sign-up .form-group-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #CC5627;
    transform: scaleX(0);
    transform-origin: 50%;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    border-radius: 10px;
}
.link-publisher_sign-up .form-group-btn:hover:before{
   transform: scaleX(1);
}
.sign-up_testmonalise .testmonalise-review .testmonalise-person-img{
    max-width: 75px;
}

.sign-up_testmonalise .testmonalise-review .testmonalise-person-img img{
    border-radius: 100%;
    border: 4px solid #fff;
}

.sign-up_testmonalise .testmonalise-review .testmonalise-person {
    padding-left: 25px;
}
/* .sign-up_page-section end */

/*login forgot password page start*/
.forgot-password-page .log-in_wrapper .log-in_sub-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 60vh;
}
.forgot-password-page .log-in_sub-wrapper .log-in_option{
    padding-top: 15px;
}
.forgot-password-page .log-in_option .for-new-user {
    opacity: 0.8;
}
.forgot-password-page .log-in_option .for-new-user a {
    opacity: 1;
    padding-left: 5px;
}
.forgot-password-page .log-in_testmonalise .company-work .company-advt::before{
    left: -120px;
}
.forgot-password-page .log-in_testmonalise .company-work .company-order::before{
    left: -120px;
}
.forgot-password-page .form-group-btn{
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    transition-property: color;
    transition-duration: 0.3s;
}
.forgot-password-page .form-group-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #CC5627;
    transform: scaleX(0);
    transform-origin: 50%;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    border-radius: 10px;
}
.forgot-password-page .form-group-btn:hover:before{
   transform: scaleX(1);
}
/*login forgot password page end*/

/*signup fill details page start */
.password-detail ul{
    padding-left: 0;
    display: flex;
    flex-wrap: wrap; 
}
.password-detail ul li{
    list-style: none;
    flex: 0 0 50%;
    padding-bottom: 15px;
    opacity: 0.7;
    font-size: 14px;
}
.password-detail li span{
    padding-right: 5px;
}
.sign-up-detail .form-group-btn{
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    background-color: #F2652D !important;
    border: none !important; 
    transition-property: color;
    transition-duration: 0.3s;
}
.sign-up-detail .form-group-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #CC5627;
    transform: scaleX(0);
    transform-origin: 50%;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    border-radius: 10px;
}
.sign-up-detail .form-group-btn:hover:before{
   transform: scaleX(1);
}
.sign-up-detail .sign-up_testmonalise .company-work .company-order::before,
.sign-up-detail .sign-up_testmonalise .company-work .company-advt::before{
    left: -120px;
}
.sign-up-detail .email-sign-up_option .form-group sup i,
.sign-up-detail .email-sign-up_option .form-group-password sup i{
    font-size: 7px;
    padding-left: 2px;
}
.sign-up-detail .email-sign-up_option .form-group-password span{
    float: right;
}
.sign-up-detail .email-sign-up_option .form-group-password span b{
    font-weight: normal;
    color: #00C851;
}
.sign-up-detail .sign-up_wrapper .sign-up_sub-wrapper .form-group label::after, 
.sign-up-detail .sign-up_wrapper .sign-up_sub-wrapper .form-group-password label::after{
    display: none;
}

.sign-up-detail .email-sign-up_option .form-group-policy {
    display: flex;
}

.sign-up-detail .email-sign-up_option .form-group-policy label {
    margin-bottom: 0;
    padding-left: 5px;
    line-height: 20px;
    opacity: 1;
}
/*signup fill details page end*/

/*signup forgot password page start*/
.signup-forgot-password-page .log-in_wrapper .log-in_sub-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 60vh;
}
.signup-forgot-password-page .log-in_sub-wrapper .log-in_option{
    padding-top: 15px;
}
.signup-forgot-password-page .log-in_option .for-new-user {
    opacity: 0.8;
}
.signup-forgot-password-page .log-in_option .for-new-user a {
    opacity: 1;
    padding-left: 5px;
}
.signup-forgot-password-page .log-in_testmonalise .company-work .company-advt::before{
    left: -120px;
}
.signup-forgot-password-page .log-in_testmonalise .company-work .company-order::before{
    left: -120px;
}
.signup-forgot-password-page .form-group-btn{
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    background-color: #F2652D !important;
    border: none !important; 
    transition-property: color;
    transition-duration: 0.3s;
}
.signup-forgot-password-page .form-group-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #CC5627;
    transform: scaleX(0);
    transform-origin: 50%;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    border-radius: 10px;
}
.signup-forgot-password-page .form-group-btn:hover:before{
   transform: scaleX(1);
}

.email-log-in_option ul{
    padding-left: 0;
    padding-top: 30px;
}

.email-log-in_option li{
    list-style: none;
    font-size: 14px;
    color: #00C851;
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.email-log-in_option ul span{
    padding-right: 5px;
}

/*signup forgot password page end*/

.email-sign-up_option .form-group input::placeholder,
.email-sign-up_option .form-group-password input::placeholder{
    color: #275570; 
    opacity: 0.64;
}
.email-sign-up_option .form-group-password span{
    opacity: 1;
}
.forgot-password-page .log-in_testmonalise .company-work,
.signup-forgot-password-page .log-in_testmonalise .company-work{
    padding: 60px 0;
}
/* role-page */
.role-section{
    color: #275570;
    padding-top: 30px;
    position: relative;
}
.role-section::before{
    content: "";
    position: absolute;
    background: #275570;
    opacity: 0.1;
    filter: blur(42px);
    width: 240px;
    height: 240px;
    left: -61px;
    top: -32px;
    border-radius: 50%;
}
.role-section .role-box{
    position: relative;
}
.role-section .role-box::after{
    content: "";
    position: absolute;
    background: transparent radial-gradient(closest-side at 50% 50%, #275570 0%, #27557000 100%) 0% 0% no-repeat padding-box;
    opacity: 0.16;
    filter: blur(42px);
    width: 500px;
    height: 500px;
    border-radius: 50%;
    z-index: -1;
    left: -110px;
    bottom: -130px;
}
.role-section .role-box::before{
    content: "";
    position:absolute;
    background: transparent radial-gradient(closest-side at 50% 50%, #F2652D 0%, #F2652D 100%) 0% 0% no-repeat padding-box;
    opacity: 0.1;
    filter: blur(42px);
    z-index: -1;
    top: 40px;
    right: -70px;
    width: 430px;
    height: 400px;
    border-radius: 50%;
}
.role-section .role-box .role-box-middle{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1020px;
    background-color: #FFFFFF;
    margin: 0 auto;
    padding: 48px 0;
    border-radius: 20px;
    position: relative;
}
.role-section .role-box .role-box-middle .user-title {
    position: absolute;
    top: 5px;
}
.role-section .role-box .role-box-top{
    text-align: center;
    padding-bottom: 0px;
}
.role-section .role-box .role-box-top img{
    padding-bottom: 10px;
}
.role-section .role-box .user-box h4{
    text-align: center;
    font-size: 32px;
    color: gray;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 20px 0 18px;
}
.role-section .role-box .user-box img{
    width: 100%;
}
.role-section .role-box .user-box img{
    filter: grayscale(100%);
}
.role-section .role-box .user-box li{
    position: relative;
    font-size: 14px;
    padding-bottom: 10px;
}
.role-section .role-box .user-box ul{
    padding-left: 25px;
    list-style: none;
    margin-bottom: 0;
}
.role-section .role-box .role-box-end{
    text-align: center;
    margin: 45px 0;
}
.role-section .role-box .user-box li::before{
    content: "";
    position: absolute;
    left: -20px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url("../image/Iconly-Bulk-Arrow---Right-2.png");
}
.role-section .role-box .role-box-end i{
    padding-right: 6px;
}
.role-section .role-box .role-box-end .button{
    border-radius: 10px;
    letter-spacing: 0.16px;
    font-weight: 600;
}
.role-section .role-box .role-box-end .button.btn-primary{
    min-width: 190px;
    color: #fff;
    cursor: pointer;
}
.role-section .role-box .role-box-end .btn-outline{
    min-width: 165px;
    margin-right: 40px;
    color: #F2652D;
    cursor: pointer;
}
.role-section .role-box .role-box-end .btn-outline:hover{
    background-color: #fff;
    color: #F2652D;
}
.role-box-end .btn-primary:not(:disabled):not(.disabled).active,
.role-box-end .btn-primary:not(:disabled):not(.disabled):active,
.role-box-end .show>.btn-primary.dropdown-toggle{
    background-color: #F2652D;
    border-color: transparent;
    box-shadow: none;
}
.role-section .role-box .role-box-end .button.btn-primary:hover{
    background-color: #F2652D;
}
.role-section .active{
    position: relative;
}
.role-section .sample-img::before{
    content: "";
    position: absolute;
    top: 5px;
    right: 5px;
    background: url("../image/right-sign.svg");
    background-size: 40px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    opacity: 0;
}
.role-section .role-box .user-box .active img,
.role-section .role-box .user-box .active h4{
    filter: grayscale(0%);
    color: #F2652D;
}
.role-section .active::before{
    opacity: 1;
}
.role-box .role-box-top h2{
    font-weight: 500;
}
.role-box .role-box-top h6{
    font-weight: normal;
}
.sign-up-verification .log-in_wrapper span{
    letter-spacing: 0.32px;
}

.log-in_page-section .log-in_wrapper .log-in_sub-wrapper p{
    padding: 100px 0 10px;
    letter-spacing: 0.32px;
    line-height: 26px;
}
.sign-up-verification .log-in_wrapper .log-in_sub-wrapper .form-group-btn{
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    transition-property: color;
    transition-duration: 0.3s;
    background-color: #F2652D;
}
.sign-up-verification .form-group-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #DF5A25;
    transform: scaleX(0);
    transform-origin: 50%;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    border-radius: 10px;
}
.sign-up-verification .log-in_wrapper .log-in_sub-wrapper .form-group-btn:hover:hover{
    background-color: #DF5A25;
    transition: all 0.2s ease-in-out;
}
.sign-up-verification .form-group-btn:hover::before{
    transform: scaleX(1);
}
.role-section .role-box-middle .user-box {
    width: 28%;
    flex: 0 0 28%;
}
.role-box .roleSelectNote{
    display: none;
    text-align: center;
    color:red;
    font-size: 18px;
}
/* ------ error msg css ----- */
.group .invalid-feedback{
    font-size: 14px;
    font-weight: lighter;
    color: #FF4444;
    position: relative;
    margin-top: -15px;
    margin-left: 10px;
}
.group span.invalid-feedback:before {
    content: "";
    position: absolute;
    top: -20px;
    left: 10px;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
}
.group .invalid-feedback strong{
    text-align: center;
    padding: 17px 10px;
    border-radius: 5px;
    bottom: -55px;
    position: absolute;
    left: 0px;
    color: rgb(255 68 68 / 80%) !important;
    font-weight: 500;
    opacity: 1;
    z-index: 1;
}
.group .invalid-feedback strong span{
    padding-right: 5px;
}
.main-wrapper.service-guest .content-wrapper .content-form form .form-control.is-invalid {
    border-color: #FF4444;
}
.main-wrapper.link-publisher .content-wrapper .content-form form .form-control.is-invalid{
    border-color: #FF4444;
}
.main-wrapper.link-builder .content-wrapper .content-form form .form-control.is-invalid{
    border-color: #FF4444;
}
.main-wrapper.seo-reseller .content-wrapper .content-form form .form-control.is-invalid{
    border-color: #FF4444;
}
.content-form .form-phone {
    display: flex;
    align-items: center;
    box-shadow: 0px 3px 8px #00000014;
}

.seo-reseller .content-wrapper .content-form .group .form-phone input.country_std_code {
    max-width: 80px;
    margin-bottom: 0;
    border-right: none;
    border-radius: 8px 0 0 8px !important;
    box-shadow: none !important;
    height: 58px;
}
.seo-reseller .content-wrapper .content-form .group .form-phone input.contact_no {
    border-left: none !important;
    border-radius: 0 8px 8px 0 !important;
    box-shadow: none !important;
    line-height: 26px;
}
.password-error {
    max-width: 230px;
    padding: 15px;
    background: #fff;
    box-shadow: 0px 0px 24px #00000014;
    position: relative;
    margin: -10px 0 0 15px;
}
.password-error:before {
    content: "";
    position: absolute;
    top: -20px;
    left: 10px;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
}
.password-error p {
    margin-bottom: 0;
    color: #275570;
    font-weight: 500;
}
.password-error ul {
    padding: 10px 0 0 0;
    list-style: none;
    margin-bottom: 0;
}
.password-error ul li {
    font-size: 14px;
    color: rgba(39, 85, 112, 0.7);
}
.password-error ul li span{
    padding-right: 5px;
    font-size: 16px;
}
.password-error li i.close-error{
    color: #FF4444;
}
.main-wrapper.link-builder .content-wrapper .content-form .group.form-group .password-error i.close-error{
    color: #FF4444;
}
.main-wrapper.link-builder .content-wrapper .content-form .group.form-group .password-error i.check-error{
    color: #00C851;
}
.password-error li i.check-error{
    color: #00C851;
}
.order-detail {
    padding: 140px 0 50px 0;
}

.order-detail .details-wrapper,.payment-method-wrapper .method-detail {
    height: 690px;
    min-height: 690px;
    overflow-y: scroll;
    padding-right: 30px;
    overflow-x: hidden;
}

.order-item .form-group,
.order-detail .form-group-wrapper {
    margin-bottom: 5px;
}

.order-item .nav-pills li.nav-item {
    text-align: center;
    pointer-events: none; 
}

.order-item .nav-item .nav-link p {
    margin-bottom: 0;
    display: none;
}

.order-item .nav-item .nav-link span {
    border: 1px solid #707070;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    line-height: 30px;
    color: #707070;
    margin-right: 10px;
}

.order-item .nav-pills li.nav-item a.nav-link{
    padding: 0;
}
.order-item .nav-pills li.nav-item a.active{
    background: transparent;
}
.order-item li.nav-item.personal-step.image a {
    background-image: url("/assets/latest_assets/image/personal-details-progress.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 304px;
    height: 83px;
}
.order-item li.nav-item.payment-method-step a {
    background-image: url("/assets/latest_assets/image/select-payment-method.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: -35px;
    width: 143px;
    height: 83px;
}
.order-item li.nav-item.complete-order-step a {
    background-image: url("/assets/latest_assets/image/complete-order.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: -20px;
    width: 124px;
    height: 83px;
}
.order-item li.nav-item.personal-step.succes a{
    background-image: url("/assets/latest_assets/image/personal-details-complete.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 123px;
    height: 83px;
}
.order-item li.nav-item.payment-method-step.image a {
    background-image: url("/assets/latest_assets/image/payment-method-progress.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 370px;
    height: 83px;
}
.order-item li.nav-item.payment-method-step.succes a {
    background-image: url("/assets/latest_assets/image/payment-method-complete.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 141px;
    height: 83px;
    margin-left: -36px;
}
.order-item li.nav-item.complete-order-step.image a {
    background-image: url("/assets/latest_assets/image/complete-order-progress.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: -36px;
    width: 302px;
    height: 83px;
}
.order-detail .order-item{
    padding-top: 40px;
}
.order-item .nav-pills li.nav-item a form {
    padding-right: 10px;
}

.order-detail .order-details,
.order-detail .personal-detail {
    background: #fff;
    padding: 0 35px 35px;
}

.order-detail .personal-detail .section-title {
    padding: 35px 0 20px 0;
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 1;
}

.order-detail .section-title h5 {
    font-size: 24px;
    font-weight: normal;
    color: #275570;
    text-transform: capitalize;
    font-weight: 500;
}

.personal-detail form {
    border-bottom: 1px dashed rgba(112, 112, 112, 0.3);
}

.personal-detail .form-group label,
.form-group-wrapper label, 
.payment-method-wrapper label{
    width: 100%;
    font-size: 14px;
    color: #275570;
    font-weight: 300;
    text-transform: capitalize;
}
.personal-detail .form-group input,
.personal-detail .form-group textarea,
.payment-method-wrapper .form-group input {
    width: 100%;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    font-size: 14px;
    color: #275570;
    margin-bottom: 5px;
    resize: none;
    padding: 10px 20px;
    height: 100%;
}

.personal-detail .form-group input::placeholder,
.personal-detail .form-group textarea::placeholder,
.payment-method-wrapper .form-group input::placeholder {
    color: rgba(39, 85, 112, 0.4);
}

.personal-detail .form-group-wrapper .purchase-type-wrapper {
    display: flex;
    padding: 20px;
    background-color: #F6F6F6;
    border-radius: 10px;
}

.personal-detail .purchase-type {
    display: flex;
    align-items: center;
}

.personal-detail .purchase-type-wrapper label {
    margin: 0;
    padding-left: 10px;
    letter-spacing: 0.19px;
}

.form-group-wrapper .purchase-type-wrapper .purchase-type:nth-child(2) {
    padding-left: 35px;
}
.order-checkouts .section-title {
    padding-bottom: 40px;
}

.order-checkouts .order-content {
    color: #275570;
}

.order-checkouts .order-content h6 {
    font-weight: 300;
    font-size: 18px;
}

.order-checkouts .order-content span,
.order-checkouts .order-content li {
    font-weight: 500;
}

.order-checkouts .order-content ul li:nth-child(2) {
    font-weight: 300;
}

.order-checkouts .order-content ul li:nth-last-child(1) {
    color: #00C851;
    font-size: 24px;
    font-weight: 500;
}

.order-checkouts ul {
    list-style: none;
    padding: 0;
}

.order-checkouts .order-content li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    font-size: 18px;
}

.order-checkouts .check-out-btn {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.order-checkouts .check-out-btn .btn-primary {
    text-align: center;
    border-radius: 30px;
    box-shadow: 4px 8px 24px #0000001a;
    line-height: 60px;
    font-weight: 500;
    padding: 0;
    font-size: 14px;
}

.details-wrapper::-webkit-scrollbar,.method-detail::-webkit-scrollbar {
    width: 7px;
}

.details-wrapper::-webkit-scrollbar-track,.method-detail::-webkit-scrollbar-track {
    background: #F1F1F1;
    border-radius: 5px;
}

.details-wrapper::-webkit-scrollbar-thumb,.method-detail::-webkit-scrollbar-thumb {
    background: #275570;
    border-radius: 4px;
}
.check-out-btn .btn-primary:not(:disabled):not(.disabled).active,
.check-out-btn .btn-primary:not(:disabled):not(.disabled):active,
.check-out-btn .show>.btn-primary.dropdown-toggle{
    color: #fff;
    background-color: #D5440B;
    border-color: transparent;
    box-shadow: none;
}   

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

.order-detail .log-in_testmonalise .testmonalise-review {
    display: flex;
    align-items: center;
    color: #275570;
    padding-bottom: 25px;
}

.order-detail .log-in_testmonalise .testmonalise-rating ul {
    display: flex;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.order-detail .log-in_testmonalise .testmonalise-rating li {
    padding-right: 5px;
}
.order-detail .testmonalise {
    position: relative;
    background-color: #F6F6F6;
}

.order-detail .log-in_testmonalise {
    padding: 170px 50px 25px 30px;
}

.order-detail .log-in_testmonalise::after {
    content: "";
    position: absolute;
    background-image: url("../../../assets/latest_assets/image/double-Quote-login.png");
    top: 50px;
    object-fit: cover;
    width: 220px;
    height: 160px;
    background-size: cover;
}

.order-detail .log-in_testmonalise .owl-prev::before {
    position: absolute;
    top: -40px;
    right: 35px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #F2652D;
    border-radius: 50%;
    content: "\f061";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 15px;
    color: #F2652D;
    background: transparent;
    opacity: 1;
    visibility: visible;
    transform: rotate(180deg);
}

.order-detail .log-in_testmonalise .owl-prev:hover::before {
    transform: scale(1.3) rotate(180deg);
    background-color: #F2652D;
    color: #fff;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.order-detail .log-in_testmonalise .owl-next:hover:before {
    transform: scale(1.3);
    transition: all 0.2s linear;
    background-color: #F2652D;
    color: #fff;
}

.order-detail .log-in_testmonalise .owl-next:before {
    position: absolute;
    visibility: visible;
    top: -40px;
    right: -35px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #F2652D;
    border-radius: 50%;
    content: "\f061";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 15px;
    background-color: transparent;
    color: #F2652D;
}

.order-detail .log-in_testmonalise .owl-next,
.order-detail .log-in_testmonalise .owl-prev {
    visibility: hidden;
}
.order-detail .log-in_testmonalise .testmonalise-review-content {
    margin-bottom: 30px;
}
.order-detail .log-in_testmonalise .testmonalise-review-content p {
    font-weight: 300;
    font-size: 14px;
    color: #275570;
    line-height: 24px;
    letter-spacing: 0.28px;
    font-weight: lighter;
}

.order-detail .log-in_testmonalise .testmonalise-person h5 {
    font-weight: 500;
}

.order-detail .log-in_testmonalise .testmonalise-person h6 {
    font-weight: 100;
    font-size: 14px;
    opacity: 0.7;
}

.order-detail .order-item {
    position: relative;
}

.order-detail .order-item::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background: #F2652D 0% 0% no-repeat padding-box;
    opacity: 0.15;
    filter: blur(50px);
    width: 200px;
    height: 200px;
    z-index: -1;
}

.order-detail .order-item::after {
    content: "";
    position: absolute;
    background: #275570 0% 0% no-repeat padding-box;
    top: 20px;
    left: -30px;
    filter: blur(50px);
    width: 300px;
    height: 300px;
    opacity: 0.5;
    z-index: -1;
    border-radius: 100%;
}

.order-detail .d-none {
    position: relative;
    margin-top: -50px;
}

.order-detail .d-none::before {
    content: "";
    position: absolute;
    background: #00C851 0% 0% no-repeat padding-box;
    opacity: 0.15;
    filter: blur(50px);
    width: 200px;
    height: 200px;
    top: 0;
    right: -35px;
    z-index: -1;
}

.order-detail .d-none::after {
    content: "";
    position: absolute;
    background: #F2652D 0% 0% no-repeat padding-box;
    opacity: 0.15;
    filter: blur(50px);
    width: 200px;
    height: 200px;
    bottom: 55px;
    left: 0;
    z-index: -1;
}

.new-order-page .testmonalise-wrapper {
    position: relative;
    background-color: #fff;
    border-radius: 30px;
}

.new-order-page .testmonalise-wrapper::after {
    content: "";
    position: absolute;
    background: #275570 0% 0% no-repeat padding-box;
    opacity: 0.15;
    filter: blur(50px);
    width: 200px;
    height: 200px;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.new-order-page .testmonalise-wrapper::before {
    content: "";
    position: absolute;
    background: #F2652D 0% 0% no-repeat padding-box;
    opacity: 0.15;
    filter: blur(50px);
    width: 200px;
    height: 200px;
    right: 0;
    z-index: -1;
}
/* payment-method */
.payment-method-wrapper .payment-log-in_form,
.payment-method-wrapper .payment-sign-up-form{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 50px;
}
.payment-method-wrapper .payment-log-in_form{
    padding-bottom: 30px;
    border-bottom: 1px dashed rgba(112, 112, 112, 0.3);
}
.payment-method-wrapper .form-group,
.payment-sign-up-form .form-group{
    display: flex;
    flex-direction: column;
    flex: 1 1 45%;
}
.payment-sign-up-form .form-group{
    flex: 100%;
}
.payment-method-wrapper{
    padding: 35px;
    background-color: #fff;
}
.payment-method-wrapper .psd-remember{
    display: flex;
    align-items: center;
}
.payment-method-wrapper .psd-remember input{
    width: 20px;
    height: 20px;
}
.payment-method-wrapper .psd-remember input[type="checkbox"]{
    border: 1px solid #979797;
    border-radius: 5px;
}
.payment-method-wrapper .psd-remember label{
    margin-bottom: 0;
}
.payment-method-wrapper .password-recover{
    display: flex;
    flex: 100%;
    justify-content: space-between;
    align-items: center;
}
.payment-method-wrapper .psd-remember label,.payment-method-wrapper .terms-privacy label{
    padding-left: 8px;
    line-height: 1;
}
.payment-method-wrapper .forgot-link,.forgot-link:hover{
    color: #33B5E5;
    letter-spacing: 0.14px;
    text-decoration: underline #33B5E5; 
}
.payment-method-wrapper .login-recover-btn a{
    color: #fff;
}
.payment-method-wrapper .method-btn:hover,
.payment-sign-up-form .method-btn:hover{
    background-color: #D5440B;
    color: #fff;
    border: 1px solid transparent;
}
.payment-method-wrapper .method-btn ,.payment-sign-up-form .method-btn{
    text-align: center;
    width: 100%;
    padding: 20px 0;
    margin-top: 20px;
    border-radius: 10px;
    background-color: #F2652D;
    color: #fff;
    border: 1px solid #FC6527;
}
.payment-method-wrapper .terms-privacy{
    display: flex;
    align-items: baseline;
    color: #275570;
    padding-top: 15px;
}
.payment-method-wrapper .terms-privacy span,.terms-privacy label{
    font-size: 14px;
    letter-spacing: 0.14px;
}
.payment-method-wrapper .return-btn,.complate-order-wrapper .return-btn{
    display: flex;
    justify-content: flex-end;
    margin:40px 0 10px;
}
.payment-method-wrapper .return-btn .button,.complate-order-wrapper .return-btn .button{
    border-radius: 30px;
    line-height: 60px;
}
.payment-method-wrapper .return-btn .back-btn,.complate-order-wrapper .return-btn .back-btn {
    margin-right: 20px;
    min-width: 150px;
    text-align: center;
}
.payment-method-wrapper .return-btn .back-btn:hover,.complate-order-wrapper .return-btn .back-btn:hover{
    background-color: transparent;
    color: #F2652D;
}
.sign-up-type .section-title{
    padding:20px 0 25px;
}
.log-in-type .section-title{
    padding-bottom: 20px;
}
.order-detail .complate-order-wrapper{
    background-color: #fff;
    padding: 50px 70px 60px 40px;
    color: #275570;
}
.complate-order-wrapper .section-title{
    padding-bottom: 20px;
}
.complate-order-wrapper .payment-select{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    font-size: 18px;
    padding: 30px 25px;
    background-color: #F6F6F6;
    border-radius: 18px;
    margin-bottom: 40px;
}
.complate-order-wrapper label{
    padding-left: 6px;
}
.complate-order-wrapper .payment-condition{
    padding-left: 21px;
    width: 100%;
    max-width: 390px;
    font-size: 16px;
    font-weight: 300;
}
.complate-order-wrapper .order-checkouts .section-title{
    padding: 50px 0 ;
}
.complate-order-wrapper .order-checkouts{
    padding: 0;
    border-top: 1px dashed rgba(112, 112, 112, 0.3);
}
.personal-detail,.payment-method-wrapper,.complate-order-wrapper{
    border-radius: 0px 30px 30px 30px;
}
input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: 20px;
    height: 17px;
    padding: 2px;
    background-clip: content-box;
    border: 2px solid #707070;
    background-color: transparent;
    border-radius: 100%;
}

input[type="radio"]:checked {
    background-color: #F2652D;
    border-color: #F2652D;
}
.order-item .nav-pills .personal-step{
    z-index: 5;
}
.order-item .nav-pills .payment-method-step{
    z-index: 1;
}
.order-detail .tab-content{
    z-index: 6;
    position: relative;
}
.order-detail .tab-content:before {
    content: "";
    position: absolute;
    top: 10px;
    right: 0px;
    width: 250px;
    height: 250px;
    background: #00C851;
    z-index: -1;
    filter: blur(50px);
    border-radius: 100%;
    opacity: 0.3;
}
.order-item .tab-pane.step-3.clickable{
    margin-top: -1px;
}
.complate-order-wrapper .return-btn button.btn-outline {
    height: 62px;
}
.complate-order-wrapper .btn-primary:not(:disabled):not(.disabled).active,
.complate-order-wrapper .btn-primary:not(:disabled):not(.disabled):active,
.complate-order-wrapper .show>.btn-primary.dropdown-toggle{
    background-color: #D5440B;
    border-color: transparent;
    box-shadow: none;
}
form input:-webkit-autofill,
form input:-webkit-autofill:hover, 
form input:-webkit-autofill:focus,
form textarea:-webkit-autofill,
form textarea:-webkit-autofill:hover,
form textarea:-webkit-autofill:focus,
form select:-webkit-autofill,
form select:-webkit-autofill:hover,
form select:-webkit-autofill:focus {
  -webkit-text-fill-color: #275570;
  -webkit-box-shadow: 0 0 0px 1000px #f6f6f6 inset;
  transition: background-color 5000s ease-in-out 0s; 
}
.log-in_page-section .log-in_wrapper .log-in_sub-wrapper .form-group-password input:-webkit-autofill,
.log-in_page-section .log-in_wrapper .log-in_sub-wrapper .form-group-password input:-webkit-autofill:hover, 
.log-in_page-section .log-in_wrapper .log-in_sub-wrapper .form-group-password input:-webkit-autofill:focus,
.log-in_page-section .log-in_wrapper .log-in_sub-wrapper .form-group-password textarea:-webkit-autofill,
.log-in_page-section .log-in_wrapper .log-in_sub-wrapper .form-group-password textarea:-webkit-autofill:hover,
.log-in_page-section .log-in_wrapper .log-in_sub-wrapper .form-group-password textarea:-webkit-autofill:focus,
.log-in_page-section .log-in_wrapper .log-in_sub-wrapper .form-group-password select:-webkit-autofill,
.log-in_page-section .log-in_wrapper .log-in_sub-wrapper .form-group-password select:-webkit-autofill:hover,
.log-in_page-section .log-in_wrapper .log-in_sub-wrapper .form-group-password select:-webkit-autofill:focus {
  -webkit-text-fill-color: #275570;
  -webkit-box-shadow: 0 0 0px 1000px #f6f6f6 inset;
  transition: background-color 5000s ease-in-out 0s; 
}
.contact-us-section .contact-us-wrapper input:-webkit-autofill,
.contact-us-section .contact-us-wrapper input:-webkit-autofill:hover,
.contact-us-section .contact-us-wrapper input:-webkit-autofill:focus,
.contact-us-section .contact-us-wrapper textarea:-webkit-autofill,
.contact-us-section .contact-us-wrapper textarea:-webkit-autofill:hover,
.contact-us-section .contact-us-wrapper textarea:-webkit-autofill:focus,
.contact-us-section .contact-us-wrapper select:-webkit-autofill,
.contact-us-section .contact-us-wrapper select:-webkit-autofill:hover,
.contact-us-section .contact-us-wrapper select:-webkit-autofill:focus {
    -webkit-text-fill-color: #275570;
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  transition: background-color 5000s ease-in-out 0s; 

}
body.modal-open {
    padding: 0 !important;
}
.thank-you-banner {
    max-width: 660px;
    width: 100vh;
    margin: 0 auto;
    text-align: center;
}
.error-page-content {
    font-size: 20px;
    line-height: 60px;
    color: #275570;
}

.error-page-content h1 {
    color: #F2652D;
    font-size: 34px;
    letter-spacing: 1.2px;
    margin-bottom: 0;
}

.error-page-content h3 {
    color: #275570;
    padding: 15px 0;
    margin-bottom: 0;
}

.error-page-content p {
    line-height: 30px;
    opacity: 80%;
    margin-bottom: 15px;
}

.error-page-btns button.button.btn-outline {
    border-radius: 10px;
}

.error-page-btns {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    max-width: 440px;
    width: 100%;
    margin: 0 auto;
}
.thank-you::before {
    content: '';
    position: absolute;
    top: -162px;
    left: 75%;
    width: 500px;
    height: 500px;
    filter: blur(42px);
    z-index: 1;
    border-radius: 50%;
    background: transparent radial-gradient(closest-side at 50% 50%, #275570 0%, #27557000 100%) 0% 0% no-repeat padding-box;
    opacity: 24%;
}
.navigation .main-navigation .sub-menu .menu-detail a::before,
.navigation .main-navigation .sub-menu .menu-detail a.active::before{
    display: none;
}
.personal-detail .form-group textarea:focus-visible{
    outline: none
}
.content-form .btn-primary:not(:disabled):not(.disabled).active:focus,
.content-form .btn-primary:not(:disabled):not(.disabled):active:focus,
.content-form .show>.btn-primary.dropdown-toggle:focus{
    box-shadow: none;
    background-color: #D5440B;
}
/* 27-07-2022 */
.content-form .hide-pswd{
    position: absolute;
    top: 51px;
    right: 16px;
    width: 24px;
    height: 24px;
}
.homepage .banner-section .modal-dialog.modal-dialog-centered {
    min-height: auto;
}
.homepage .banner-section .modal-dialog,
.pop-btn .modal-dialog{
  margin: 20px auto;
}

/* Reset password */
.reset-password-page .log-in_wrapper .log-in_sub-wrapper .form-group-btn {
    background-color: #F2652D;
}

.reset-password-page .log-in_wrapper .log-in_sub-wrapper .form-group-btn:hover {
    background-color: #F2652D;
    transition: all 0.2s ease-in-out;
}

.reset-password-page .form-group-btn {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    transition-property: color;
    transition-duration: 0.3s;
}

.reset-password-page .form-group-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background:#D5440B;
    transform: scaleX(0);
    transform-origin: 50%;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    border-radius: 10px;
}

.reset-password-page .form-group-btn:hover:before {
    transform: scaleX(1);
}
.reset-password-page .reset-password-title{
    margin-bottom: 40px;
}
.email-log-in_option .for-new-user span ,
.log-in_page-section .log-in_wrapper .log-in_sub-wrapper label,
.log-in_page-section .log-in_testmonalise .testmonalise-review-content p,
.log-in_page-section .log-in_testmonalise .testmonalise-person h6 {
    letter-spacing: 0.28px;
}
.log-in_page-section .log-in_testmonalise .testmonalise-person h5 {
    letter-spacing: 0.36px;
}
.log-in_page-section .log-in_wrapper .log-in_sub-wrapper .form-group-btn a {
    letter-spacing: 0.16px;
}
.email-log-in_option .for-new-user span {
    font-weight: 500;
    color: #275570;
}
.link-hover{
    color: #255570;
}
.link-hover:hover{
    color: #F2652D;
}
.log-in_page-section .log-in_wrapper .log-in_sub-wrapper .form-group-password i {
    position: absolute;
    top: 45px;
    right: 20px;
}
.reset-password-page .btn-primary:not(:disabled):not(.disabled).active:focus,
.reset-password-page .btn-primary:not(:disabled):not(.disabled):active:focus,
.reset-password-page .show>.btn-primary.dropdown-toggle:focus{
    box-shadow: none;
}
.reset-password-page .password-detail ul.list-unstyled {
    padding-top: 0;
}
.reset-password-page .password-detail .list-unstyled li {
    justify-content: left;
    color: #275570;
}
.thank-you .logo {
    padding-top: 40px;
}
.Choose-Plan-modal form input:-webkit-autofill,
.Choose-Plan-modal form input:-webkit-autofill:hover,
.Choose-Plan-modal form input:-webkit-autofill:focus,
.Choose-Plan-modal form textarea:-webkit-autofill,
.Choose-Plan-modal form textarea:-webkit-autofill:hover,
.Choose-Plan-modal form textarea:-webkit-autofill:focus,
.Choose-Plan-modal form select:-webkit-autofill, 
.Choose-Plan-modal form select:-webkit-autofill:hover,
.Choose-Plan-modal form select:-webkit-autofill:focus {
    -webkit-text-fill-color: #275570;
    -webkit-box-shadow: 0 0 0px 1000px #ffffff00 inset;
    transition: background-color 5000s ease-in-out 0s;
}
.content-market .highlight-content-wrapper .highlight-marketing-img .highlight-imgwrapper::before {
    content: '';
    position: absolute;
    top: -30px;
    left: 60px;
    width: 150px;
    height: 150px;
    background: #f2642c3d;
    filter: blur(42px);
    z-index: -1;
    border-radius: 50%;
}
.content-market .highlight-marketing-section .type-content .type-content-pt li{
    line-height: 26px;
    color: #2C607F;
}
.reset-password-page .password-detail {
    padding-bottom: 10px;
}


input[pseudo="-webkit-media-controls-timeline" i]::-internal-track-segment-highlight-after {
    background-color: transparent;
}
.invalid-feedback strong{
    color: #FF4444;
    font-weight: 400;
    opacity: 0.8;
    font-size: 14px;
}
input.select2-search__field ,
li.select2-results__option.select2-results__message {
   color: #275570;
   font-size:12px;
}
li.select2-results__option.select2-results__message{
   opacity:0.8;
}
span.select2-search.select2-search--dropdown {
   opacity:0.8;
}
.new-order-page .client-carousel .item {
    margin: 0 10px;
}
.new-order-page .testmonalise-audio audio {
    max-width: 270px;
    width: 100%;
}
.new-order-page form input:-webkit-autofill,
.new-order-page form input:-webkit-autofill:hover,
.new-order-page form input:-webkit-autofill:focus,
.new-order-page form textarea:-webkit-autofill,
.new-order-page form textarea:-webkit-autofill:hover,
.new-order-page form textarea:-webkit-autofill:focus,
.new-order-page form select:-webkit-autofill,
.new-order-page form select:-webkit-autofill:hover,
.new-order-page form select:-webkit-autofill:focus{
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
.order-detail .log-in_testmonalise .owl-next.disabled,
.order-detail .log-in_testmonalise .owl-prev.disabled{
    opacity: 0.5;
}
.pricing-section .pricing-pack.active{
    background: #F2652D;
    color: #fff;
    box-shadow: 16px 24px 64px #F2652D3D;
    border: 1px solid #F2652D3D;
}
.content-writing-section .content-wrapper{
    position: relative;
}
.content-writing-section .content-image {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}
    
.order-detail .form-group .invalid {
    text-transform: none;
}
/* 22/9 */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
    font-size: 14px !important;
}

.brand-section {
    padding: 40px 0;
}
.brand-section .brand-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.brand-section .brand-logo a {
    flex: 0 0 15%;
    max-width: 180px;
}
.guest-blogging{
    padding: 40px 0;
    position: relative;
}
.guest-blogging::after {
    content: '';
    position: absolute;
    bottom: 140px;
    right: 290px;
    width: 192px;
    height: 192px;
    background: #28567129;
    filter: blur(42px);
    z-index: -1;
    border-radius: 50%;
}
.guest-blogging::before {
    content: '';
    position: absolute;
    bottom: -90px;
    right: 35%;
    width: 200px;
    height: 200px;
    background: #28567129;
    filter: blur(42px);
    z-index: -1;
    border-radius: 50%;
}
.guest-blogging .section-title,
.guest-blogging .section-detail{
    text-align: center;
}
.guest-blogging .section-title{
    padding-bottom: 20px;
}
.blogging-detail{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
}
.blogging-img img{
    max-width: 500px;
}
.advertiser-detail{
    position: relative;
    padding-right: 20px;
}
.publisher-detail{
    position: relative;
    padding-top: 80px;
    padding-left: 20px;
}
.advertiser-detail h6,
.publisher-detail h6{
    font-size: 24px;
    color: #fff;
    background: #275570;
    padding: 5px 0 2px;
    max-width: 155px;
    font-weight: 400;
    text-align: center;
    border-radius: 8px;
    line-height: 30px;
    margin: 0 auto 15px;
    margin-right: 0;
}
.publisher-detail h6{
    margin: 0 auto 15px;
    margin-left: 0;
    background: #F2652D;
    min-width: 190px
}
.advertiser-detail p {
    background: #fff;
    border: 1px solid #27557029;
    padding: 10px 20px;
    border-radius: 20px 0 20px 20px;
    color: #F2652D;
    line-height: 1.6;
}
.publisher-detail p{
    background: #fff;
    border: 1px solid #27557029;
    padding: 10px 20px;
    border-radius: 0 20px 20px 20px;
    color: #275570;
    line-height: 1.6;
}
.advertiser-detail img {
    position: absolute;
    top: -35px;
    right: -10px;
}
.publisher-detail img {
    position: absolute;
    top: 47px;
    left: -10px;
}
.business-section {
    padding: 40px 0;
}
.business-detail {
    background: #275570;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 30px;
    width: 100%;
    padding: 30px;
    position: relative;
}
.business-detail::before{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    height: 200px;
    background: #F2652D;
    filter: blur(42px);
    z-index: 0;
}
.business-img {
    width: 50%;
    z-index: 1;
}
.business-img img {
    margin-top: -150px;
}
.business-info {
    width: 50%;
}
.business-info h2 {
    font-size: 35px;
    color: #fff;
    padding-bottom: 20px;
}
.business-info h2 span{
    color: #F2652D;
}
.business-info p {
    color: #fff;
    opacity: 0.6;
    padding-bottom: 10px;
}
.business-info .btn-primary{
    background: transparent;
    border-color: transparent;
    color: #fff;
    box-shadow: none;
    text-align: left;
}
.service-guest .highlight-marketing-section{
    padding: 40px 0;
}
.business-info a.link-text{
    color: #fff;
    font-size: 16px;
}
.business-info a.link-text i{
    padding-left: 5px;
}
.service-guest .highlight-content-info .btn-see-site a{
    color: #F2652D !important;
}
.business-info .btn-see-site a,
.highlight-content-info .btn-see-site a{
    position: relative;
    padding-right: 20px;
}
.business-info .btn-see-site a:before,
.highlight-content-info .btn-see-site a::before {
    content: "\f061";
    position: absolute;
    top: 0;
    right: 0px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: 0.3s;
    font-size: 14px;
}
.business-info .btn-see-site a:after,
.highlight-content-info .btn-see-site a::after {
    content: "\f061";
    position: absolute;
    top: 0;
    right: 20px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: 0.3s;
    opacity: 0;
    font-size: 14px;
}
.business-info .btn-see-site a:hover:before,
.highlight-content-info .btn-see-site a:hover:before {
    right: -10px;
    opacity: 0;
}
.business-info .btn-see-site a:hover:after,
.highlight-content-info .btn-see-site a:hover:after {
    right: 0px;
    opacity: 1;
}
.service-guest .highlight-content-wrapper{
    align-items: center;
}
.service-guest .highlight-content-wrapper.powerful-guest{
    align-items: flex-start;
}
.service-guest .question-faq-section .section-title h2{
    max-width: 400px;
}
.service-guest .guest-service-section .guest-service-header{
    max-width: 950px;
}
.powerful-guest .highlight-content-info .type-content .section-title h2{
    font-size: 39px;
}
.main-wrapper .button.btn-primary:active,
.main-wrapper .button.btn-primary.active{
    background-color: #F2652D;
    border-color: #F2652D;
}
.main-wrapper .button.btn-primary:active:focus {
    box-shadow: none !important;
}

/*free-credit popup css start*/
.free-credit .modal-dialog.modal-lg {
    max-width: 730px;
}
.free-credit .modal-content {
    border-radius: 20px;
}
.free-credit .modal-header{
    border-bottom: 0;
}
.free-credit .modal-header .close{
    position: absolute;
    top: -20px;
    right: -20px;
    opacity: 1;
}
.free-credit .modal-body{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    align-items: center;
    padding: 30px 40px 40px 16px;
}
.free-credit-img{
    position: relative;
}
.free-credit-img img{
    position: absolute;
    top: -286px;
    left: -16px;
    max-width: 430px;
}
.free-credit .free-credit-detail{
    text-align: center;
}
.free-credit .free-credit-detail .free-img {
    max-width: 180px;
    padding-bottom: 20px;
}
.free-credit .free-credit-detail h4{
    font-size: 28px;
    font-weight: 500;
    color: #275570;
    margin-bottom: 0;
    padding: 10px 0;
}
.free-credit .free-credit-detail p{
    font-size: 24px;
    font-weight: 700;
    color: #275570;
    margin-bottom: 10px;
}
.free-credit .free-credit-detail .btn-primary{
    color: #FFF;
    background: #F2652D;
    border-color: #F2652D;
    border-radius: 10px;
    line-height: 60px;
    min-width: 160px;
    font-weight: 600;
    font-size: 14px;
}
.free-credit .free-credit-detail .btn-primary:hover{
    color: #fff;
}
/*free-credit popup css end*/
.email-sign-up_option .form-group .invalid-domain-address {
    position: absolute;
    top: 5px;
    right: 3px;
}
.email-sign-up_option .form-group .invalid-domain-address strong {
    font-weight: 400;
    font-size: 12px;
    color: #FF4444;
}

/*new sign login page css start*/

.login-sign .container-fluid {
    padding-right: 0;
}

.login-sign-wrapper {
    padding-left: 90px;
    display: flex;
    gap: 70px;
    min-height: 100vh;
}

.login-sign-form {  
    padding: 64px 60px 64px 0;
    width: 35%;
}

.login-sign-wrapper .form-wrapper {
    padding-top: 80px;
}

.login-sign-wrapper .form-wrapper h2 {
    font-size: 36px;
    font-weight: 500;
    line-height: 1.3;
    color: #275570;
}

.login-sign-wrapper .form-wrapper p {
    font-size: 14px;
    color: #275570;
}

.form-wrapper p.form-text {
    padding-bottom: 20px;
}

.form-wrapper .form-group {
    margin-bottom: 24px;
}

.form-wrapper p.form-text {
    text-align: center;
    color: #A1A1A1;
    font-size: 16px;
    margin-bottom: 0;
    padding-bottom: 20px;
}

.form-wrapper .form-group.form-icon,
.form-wrapper .form-group.form-password,
.form-wrapper .form-group.role-select,
.form-wrapper .form-group.mail-icon {
    position: relative;
}

.form-password button.generatePwdBtn {
    background: #F9F9F9;
    color: #F2652D;
    border-color: #F9F9F9;
    width: 100%;
    border-radius: 4px;
    line-height: 26px;
    margin-top: 8px;
}

.form-password button.generatePwdBtn img {
    padding: 0 6px 2px 0;
}

.form-password button.btn-secondary:active,
.form-password button.btn-secondary.active {
    background: #F9F9F9 !important;
    color: #F2652D !important;
    border-color: #F9F9F9 !important;
}

.form-password button.btn-secondary:active:focus,
.form-password button.btn-secondary.active:focus,
.form-password button.btn-secondary:focus {
    box-shadow: none !important;
    outline: none !important;
}

.form-wrapper .login-password.error input {
    padding-right: 74px;
}
  
.form-wrapper .form-group.form-icon::before,
.form-wrapper .form-group.form-password::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 8px;
    background-image: url('/assets/latest_assets_new/images/form-user.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.form-wrapper .form-group.form-icon:nth-child(3)::before {
    background-image: url('/assets/latest_assets_new/images/mail.svg');
}

.form-wrapper .form-group.form-icon:nth-child(4)::before {
    background-image: url('/assets/latest_assets_new/images/password.svg');
}

.form-wrapper .form-group.form-icon.techexpo-icon:nth-child(4)::before {
    background-image: url('/assets/latest_assets/image/front-phone.svg');
    z-index: 1;
    top: 13px;
    width: 19px;
}

.form-wrapper .form-group.form-password::before {
    background-image: url('/assets/latest_assets_new/images/lock-line.svg') !important;
}

.form-wrapper .form-group.form-icon.mail-icon::before {
    background-image: url('/assets/latest_assets_new/images/mail.svg');
    top: 12px;
}

.form-wrapper .form-group.form-password i {
    position: absolute;
    top: 13px;
    right: 10px;
    color: #A1A1A1;
}

.form-wrapper .login-password.error i,
.form-wrapper .login-password.valid i {
    right: 45px;
}

.form-wrapper .form-group input {
    border: none;
    border-bottom: 1px solid #E6E6E6;
    border-radius: 0;
    padding: 14px 42px;
    font-size: 16px;
    color: #A1A1A1;
    font-weight: 400;
    width: 100%;
}

.form-wrapper .form-group input::placeholder {
    color: #A1A1A1;
}

.form-wrapper .form-group.error input{
    border-color: #DB3A3A;
    border-radius: 0;
}

.form-wrapper .form-control.is-invalid:focus {
    box-shadow: none;
}

.form-wrapper .form-group.error::after {
    content: "";
    position: absolute;
    top: 14px;
    right: 8px;
    background-image: url('/assets/latest_assets_new/images/error-close.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.form-wrapper .role-select.error::after,
.form-wrapper .form-group.role-select.valid::after {
    top: 0; 
}

.form-wrapper .form-password.error::after,
.form-wrapper .form-password.valid::after {
    display: none;
}

.form-wrapper .form-group.valid input{
    border-color: #43AE31;
}

.form-wrapper .form-group.valid::after {
    content: "";
    position: absolute;
    top: 14px;
    right: 8px;
    background-image: url('/assets/latest_assets_new/images/valid-right.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.form-wrapper .form-group label {
    font-size: 14px;
    font-weight: 400;
    color: #275570;
}

.form-wrapper .form-group label.error {
    color: #DB3A3A;
}

.form-wrapper .form-group .password-error {
    position: absolute;
    z-index: 1;
    top: -90px;
    right: -270px;
    margin: 0;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);
    width: 100%;
    max-width: 244px;
    padding: 16px;
    border-radius: 16px;
}
/* Register page - changes (live marketplace issue's branch) css start */



/* Register page - changes (live marketplace issue's branch) css end */

.role-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: 3px;
}

.role-wrapper .advertiser-side,
.role-wrapper .publisher-side {
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    padding: 8px;
    width: 200px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
} 

.role-wrapper .advertiser-side.active,
.role-wrapper .publisher-side.active {
    border-color: #43AE31;
    background: #F9F9F9;
}

.role-wrapper .publisher-side.disabled,
.role-wrapper .advertiser-side.disabled {
    pointer-events: none;
    opacity: 0.6;
}

.role-wrapper .publisher-side.prevent-select,
.role-wrapper .advertiser-side.prevent-select {
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}

.role-wrapper .advertiser-side img,
.role-wrapper .publisher-side img {
    padding: 8px 10px;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
}

.role-wrapper .advertiser-side h6,
.role-wrapper .publisher-side h6 {
    margin-bottom: 0;
    line-height: 1.6;
    font-size: 16px;
    font-weight: 500;
    color: #275570;
    padding-left: 8px;
}

.role-wrapper .advertiser-side p,
.role-wrapper .publisher-side p {
    color: #848484;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0;
}

.role-wrapper .advertiser-side input,
.role-wrapper .publisher-side input {
    position: absolute;
    top: 12px;
    right: 14px;
    width: 17px;
    height: 17px;
    padding: 0;
    display: none;     
}

.form-wrapper .form-group .privacy-policy {
    color: #707070;
}

.form-wrapper .form-group .privacy-policy a,
.form-wrapper .form-group .sign-note a{
    color: #F2652D;
}

.form-wrapper .form-group .button {
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    width: 100%;
}

.form-wrapper .form-group .button:hover {
    background: #F2652D;
    color: #fff;
    border-color: #F2652D;
}

.form-wrapper .form-group .google-btn,
.form-wrapper .form-group .google-btn:hover {
    background: transparent;
    border-color: #A1A1A1;
    color: #275570;
    font-weight: 400;
}

.form-wrapper .form-group .google-btn img {
    padding-right: 8px;
}

.form-wrapper .form-group .sign-note {
    color: #707070;
    text-align: center;
}


.login-sign-wrapper .client-review-wrapper {
    width: 65%;
    position: relative;
    overflow: hidden;
}

.login-sign-wrapper .client-review-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(4, 8, 10, 0.4);
}

.login-sign-wrapper .client-review-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0.4;
    background: linear-gradient(0deg, #0BB765 0%, rgba(24, 167, 132, 0.00) 100%);
    height: 250px;
}

.advertiser-publisher-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -40%);
    width: 100%;
}

.background-animation {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-color: #f2652d;
}

.client-advertiser,
.client-publisher {
    padding: 32px;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 182, 122, 0.20) 100%), #04080A;
    color: #fff;
    width: 350px;
}

.advertiser-info,
.publisher-info {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}

.advertiser-info h5,
.publisher-info h5 {
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1;
    margin-bottom: 0;
}

.advertiser-info img,
.publisher-info img {
    padding-right: 16px;
}

.client-advertiser ul,
.client-publisher ul {
    padding-left: 40px;
    margin-bottom: 0;
}

.client-advertiser ul li,
.client-publisher ul li {
    position: relative;
    padding-bottom: 12px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.8;
    list-style: none;
}

.client-advertiser ul:laste-child li{
    padding-bottom: 0;
}

.client-advertiser ul li::before,
.client-publisher ul li::before {
    content: "";
    position: absolute;
    top: 3px;
    left: -40px;
    background-image: url('/assets/latest_assets_new/images/check-right.svg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
}

.client-publisher {
    margin: 60px 0 -60px 0;
}

.client-excellent {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 65px;
    z-index: 1;
    width: 100%;
}

.client-excellent h3 {
    font-size: 33px;
    font-weight: 500;
    color: #FFF;
    text-align: center;
    margin-bottom: 0;
}

.excellent-review {
    padding-top: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 33px;
}

.excellent-review ul {
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
}

.excellent-review ul li {
    list-style: none;
    padding-right: 7px;
}

.excellent-review p {
    margin-bottom: 0;
    font-size: 18px;
    color: #fff;
    line-height: 2;
}

.background-animation img {
    position: absolute;
    display: block;
    width: 33.33%;
}

.d1 {
    left: -10%;
    animation:fall 100s infinite  alternate ;
}

.d2 {
    left: 23.33%;
    animation: mover 100s infinite alternate;
    padding: 0 15px;
    width: 43.33% !IMPORTANT;
}

.d3 {
    left: 66.66%;
    animation:fall 100s infinite  alternate ;
}

@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-80%); }
}


@keyframes fall{
    0% { transform: translateY(-80%); }
    100% { transform: translateY(0px); }
}

/*login page css */
.form-group-forgot {
    display: flex;
    justify-content: space-between;
}

.remember-chk_box {
    display: flex;
    padding-left: 10px;
}

.remember-chk_box input[type="checkbox"] {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    background: #fff;
    height: 16px;
    width: 16px;
    border: 1px solid #979797;
    border-radius: 3px;
    padding: 8px;
}

.form-wrapper .form-group-forgot label {
    line-height: 1.6;
    color: #707070;
    padding-left: 10px;
}

.form-group-forgot a {
    font-size: 14px;
    color: #F2652D;
    line-height: 1.6;
}

.form-tooltip {
    position: absolute;
    top: 14px;
    right: 0;
}

.form-tooltip p {
    margin-bottom: 0;
}

.form-tooltip span[data-title] {
    position: relative;
} 
.form-tooltip span[data-title]:after {
    content: attr(data-title);
    background-color: #fff;
    color: #555b62;
    font-size: 14px;
    position: absolute;
    padding: 10px 7px;
    top: 25px;
    left: 0;
    box-shadow: 0px 0px 3px #22222217;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
    border-radius: 3px;
    border: 1px solid #dbd9d9;
	max-width: 300px;
	white-space: break-spaces;
	overflow-wrap: break-word;
}

.form-tooltip span[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}  

.login-sign-wrapper .form-wrapper .privacy-policy {
    padding-top: 10px;
}

.login-sign-wrapper .form-wrapper .privacy-policy p {
    font-size: 16px;
    letter-spacing: 1px;
    color: #707070;
}

.login-sign-wrapper .form-wrapper .privacy-policy p b {
    color: #181818;
}

.privacy-policy .form-group-btn {
    padding-top: 10px;
}

.form-wrapper .remember-chk_box input[type="checkbox"]:after {
    top: -4px;
    left: -5px;
    transform: rotate(127deg);
}

.form-wrapper .alert {
    text-align: center;
}

.form-wrapper .token-error {
    background: #f8d7da;
    width: 100%;
    padding: 10px 15px;
    display: block;
    text-align: center;
    color: #721c24;
}

.form-wrapper .form-group input:-webkit-autofill,
.form-wrapper .form-group input:-webkit-autofill:hover,
.form-wrapper .form-group input:-webkit-autofill:focus,
.form-wrapper .form-group input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    -webkit-text-stroke-color: #A1A1A1 !important;
    -webkit-text-fill-color: #A1A1A1 !important;
}

.form-wrapper .login-password.error::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 8px;
    background-image: url('/assets/latest_assets_new/images/error-close.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: block;
}

.form-wrapper .login-password.valid::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 8px;
    background-image: url('/assets/latest_assets_new/images/valid-right.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: block;
}

.form-group .tooltip {
    top: 40px;
    right: 30px;
    background: #fff;
    border: 1px solid red;
    padding: 2px 5px;
}
.error span.tooltip {
    opacity: 1;
}

.login-sign-form .form-wrapper .alert-success {
    background: #E1F6DE;
    border-color: #E1F6DE;
    border-radius: 4px;
    padding: 8px 12px;
    line-height: 1.5;
    font-size: 16px;
    font-weight: 400;
    color: #43AE31;
}

.login-sign-form .form-wrapper .alert-success img {
    padding: 0 5px 3px 0;
}

/*new sign login page css end*/


/* frontend-offer css start */

.frontend-offer-section {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 5;
}

.frontend-offer-wrapper {
    padding-right: 24px;
    background: #132936;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 25px;
    position: relative;
}
.frontend-offer-title h5 {
    font-size: 32px;
    font-weight: 600;
    color: #fff;
    display: none;
    margin-bottom: 0;
}
.frontend-offer-cta a.btn-primary {
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
}
.frontend-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.frontend-count {
    display: flex;
    align-items: center;
    gap: 0 24px;
    border: 1px dashed #F2652D;
    padding: 8px 15px;
    border-radius: 8px;
}

.frontend-item {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
}

.frontend-count .frontend-item span {
    color: #F2652D;
    font-size: 20px;
}

.frontend-count .frontend-item span.frontend-count-item {
    background: #C0DAE9;
    color: #F2652D;
    padding: 10px 10px 5px;
    border-radius: 4px;
    font-size: 24px;
    font-weight: 600;
    margin-top: 8px;
}

.offer-image-removed {
    padding: 16px;
}

.offer-image-removed .frontend-offer-img,
.offer-image-removed .frontend-offer-title img {
    display: none;
}

.offer-image-removed .frontend-offer-title h5 {
    display: block;
}

.offer-image-removed .frontend-item {
    flex-direction: row-reverse;
}

.offer-image-removed .frontend-count .frontend-item span.frontend-count-item {
    margin: 0 0 0 8px;
}

.offer-image-removed .frontend-close {
    display: none;
}

/* frontend-offer css end */


/* new guest post service page css start */
.guest-post-service .section-title {
    max-width: 100%;
    text-align: center;
}

.guest-post-service .banner-section {
    padding: 160px 0 40px;
}

.guest-post-service .banner-section .content-wrapper {
    display: grid;
    grid-template-columns: repeat(2 , 1fr);
    grid-gap: 30px;
    align-items: flex-start;
}

.guest-post-service .banner-section .section-title {
    margin-bottom: 16px;
    text-align: left;
}

.guest-post-service .section-title h1 {
    padding: 0;
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 0;
}

.guest-post-service .section-detail,
.guest-post-service .section-detail {
    color: #2C607F;
}

.guest-post-service .section-detail span,
.link-publisher .section-detail span {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.4px;
    color: #7B7B7B;
    line-height: 1.3;
}

.guest-post-service .section-detail ul,
.link-publisher .section-detail ul {
    margin-bottom: 0;
    padding: 24px 0;
    display: grid;
    grid-template-columns: repeat(2 , 1fr);
    gap: 0 20px;
}

.guest-post-service .section-detail li,
.link-publisher .section-detail li {
    padding-left: 23px;
    list-style: none;
    font-size: 18px;
    position: relative;
    color: #7B7B7B;
}

.guest-post-service .section-detail li::before,
.link-publisher .section-detail li::before {
    content: "\f058";
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 15px;
    color: #275570;
}

.guest-post-service .banner-section .view-btn a.link-text {
    font-size: 16px;
    border-radius: 0;
    letter-spacing: 0.32px;
    min-width: 230px;
    line-height: 46px;
}

/* banner section and */

.guest-post-service .pricing-section {
    background: #132936;
    padding: 80px 0 40px;
}

.guest-post-service .pricing-section .pricing-header {
    max-width: 710px;
    margin: 0 auto;
    padding-bottom: 0;
}

.guest-post-service .pricing-section .section-title {
    text-align: center;
    padding-bottom: 16px;
    margin-bottom: 0;
}

.guest-post-service .pricing-section .section-title h2 {
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0.72px;
    color: #fff;
    margin-bottom: 0;
}

.guest-post-service .pricing-section .section-detail {
    color: #fff;
    font-size: 18px;
}

.guest-post-service .pricing-section .package-item {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 8px;
    gap: 0 16px;
}

.guest-post-service .pricing-section .section-detail p {
    margin-bottom: 16px;
}

.guest-post-service .pricing-section .package-item p span {
    color: #F2652D;
}
.guest-post-service .pricing-section .package-item.active p span {
    color: #fff;
}

.package-item .switch .slider{
    background: #fff;
}

 .package-item .switch .slider:before{
    background: #F2652D;
}

.package-item .switch input.checked + .slider{
    background: #fff;
}

.package-item .switch input.checked + .slider:before{
    content:"";
    position: absolute;
    left: 29px;
    border-radius: 50%;
    background: #F2652D;
    transform: rotate(126deg);
    transition: 0.4s;
}

.package-item .switch input:focus + .slider{
    box-shadow: none;
}

.package-item .switch {
    position: relative;
    display: inline-block;
	width: 55px;
    height: 28px;
	margin-bottom: 0;
}
.package-item .switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.package-item .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}
.package-item .slider:before {
	position: absolute;
	content: "";
    height: 22px;
    width: 22px;
    left: 3px;
    bottom: 3px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	border: 1px solid #fff;
}
.package-item input.checked+.slider {
	background-color: #2196F3;
}
.package-item input:focus+.slider {
	box-shadow: 0 0 1px #2196F3;
}
.package-item input.checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}
.package-item .slider.round {
	border-radius: 34px;
} 
.package-item .slider.round:before {
	border-radius: 50%;
}
.guest-post-service .pricing-section .pricing-pack {
    padding-top: 20px;
}

.guest-post-service .pricing-section .pricing-hedaer{
    padding: 0 20px;
    margin-bottom: 0;
}

.guest-post-service  .pricing-section .package-service {
    padding: 0 20px 15px;
    margin-bottom: 20px;
    min-height: 475px;
    max-height: fit-content;
}

.guest-post-service .pricing-pack .btn-price {
    margin: 0 20px 16px;
    padding: 0 0 16px;
    border-radius: 0;
    border-bottom: 1px solid #CFE3EE;
}

.guest-post-service .pricing-section .pricing-pack h5 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.4px;
    padding-bottom: 8px;
}

.guest-post-service .pricing-section .pricing-hedaer h2 {
    font-size: 42px;
    font-weight: 600;
    letter-spacing: 0.84px;
    line-height: 50px;
    padding-bottom: 8px;
}

.guest-post-service .pricing-section .pricing-hedaer p {
    font-size: 18px;
    margin-bottom: 0;
    padding-bottom: 16px;
}

.guest-post-service .pricing-section .btn-price .btn-outline {
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.32px; 
}

.guest-post-service .pricing-section .package-service li span {
    font-size: 18px;
    font-weight: 400;
}

.guest-post-service .pricing-section .pricing-pack.package::before {
    right: 20px;
    font-size: 14px;
    font-weight: 500; 
    letter-spacing: 0.28px;
    border-radius: 0 0 8px 8px;
}

.guest-posting-pricing {
    transition: all 0.5s;
}

.sign-out-marketplace {
    padding: 56px;
    background: #fff;
    border-radius: 16px;
    text-align: center;
    position: relative;
    transition: all 0.5s;
}

.sign-out-marketplace::before {
    content: "";
    position: absolute;
    bottom: 50px;
    left: 0;
    background-image: url(../image/guest-mail.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 110px;
    height: 140px;
}

.sign-out-marketplace::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url(../image/guest-tree.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 200px;
    height: 170px;
}

.sign-out-marketplace img {
    padding-bottom: 64px;
}

.sign-out-marketplace h3,
.sign-out-marketplace span {
    font-size: 32px;
    font-weight: 500;
    color: #275570;
    max-width: 750px;
    margin: 0 auto;
    margin-bottom: 16px;
    display: block;
}

.sign-out-marketplace p {
    font-size: 18px;
    color: #2C607F;
    max-width: 750px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.sign-out-marketplace a.button {
    border-radius: 4px;
    min-width: 250px;
    line-height: 46px;
    font-size: 16px;
    font-weight: 500;
    z-index: 1;
}

/* pricing section css and */

.guest-post-service .plan-section {
    padding: 80px 0 40px;
}

.guest-post-service .plan-wrapper {
    display: grid;
    grid-template-columns: repeat(2 , 1fr);
    grid-gap: 30px;
    align-items: flex-start;
}

.guest-post-service .plan-wrapper .plan-item-left,
.guest-post-service .plan-wrapper .plan-item-right {
    background: #F2652D;
    padding: 40px;
    position: relative;
    border-radius: 16px;
    color: #fff;
}

.guest-post-service .plan-wrapper .plan-item-right {
    background: #275570;
}

.guest-post-service .plan-wrapper .plan-item-left::before {
    content: "";
    position: absolute;
    top: 0;
    right: 60px;
    background-image: url(../image/guest-plan-left.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 200px;
    height: 200px;
}

.guest-post-service .plan-wrapper .plan-item-right::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 20px;
    background-image: url(../image/guest-plan-right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 200px;
    height: 100px;
}

.guest-post-service .plan-wrapper .plan-item-left h5,
.guest-post-service .plan-wrapper .plan-item-right h5,
.guest-post-service .plan-wrapper .plan-item-left span,
.guest-post-service .plan-wrapper .plan-item-right span,
.link-publisher .plan-wrapper .plan-item-left span,
.link-publisher .plan-wrapper .plan-item-right span  {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.48px;
    line-height: 38px;
    margin-bottom: 24px;
    position: inherit;
    display: block;
}

.guest-post-service .plan-wrapper .plan-item-left a,
.guest-post-service .plan-wrapper .plan-item-right a {
    background-color: #fff;
    border-color: #fff;
    color: #F2652D;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    line-height: 38px;
}

.guest-post-service .plan-wrapper .plan-item-right a {
    color: #275570;
}

.guest-post-service .plan-wrapper .plan-item-left a:hover,
.guest-post-service .plan-wrapper .plan-item-right a:hover,
.guest-post-service .plan-wrapper .plan-item-left a:active,
.guest-post-service .plan-wrapper .plan-item-right a:active {
    background-color: #fff;
    border-color: #fff;

}

.guest-post-service .plan-wrapper .plan-item-left a:hover,
.guest-post-service .plan-wrapper .plan-item-left a:active {
   color: #F2652d;
}

.guest-post-service .banner-section .view-btn a.link-text {
    font-size: 16px;
    border-radius: 4px;
    letter-spacing: 0.32px;
    min-width: 230px;
    line-height: 46px;
}
.guest-post-service .plan-wrapper .plan-item-right a:hover,
.guest-post-service .plan-wrapper .plan-item-right a:active {
   color: #275570;
}

/* plan section css end */

.guest-post-service .quality-content-section{
    padding: 40px 0;
}

.guest-post-service .quality-content-section .quality-content-wrapper{
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.guest-post-service .quality-content-wrapper .quality-wrapper{
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px; 
}
.guest-post-service .quality-content-wrapper .quality-wrapper .quality-info{
    position: relative;
}

.guest-post-service .quality-info .section-detail h2 {
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0.72px;
    color: #275570;
    margin-bottom: 24px;
}

.guest-post-service .quality-info .section-detail p {
    font-size: 16px;
    font-weight: 400;
    color: #2C607F;
}

.guest-post-service .quality-content-wrapper .quality-info span{
    color: #275570CC;
    display: block;
    padding-top: 16px;
}
.guest-post-service .quality-content-wrapper .quality-items{
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px; 
}
.guest-post-service .quality-content-wrapper .quality-items .quality-bx{
    display: grid;
    grid-template-columns: repeat(3 , 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    position: relative;
    z-index: 1;
}
.guest-post-service .quality-content-wrapper .quality-bx .quality-item-wrapper{
    padding: 16px;
    border: 1px solid #C0DAE9;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    background: #fff;
    height: 150px;
}

.guest-post-service .quality-bx .quality-item-wrapper .quality-icon{
    padding-bottom: 8px;
}

.guest-post-service .quality-bx .quality-item-wrapper .block-title{
    min-height: 60px;
}

.guest-post-service .quality-bx .quality-item-wrapper .block-title span {
    font-size: 18px;
    font-weight: 400;
    color: #275570;
}

/* quality-content-wrapper css end */
.guest-post-service .ready-take-section {
    padding: 40px 0;
}

.guest-post-service .ready-wrapper {
    color: #fff;
    background-color: #f2652d;
    padding: 40px;
    min-height: 326px;
    vertical-align: middle;
    text-align: center;
    border-radius: 16px;
    position: relative;
}

.guest-post-service .ready-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 15px;
    background-image: url(../image/guest-level-left.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 300px;
    height: 150px;
}

.guest-post-service .ready-wrapper::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 15px;
    background-image: url(../image/guest-level-right.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 300px;
    height: 140px;
}

.guest-post-service .ready-wrapper h2 {
    font-size: 36px;
    font-weight: 500;
    max-width: 600px;
    margin: 0 auto;
    padding-bottom: 16px;
    position: sticky;
}

.guest-post-service .ready-wrapper p {
    font-size: 18px;
    font-weight: 400;
    max-width: 600px;
    margin: 0 auto;
    line-height: 30px;
}

.guest-post-service .ready-wrapper a.btn-primary {
    border-color: #F58E64;
    background: #fff;
    color: #F2652d !IMPORTANT;
    border-radius: 4px;
    box-shadow: none;
    line-height: 46px;
    min-width: 250px;
    margin-top: 32px;
    z-index: 1;
}

.guest-post-service .ready-wrapper a.btn-primary:hover {
    border-color: #F58E64;
    background: #fff;
    color: #F2652d !IMPORTANT;
}

/* ready secton css end */

.your-brand-section {
    padding: 40px 0 80px;
}

.your-brand-section .section-title {
    text-align: center;
    padding-bottom: 56px;
    margin-bottom: 0;
}

.your-brand-section .section-title h2 {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 0;
}

.your-brand-wrapper {
    display: grid;
    grid-template-columns: repeat(3 , 1fr);
    grid-gap: 30px;
    align-items: flex-start;
}

.guest-post-service .your-brand-wrapper .expect-result-point{
    padding: 24px;
    border: 1px solid #C0DAE9;
    border-radius: 16px;
}
.guest-post-service .your-brand-wrapper .result-icon{
    width: 40px;
    height: 40px;
    background-color: #FFEEE8;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #F2652D;
}

.guest-post-service .your-brand-wrapper .block-title {
    min-height: 250px;
}

.guest-post-service .your-brand-wrapper .block-title span {
    font-size: 24px;
    color: #275570;
    font-weight: 500;
    margin-bottom: 20px;
    display: inline-block;
}

.guest-post-service .your-brand-wrapper .block-title p {
    font-size: 16px;
    color: #7B7B7B;
    line-height: 25px;
    font-weight: 400;
}
 
.your-brand-section .expect-result-point .result-icon {
    background: transparent;
}
/* your brand section css end */

.guest-post-service .publishers-works {
    padding: 80px 0;
    background: #132936;
}

.guest-post-service .publishers-works .section-title {
    padding-bottom: 56px;
}

.guest-post-service .publishers-works .section-title h2 {
    font-size: 36px;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 0;
}

.guest-post-service .publishers-works-wrapper {
    display: grid;
    grid-template-columns: repeat(4 , 1fr);
    grid-gap: 10px;
    align-items: flex-start;
}

.guest-post-service .publishers-works-item {
    border-right: 1px solid #C0DAE9;
    padding: 24px;
    min-height: 463px;
}

.guest-post-service .publishers-works-item:first-child {
    padding-left: 0;
}

.guest-post-service .publishers-works-item:last-child {
    border-right: none;
    padding-right: 0;
}

.guest-post-service .publishers-works-item span {
    width: 56px;
    height: 56px;
    line-height: 60px;
    background: #F2652D;
    border-radius: 100%;
    text-align: center;
    margin-bottom: 16px;
    color: #fff;
    display: inline-block;
}

.guest-post-service .publishers-works-item h3 {
    font-size: 24px;
    font-weight: 500;
    color: #C0DAE9;
    line-height: 38px;
    margin-bottom: 16px;
}

.guest-post-service .publishers-works-item p {
    font-size: 16px;
    color: #fff;
    line-height: 32px;
}

/* publishers-works css end */

.guest-post-service .testimonial-section {
    padding: 80px 0;
}

.guest-post-service .testimonial-section::before {
    display: none;
}

.guest-post-service .plan-section,
.link-publisher .plan-section {
    padding: 40px 0;
}

.guest-post-service .plan-wrapper,
.link-publisher .plan-wrapper {
    display: grid;
    grid-template-columns: repeat(2 , 1fr);
    grid-gap: 30px;
    align-items: flex-start;
}

.guest-post-service .plan-wrapper .plan-item-left,
.guest-post-service .plan-wrapper .plan-item-right,
.link-publisher .plan-wrapper .plan-item-left,
.link-publisher .plan-wrapper .plan-item-right {
    background: #F2652D;
    padding: 40px;
    position: relative;
}
.guest-post-service .testimonial-section .section-title {
    padding-bottom: 30px;
}

.guest-post-service .testimonial-section .section-title h2 {
    font-size: 36px;
    font-weight: 500;
}

.guest-post-service .review-slider .our-client {
    padding: 24px;
    border-radius: 16px;
    border: 1px solid  #C0DAE9;
    margin: 0 15px;
}

.guest-post-service .plan-wrapper .plan-item-right,
.link-publisher .plan-wrapper .plan-item-right {
    background: #275570;
}

.guest-post-service .plan-wrapper .plan-item-left::before,
.link-publisher .plan-wrapper .plan-item-left::before {
    content: "";
    position: absolute;
    top: 0;
    right: 60px;
    background-image: url(../image/guest-plan-left.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 200px;
    height: 200px;
}

.guest-post-service .plan-wrapper .plan-item-right::before,
.link-publisher .plan-wrapper .plan-item-right::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 20px;
    background-image: url(../image/guest-plan-right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 200px;
    height: 100px;
}

.guest-post-service .plan-wrapper .plan-item-left h5,
.guest-post-service .plan-wrapper .plan-item-right h5,
.link-publisher .plan-wrapper .plan-item-left h5,
.link-publisher .plan-wrapper .plan-item-right h5,
.guest-post-service .plan-wrapper .plan-item-left span,
.guest-post-service .plan-wrapper .plan-item-right span  {
    color: #fff;
}
.guest-post-service .review-slider .client-info h5 {
    font-size: 24px;
    font-weight: 500;
    color: #275570;
    margin-bottom: 12px;
}

.guest-post-service .review-slider .client-info p {
    font-size: 18px;
    font-weight: 400;
    color: #2C607F;
    margin-bottom: 24px;
    line-height: 32px;
}

.guest-post-service .our-client .audio {
    padding-bottom: 24px;
}

.guest-post-service .review-slider .our-client .client-detail {
    display: flex;
    align-items: center;
    gap: 0 12px;
    padding-top: 24px;
    border-top: 1px solid #C0DAE9;
}

.guest-post-service .review-slider .client-img-wrapper img {
    max-width: 70px;
    border-radius: 100%;
    border: 2px solid #F2652D;
}

.guest-post-service .client-short-info span {
    font-size: 24px;
    font-weight: 500;
    color: #275570;
    margin-bottom: 5px;
}

.guest-post-service .plan-wrapper .plan-item-left a,
.link-publisher .plan-wrapper .plan-item-left a {
    background-color: #fff;
    border-color: #fff;
    color: #f2652D;
}
.guest-post-service .client-short-info p {
    color: #F2652D;
    font-size: 16px;
    margin-bottom: 0;
}

.guest-post-service .plan-wrapper .plan-item-right a,
.link-publisher .plan-wrapper .plan-item-right a {
    color: #275570;
    background-color: #fff;
    border-color: #fff;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    line-height: 38px;
}

.guest-post-service .plan-wrapper .plan-item-left a:hover,
.guest-post-service .plan-wrapper .plan-item-right a:hover,
.link-publisher .plan-wrapper .plan-item-left a:active,
.link-publisher .plan-wrapper .plan-item-right a:active {
    background-color: #fff;
    border-color: #fff;

}

.guest-post-service .plan-wrapper .plan-item-left a:hover,
.guest-post-service .plan-wrapper .plan-item-left a:active,
.link-publisher .plan-wrapper .plan-item-left a:hover,
.link-publisher .plan-wrapper .plan-item-left a:active {
   color: #F2652d;
}

.guest-post-service .plan-wrapper .plan-item-right a:hover,
.guest-post-service .plan-wrapper .plan-item-right a:active,
.link-publisher .plan-wrapper .plan-item-right a:hover,
.link-publisher .plan-wrapper .plan-item-right a:active {
   color: #275570;
}
.guest-post-service .review-slider .owl-nav {
    text-align: center;
    padding-top: 30px;
}

.guest-post-service .review-slider .owl-nav .owl-prev {
    margin-right: 32px;
    color: #275570;
}

.guest-post-service .review-slider .owl-nav .owl-next {
    margin-left: 32px;
    color: #275570;
}

.guest-post-service .review-slider .owl-dots {
    display: none;
}

/* testimonial-section css end */

.guest-post-service .digital-product {
    padding: 80px 0;
    background: #132936;
    position: relative;
}

.guest-post-service .digital-product::before {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    background-image: url(../image/digital-product-round.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 300px;
    height: 150px;
}

.guest-post-service .digital-product .digital-product-wrapper {
    display: grid;
    grid-template-columns: repeat(2 , 1fr);
    grid-gap: 30px;
    align-items: flex-start;
    padding: 40px 0;
    position: sticky;
}

.guest-post-service .digital-product-wrapper .digital-deatil h2 {
    font-size: 36px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 8px;
}

.guest-post-service .digital-product-wrapper .digital-deatil p {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 32px;
}

.guest-post-service .digital-info {
    display: grid;
    grid-template-columns: repeat(2 , 1fr);
    grid-gap: 30px;
    align-items: flex-start;
}

.guest-post-service .digital-info .digital-item {
    padding: 24px;
    border: 1px solid #A1A1A1;
    border-radius: 16px;
    position: relative;
    background: transparent;
}

.guest-post-service .digital-info .digital-item .digital-product-item {
    width: 64px;
    height: 64px;
    border-radius: 100%;
    margin-bottom: 16px;
}

.guest-post-service .digital-info .digital-item span {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0;
}

.guest-post-service .digital-info .digital-item::before {
    content: "\f063";
    position: absolute;
    bottom: 25px;
    right: 25px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #fff;
    transform: rotate(312deg);
    transition: all 0.5s;
}

.guest-post-service .digital-info .digital-item:hover {
    background: #F2652D;
    border-color: #F2652d;
}

.guest-post-service .digital-info .digital-item:hover::before {
    transform: rotate(227deg);
    transition: all 0.5s;
}

/* digital-product css end */

.guest-post-service .question-faq-section {
    padding: 80px 0 40px;
}

.guest-post-service .question-faq-section .section-title {
    justify-content: center;
    padding-bottom: 56px;
    margin-bottom: 0;
}

.guest-post-service .question-faq-section .section-title h2 {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 0;
}

.guest-post-service .question-faq-section .faq-wrapper {
    padding-top: 0;
}

.guest-post-service .card.faq-accordion {
    margin-bottom: 12px;
    border: none;
    border-bottom: 1px solid transparent;
    border-radius: 0;
}

.guest-post-service .faq-accordion button.card-link {
    padding: 5px 8px 12px;
    border: none;
    border-bottom: 1px solid #E6E6E6;
    font-size: 20px;
    font-weight: 500;
    border-radius: 0 !important;
    line-height: 32px;
    color: #275570;
}

.guest-post-service .faq-wrapper .faq-accordion .card-body {
    padding: 0 8px;
}

.guest-post-service .faq-accordion .card-body p {
    color: #7B7B7B;
    margin-bottom: 0;
}

.guest-post-service .card.faq-accordion.open {
    box-shadow: none;
    border-color: #E6E6E6;
    padding-bottom: 20px;
}

.guest-post-service .faq-accordion.open button.card-link {
    border-color: transparent;
}

.guest-post-service .card.faq-accordion button.card-link:after,
.guest-post-service .card.faq-accordion button.card-link.collapsed:after {
    top: 25px;
    background: #F2652D;
}

.guest-post-service .card.faq-accordion button.card-link:before {
    top: 25px;
    background: #F2652D;
}

/* faq css end */   

.ready-posting {
    padding: 40px 0 120px
}

.ready-posting .ready-posting-wrapper {
    padding: 60px 40px; 
    background: #F2652d;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.ready-posting .ready-posting-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../image/guest-level-left.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 300px;
    height: 150px;
}

.ready-posting .ready-posting-wrapper::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 300px;
    background-image: url(../image/guest-level-right.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 300px;
    height: 140px;
}

.ready-posting .ready-posting-detail {
    max-width: 600px;
    z-index: 1;
}

.ready-posting .ready-posting-detail h2 {
    font-size: 32px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 16px;
}

.ready-posting .ready-posting-detail p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 0;
    line-height: 1.6;
}

.ready-posting .ready-posting-info a {
    font-size: 16px;
    font-weight: 400;
    border-radius: 4px;
    background: #fff;
    box-shadow: none;
    color: #F2652D !important;
    line-height: 46px;
    min-width: 250px;
    text-align: center;
    z-index: 1;
}

.guest-post-service .testimonial-section,
.client-testimonial-section {
    padding: 80px 0;
}

.guest-post-service .testimonial-section::before,
.client-testimonial-section::before {
    display: none;
}

.guest-post-service .testimonial-section .section-title,
.client-testimonial-section .section-title {
    padding-bottom: 30px;
    text-align: center;
}

.guest-post-service .testimonial-section .section-title h2,
.client-testimonial-section .section-title h2 {
    font-size: 36px;
    font-weight: 500;
}

.guest-post-service .review-slider .our-client,
.client-testimonial-section .review-slider .our-client {
    padding: 24px;
    border-radius: 16px;
    border: 1px solid  #C0DAE9;
    margin: 0 15px;
}

.guest-post-service .review-slider .client-info h5,
.client-testimonial-section .review-slider .client-info h5 {
    font-size: 24px;
    font-weight: 500;
    color: #275570;
    margin-bottom: 12px;
}

.guest-post-service .review-slider .client-info p,
.client-testimonial-section .review-slider .client-info p {
    font-size: 16px;
    font-weight: 400;
    color: #7B7B7B;
    margin-bottom: 24px;
    line-height: 32px;
}

.guest-post-service .our-client .audio,
.client-testimonial-section .our-client .audio {
    padding-bottom: 24px;
}

.guest-post-service .review-slider .our-client .client-detail,
.client-testimonial-section .review-slider .our-client .client-detail {
    display: flex;
    align-items: center;
    gap: 0 12px;
    padding-top: 24px;
    border-top: 1px solid #C0DAE9;
}

.guest-post-service .review-slider .client-img-wrapper img,
.client-testimonial-section .review-slider .client-img-wrapper img {
    max-width: 70px;
    border-radius: 100%;
    border: 2px solid #F2652D;
}

.guest-post-service .client-short-info span,
.client-testimonial-section .client-short-info span {
    font-size: 24px;
    font-weight: 500;
    color: #275570;
    margin-bottom: 5px;
}

.guest-post-service .client-short-info p,
.client-testimonial-section .client-short-info p {
    color: #F2652D;
    font-size: 16px;
    margin-bottom: 0;
}

.guest-post-service .review-slider .owl-nav,
.client-testimonial-section .review-slider .owl-nav {
    text-align: center;
    padding-top: 30px;
}

.guest-post-service .review-slider .owl-nav .owl-prev,
.client-testimonial-section .review-slider .owl-nav .owl-prev {
    margin-right: 32px;
    color: #275570;
}

.guest-post-service .review-slider .owl-nav .owl-next,
.client-testimonial-section .review-slider .owl-nav .owl-next {
    margin-left: 32px;
    color: #275570;
}

.guest-post-service .review-slider .owl-dots,
.client-testimonial-section .review-slider .owl-dots {
    display: none;
}
.ready-posting .ready-posting-info a:hover {
    background-color: #fff;
    color: #F2652D;
    border-color: #F2652D;
}

.guest-post-service .Choose-Plan-modal .form-phone .country_std_code {
    margin-bottom: 0;
    border-radius: 8px 0 0 8px !important;
    border-right: none !important;
    height: 47px;
    max-width: 20%;
    padding: 15px 5px !important;
}

.guest-post-service #comments-error{
    display: none;
    width: 100%;
    font-size: 14px;
    color: #275570;
    opacity: 0.9;
    text-transform: capitalize;
    font-weight: 500;
} 

.guest-post-service .Choose-Plan-modal .modal-body .form-group input.error,
.guest-post-service .Choose-Plan-modal .modal-body .form-group textarea.error,
.guest-post-service .modal-body .form-group .error + .select2 .select2-selection--single {
    border-color: #ff0000 !important;
}

.guest-post-service .modal-body .form-group .select2-container .select2-container--focus {
    outline: none;
}

.guest-post-service .modal-body .form-group input::-webkit-outer-spin-button,
.guest-post-service .modal-body .form-group input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.guest-post-service .pricing-section .row::before {
    display: none;
}

.guest-post-service .banner-section .content-video iframe,
.link-publisher .content-writing-section .content-video iframe,
.link-builder .content-writing-section .content-video iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.guest-post-overlay {
    position: relative;
}

.guest-post-overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.6;
    z-index: 99;
}

.guest-post-overlay .guest-post-service .banner-section .content-video iframe,
 .link-publisher .content-writing-section .content-video iframe,
.guest-post-overlay .link-builder .content-writing-section .content-video iframe {
    z-index: 999;
}

.guest-post-service .faq-wrapper .faq-accordion .card-body ul {
    margin-bottom: 0;
    padding-left: 20px;
}

.guest-post-service .faq-wrapper .faq-accordion .card-body ul li {
    font-size: 16px;
    color: #2C607F;
    font-weight: 400;
    padding-bottom: 5px;
}

.guest-post-service .faq-wrapper .faq-accordion .card-body ul li:last-child {
    padding-bottom: 0;
}

/* new guest post service page css end */
/* christmas offer css start */

.christmas-login-modal .modal-dialog {
    max-width: 350px;
    margin: 0 auto;
}

.christmas-login-wrapper img {
    width: 100%;
}

.christmas-login-wrapper {
    position: inherit;
    z-index: 9;
}

.christmas-login-modal .modal-content {
    background: radial-gradient(62.77% 62.77% at 50% 37.23%, #2C566F 0%, #041824 100%);
    width: 100%;
    border-radius: 16px;
}

.christmas-login-modal .modal-header {
    padding: 10px 10px 0;
    border-bottom: none;
}

.christmas-login-modal .modal-header .close {
    opacity: 1;
}

.christmas-login-modal .modal-body {
    text-align: center;
    padding-bottom: 35px;
}

.christmas-login-modal .image-container img {
    max-width: 220px;
}

.christmas-login-modal .christmas_Login_date {
    padding-top: 30px;
}

/* christmas offer css end */

.contact-us-section .contact-form .contact-captcha {
    display: flex;
    align-items: flex-end;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: 0 20px;
}

.contact-us-section .contact-captcha .captcha-canvas {
    display: flex;
    align-items: center;
    max-width: 280px;
    border: 1px solid #E5E5E5;
    background: #fff;
    padding: 10px;
    border-radius: 8px;
}

.contact-us-section .contact-captcha .captcha-canvas button {
    padding: 7px 12px 3px;
    line-height: 1.2;
    background: #275570;
    border-color: #275570;
}

.digital-product,
.link-publisher .digital-product {
    padding: 80px 0;
    background: #132936;
    position: relative;
}

.digital-product::before,
.link-publisher .digital-product::before {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    background-image: url(../image/digital-product-round.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 300px;
    height: 150px;
}

.digital-product .digital-product-wrapper,
.link-publisher .digital-product .digital-product-wrapper {
    display: grid;
    grid-template-columns: repeat(2 , 1fr);
    grid-gap: 30px;
    align-items: flex-start;
    padding: 40px 0;
    position: sticky;
}

.digital-product-wrapper .digital-deatil h2,
.link-publisher .digital-product-wrapper .digital-deatil h2 {
    font-size: 36px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 8px;
}

.digital-product-wrapper .digital-deatil p,
.link-publisher .digital-product-wrapper .digital-deatil p {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 32px;
}

.digital-info,
.link-publisher .digital-info {
    display: grid;
    grid-template-columns: repeat(2 , 1fr);
    grid-gap: 30px;
    align-items: flex-start;
}

.digital-info .digital-item,
.link-publisher .digital-info .digital-item {
    padding: 24px;
    border: 1px solid #A1A1A1;
    border-radius: 16px;
    position: relative;
}
.contact-us-section .contact-captcha .captcha-canvas button i {
    font-size: 14px;
}

.contact-us-section .contact-form .contact-captcha .group {
    max-width: 400px;
    margin-bottom: 0;
}

.contact-us-section .contact-captcha .captcha-canvas button:active,
.contact-us-section .contact-captcha .captcha-canvas button:active:focus,
.contact-us-section .contact-captcha .captcha-canvas button.active:focus,
.contact-us-section .contact-captcha .captcha-canvas button:focus{
    box-shadow: none;
}


/*valentine-popup css start */

.valentine-front-popup .modal-content {
    border-radius: 16px;
    background-color: transparent;
    border: none;
}

.valentine-front-popup .modal-header {
    padding: 0;
    border-bottom: none;
}

.valentine-front-popup .modal-header button.close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    opacity: 1;
}

.valentine-front-popup .modal-body {
    padding: 0;
    position: relative;
    margin-bottom: -1px;
}

.digital-info .digital-item .digital-product-item,
.link-publisher .digital-info .digital-item .digital-product-item {
    background: #275570;
    width: 64px;
    height: 64px;
    border-radius: 100%;
    margin-bottom: 16px;
}

.valentine-front-popup .modal-body img {
    margin: -37px 0 0 -45px;
    max-width: 550px
}

.valentine-front-popup .modal-body .frontend-offer-time {
    /* position: absolute;
    left: 30px;
    right: 30px;
    bottom: 30px; */
    font-family: 'Hepta Slab', serif;
    padding-bottom: 20px;
}

.valentine-front-popup .modal-body .valentine-detail {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 28px;
    right: 20px;
    font-family: 'Hepta Slab', serif;
}

.valentine-front-popup .modal-body .frontend-count {
    justify-content: space-between;
    gap: 0 10px;
    padding: 15px 30px;
    border-radius: 10px;
    background: #7E1035;
    border: none;
}

.valentine-front-popup .frontend-offer-time .frontend-item {
    flex-direction: column;
    position: relative;
}

.valentine-front-popup .frontend-count .frontend-count-item {
    color: #fff !important;
    padding: 0 !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    background: transparent !important;
    font-family: 'Hepta Slab', serif;
    margin-top: 0 !important;
}

.digital-info .digital-item span,
.link-publisher .digital-info .digital-item span,
.digital-info .digital-item h3 {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0;
}
.valentine-front-popup .frontend-count .frontend-item span {
    color: #fff;
    font-size: 12px;
    opacity: 0.5;
    font-family: 'Hepta Slab', serif;
}

.digital-info .digital-item::before,
.link-publisher .digital-info .digital-item::before {
    content: "\f063";
    position: absolute;
    bottom: 25px;
    right: 25px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #fff;
    transform: rotate(312deg);
    transition: all 0.5s;
}

.digital-info .digital-item:hover,
.link-publisher .digital-info .digital-item:hover {
    background: #F2652D;
    border-color: #F2652d;
}

.digital-info .digital-item:hover .digital-product-item,
.link-publisher .digital-info .digital-item:hover .digital-product-item {
    background: #fff;
}

/*valentine-popup css end */

/* .link-publisher .client-testimonial-section .owl-prev i {
    transform: rotate(180deg);
} */

.digital-info .digital-item:hover::before,
.link-publisher .digital-info .digital-item:hover::before {
    transform: rotate(227deg);
    transition: all 0.5s;
}

/* new about us page css start */

.about-us-wrapper .banner-section {
    padding: 160px 0 40px;
}

.about-us-wrapper .banner-section .section-title {
    max-width: 100%;
    text-align: left;
    margin-bottom: 16px;
    line-height: 1.4;
}

.about-us-wrapper .banner-section .section-title p {
    margin-bottom: 0;
    color: #F2652D;
    font-weight: 600;
    font-size: 16px;
}

.about-us-wrapper .about-detail {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0 40px;
}

.about-us-wrapper .about-detail h1 {
    color: #275570;
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1.2;
}

.about-us-wrapper .about-detail p {
    font-size: 20px;
    color: #2C607F;
    line-height: 1.8;
    margin-bottom: 0;
    line-height: 40px;
}

/* images section css start */
.about-us-images {
    padding: 80px 0;
}

.about-us-images .about-us-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 30px;
}

.about-us-images .about-image-item img {
    border-radius: 16px;
    max-width: 390px;
    margin: 0 auto;
}

.about-us-images .about-image-item img.about-images-item {
    padding-bottom: 30px;
}

/* images section css end */

/* our story section css start */

.our-story-section {
    padding: 40px 0 30px;
}

.ready-posting .ready-posting-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 13px;
    background-image: url(../image/guest-level-left.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 300px;
    height: 150px;
}
.our-story-section .our-story-detail h2 {
    font-size: 36px;
    font-weight: 500;
    color: #275570;
    text-transform: capitalize;
    line-height: 1.3;
    margin-bottom: 30px;
}

.our-story-section .our-story-detail p {
    color: #275570;
    line-height: 1.8;
}

.our-story-section .our-story-detail p span {
    font-weight: 600;
}

.our-story-marketplace {
    background: #F0F0F0;
    border-radius: 16px;
    padding: 40px 0 40px 40px;
    display: flex;
    align-items: center;
    gap: 0 40px;
    width: 100%;
}

.our-story-marketplace .our-story-item {
    width: 50%;
}

.our-story-marketplace .our-story-img {
    width: 50%;
}

.our-story-item h3 {
    font-size: 32px;
    font-weight: 500;
    color: #275570;
    line-height: 1.3;
    margin-bottom: 40px;
}

.our-story-item p {
    color: #7B7B7B;
    line-height: 1.8;
    margin-bottom: 24px;
    font-size: 16px;
}

.story-link-publisher {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 30px;
    gap: 0 30px;
    width: 100%;
}

.story-link-publisher .our-story-item {
    background: #F9F9F9;
    padding: 40px;
    border-radius: 16px;
    width: 50%;
    min-height: 672px;
}

.story-link-publisher .our-story-item.story-link {
    background: #F9F9F9;
}

/* our story section css end */

/* about count css start */
.about-count-section {
    padding: 30px 0 40px;
}

.about-conut-detail {
    border: 1px solid #E6E6E6;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about-conut-detail .about-count-item {
    padding: 40px 48px;
    position: relative;
}

.about-conut-detail .about-count-item::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 0;
    width: 1px;
    height: 110px;
    background: #E6E6E6;
}

.about-conut-detail .about-count-item:first-child::before {
    display: none;
}

.about-conut-detail .about-count-item p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    color: #7B7B7B;
}

.about-conut-detail .about-count-item h2 {
    font-size: 40px;
    font-weight: 600;
    color: #F2652D;
    line-height: 1;
    margin-bottom: 8px;
}

.about-conut-detail .about-count-item h2 span {
    color: #F2652D;
}
/* about count css end */

/* reday section css statr */
.about-us-wrapper .ready-take-section {
    padding: 40px 0;
}

.about-us-wrapper .ready-wrapper {
    color: #fff;
    background-image: url(../image/about-post-ready.svg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px;
    vertical-align: middle;
    text-align: center;
    border-radius: 16px;
}

.about-us-wrapper .ready-wrapper h2 {
    font-size: 36px;
    font-weight: 500;
    padding-bottom: 16px;
    margin-bottom: 0;
}

.about-us-wrapper .ready-wrapper p {
    font-size: 18px;
    font-weight: 400;
    max-width: 600px;
    margin: 0 auto;
    line-height: 30px;
}

.about-us-wrapper .ready-wrapper a.btn-primary {
    border-color: #F58E64;
    background: #fff;
    color: #F2652d !important;
    border-radius: 4px;
    box-shadow: none;
    line-height: 46px;
    min-width: 250px;
    margin-top: 32px;
}

.about-us-wrapper .ready-wrapper a.btn-primary:hover {
    border-color: #F58E64;
    background: #fff;
    color: #F2652d !important;
}

/* reday section css end */

/* our team section css start */
.our-team-section {
    padding: 40px 0;
}

.our-team-section h3 {
    font-size: 36px;
    font-weight: 500;
    color: #275570;
    line-height: 1.3;
    margin-bottom: 0;
    padding: 40px 0 24px;
}

.our-team-section h4 {
    font-size: 36px;
    font-weight: 500;
    color: #275570;
    line-height: 1.3;
    margin-bottom: 0;
    text-transform: capitalize;
}

.our-founder {
    border-radius: 16px;
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.our-founder .our-founder-img {
    display: flex;
    align-items: flex-start;
}

.our-founder .our-founder-img.our-co-founder {
    align-items: flex-end;
    flex-direction: row-reverse;
}

.our-founder .founder-detail {
    padding: 24px 40px;
    min-width: 260px;
}

.our-founder .our-co-founder .founder-detail {
    text-align: right;
}

.our-founder .our-co-founder .founder-detail img {
    transform: rotate(180deg);
}

.our-founder .founder-detail h3 {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.1;
    padding: 0 0 4px;
}

.our-founder .founder-detail h6 {
    font-weight: 500;
    opacity: 0.8;
    color: #275570;
    line-height: 1.6;
    margin-bottom: 4px;
}

.our-founder .founder-detail p {
    color: #275570;
    line-height: 1.8;
    margin-bottom: 0;
}

.our-founder .founder-detail a {
    display: block;
    padding-bottom: 16px;
    cursor: pointer;
}

.our-founder .founder-detail a img {
    border-radius: 0;
}

.our-founder .our-founder-img img {
    border-radius: 16px;
}

.our-founder .our-co-founder .founder-detail a img {
    transform: rotate(0deg);
}

.our-team {
    /* padding-top: 40px; */
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.our-team .our-team-member {
    padding: 8px;
}

.our-team .our-team-member:nth-child(odd) .our-team-img {
    background: #FCDDD0;
    border-radius: 16px;
}

.our-team .our-team-member:nth-child(even) .our-team-img {
    background: #FCF1D9;
    border-radius: 16px;
}

.our-team .our-team-member img {
    border-radius: 16px;
}

.our-team .our-team-member img {
    height: 296px;
}

.our-team .our-team-member h5 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.6;
    color: #275570;
    margin-bottom: 0;
    padding-top: 16px;
}

.our-team .our-team-member p {
    color: #275570;
    opacity: 0.6;
    line-height: 1.8;
    margin-bottom: 0;
}

/* our team section css end */

/* new about us page css end */
/* Sticky cookies in front css start */

.sticky-footer-front {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #f8f9fa;
    padding: 20px 0;
    text-align: center;
    z-index: 1000;
    background: aliceblue;
    /* Prevent LCP calculation - hide initially */
    display: none;
    /* Exclude from layout calculation */
    content-visibility: hidden;
    contain-intrinsic-size: 0 60px;
}
.sticky-footer-front.show {
    display: block;
    content-visibility: visible;
}
span.stickyCookieFront {
    color: #275570;
}
button.btn.btn-primary.gotItBtn {
    background-color: #F2652D;
    color: #fff;
    border-radius: 8px;
    border: none;
    font-weight: 600;
    overflow: hidden;
}

.contact-us-section .contact-form .contact-captcha .group span {
    padding-top: 15px;
}

.contact-form-wrapper .contact-form .alert-danger {
    max-width: 400px;
    text-align: center;
    margin: 0 auto;
}

/*valentine-popup css end */

/* .link-publisher .client-testimonial-section .owl-prev i {
    transform: rotate(180deg);
} */
.contact-form-wrapper .contact-form .alert-danger p {
    margin-bottom: 0;
}
/* Sticky cookies in front css end */

/* new home page css start */

.homepage .banner-section {
    padding: 130px 0 0px;
}

.homepage .banner-section .section-title {
    margin: 24px auto 24px;
}

.homepage .banner-section .title-link {
    background: #F0F0F0;
    padding: 11px 10px;
    border-radius: 20px;
    color: #848484;
    font-size: 14px;
    font-weight: 400;
    display: block;
    max-width: 325px;
    margin: 20px auto 0;
}

.homepage .banner-section .title-link img {
    margin-right: 4px;
    max-width: 13px;
}

.homepage .banner-section .section-title h1 {
    padding-top: 16px;
}

.homepage .banner-cta {
    text-align: center;
}

.homepage .banner-cta .btn-primary, 
.homepage .banner-cta .btn-outline {
    line-height: 62px;
    border-radius: 8px;
    min-width: 200px;
}

.homepage .banner-cta .sell_gp_btn_hover {
    background: transparent;
    color: #F2652D;
}

.homepage .customer-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 16px;
    padding: 20px 0 40px;
}

.homepage .customer-wrapper .customer-info {
    position: relative;
}

.customer-rating ul {
    padding-left: 0;
    margin-bottom: 1px;
    display: flex;
    align-items: center;
    gap: 0 5px;
}

.customer-rating ul li {
    list-style: none;
    font-size: 15px;
    color: #F3C254;
}

.homepage .customer-wrapper .customer-info img {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    margin-left: -15px;
    object-fit: cover;
    object-position: top;
}

.homepage .customer-wrapper .customer-rating img {
    width: 100%;
    max-width: 140px;
}

.homepage .customer-wrapper .customer-rating p {
    font-size: 14px;
    font-weight: 400;
    color: #707070;
    line-height: 1.6;
    margin-bottom: 0;
}

.homepage .customer-wrapper .customer-info img:first-child {
    margin-left: 0;
}

.homepage .banner-wrapper .seo-detail {
    text-align: center;
} 

.homepage .banner-wrapper .seo-detail p {
    font-size: 14px;
    font-weight: 400;
    color: #848484;
    line-height: 1.6;
    margin-bottom: 12px;
}

.homepage .banner-wrapper .seo-detail img {
    margin-right: 18px;
}

.homepage .banner-wrapper .seo-detail img:last-child {
    margin-right: 0;
}

.homepage .hero-section {
    text-align: center;
}

.homepage .hero-section img {
    width: 100%;
}

.our-blog-section {
    padding: 0 0 40px;
}

.our-blog-section .section-title {
    text-align: center;
    padding-bottom: 34px;
}

.our-blog-section .section-title span {
    font-size: 20px;
    color: #F2652D;
    font-weight: 400;
}

.our-blog-section .owl-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.our-blog-section .owl-item img {
    width: 100%;
    max-width: 150px;
    height: 30px;
}

.testimonial-wrapper {
    padding: 40px 0;
    background: #F9F9F9;
}

.testimonial-wrapper .testimonial-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 30px;
    padding: 0;
    border-bottom: 1px solid #D0D0D0;
    padding-bottom: 30px;
}

.testimonial-wrapper .section-title {
    max-width: 400px;
}

.testimonial-wrapper .section-title p {
    font-size: 18px;
    font-weight: 400;
    color: #275570;
    margin-bottom: 0;
    line-height: 1.2;
}

.testimonial-wrapper .section-title h2 {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 11px;
    color: #F2652D;
}

.testimonial-title .brand-logo {
    display: flex;
    align-items: center;
    gap: 0 30px;
}


.testimonial-wrapper .brand-logo img {
    width: 70px;
}

.brand-logo .front-agency img {
    max-width: 40px;
}

.testimonial-client {
    padding-top: 13px;
}

.testimonial-client .owl-stage-outer {
    padding: 10px 0;
}

.client-wrapper {
    /* display: flex;
    align-items: flex-start;
    gap: 0 30px; */
    padding-bottom: 10px;
}

.client-wrapper .testimonial-info a {
    position: relative;
    border-radius: 8px;
}

.client-wrapper .testimonial-info a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 74.5%);
    border-radius: 8px;
}

.client-wrapper .testimonial-info a img {
    border-radius: 15px;
    object-fit: cover;
    object-position: top;
    min-height: 352px;
}

.testimonial-info .client-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 20px;
    padding: 0 16px;
}

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

.client-title ul li {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
}

.testimonial-info .client-title p {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
}

.client-wrapper .testimonial-info .client-title img {
    max-width: fit-content;
    height: fit-content;
    min-height: fit-content;
}

.client-wrapper .testimonial-detail {
    box-shadow: 2px 2px 12px 0px #00000029;
    border-radius: 15px;
    padding: 20px;
    text-align: right;
    min-height: 352px;
    position: relative;
}

.testimonial-owl .client-wrapper .testimonial-detail img {
    max-width: 35px;
    display: inline-block;
}

.testimonial-detail .client-detail {
    display: flex;
    align-items: flex-start;
    gap: 0 8px;
}

.client-img-wrapper img {
    max-width: 30px;
    border-radius: 100%;
}

.client-short-info {
    text-align: left;
}

.client-short-info p {
    font-size: 22px;
    font-weight: 500;
    color: #275570;
    margin: 0;
    line-height: 1;
}

.client-detail .client-short-info span {
    font-size: 12px;
    font-weight: 400;
    color: #7C7C7C;
}

.client-info {
    padding: 10px 0;
}

.client-info p {
    font-size: 15px;
    font-weight: 400;
    color: #7C7C7C;
    margin-bottom: 0;
    line-height: 1.3;
    text-align: left;
}

.client-date {
   text-align: left;
}

.client-date p {
    font-size: 12px;
    color: #7C7C7C;
    margin: 0;
    margin: 5px 0 0 0;
    text-align: right;
    text-transform: capitalize;
}


.homepage .website-cta {
    text-align: center;
    padding-top: 40px;
}

.homepage .achievement-section{
    padding: 40px 0;
}


.homepage .achievement-section .achievement-wrapper,
.link-builder .achievement-section .achievement-wrapper {
    border: 1px solid #E6E6E6;
    border-radius: 16px;
    padding: 40px 25px;
}

.homepage .achievement-wrapper .achievement-item,
.link-builder .achievement-wrapper .achievement-item {
    align-items: center;
    border-right: 1px solid #E6E6E6;
}

.homepage .achievement-wrapper .achievement-item:first-child,
.link-builder .achievement-wrapper .achievement-item:first-child {
    padding-left: 0;
}

.homepage .achievement-wrapper .achievement-item h2,
.homepage .achievement-wrapper .achievement-item h2 span,
.link-builder .achievement-wrapper .achievement-item h2,
.link-builder .achievement-wrapper .achievement-item h2 span,
.homepage .achievement-wrapper .achievement-item p,
.homepage .achievement-wrapper .achievement-item p span,
.link-builder .achievement-wrapper .achievement-item p,
.link-builder .achievement-wrapper .achievement-item p span {
    font-size: 50px;
    font-weight: 600;
    line-height: 82px;
    margin-bottom: 10px;
    color: #F2652D;
}

.homepage .achievement-wrapper .achievement-item:nth-child(2) h2,
.link-builder .achievement-wrapper .achievement-item:nth-child(2) h2,
.homepage .achievement-wrapper .achievement-item:nth-child(2) p,
.link-builder .achievement-wrapper .achievement-item:nth-child(2) p {
    padding-left: 0;
}

.homepage .achievement-wrapper .achievement-item span,
.link-builder .achievement-wrapper .achievement-item span {
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: #7B7B7B;
}

.homepage .achievement-wrapper .achievement-item:last-child,
.link-builder .achievement-wrapper .achievement-item:last-child  {
    border: none;
}

.homepage .top-featured-section {
    padding: 40px 0;
}

.homepage .top-featured-section .section-title,
.homepage .choose-section .section-title {
    padding-bottom: 40px;
}

.homepage .top-featured-section .section-title p,
.homepage .choose-section .section-title p {
    font-size: 14px;
    color: #F2652D;
    margin-bottom: 8px;
    font-weight: 400;
    line-height: 14px;
}

.homepage .top-featured-section .section-title h2,
.homepage .choose-section .section-title h2 {
    margin-bottom: 0;
}

.homepage .featured-website {
    position: relative;
}

.homepage .featured-website::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateY(-50%);
    background-image: url("/assets/latest_assets/image/website-table.webp");
    background-repeat: no-repeat;
    background-size: 100%, 100%;
}

.homepage .featured-website .website-table {
    background: #fff;
    padding-bottom: 40px;
    border-radius: 16px;
    border: 1px solid #E6E6E6;
    z-index: 2;
    position: sticky;
}

.homepage .featured-website .table {
    border: none;
    width: 100%;
    max-width: 1230px;
    margin: 0 auto;
    background: #fff;
    border-radius: 16px 16px 0 0;
}

.homepage .featured-website .table thead {
    border-radius: 16px 16px 0 0;
}

.homepage .featured-website .table thead th {
    border: none;
    border-bottom: 1px solid #E6E6E6;
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 400;
    color: #7B7B7B;
    line-height: 24px;
    vertical-align: middle;
    text-align: center;
}

.homepage .featured-website .table tbody td {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #275570;
    vertical-align: middle;
    margin-bottom: 0;
    padding: 20px 40px;
    border: none;
    text-align: center;
}

.homepage .featured-website .table thead th:first-child,
.homepage .featured-website .table tbody td:first-child {
    text-align: left;
}

.homepage .featured-website .table tbody td h6,
.homepage .featured-website .table tbody td span {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #275570;
    vertical-align: middle;
    margin-bottom: 0;
}


.homepage .featured-website .table tbody td p {
    font-size: 14px;
    font-weight: 400;
    color: #7B7B7B;
    margin-bottom: 0;
    line-height: 21px;
}

.homepage .featured-website .table tbody td a.btn-primary {
    border-radius: 4px;
    min-width: 110px;
    line-height: 38px;
    font-size: 14px;
}

.homepage .featured-website .website-mobile {
    display: none;
}

.homepage .featured-website-item {
    border: 1px solid #F0F0F0;
    border-radius: 8px;
    padding: 20px;
}

.homepage .featured-website-item .website-name span {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
}

.homepage .featured-website-item .website-name p {
    color: #7B7B7B;
    font-size: 12px;
    margin-bottom: 0;
}

.homepage .website-data {
    padding: 12px 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    grid-row-gap: 15px;
}

.homepage .website-mobile .website-data-item {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 0 10px;
    flex-wrap: wrap;
}

.homepage .website-data .website-data-item span {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 1.5;
    margin-bottom: 0px;
}

.homepage .website-data .website-data-item p {
    font-size: 14px;
    color: #7B7B7B;
    margin-bottom: 0;
    line-height: 21px;
}

.homepage .website-data .website-data-item img {
    max-width: 100px;
}

.homepage .featured-website-item .btn-primary {
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    min-width: 110px;
    width: 100%;
    margin-bottom: 10px;
}

.homepage .choose-section {
    padding: 40px 0 80px;
}

.homepage .choose-section .section-title {
    max-width: 300px;
}

.homepage .choose-detail {
    border-radius: 32px;
}

.choose-section .choose-first {
    padding-bottom: 24px;
}

.choose-section .choose-first,
.homepage .choose-second {
    display: flex;
    align-items: flex-start;
    gap: 0 24px;
}

.homepage .choose-detail .choose-img {
    background: #F1F1F1;
    border-radius: 32px 32px 0 0;
    text-align: center;
}

.homepage .choose-detail .choose-content {
    background: #fff;
    border-radius: 0 0 32px 32px;
    padding: 40px;
    border: 2px solid #F0F0F0;
}

.homepage .choose-detail .choose-content h3,
.homepage .choose-second-right .choose-customer h3 {
    font-size: 24px;
    font-weight: 500;
    color: #275570;
    margin-bottom: 16px;
}

.homepage .choose-detail .choose-content p {
    margin-bottom: 0;
    color: #7B7B7B;
    font-size: 16px;
    line-height: 1.6;
}

.homepage .choose-faster {
    border: 2px solid #F0F0F0;
    background: #fff;
    border-radius: 32px;
    display: flex;
    align-items: center;
    gap: 0 7px;
    padding-left: 12px;
    margin-bottom: 24px;
}

.homepage .choose-faster .choose-faster-detail h3 {
    font-size: 36px;
    font-weight: 700;
    font-style: italic;
    color: #f2652D;
    margin-bottom: 10px;
    line-height: 1;
}

.homepage .choose-faster .choose-faster-detail span {
    font-size: 24px;
    font-weight: 400;
    color: #275570;
    margin-bottom: 0;
}

.homepage .choose-first-right .choose-img img {
    max-width: 199px;
    padding: 10px 0;
}

.homepage .choose-second .choose-detail {
    width: 40%;
    max-width: 40%;
}

.homepage .choose-second .choose-second-right {
    width: 60%;
    max-width: 60%;
}

.homepage .choose-second-right .choose-customer {
    border: 2px solid #F0F0F0;
    background: #fff;
    border-radius: 32px;
    padding: 42px 40px;
    display: flex;
    align-items: center;
    gap: 0 16px;
    margin-bottom: 24px;
}

.homepage .choose-second-right .choose-customer span {
    font-size: 24px;
    font-weight: 500;
    color: #275570;
    margin-bottom: 0;
    max-width: 200px;
    line-height: 1.4;
}

.homepage .choose-second-right .choose-customer-info img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    margin-left: -18px;
    object-fit: cover;
    object-position: top;
}

.homepage .choose-second-right .choose-customer-info img:first-child {
    margin-left: 0;
}

.homepage .choose-second .choose-second-right .choose-detail {
    width: 100%;
    max-width: 100%;
    display: flex;
}

.homepage .choose-second .choose-second-right .choose-detail .choose-img {
    border-radius: 32px 0 0 32px;
}

.homepage .choose-second .choose-second-right .choose-detail .choose-content {
    border-radius: 0 32px 32px 0;
}

.homepage .choose-second .choose-second-right .choose-detail .choose-img img {
    max-width: 339px;
}

/* choose section css end */

/* digital product section css */
.homepage .digital-info .digital-item .digital-product-item,
.google-index .digital-info .digital-item .digital-product-item {
    background-image: url(../image/front-guest-postinf.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.homepage .digital-info .digital-item:hover .digital-product-item,
.google-index .digital-info .digital-item:hover .digital-product-item {
    background-image: url(../image/front-guest-posting-hover.svg);
}

.homepage .digital-info a:nth-child(2) .digital-item .digital-product-item,
.google-index .digital-info a:nth-child(2) .digital-item .digital-product-item {
    background-image: url(../image/front-link-building.svg);
}

.homepage .digital-info a:nth-child(2) .digital-item:hover .digital-product-item,
.google-index .digital-info a:nth-child(2) .digital-item:hover .digital-product-item {
    background-image: url(../image/front-link-building-hover.svg);
}

/* .homepage .digital-info a:nth-child(3) .digital-item .digital-product-item, */
.google-index .digital-info a:nth-child(3) .digital-item .digital-product-item {
    background-image: url(../image/front-content-writing.svg);
}

/* .homepage .digital-info a:nth-child(3) .digital-item:hover .digital-product-item, */
.google-index .digital-info a:nth-child(3) .digital-item:hover .digital-product-item {
    background-image: url(../image/front-content-writing-hover.svg);
}

/* .homepage .digital-info a:nth-child(4) .digital-item .digital-product-item, */
.google-index .digital-info a:nth-child(4) .digital-item .digital-product-item {
    background-image: url(../image/front-seo-reseller.svg);
}

/* .homepage .digital-info a:nth-child(4) .digital-item:hover .digital-product-item, */
.google-index .digital-info a:nth-child(4) .digital-item:hover .digital-product-item {
    background-image: url(../image/front-seo-reseller-hover.svg);
}

.homepage .digital-info a:nth-child(5) .digital-item .digital-product-item,
.google-index .digital-info a:nth-child(5) .digital-item .digital-product-item {
    background-image: url(../image/front-content-maketing.svg);
}

.homepage .digital-info a:nth-child(5) .digital-item:hover .digital-product-item,
.google-index .digital-info a:nth-child(5) .digital-item:hover .digital-product-item {
    background-image: url(../image/front-content-maketing-hover.svg);
}

.unlock-section {
    padding: 80px 0 0;
}

.unlock-section .unlock-iten {
    background: #F2652D;
    padding: 20px 50px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.unlock-section .unlock-iten .unlock-detail {
    width: 100%;
    max-width: 500px;
}

.unlock-section .unlock-iten .unlock-detail h2 {
    font-size: 32px;
    color: #fff;
    line-height: 38px;
    margin-bottom: 16px;
    font-weight: 500;
}

.unlock-section .unlock-iten .unlock-detail p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 24px;
}

.unlock-section .unlock-iten .unlock-detail .btn-primary {
    line-height: 60px;
    background: #fff;
    color: #F2652D;
    border-radius: 8px;
}

.unlock-section .unlock-iten .unlock-img img {
    max-width: 600px;
}

.digital-product-wrapper .digital-deatil p:first-child {
    margin-bottom: 8px;
    font-size: 14px;
    color: #F2652D;
    line-height: 1;
}

.fancybox__container .fancybox__thumbs, 
.fancybox__container .fancybox__nav {
    display: none;
}

/* footer css start */
.site-footer {
    padding: 80px 0 16px;
}

.footer-header {
    padding-bottom: 24px;
    border-bottom: 1px solid #E6E6E6;
}

.site-footer .section-title {
    padding-bottom: 16px;
}

.site-footer .section-detail p {
    font-size: 16px;
    color: #7B7B7B;
    margin-bottom: 0;
}

.footer-right-wrapper .email-box {
    position: relative;
}

.footer-right-wrapper .email-box::before {
    content: "\f0e0";
    position: absolute;
    top: 10px;
    left: 12px;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    color: #A1A1A1;
}

.footer-right-wrapper .email-box input {
    border: 1px solid #E6E6E6;
    padding: 7px 15px 6px 40px;
    color: #A1A1A1;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
    border-radius: 4px;
    width: 100%;
    margin-bottom: 8px;
}

.footer-right-wrapper .email-box input::placeholder {
    color: #A1A1A1;
    font-size: 14px;
    font-weight: 400;
}

.footer-right-wrapper .email-box .btn-primary {
    font-size: 14px;
    font-weight: 400;
    line-height: 39px;
}

.footer-right-wrapper .email-box .btn-primary.active,
.footer-right-wrapper .email-box .btn-primary:active {
    background: #D5440B;
    color: #fff;
    border-color: transparent;
}

.footer-bottom ul {
    padding-left: 0;
    display: flex;
    align-items: center;
    gap: 0 24px;
    margin-bottom: 0;
}

.footer-bottom ul li {
    list-style: none;
}

.footer-bottom ul li a {
    font-size: 14px;
    font-weight: 400;
    color: #7B7B7B;
    line-height: 1.6;
}

.footer-bottom .top-cta a {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    color: #F2652D;
}

.footer-bottom .top-cta a i {
    padding-left: 5px;
}

.site-footer .footer-copyright p {
    font-size: 14px;
    color: #7B7B7B;
    margin-bottom: 0;
    line-height: 1.6;
}

/* footer css end */

/* new home page css end */

.guest-post-service .content-wrapper .content-video,
.link-builder .content-writing-section .content-video {
    position: relative;
}
.form-wrapper .form-group .password-error {
    position: absolute;
    z-index: 1;
    top: -90px;
    right: -270px;
    margin: 0;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);
    width: 100%;
    max-width: 244px;
    padding: 16px;
    border-radius: 16px;
}

.form-wrapper .form-group .password-title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
}

.password-error .password-title p {
    font-weight: 500;
}

.password-error .password-title .password-status {
    display: flex;
    align-items: center;
    gap: 0 4px;
    padding: 13px 0 23px;
}

.password-error .password-title .password-status span {
    display: block;
    width: 50px;
    height: 4px;
    background: #D9D9D9;
    border-radius: 30px;
}

.form-wrapper .form-group .password-error ul h6 { 
    font-size: 12px;
    font-weight: 400;
    color: #275570;
}

.form-wrapper .form-group .password-error:before {
    display: none;
}


/* google index page css start */

.google-index-section {
    padding: 160px 0 80px;
}

.google-index-section .google-wrapper {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 30px;
}

.google-left-content .title {
    background: #fff;
    border-radius: 16px;
    padding: 24px 0;
}

.google-index-section .google-right-wrapper {
    position: relative;
}

.google-index-section .google-right-wrapper .fixed {
    position: fixed;
    top: 40px;
}

.google-left-content .title h1 {
    font-size: 42px;
    font-weight: 600;
    color: #275570;
    line-height: 1.2;
    margin-bottom: 8px;
}

.google-left-content .title span {
    font-size: 18px;
    font-weight: 400;
    color: #7B7B7B;
    line-height: 1.5;
    margin-bottom: 0;
}

.google-url {
    margin: 30px 0;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #E6E6E6;
}

.google-url h6,
.google-table h6 {
    font-size: 20px;
    font-weight: 500;
    color: #7B7B7B;
    line-height: 1.6;
    padding: 24px 40px;
    margin-bottom: 0;
    border-bottom: 1px solid #E6E6E6;
    background: #F9F9F9;
    border-radius: 16px 16px 0 0;
}

.google-url  form {
    padding: 40px;
    position: relative;
}

.google-url .form-group {
    margin-bottom: 24px;
}

.google-url .form-group label {
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    color: #275570;
    margin-bottom: 16px;
    line-height: 1.6;
}

.google-url .form-group textarea {
    width: 100%;
    resize: none;
    border: 1px solid #E6E6E6;
    padding: 16px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #7B7B7B;
    line-height: 1.6;
    min-height: 150px;
}

.google-url .form-group textarea::placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #7B7B7B;
}

.google-url .form-group textarea:focus-visible {
    outline: none;
}

.google-url .btn-primary,
.google-url .btn-outline {
    border-radius: 8px;
    min-width: 184px;
    line-height: 62px;
    margin: 0 15px;
}

.google-table {
    background: #fff;
    border-radius: 16px;
    margin-bottom: 30px;
    border: 1px solid #E6E6E6;
}

.google-table .table-wrapper {
    padding: 40px;
}

.google-table .table-wrapper .table {
    border: 1px solid #E6E6E6;
}

.google-table .table-wrapper .table th {
    font-size: 16px;
    font-weight: 500;
    color: #275570;
    padding: 16px 24px;
    border: none;
    border-bottom: 1px solid #E6E6E6;
}

.google-table .table-wrapper .table td {
    font-size: 16px;
    font-weight: 400;
    color: #275570;
    padding: 16px 24px;
    border: none;
    word-break: break-word;
}

.google-table .table tbody tr:nth-child(even) {
    background: #F9F9F9;
}

.index-content {
    padding: 40px;
    border: 1px solid #E6E6E6;
    border-radius: 16px;
}

.index-content h6,
.index-content p{
    font-size: 16px;
    font-weight: 400;
    color: #7B7B7B;
    line-height: 1.6;
    margin-bottom: 24px;
}

.index-content p a {
    text-decoration: underline;
}

.index-table .table {
    border: 1px solid #F0F0F0;
    background: #fff;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 24px;
}


.index-table .table thead tr,
.index-table .table thead {
    border-radius: 8px 8px 0 0;
}

.index-table .table th {
    font-size: 18px;
    font-weight: 500;
    color: #275570;
    border: none;
    border-color: #F0F0F0;
    line-height: 1.6;
    border-right: 1px solid #F0F0F0;
}

.index-table .table th:first-child {
    border-radius: 8px 0 0 0;
}

.index-table .table th:last-child {
    border-radius: 0 8px 0 0;
}

.index-table .table td {
    font-size: 16px;
    font-weight: 400;
    color: #7B7B7B;
    border-color: #F0F0F0;
    line-height: 1.6;
    border-right: 1px solid #F0F0F0;
}

.index-content h4,
.index-content h2 {
    font-size: 28px;
    font-weight: 500;
    color: #275570;
    line-height: 1.3;
    margin-bottom: 24px;
}

.index-content img {
    padding-bottom: 24px;
    width: 100%;
}

.index-content .index-list {
    margin-bottom: 40px;
}

.index-content .index-list li {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    position: relative;
    padding-left: 23px;
    color: #7B7B7B;
}

.index-content .index-list li::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 5px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #7B7B7B;
}

.index-content h5{
    font-size: 20px;
    font-weight: 500;
    color: #275570;
    line-height: 1.6;
    margin-bottom: 8px;
    position: relative;
    padding-left: 22px;
}

.index-content h5::before {
    content: "";
    position: absolute;
    top: 14px;
    left: 5px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #275570;
}

.index-content .index-number-list {
    padding: 0 0 30px 20px;
}

.index-content .index-number-list li {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #7B7B7B;
    list-style: auto;
}

.google-right-content .index-tool {
    border-radius: 16px;
    background: #F9F9F9;
    margin-bottom: 30px;
}

.google-right-content .index-tool h6 {
    font-weight: 500;
    color: #275570;
    border-bottom: 1px solid #fff;
    padding: 10px 16px;
    line-height: 1.8;
    margin-bottom: 0;
}

.google-right-content .index-tool ul {
    padding: 0;
    margin: 0;
}

.google-right-content .index-tool ul li {
    font-size: 16px;
    font-weight: 400;
    color: #7B7B7B;
    line-height: 1.6;
    padding: 16px;
    list-style: none;
}

.google-right-content img {
    width: 100%;
}

.tool-menu ul.sub-menu {
    flex-direction: column;
    width: 400px;
}

.tool-menu .sub-menu li {
    max-width: 345px;
}

.site-header .navigation .tool-menu .menu-detail a span {
    padding: 0 14px 0 0;
}

.tool-menu .sub-menu-detail span {
    white-space:nowrap;
}

.tool-menu .sub-menu-detail span.tool-tag {
    font-size: 10px;
    font-weight: 400;
    color: #F2652D;
    padding: 0 0 0 16px;
}

.homepage .testimonial-client .testimonial-cta .btn-outline:hover {
    background-color: #D5440B;
    color: #fff;
    border: 1px solid transparent;
}
.homepage .testimonial-client .testimonial-cta .btn-outline:hover{
    background-color: #D5440B;
    color: #fff;
    border: 1px solid transparent;
}

.google-url .form-group label.error,
.google-url .form-group .with-errors {
    font-size: 16px;
    color: #DB3A3A;
    margin-bottom: 0;
}

.google-url .form-group .with-errors {
    padding-top: 5px;
}

.index-content .index-padding {
    padding-left: 20px;
}

.google-url .loaded {
    position: absolute;
    top: 27%;
    left: 50%;
    transform: translate(-50%, -27%);
    z-index: 1;
    display: none;
}


.spinner-1 {
	width: 40px;
	height: 40px;
	background-color: #275570;
	margin: 100px auto;
	-webkit-animation: ms-rotateplane 1.2s infinite ease-in-out;
	animation: ms-rotateplane 1.2s infinite ease-in-out;
}

.spinner-2 {
	width: 40px;
	height: 40px;
	position: relative;
	margin: 100px auto;
}

.double-bounce1,
.double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #275570;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: ms-bounce 2.0s infinite ease-in-out;
	animation: ms-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.spinner-3 {
	margin: 100px auto;
	width: 50px;
	height: 40px;
	text-align: center;
	font-size: 10px;
}

.spinner-3>div {
	background-color: #275570;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: ms-stretchdelay 1.2s infinite ease-in-out;
	animation: ms-stretchdelay 1.2s infinite ease-in-out;
}

.spinner-3 .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.spinner-3 .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.spinner-3 .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.spinner-3 .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

.spinner-4 {
	margin: 100px auto;
	width: 40px;
	height: 40px;
	position: relative;
}

.cube1,
.cube2 {
	background-color: #275570;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: ms-cubemove 1.8s infinite ease-in-out;
	animation: ms-cubemove 1.8s infinite ease-in-out;
}

.cube2 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.spinner-5 {
	width: 40px;
	height: 40px;
	margin: 100px auto;
	background-color: #275570;
	border-radius: 100%;
	-webkit-animation: ms-scaleout 1.0s infinite ease-in-out;
	animation: ms-scaleout 1.0s infinite ease-in-out;
}

.spinner-6 {
	margin: 100px auto;
	width: 40px;
	height: 40px;
	position: relative;
	text-align: center;
	-webkit-animation: ms-rotate 2.0s infinite linear;
	animation: ms-rotate 2.0s infinite linear;
}

.dot1,
.dot2 {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	background-color: #275570;
	border-radius: 100%;
	-webkit-animation: ms-bounce 2.0s infinite ease-in-out;
	animation: ms-bounce 2.0s infinite ease-in-out;
}

.dot2 {
	top: auto;
	bottom: 0;
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.spinner-7 {
	margin: 100px auto 0;
	width: 70px;
	text-align: center;
}

.spinner-7>div {
	width: 18px;
	height: 18px;
	background-color: #275570;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: ms-bouncedelay 1.4s infinite ease-in-out both;
	animation: ms-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner-7 .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner-7 .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

.spinner-8 {
	margin: 0 auto;
	width: 40px;
	height: 40px;
	position: relative;
}

.spinner-8 .ms-child {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.spinner-8 .ms-child:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	background-color: #275570;
	border-radius: 100%;
	-webkit-animation: ms-circleBounceDelay 1.2s infinite ease-in-out both;
	animation: ms-circleBounceDelay 1.2s infinite ease-in-out both;
}

.spinner-8 .ms-circle2 {
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}

.spinner-8 .ms-circle3 {
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
}

.spinner-8 .ms-circle4 {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.spinner-8 .ms-circle5 {
	-webkit-transform: rotate(120deg);
	transform: rotate(120deg);
}

.spinner-8 .ms-circle6 {
	-webkit-transform: rotate(150deg);
	transform: rotate(150deg);
}

.spinner-8 .ms-circle7 {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.spinner-8 .ms-circle8 {
	-webkit-transform: rotate(210deg);
	transform: rotate(210deg);
}

.spinner-8 .ms-circle9 {
	-webkit-transform: rotate(240deg);
	transform: rotate(240deg);
}

.spinner-8 .ms-circle10 {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}

.spinner-8 .ms-circle11 {
	-webkit-transform: rotate(300deg);
	transform: rotate(300deg);
}

.spinner-8 .ms-circle12 {
	-webkit-transform: rotate(330deg);
	transform: rotate(330deg);
}

.spinner-8 .ms-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.spinner-8 .ms-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

.spinner-8 .ms-circle4:before {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.spinner-8 .ms-circle5:before {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

.spinner-8 .ms-circle6:before {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}

.spinner-8 .ms-circle7:before {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}

.spinner-8 .ms-circle8:before {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

.spinner-8 .ms-circle9:before {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}

.spinner-8 .ms-circle10:before {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}

.spinner-8 .ms-circle11:before {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}

.spinner-8 .ms-circle12:before {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}

.spinner-9 {
	width: 40px;
	height: 40px;
	margin: 100px auto;
}

.spinner-9 .ms-cube {
	width: 33%;
	height: 33%;
	background-color: #275570;
	float: left;
	-webkit-animation: ms-cubeGridScaleDelay 1.3s infinite ease-in-out;
	animation: ms-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.spinner-9 .ms-cube1 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.spinner-9 .ms-cube2 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.spinner-9 .ms-cube3 {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.spinner-9 .ms-cube4 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.spinner-9 .ms-cube5 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.spinner-9 .ms-cube6 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.spinner-9 .ms-cube7 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.spinner-9 .ms-cube8 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.spinner-9 .ms-cube9 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.spinner-10 {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}

.spinner-10,
.spinner-12 {
	margin: 100px auto;
	width: 40px;
	height: 40px;
	position: relative;
}

.spinner-10 .ms-cube,
.spinner-12 .ms-cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.spinner-10 .ms-cube:before,
.spinner-12 .ms-cube:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #275570;
	-webkit-animation: ms-foldCubeAngle 2.4s infinite linear both;
	animation: ms-foldCubeAngle 2.4s infinite linear both;
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}

.spinner-10 .ms-cube2,
.spinner-12 .ms-cube2 {
	-webkit-transform: scale(1.1) rotateZ(90deg);
	transform: scale(1.1) rotateZ(90deg);
}

.spinner-10 .ms-cube3,
.spinner-12 .ms-cube3 {
	-webkit-transform: scale(1.1) rotateZ(180deg);
	transform: scale(1.1) rotateZ(180deg);
}

.spinner-10 .ms-cube4,
.spinner-12 .ms-cube4 {
	-webkit-transform: scale(1.1) rotateZ(270deg);
	transform: scale(1.1) rotateZ(270deg);
}

.spinner-10 .ms-cube2:before,
.spinner-12 .ms-cube2:before {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.spinner-10 .ms-cube3:before,
.spinner-12 .ms-cube3:before {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.spinner-10 .ms-cube4:before,
.spinner-12 .ms-cube4:before {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}

.spinner-11 {
	margin: 100px auto;
	width: 40px;
	height: 40px;
	position: relative;
}

.spinner-11 .ms-circle {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.spinner-11 .ms-circle:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	background-color: #275570;
	border-radius: 100%;
	-webkit-animation: ms-circleFadeDelay 1.2s infinite ease-in-out both;
	animation: ms-circleFadeDelay 1.2s infinite ease-in-out both;
}

.spinner-11 .ms-circle2 {
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}

.spinner-11 .ms-circle3 {
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
}

.spinner-11 .ms-circle4 {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.spinner-11 .ms-circle5 {
	-webkit-transform: rotate(120deg);
	transform: rotate(120deg);
}

.spinner-11 .ms-circle6 {
	-webkit-transform: rotate(150deg);
	transform: rotate(150deg);
}

.spinner-11 .ms-circle7 {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.spinner-11 .ms-circle8 {
	-webkit-transform: rotate(210deg);
	transform: rotate(210deg);
}

.spinner-11 .ms-circle9 {
	-webkit-transform: rotate(240deg);
	transform: rotate(240deg);
}

.spinner-11 .ms-circle10 {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}

.spinner-11 .ms-circle11 {
	-webkit-transform: rotate(300deg);
	transform: rotate(300deg);
}

.spinner-11 .ms-circle12 {
	-webkit-transform: rotate(330deg);
	transform: rotate(330deg);
}

.spinner-11 .ms-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.spinner-11 .ms-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

.spinner-11 .ms-circle4:before {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.spinner-11 .ms-circle5:before {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

.spinner-11 .ms-circle6:before {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}

.spinner-11 .ms-circle7:before {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}

.spinner-11 .ms-circle8:before {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

.spinner-11 .ms-circle9:before {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}

.spinner-11 .ms-circle10:before {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}

.spinner-11 .ms-circle11:before {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}

.spinner-11 .ms-circle12:before {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}
@-webkit-keyframes ms-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }

    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes ms-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

@-webkit-keyframes ms-bounce {

    0%,
    100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes ms-bounce {

    0%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

@-webkit-keyframes ms-stretchdelay {

    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes ms-stretchdelay {

    0%,
    40%,
    100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

@-webkit-keyframes ms-cubemove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5)
    }

    50% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
    }

    75% {
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)
    }

    100% {
        -webkit-transform: rotate(-360deg)
    }
}

@keyframes ms-cubemove {
    25% {
        transform: translateX(42px) rotate(-90deg) scale(0.5);
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    }

    50% {
        transform: translateX(42px) translateY(42px) rotate(-179deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    }

    50.1% {
        transform: translateX(42px) translateY(42px) rotate(-180deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    }

    75% {
        transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    }

    100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
    }
}

@-webkit-keyframes ms-scaleout {
    0% {
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes ms-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 0;
    }
}

@-webkit-keyframes ms-rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes ms-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes ms-bounce {

    0%,
    100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes ms-bounce {

    0%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

@-webkit-keyframes ms-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes ms-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

@-webkit-keyframes ms-circleBounceDelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes ms-circleBounceDelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes ms-cubeGridScaleDelay {

    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes ms-cubeGridScaleDelay {

    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@-webkit-keyframes ms-foldCubeAngle {

    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }

    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }

    90%,
    100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

@keyframes ms-foldCubeAngle {

    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }

    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }

    90%,
    100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

@-webkit-keyframes ms-circleFadeDelay {

    0%,
    39%,
    100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@keyframes ms-circleFadeDelay {

    0%,
    39%,
    100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

.main-navigation .menu li.service-open:hover a#services {
    color: #F2652D;
}

.google-index .section-title {
    justify-content: center;
}

/* google index page css end */


.digital-product-wrapper .digital-item .writing-icon {
    background-image: url(../image/front-content-writing.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.digital-product-wrapper .digital-item:hover .writing-icon {
    background-image: url(../image/front-content-writing-hover.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.digital-product-wrapper .digital-item .building-icon,
.link-publisher .digital-product-wrapper .digital-item .building-icon {
    background-image: url(../image/front-link-building.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.digital-product-wrapper .digital-item:hover .building-icon,
.link-publisher .digital-product-wrapper .digital-item:hover .building-icon {
    background-image: url(../image/front-link-building-hover.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.digital-product-wrapper .digital-item .marketing-icon,
.link-publisher .digital-product-wrapper .digital-item .marketing-icon {
    background-image: url(../image/front-content-maketing.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.digital-product-wrapper .digital-item:hover .marketing-icon,
.link-publisher .digital-product-wrapper .digital-item:hover .marketing-icon {
    background-image: url(../image/front-content-maketing-hover.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.digital-product-wrapper .digital-item .reseller-icon,
.link-publisher .digital-product-wrapper .digital-item .reseller-icon {
    background-image: url(../image/front-seo-reseller.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.digital-product-wrapper .digital-item:hover .reseller-icon,
.link-publisher .digital-product-wrapper .digital-item:hover .reseller-icon {
    background-image: url(../image/front-seo-reseller-hover.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.digital-product-wrapper .digital-item .posting-icon,
.link-publisher .digital-product-wrapper .digital-item .posting-icon {
    background-image: url(../image/front-guest-postinf.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.digital-product-wrapper .digital-item:hover .posting-icon,
.link-publisher .digital-product-wrapper .digital-item:hover .posting-icon {
    background-image: url(../image/front-guest-posting-hover.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.digital-info .digital-item .digital-product-item.digital-pr-item {
    background-image: url(../image/digital-pr-menu-service.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.digital-info .digital-item .digital-product-item.niche-item {
    background-image: url(../image/niche-edit-icon-service.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.digital-info .digital-item:hover .digital-product-item.digital-pr-item {
    background-image: url(../image/digital-pr-menu.svg);
     background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.digital-info .digital-item:hover .digital-product-item.niche-item {
    background-image: url(../image/niche-edit-icon.svg);
     background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}


.main-wrapper.link-publisher .content-writing-section .content-wrapper {
    align-items: flex-start;
    grid-gap: 30px;
}

.content-writing-section .content-video video {
    width: 100%;
}

.main-navigation .menu li.tool-menu ul.sub-menu {
    cursor: default;
}

.homepage .banner-cta .buy_guest_post_btn {
    margin-right: 16px;
}

.homepage .banner-section .section-title h2 {
    color: #7B7B7B;
    font-size: 25px;
    padding-top: 10px;
}
.google-index-section .google-table .table-wrapper td.domain_age_list {
    white-space: normal;
    width: 250px;
}

.google-index-section .link_analyzer_table .table-wrapper td:nth-child(2) {
    width: 100%;
    white-space: normal !important;
}

.tool-menu .menu-detail a img {
    width: 100%;
    max-width: 25px;
}

.new-order-page .log-in_testmonalise .owl-dots {
    display: none;
}
.index-content-title::before{
    display: none;
}

.google-index .tool-product .digital-info a .digital-item .Backlink-icon {
    background-image: url(../image/backlink_tool.svg);
    background-size: 20px, 20px;
    color: #fff;
    fill: #fff;
}

.google-index .tool-product .digital-info a .digital-item .domain-icon {
    background-image: url(../image/domain_tool.svg);
    background-size: 20px, 20px;
    color: #fff;
    fill: #fff;
}

.google-index .tool-product .digital-info a .digital-item .analyzer-icon {
    background-image: url(../image/analyzer_tool.svg);
    background-size: 20px, 20px;
    color: #fff;
    fill: #fff;
}

.google-index .tool-product .digital-info a .digital-item .follow-icon {
    background-image: url(../image/tool_follow.svg);
    background-size: 20px, 20px;
    color: #fff;
    fill: #fff;
}


.google-index .tool-product .digital-info a .digital-item .broken-icon {
    background-image: url(../image/tool_broken.svg);
    background-size: 20px, 20px;
    color: #fff;
    fill: #fff;
}

.google-index .tool-product .digital-info a .digital-item .authority-icon {
    background-image: url(../image/tool_authorith.svg);
    background-size: 20px, 20px;
    color: #fff;
    fill: #fff;
}


.google-index .tool-product .digital-info a .digital-item:hover .Backlink-icon {
    background-image: url(../image/front-backlink-status.svg);
    background-size: 20px, 20px;
    color: #fff;
    fill: #fff;
}

.google-index .tool-product .digital-info a .digital-item:hover .domain-icon {
    background-image: url(../image/front-domain-age.svg);
    background-size: 20px, 20px;
    color: #fff;
    fill: #fff;
}

.google-index .tool-product .digital-info a .digital-item:hover .analyzer-icon {
    background-image: url(../image/front-Link-analyzer.svg);
    background-size: 20px, 20px;
    color: #fff;
    fill: #fff;
}

.google-index .tool-product .digital-info a .digital-item:hover .follow-icon {
    background-image: url(../image/front-domain-age.svg);
    background-size: 20px, 20px;
    color: #fff;
    fill: #fff;
}

.google-index .tool-product .digital-info a .digital-item:hover .broken-icon {
    background-image: url(../image/front-broken-link.svg);
    background-size: 20px, 20px;
    color: #fff;
    fill: #fff;
}

.google-index .tool-product .digital-info a .digital-item:hover .authority-icon {
    background-image: url(../image/front-domain-authority.svg);
    background-size: 20px, 20px;
    color: #fff;
    fill: #fff;
}

.tool-product .digital-info .digital-item span {
    display: inline-block;
    word-break: break-word;
    max-width: 170px;
    min-height: 50px;
}

.tool-product .digital-info .digital-item span b {
    font-size: 15px;
    font-weight: 400;
    color: #F2652D;
}
 
.tool-product .digital-info .digital-item:hover span b {
    color: #FFF;
}

.table-checker tr td:nth-child(2) {
    width: 150px;
}

/* new header css start */

.tool-menu p {
    margin-bottom: 5px;
    padding: 0 20px 5px;
    font-size: 18px;
    font-weight: 500;
    color: #275570;
    position: relative;
    text-transform: capitalize;
}

.tools_div .sub-extension {
    padding-left: 0;
    border-bottom: 1px solid #275570;
    margin-bottom: 15px;
}

.tools_div .sub-extension li {
    list-style: none;
}

.tools_div .sub-menu-tool {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 5px;
    align-items: flex-start;
}

.tool-menu ul.sub-menu {
    width: 720px;
}

.tool-menu .sub-menu-detail p {
    border: none;
    padding: 0;
}

.site-header .sub-extension .menu-detail a span {
    padding-right: 8px !important;
}

.tool-menu ul.sub-menu .menu-detail {
    padding: 10px 20px;
}
/* new header css end */

.google-table .table-wrapper .table td .text-warning {
    display: inline-block;
    width: 60px;
}

.tool-menu .sub-extension li {
    max-width: 100%;
}

.link-builder .achievement-section {
    padding: 20px 0;
}

.link-builder .content-writing-section .section-title p {
    font-size: 24px;
    margin-bottom: 0;
    padding-top: 7px;
    line-height: 1.2;
}
.highlight-content-info ul {
    padding: 0;
    list-style-type: none;
}

.highlight-content-info ul li {
    position: relative;
    padding: 0 0 20px 32px;
    line-height: 26px;
    color: #275570;
}

.highlight-content-info ul li::before {
    content: "";
    position: absolute;
    background-image: url(../image/provide-img.svg);
    background-repeat: no-repeat;
    left: -4px;
    top: 0;
    height: 25px;
    width: 25px;
    background-size: 100%, 100%;
}

.highlight-marketing-section .reseller-point span {
    color: #F2652D;
    font-weight: 700;
}

.link-builder .highlight-marketing-section .highlight-content-wrapper {
    align-items: center;
}

.link-builder .reseller-service-header {
    max-width: 100%;
    text-align: center;
}

.link-builder .reseller-point span {
    color: #F2652D;
    font-weight: 700;
}

.techexpo-icon .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
}
 
.form-wrapper .techExpoClass .std_code_val {
    border: none;
    border-bottom: 1px solid #E6E6E6;
    font-size: 16px;
    color: #A1A1A1;
    font-weight: 400;
    max-width: 80px;
    padding-right: 0;
    background: #fff;
}

.form-wrapper .techExpoClass input.error {
    border-color: #DB3A3A;
}

.form-wrapper .techExpoClass .phone_number_ip {
    padding-left: 10px;
    min-height: 48px;  
}

.story-link-publisher ul {
    padding-left: 30px;
}

.story-link-publisher ul li {
    color: #7B7B7B;
    line-height: 1.8;
    font-size: 16px;
    padding-bottom: 15px;
}

.story-link-publisher ul li b {
    font-size: 16px;
}

.digital-stand-out .section-title p {
    padding-right: 30px;
}

.digital-pr-servics .pricing-section .pricing-pack .pricing-hedaer p {
    padding-bottom: 0;
    min-height: 38px;
    line-height: 18px;
}

.niche-service .guest-service-wrapper {
    grid-template-columns: repeat(5, 1fr);
}

.niche-service .guest-service-section .guest-service-header {
    max-width: 100%;
}

.role-mobile {
    display: none;
}

.role-mobile .advertiser-side,
.role-mobile  .publisher-side {
    flex-direction: column;
    align-items: baseline;
    width: 48%;
}

.role-mobile .advertiser-side-detail,
.role-mobile .publisher-side-detail {
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 8px;
}

.role-mobile .client-advertiser,
.role-mobile .client-publisher {
    background: transparent;
    color: #275570;
    padding: 8px;
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.role-mobile .client-advertiser ul,
.role-mobile .client-publisher ul {
    padding: 5px 0 0 25px;
}

.role-mobile .client-advertiser li,
.role-mobile .client-publisher li {
    font-size: 16px;
    line-height: 1.2;
    padding-bottom: 8px;
}

.role-mobile .client-advertiser li:last-child,
.role-mobile .client-publisher li:last-child  {
    padding-bottom: 0;
}

.role-mobile .client-advertiser ul li::before,
.role-mobile .client-publisher ul li::before {
    top: -1px;
    left: -30px;
    width: 18px;
    height: 18px;
}

.niche-service .highlight-content-wrapper .highlight-imgwrapper img,
.main-wrapper.niche-service .provide-content-wrapper .provide-content-img .provide-imgwrapper img {
    max-width: 80%;
}

.niche-service .stand-out-section .section-title h2 {
    font-size: 33px;
}
.login-sign-form .techexpo-icon .choices {
    overflow: visible;
    margin: 0;
} 

.login-sign-form .techexpo-icon .choices__inner,
.login-sign-form .techexpo-icon .choices__inner select {
    border: none;
    border-bottom: 1px solid #E6E6E6;
    font-size: 16px;
    color: #A1A1A1;
    font-weight: 400;
    width: 150px;
    padding-right: 0;
    background: #fff;
    padding-left: 42px;
    min-height: 38px;
    padding-bottom: 0 !important;
}

.techexpo-icon .select2-container {
    width: 140px !important;
}

.techexpo-icon .select2-container .select2-selection {
    border: none;
    border-bottom: 1px solid #E6E6E6;
    height: 48px;
    border-radius: 0;
}

.techexpo-icon .select2-container .select2-selection .select2-selection__rendered {
    line-height: 48px;
    padding: 0 25px 0 40px;
    color: #A1A1A1;
    font-size: 16px !important;
    font-weight: 400;
}

/* .select2-results__option {
    display: flex;
    justify-content: center;
} */
/* even page css start */

.event-banner {
    padding: 180px 0 40px;
}

.event-banner .section-title {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.event-banner .section-title h1 {
    font-size: 64px;
    font-weight: 600;
    color: #275570;
    margin-bottom: 24px;
}

.event-banner .section-title h1 span {
    color: #F2652D;
}

.event-banner .section-title p {
    font-size: 20px;
    font-weight: 400;
    color: #7B7B7B;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 0;
}

.upcoming-event {
    background: linear-gradient(180deg, rgba(58,102,129,1) 0%, rgba(1,24,38,1) 100%);
    padding: 50px 141px;
    margin: 80px 0 40px;
}

.upcoming-label {
    background: #F2652D;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: -80px;
}

.upcoming-label h6 {
    padding: 16px 28px;
    color: #Fff;
    font-size: 22px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 0;
}

.upcoming-wrapper {
    /* display: grid;
    grid-template-columns: repeat(2 , 1fr); */
    display: flex;
    justify-content: center;
    position: relative;
}

.upcoming-detail {
    background: linear-gradient(98deg, rgba(13,40,56,1) 0%, rgba(57,91,112,1) 100%);
    color: #fff;
    border: 1px solid rgb(255,255,255);
    border-radius: 20px;
    padding: 24px;
    display: flex;
    align-items: baseline;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 30px;
    width: 100%;
    max-width: 530px;
}

.upcoming-detail h6 {
    font-weight: 400;
    margin-bottom: 12px;
}

.location-even {
    color: rgba(255, 255, 255, 0.62);
    padding-right: 12px;
}

.upcoming-detail h2 {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 12px;
}

.upcoming-detail a {
    color: #E1E1E1;
    font-size: 20px;
    text-decoration: underline;
}

.upcoming-detail p {
    padding-top: 30px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 20px;
}

.upcoming-detail .btn-primary {
    font-size: 18px;
    font-weight: 500;
    width: 100%;
    line-height: 44px;
}

.founders-detail {
    background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(16,44,61,0.8) 100%);
    padding: 50px 28px;
    border: 1px solid #fff;
    border-radius: 20px;
    color: #fff;
    width: 100%;
    text-align: center;
    width: 100%;
    max-width: 265px;
}

.founders-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

.founders-detail h6 {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 10px;
    padding-top: 30px;
}

.founders-detail p {
    font-size: 18px;
    font-weight: 400;
}

.event-gallery-section {
    padding: 80px 0;
    background: #F2F7FA
}

.event-gallery-section .section-title {
    text-align: center;
    padding-bottom: 54px;
}

.event-gallery-section .section-title h2 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 13px;
}

.event-gallery-section .section-title p {
    font-size: 22px;
    color: #7B7B7B;
    line-height: 1;
    margin-bottom: 0;
}

.gallery-info {
    padding-top: 50px;
    /* display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 50px; */
}

.gallery-detail {
    padding: 20px;
    border-radius: 16px;
    background: #fff;
}

.gallery-detail img {
    max-width: 100%;
    border-radius: 8px;
}

.gallery-detail .gallery-information {
    padding-top: 28px;
}

.gallery-detail .gallery-information img {
    max-width: 14px;
}

.gallery-detail h6 {
    font-weight: 500;
    color: #275570;
    margin-bottom: 12px;
}

.gallery-information p {
    font-size: 16px;
    color: #7B7B7B;
    margin-bottom: 12px;
    line-height: 1;
    display: flex;
    align-items: center;
}

.gallery-information p span {
    padding-right: 8px;
}

.gallery-information .btn-outline {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
}

.latest-event-section {
    padding: 80px 0;
    background: #FFF;
}

.latest-event-section .section-title h2 {
    font-size: 40px;
    font-weight: 600;
    color: #275570;
}

.latest-event-section .section-title p {
    font-size: 22px;
    color: #7B7B7B;
    margin-bottom: 0;
    line-height: 1;
}

.latest-event-section .section-title {
    text-align: center;
}

.latest-event-wrapper {
    padding-top: 50px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 30px;
    max-width: 700px;
    margin: 0 auto;
}

.latest-event-wrapper .latest-event-info {
    background: #fff;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    padding: 24px;
}

.latest-event-title {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.latest-event-title h6 {
    font-size: 22px;
    color: #275570;
    font-weight: 500;
    margin-bottom: 0;
    padding-top: 20px;
}

.latest-event-title p {
    font-size: 14px;
    margin-bottom: 0;
    background: #FFF6F2;
    border: 1px solid #F2652D;
    border-radius: 70px;
    color: #F2652D;
    padding: 10px 26px;
    line-height: 1;
}

.latest-event-wrapper .event-address {
    padding: 16px 0 20px;
}

.latest-event-wrapper .event-address span {
    padding-left: 12px;
}

.latest-event-wrapper .event-address li {
    font-size: 18px;
    color: #275570;
    padding-bottom: 10px;
}

.latest-event-detail li {
    font-size: 16px;
    color: #0a0a0a;
    padding-bottom: 16px;
}

.latest-event-detail li span {
    padding-left: 8px;
}

.latest-event-info .btn-primary {
    width: 100%;
    margin-top: 14px;
}

.our-journey {
    padding: 40px 0 0;
    text-align: center;
    display: none;
}

.our-journey .section-title {
    padding-bottom: 80px;
}

.our-journey .section-title h2 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1;
}

.journey-wrapper {
    position: relative;
    background-image: url("/assets/latest_assets/image/event-paten.svg");
    background-repeat: no-repeat;
    background-size: 100%, 100%;
    background-position: center;
}

.journey-wrapper .event-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.journey-wrapper .event-play img {
    cursor: pointer;
    border: none;
}

.event-slider {
    padding: 40px 0 40px;
}

.event-slider .owl-nav,
.event-slider .owl-dott {
    display: none;
} 

.event-slider .owl-item img {
    max-width: 100%;
    max-height: 410px;
    object-fit: contain;
}

.event-carousel {
    clip-path: polygon(50% 10%, 100% 0, 100% 100%, 50% 87%, 0 100%, 0 0);
}

.upcoming-popup .modal-header {
    background: #EBF0F5;
    border-radius: 21px 21px 0 0;
    display: block;
    padding: 21px;
}

.upcoming-popup .modal-content {
    border-radius: 21px;
}

.upcoming-popup .modal-dialog {
    max-width: 610px;
}

.upcoming-popup .modal-header h5 {
    font-size: 21px;
    font-weight: 500;
    color: #275570;
    line-height: 1;
    padding-bottom: 15px;
}

.upcoming-popup .modal-header p {
    font-size: 15px;
    color: #808080;
    margin: 0;
}

.upcoming-popup .modal-header .close {
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 1;
}

.upcoming-popup .modal-header .close span {
    color: #F2652D;
}

.upcoming-popup .modal-body {
    padding: 24px;
}

.upcoming-popup .modal-body .event-form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 20px;
}

.upcoming-popup .form-group label {
    font-size: 14px;
    font-weight: 500;
    color: #275570;
    width: 100%;
    line-height: 1.7;
    margin-bottom: 6px;
}

.upcoming-popup .form-group input,
.upcoming-popup .form-group textarea {
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    color: #A1A1A1;
    line-height: 1.8;
    width: 100%;
}

.upcoming-popup .form-group textarea {
    resize: none;
    min-height: 90px;
}

.upcoming-popup .form-group input::placeholder,
.upcoming-popup .form-group textarea::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #A1A1A1;
}

.upcoming-popup .modal-footer {
    border: none;
    padding: 0 21px 21px;
}

.upcoming-popup .modal-footer .button {
    font-size: 16px;
    font-weight: 500;
    line-height: 43px;
    min-width: 180px;
}

.gallery-information .owl-stage-outer,
.gallery-information .owl-nav,
.gallery-information .owl-dots {
    display: none; 
}

.journey-wrapper img {
    border: 4px solid #ADBEC9;
    border-radius: 20px;
}

.upcoming-popup .form-group input.invalid {
    border-color: #DB3A3A;
}

.upcoming-popup .form-group input.valid {
    border-color: #43AE31;
}

.upcoming-popup .form-group label.invalid {
    color: #DB3A3A;
    font-weight: 400;
    margin-bottom: 0;
}

.gallery-owl .owl-nav.disabled {
    display: block;
}

.gallery-owl .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    left: -40px;
    transform: translateY(-50%);
    color: #275570;
}

.gallery-owl .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    right: -40px;
    transform: translateY(-50%);
    color: #275570;
}

.upcoming-timer {
    display: flex;
    align-items: center;
    gap: 0 16px;
    padding-bottom: 16px;
}

.upcoming-timer .upcoming-timer-detail {
    background: #275570;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 10px;
    padding: 18px 19px;
    text-align: center;
}

.upcoming-timer .upcoming-timer-detail h3 {
    color: #fff;
    margin-bottom: 2px;
}

.upcoming-timer .upcoming-timer-detail p {
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    margin: 0;
    color: #fff;
}

.gallery-detail a.btn-outline:hover {
    background: #F2652D;
    color: #fff !important;
    border-color: #f2652D;
}

.upcoming-popup .form-group textarea:focus-visible {
    outline: none;
}


.gallery-information .btn-outline {
    background: transparent;
    color: #F2652D !important;
    border-color: #F2652D;
}

.upcoming-popup .box {
    padding-bottom: 20px;
}


/* even page css end */

.techexpo-icon .border-danger + .select2-container .select2-selection {
    border-color: #dc3545;
}

.techexpo-icon .border-success + .select2-container .select2-selection {
    border-color: #28a745;
}

.sub-menu .niche-menu-icon a img {
    max-width: 28px;
}
.chiang-mai-img {
    max-width: 63px;
}

.login-sign-wrapper .forgot-review::before {
    z-index: 1;
}

.forgot-review .background-animation {
    z-index: 0;
}

.forgot-review .advertiser-publisher-info {
    z-index: 1;
}

.navigation .sub-menu-detail span.tool-tag {
    font-size: 12px;
    color: #F2652D;
    padding-left: 2px !important;
    font-weight: 400;
}

.login-sign-form .error-member + .form-wrapper {
    padding-top: 0;
}

.login-sign-form .error-member {
    margin-top: 20px;
    position: relative;
}

.login-sign-form .error-member .close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
}

.login-sign-form .error-member .close:hover {
    opacity: 1;
}

.digital-pr-servics .pricing-section .pricing-pack .package-service{
    min-height: 230px;
    max-height: 230px;
}

.pricing-section .pricing-pack .package-service li.ahref-service::before {
    content: "";
    background-image: url(../image/digital-ahrefs.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
}

.pricing-section .pricing-pack:hover .package-service li.ahref-service::before,
.pricing-section .pricing-pack.active .package-service li.ahref-service::before {
    background-image: url(../image/digital-ahrefs-white.png);
}

.main-wrapper.digital-pr-servics .content-writing-section .content-wrapper {
    display: flex;
    align-items: center;
}

.digital-pr-servics .content-writing-section .content-info,
.digital-pr-servics .sevices-sider {
    width: 50%;
}

.sevices-siders .owl-carousel {
    width: 100%;
    overflow: hidden;
}

.sevices-sider .owl-item img {
    width: 100%;
    display: block;
    object-fit: cover;
    border-radius: 8px;
    max-width: 93%;
}

.digital-pr-servics .highlight-content-info ul span,
.main-wrapper.digital-pr-servics .provide-content-info .type-content .type-content-pt li span b {
    font-weight: 600;
    color: #F2652D;
}

.digital-pr-servics .work-service .block-title h5 {
    min-height: 58px;
}

.digital-pr-servics .pricing-pack .btn-price .btn-outline {
    text-transform: none;
}

.highlight-marketing-section .type-content-pt p {
    font-size: 16px;
    line-height: 26px;
}

.main-wrapper.digital-pr-servics .provide-content-info .type-content .section-detail {
    color: #7B7B7B;
}

.main-wrapper.digital-pr-servics .provide-content-info .type-content .section-detail p {
    margin-bottom: 0;
}

.location-even span img {
    width: 20px;
    padding-right: 4px;
}

.content-writing-section .sevices-owl .owl-stage-outer {
    height: 340px;
}

.backlink-tool-wrapper .index-content .index-list {
    margin-bottom: 20px;
}

.backlink-tool-wrapper .index-content p {
    margin-bottom: 12px;
}

.guide-detail {
    background: #F3F3F3;
    padding: 22px 14px;
    border-radius: 0 0 16px 16px;
    margin-bottom: 40px;
}

.guide-title h6 {
    font-size: 26px;
    font-weight: 500;
    color: #fff;
    background: #275570;
    padding: 15px 20px;
    border-radius: 16px 16px 0 0;
    margin: 0;
}

.quick-video {
    box-shadow: 2px 2px 14px 0px #00000033;
    border-radius: 16px;
}

.guide-detail p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    color: #275570;
    padding: 0 4px 0 16px;
    line-height: 1.5;
    position: relative;
}

.guide-detail p::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 6px;
    height: 6px;
    line-height: 5px;
    background: #F2655D;
    border-radius: 100%;
}

.guide-video {
    background: #FFF;
    border-radius: 16px;
    min-height: 480px;
    cursor: pointer;
}

.backlink-popup .modal-content {
    background: linear-gradient(0deg, #FFFFFF -10.57%, #FFE5D5 107.74%);
    border-radius: 30px;
}

.backlink-popup .modal-header {
    padding: 0;
    border: none;
}

.backlink-popup .modal-header .close {
    position: absolute;
    top: 20px;
    right: 30px;
    cursor: pointer;
    opacity: 1;
    z-index: 1;
}

.backlink-popup .modal-body {
    text-align: center;
    padding: 30px;
}

.backlink-popup .modal-body h5 {
    font-size: 22px;
    font-weight: 500;
    color: #275570;
    padding: 23px 0 20px;
    max-width: 350px;
    margin: 0 auto;
}

.backlink-popup .modal-body .btn-primary {
    border-radius: 10px;
    min-width: 240px;
    line-height: 58px;
}
.founders-detail img.jay_shah {
    border: 5px solid #fff;
    border-radius: 100%;
}

.banner-wrapper .meet-seo-cta {
    font-size: 14px;
    font-weight: 500;
    background: transparent;
    color: #F2652D;
    border-radius: 15px;
    line-height: 32px;
    margin-bottom: 10px;
    text-transform: none;
}

.banner-wrapper .btn-primary img {
    margin-right: 3px;
}

.banner-wrapper .meet-seo-cta:hover img {
    filter: brightness(0) saturate(100%) invert(1);
}

.footer-top .footer-right-wrapper embed {
    width: 320px;
    height: 70px;
    margin-top: 40px;
}

.testimonial-client .owl-dots {
    text-align: center;
    padding-top: 20px;
}

.testimonial-client .owl-dots .owl-dot span {
    background: #D2D2D2;
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 100%;
    margin-right: 3px;
}

.testimonial-client .owl-dots .owl-dot.active span,
.testimonial-client .owl-dots .owl-dot:hover span {
    background: #808080;
}

.testimonial-detail .audio audio {
    width: 100%;
    height: 40px;
}

.video-popup .modal-dialog {
    max-width: 600px;
}

.video-popup .modal-body iframe {
    width: 100%;
}

.guest-service-wrapper .block-title h3 {
    font-size: 24px;
}

.link-builder .view-btn a.btn-outline,
.guest-post-service .view-btn a.btn-outline {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0;
    letter-spacing: 0.32px;
    min-width: 230px;
    line-height: 46px;
    border-radius: 4px;
    color: #F2652D;
    margin-left: 30px;
}

.link-builder .view-btn a.btn-outline i,
.guest-post-service .view-btn a.btn-outline i,
.content-writing-section .view-btn i {
    padding-right: 4px;
}

.link-builder .view-btn a.btn-outline:hover,
.guest-post-service .view-btn a.btn-outline:hover {
    color: #FFF;
}

.link-builder .content-wrapper .builder-content-info {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0;
    flex-direction: column;
}

.link-builder .builder-content-info ul {
    margin-bottom: 0;
    padding: 13px 0 0;
}

.link-builder .builder-content-info li {
    padding-left: 23px;
    list-style: none;
    font-size: 18px;
    position: relative;
    color: #7B7B7B;
    line-height: 1.3;
    padding-bottom: 6px;
}

.link-builder .builder-content-info li::before {
    content: "\f058";
    position: absolute;
    top: 2px;
    left: 0;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 15px;
    color: #275570;
}

.link-builder .builder-content-info li:last-child {
    padding-bottom: 0;
}

.login-sign-form form .first-name {
    display: flex;
    align-items: flex-start;
    gap: 0 20px;
}

.login-sign-wrapper .first-name .form-group {
    width: 50%;
}
.main-wrapper.link-builder .how-work-section .how-work-wrapper .section-title span {
    font-size: 36px;
    line-height: 43px;
}

.guest-post-service .banner-section .view-btn {
    padding-top: 20px;
}

.guest-post-service .banner-section .view-btn a.button {
    min-width: 210px;
}

.unlock-detail h3 {
    color: #fff;
}

.trustpilot-rating {
    margin: 0 0 12px 0;
    border: 1px solid #00B77F;
    background: transparent;
    border-radius: 9px;
    padding: 9px 14px 8px;
    color: #00B77F;
    font-size: 14px;
    line-height: 1;
    width: fit-content;
}

.trustpilot-rating i {
    padding: 5px;
    background: #00B77F;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    font-size: 12px;
    margin-right: 3px;
}

.trustpilot-rating span {
    font-weight: 500;
}

.client-wrapper .testimonial-trustpilot {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
}

.testimonial-trustpilot p {
    font-size: 14px;
    color: #555555;
    margin: 0 0 10px 0;
}

.testimonial-trustpilot span.trustpilot-reting {
    font-size: 82px;
    font-weight: 500;
    color: #F2652D;
}

.client-wrapper  .testimonial-trustpilot img {
    max-width: 90%;
}

.client-wrapper .testimonial-trustpilot h3 {
    color: #275570;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
    text-align: left;
}

.client-wrapper .testimonial-trustpilot .trustpilot-detail {
    color: #7C7C7C;
    font-size: 16px;
    text-align: left;
    margin: 0;
}


.wave-text {
    /* background: linear-gradient(270deg, #12C2E9, #C471ED, #C471ED, #6B99EB, #C471ED); */
    background: linear-gradient(270deg, #C471ED, #12C2E9, #12C2E9, #6B99EB, #C471ED);
    /* background: linear-gradient(270deg, #12C2E9, #C471ED, #C471ED, #6B99EB, #12C2E9); */
    background-size: 800% 800%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: waveGradient 8s ease infinite;
}

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

.guest-post-service .trustpilot-rating {
    margin-top: 10px;
}

/* new brand page css start */

.brand-title {
    text-align: center;
    max-width: 680px;
    margin: 0 auto;
}

.brand-title span {
    font-size: 16px;
    font-weight: 500;
    padding: 11px 25px;
    border-radius: 40px;
    color: #F2652D;
    background: linear-gradient(360deg, rgba(255, 202, 181, 0.7) -65.38%, rgba(255, 184, 156, 0) 125%);
    box-shadow: 0px -1.64px 8.75px 0px #D0CEFD33 inset;
    display: inline-block;
}

.brand-title  h2 {
    font-size: 44px;
    font-weight: 500;
    color: #F2652D;
    margin: 20px 0 12px;
    line-height: 1;
}

.brand-title p {
    font-size: 16px;
    margin: 0;
    color: #275570;
    line-height: 1.5;
}

.brand-page .hero-section {
    padding: 160px 0 40px;
    text-align: center;
}

.hero-detail {
    position: relative;
    max-width: 960px;
    margin: 0 auto;
}

.hero-section .hero-detail h1 {
    font-size: 70px;
    font-weight: 600;
    color: #275570;
    margin-bottom: 20px;
    line-height: 1;
}

.hero-section .hero-detail h1 span {
    color: #F2652D;
}

.hero-section .hero-detail p {
    font-size: 26px;
    font-weight: 400;
    color: #275570;
    margin-bottom: 40px;
}

.hero-detail .hero-cta .button {
    font-weight: 500;
    border-radius: 40px;
    min-width: 108px;
    font-size: 16px;
    padding: 0 15px;
}

.hero-detail .hero-cta button.campaign-cta {
    box-shadow: 0px 3px 12.9px 0px #F09D7C66 inset;
    border-bottom: 3px solid #843211;
    margin-right: 20px;
}

.hero-detail .hero-cta button.campaign-cta:hover {
    background: #F2652D;
    box-shadow: 0px 8px 45px 0px #F26831B2;
}

.hero-detail .hero-cta .button i {
    font-size: 13px;
    padding-left: 2px;
}

.hero-detail .hero-cta button.more-cta {
    border: none;
    box-shadow: 0px 6px 21.4px 0px #F09D7C66 inset;
    border-bottom: 3px solid #F2652D;
    background: #FFFFFF;
    color: #F2652D;
}

.hero-detail .hero-cta button.more-cta:hover {
    background: #F2652D;
    color: #Fff;
    border-color: #fff;
}

.brand-page .choose-section {
    padding: 40px 0;
}

.brand-page .choose-detail {
    display: flex;
    align-items: flex-start;
    gap: 0 140px;
}

.brand-page .choose-detail .brand-title {
    text-align: left;
    max-width: 550px;
}

.brand-page .choose-detail .brand-title h2 {
    font-size: 40px;
}

.brand-page .choose-detail .brand-title p {
    font-size: 18px;
}

.brand-page .choose-detail .choose-info {
    padding-top: 80px;
}

.brand-page .choose-info li {
    padding: 0 0 40px 44px;
    font-size: 18px;
    font-weight: 400;
    color: #275570;
    position: relative;
}

.brand-page .choose-info li::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    background-image: url(../image/brand-choose-right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 27px;
    height: 27px;
}

.brand-page .choose-info li:last-child {
    padding-bottom: 0;
}

.brand-page .choose-section .choose-count {
    margin-top: 20px;
    border: 1px solid #F2652D;
    border-radius: 9px;
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0 20px;
    max-width: 540px;
}

.brand-page .choose-section .choose-count li {
    border-right: 0.55px solid #E6E6E6;
    padding-right: 0;
    text-align: left;
}

.brand-page .choose-section .choose-count li:last-child {
    border: none;
    margin: 0;
}

.brand-page .choose-section .choose-count li h3 {
    font-size: 35px;
    font-weight: 600;
    color: #F2652D;
    margin-bottom: 5px;
}

.brand-page .choose-section .choose-count li p {
    font-size: 15px;
    color: #7B7B7B;
    margin: 0;
    line-height: 1.6;
}

.works-section {
    padding: 80px 0;
    margin: 40px 0;
    position: relative;
    overflow: hidden;
}

.work-detail {
    padding-top: 50px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 20px;
    margin: 0 102px;
}

.work-detail .work-info {
    background: #FEF0EA;
    padding: 24px 24px 44px;
    border-radius: 10px;
    border: 1px solid transparent;
    transition: all 0.5s;
    position: relative;
}

.work-detail .work-info::after {
    content: "\f061";
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    color: #F2652D;
    font-size: 22px;
}

.work-detail .work-info:last-child::after {
    display: none;
}

.work-detail .work-info:hover {
    border-color: #F2652D;
    transition: all 0.5s;
    box-shadow: 5px 3px 10px 0px #F2652D40;
}

.work-detail .work-info .work-icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 16px;
}

.work-info .work-icon p {
    margin: 0;
    font-size: 30px;
    font-weight: 500;
    background: linear-gradient(90deg, #F2652D 0%, #F99B76 68.02%, #FFDACC 111.19%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.work-info h6 {
    font-size: 22px;
    margin-bottom: 10px;
    color: #F2652D;
}

.work-info p {
    font-size: 16px;
    margin: 0;
    color: #F2652d;
}

.works-section::before {
    content: "";
    position: absolute;
    top: -190px;
    right: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 61.37%, rgba(145, 214, 255, 0.7) 93.93%);
    width: 100%;
    max-width: 100%;
    height: 320px;
    border-radius: 100%;
    filter: blur(100px);
    margin: 0 auto;
    z-index: -1;
}

.works-section::after {
    content: "";
    position: absolute;
    bottom: -50px;
    right: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(145, 214, 255, 0.7) 61.37%, rgba(255, 255, 255, 0.7) 77.45%);
    width: 100%;
    max-width: 100%;
    height: 150px;
    border-radius: 100%;
    filter: blur(230px);
    margin: 0 auto;
    z-index: -1;
}

.form-section {
    padding: 40px 0 80px;
}

.form-section .brand-title {
    max-width: 100%;
    text-align: left;
    padding-bottom: 40px;
}

.form-section .form-wrapper {
    display: grid;
    grid-template-columns: 4fr 1fr;
    align-items: center;
    gap: 0 30px;
}

.form-section form {
    border: 1px solid #FFEEE5;
    box-shadow: 10px 10px 50px 0px #0062FF08;
    border-radius: 22px;
    padding: 30px 30px 40px;
    background: #FFFFFF;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 20px;
}

.form-info .form-group {
    margin-bottom: 40px;
}

.form-info .form-group:last-child {
    margin-bottom: 0;
}

.form-info .form-group label {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 8px;
    text-transform: capitalize;
}

.form-info .form-group input,
.form-info .form-group textarea {
    border: 1px solid #FFEEE5;
    border-radius: 10px;
    padding: 16px 14px;
    line-height: 1;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
}

.form-info .form-group textarea {
    width: 100%;
    resize: none;
}

.form-info .form-group input:placeholder, 
.form-info .form-group textarea:placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #999999;
}

.form-info .form-group button.btn-primary{
    border-radius: 10px;
    text-align: left;
    position: relative;
}

.form-section .contact-detail {
    border: 1px solid #FFEEE5;
    border-radius: 12px;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    gap: 0 10px;
    margin-bottom: 40px;
    cursor: pointer;
}

.form-section .contact-detail:last-child {
    margin: 0;
}

.form-section .content-detail p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 2px;
    line-height: 1.3;
    background: linear-gradient(90deg, #F2652D 0%, #F99B76 94.62%, #FFDACC 111.19%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.form-section .content-detail span {
    font-size: 12px;
    font-weight: 400;
    color: #999999;
}

.form-section .contact-detail.active {
    background: #FFF7F4;
    border-color: #F2652D;
}

.form-wrapper .form-group label.invalid {
    color: red;
}

.brand-faq {
    padding: 40px 0;
}

.brand-faq .brand-title p b {
    color: #F2652D;
}

.brand-faq .faq-detail {
    padding-top: 60px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 40px;
}

.brand-faq .faq-detail .card {
    margin-bottom: 16px;
    border: 1px solid #FFF3E5;
    border-radius: 16px;
}

.brand-faq .card .card-header {
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
}

.brand-faq .card-header button,
.brand-faq .card-header button.collapsed {
    border: none;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    padding: 0 80px 0 26px;
    height: 80px;
    line-height: 83px;
    color: #275570;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    text-decoration: none;
}

.brand-faq .card-header button {
    border-color: #FFF3E5;
    color: #F2652D;
}   

.brand-faq .card-header button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 2px;
    height: 25px;
    background: #275570;
} 

.brand-faq .card .card-body {
    color: #666666;
    font-size: 14px;
    font-weight: 300;
    padding: 20px 80px 26px 26px;
    line-height: 1.4;
}

.brand-faq .card-header button.collapsed::after,
.brand-faq .card-header button::after {
    content: "\f067";
    position: absolute;
    top: 50%;
    right: 26px;
    transform: translateY(-50%);
    background: linear-gradient(137.41deg, #F0F6FF 3.06%, rgba(240, 246, 255, 0) 60.53%);
    border: 1px solid #FFF3E5;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    color: #275570;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    font-size: 13px;
    line-height: 27px;
    text-align: center;
    transition: all 0.5s;
}

.brand-faq .card-header button::after {
    content: "\f068";
    transition: all 0.5s;
    color: #F2652D;
}

.bm_page_form .form-info .form-group .is-invalid{
    border: 1px solid #ff4444;
}

.bm_page_form .form-info .form-group .is-valid{
    border: 1px solid #03a84e;
}

.form-section .message-box {
    padding-bottom: 20px;
}

.form-section .message-box p {
    margin: 0;
    background: #F2FCF0;
    color: #43AE31;
    padding: 15px 20px;
    border: 1px solid #43AE31;
    border-radius: 10px;
    line-height: 1;
    position: relative;
}

.form-section .message-box p i {
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer;
    z-index: 1;
}


.check-group.form-group {
    position: relative;
	margin-bottom: 5px;
} 

.check-group.form-group input[type="checkbox"],
.check-group.form-group input[type="radio"] {
    visibility: hidden;
    position: absolute;
}

.check-group.form-group label {
    position: relative;
    background: transparent;
    border: 0;
    height: auto;
    top: 0;
    width: auto;
    margin: 0 0 5px;
    font-weight: 400;
    cursor: pointer;
    font-size: 14px;
	color: #4C4C4C;
	letter-spacing: 0.5px;	
}

.check-group.form-group label span {
    position: relative;
    padding-left: 25px;
	display: inline-block;
}

.check-group.form-group label span:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    width: 15px;
    height: 15px;
    background-color: white;
    border-radius: 4px;
    vertical-align: middle;
    border: 1px solid #F2652D;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    margin-bottom: 0;
    cursor: pointer;
}

.check-group.form-group label span:after {
	content: "\f00c";
    position: absolute;
    top: 0px;
    left: 0;
    width: 15px;
    height: 15px;
    opacity: 0;
    background: #F2652D;
    color: #fff;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 10px;
	text-align: center;
    border-radius: 4px;
    line-height: 15px;
}   

.check-group.form-group input[type="checkbox"]:checked+label span:after,
.check-group.form-group input[type="radio"]:checked+label span:after {
    opacity: 1;
}

.check-group.form-group input[type="checkbox"]:checked+label span:before {
	border-color: #f2652d;
}

.check-group.form-group label span>span {
    display: none;
}

.featured-section::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 61.37%, rgba(242, 101, 45, 0.5) 93.93%);
}

.featured-section::after {
    background: linear-gradient(180deg, rgba(242, 101, 45, 0.2) 61.37%, rgba(255, 255, 255, 0.2) 77.45%);
}

.form-info .form-group button.btn-primary i {
    position: absolute;
    top: 16px;
    right: 20px;
}

.responsive-check {
    padding-bottom: 7px;
    display: none;
}

.form-info .form-group textarea:focus-visible {
    outline: none;
}

.scroll-container {
    display: inline-block;
    height: 1em;
    overflow: hidden;
    vertical-align: bottom;
    position: relative;
    width: 190px;
}

.scroll-words {
  display: inline-block;
  color: #ff4d4d;
}

@keyframes scrollUp {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  20% {
    transform: translateY(0);
    opacity: 1;
  }
  80% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    opacity: 0;
  }
}

.featured-section .work-detail .work-info::after {
    display: none;
}

.brand-faq .card .card-body a {
    color: #F2652D;
    text-decoration: underline;
    cursor: pointer;
}

.featured-section .brand-title {
    max-width: 100%;
}


/* new brand page css end */