WIBUHAX0R1337

- WIBUHAX0R1337 -

/home/coludnqa/xtrasolutionsco.com/wp-content/themes/insurez/assets/scss/layout/pages/ [ Home ]

Create Folder Create File

@use '../../utils' as *;

/*----------------------------------------*/
/*  7.7 cta css
/*----------------------------------------*/
.tp-cta-4__bg {
	background-repeat: no-repeat;
}

.tpcta {
	&__btn {
		@media #{$sm} {
			text-align: center;
		}
	}

&__shap-bg {
		position: absolute;
		top: -194px;
		right: 0;
		animation: moving 9s linear infinite;
	}

&__title {
		color: var(--tp-common-white);
		font-size: 50px;
		font-weight: 400;

@media #{$md} {
			font-size: 43px;
		}

@media #{$sm} {
			text-align: center;
		}

}
}

.tp-cta-title {
	font-size: 50px;
	color: var(--tp-common-white);
	line-height: 50px;
	font-weight: 400;
	position: relative;

@media #{$sm} {
		font-size: 40px;
	}

@media #{$xs} {
		font-size: 34px;
		line-height: 40px;
	}

}

.tp-cta-2 {
	margin-bottom: -60px;

&__wrap {
		background-repeat: no-repeat;
		background-size: cover;
		overflow: hidden;

&::before {
			content: '';
			position: absolute;
			height: 100%;
			width: 100%;
			top: 0;
			left: 0;
			background: rgba(0, 113, 93, 0.4);
		}
	}

&__shap {
		position: absolute;
		content: '';
		background: rgba($color: #fbd45a, $alpha: .6);
		width: 124px;
		height: 158px;
		bottom: -50px;
		right: 51px;
		border-radius: 60px 60px 0 0;
		transform: rotate(-23deg);
		z-index: 9;

}
}

.swiper-slide-active {

& .tp-cta-shap,
	& .tp-cta-2__shap {
		-webkit-animation-name: fadeInUp;
		animation-name: fadeInUp;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
}

.swiper-slide-active .tp-cta-2__shap {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
}

.swiper-slide-active .tp-cta-shap {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}

.tp-cta-shap {
	position: absolute;
	top: -79px;
	left: -77px;
	animation: moving 9s linear infinite;
}

.tp-cta-3 {
	&__area {
		overflow: hidden;
	}

&__icon {
		float: left;
		margin-right: 30px;

@media #{$xs} {
			float: none;
			margin-right: 0;
			text-align: center;
		}

& span {
			font-size: 80px;
			color: var(--tp-heading-primary);
		}
	}

&__info {
		@media #{$xs} {
			text-align: center;
		}

& span {
			font-size: 18px;
			color: var(--tp-theme-1);
			margin-bottom: 20px;
		}

& .cta-titile {
			font-size: 36px;
			color: var(--tp-heading-primary);
			font-weight: 400;
			margin-top: 6px;
			text-align: left;

@media #{$xxl} {
				font-size: 30px;
			}

@media #{$xs} {
				text-align: center;
			}
		}
	}

&__right {
		@media #{$sm} {
			text-align: center !important;
			margin-top: 20px;
		}

@media #{$xs} {
			text-align: center !important;
			margin-top: 20px;
		}
	}

&__shap2 {
		position: absolute;
		right: 0;
		top: -13px;
	}

&__shap {
		position: absolute;
		left: 392px;
		top: 7px;

@media #{$xxxl} {
			left: 310px;
		}

@media #{$xxl} {
			left: 218px;
		}

@media #{$xl} {
			left: 123px;
		}

@media #{$lg, $md, $sm, $xs} {
			display: none;
		}
	}
}

.tp-cta3-left-bg {
	position: absolute;
	top: -23px;
	left: 0;

@media #{$xxxl} {
		left: -80px;
	}

@media #{$xxl} {
		left: -174px;
	}

@media #{$xl} {
		left: -269px;
	}

@media #{$lg, $md, $sm, $xs} {
		display: none;
	}
}

.tp-cta-4 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;

&__area {
		z-index: 2;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}

&::before {
		content: "";
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		background: #00715d;
		opacity: 0.7;
	}

&__shap {
		position: absolute;
		content: "";
		background: rgba(251, 212, 90, 0.8);
		width: 136px;
		height: 183px;
		bottom: -50px;
		right: 122px;
		border-radius: 60px 60px 0 0;
		transform: rotate(-23deg);

@media #{$xs} {
			width: 100px;
			height: 127px;
		}
	}

&__bg {
		padding: 60px 50px;

@media #{$xs} {
			padding: 30px 10px;
		}
	}

&__left-bg {
		position: absolute;
		z-index: 5;
		left: 365px;
		top: 0;

@media #{$xxxl, $xxl, $xl} {
			left: 14px;
		}

@media #{$xxxl} {
			left: 206px;
		}
	}

&__shap2 {
		position: absolute;
		left: 349px;
		bottom: -85px;
		z-index: 999;
	}

&__area {
		margin-bottom: 120px;
	}

&__right {

@media #{$lg, $md, $sm, $xs, $ssm} {
			text-align: center !important;
		}
	}
}

.cta-titile {
	color: var(--tp-heading-primary);
	font-size: 36px;
	line-height: 46px;
	z-index: 2;
	position: relative;

@media #{$lg} {
		text-align: center;
		padding: 0 69px;
	}

@media #{$md} {
		text-align: center;
		padding: 0 14px;
	}

@media #{$sm} {
		font-size: 28px;
		line-height: 38px;
		text-align: center;
	}

@media #{$xs} {
		text-align: center;
	}
}

.cta-area {
	background-repeat: no-repeat;
	background-size: cover;
}

Nama File / Folder	Size	Action
_about.scss	12.258KB	Edit File Delete File Rename
_blog.scss	13.508KB	Edit File Delete File Rename
_brand.scss	0.881KB	Edit File Delete File Rename
_choose.scss	7.374KB	Edit File Delete File Rename
_contact.scss	2.571KB	Edit File Delete File Rename
_counter.scss	1.95KB	Edit File Delete File Rename
_cta.scss	4.709KB	Edit File Delete File Rename
_features.scss	9.039KB	Edit File Delete File Rename
_getquote.scss	6.271KB	Edit File Delete File Rename
_insurance.scss	3.952KB	Edit File Delete File Rename
_portfolio.scss	0.579KB	Edit File Delete File Rename
_prizing.scss	1.97KB	Edit File Delete File Rename
_project.scss	9.058KB	Edit File Delete File Rename
_search.scss	11.259KB	Edit File Delete File Rename
_searvice.scss	15.3KB	Edit File Delete File Rename
_slider.scss	14.022KB	Edit File Delete File Rename
_team.scss	7.014KB	Edit File Delete File Rename
_testimonials.scss	7.912KB	Edit File Delete File Rename
_work.scss	1.91KB	Edit File Delete File Rename
index.scss	0.419KB	Edit File Delete File Rename