.ct-accordion1 {
	&.style1 {
		.ct-accordion-icon-plus {
			width: 21px;
			height: 21px;
			position: relative;
			&:before, &:after {
				content: '';
				background-color: #333;
				@include border-radius(3px);
				position: absolute;
				@include transition(.3s cubic-bezier(.24,.74,.58,1));
			}
			&:before {
				width: 3px;
				height: 21px;
				top: 0;
				left: 9px;
			}
			&:after {
				height: 3px;
				width: 21px;
				top: 9px;
				left: 0;
			}
		}
		.ct-accordion-icon-plus {
			position: absolute;
			top: 50%;
			right: 14px;
			@include transform(translate(0, -50%));
			z-index: 99;
		}
		.ct-ac-content {
			display: none;
			color: #888888;
			line-height: 1.5;
			padding-top: 20px;
		}
		.ct-ac-title {
			position: relative;
			.ct-ac-title-text {
				@include font-family-heading($heading_default_font);
				font-size: 20px;
				font-weight: 500;
				color: #666;
				border: 1px solid #888;
				border-radius: 5px;
				padding: 13px 50px 13px 20px;
				display: block;
				cursor: pointer;
				@media #{$max-lg} {
					font-size: 18px;
				}
				@media #{$max-sm} {
					font-size: 16px;
				}
			}
			&.active .ct-ac-title-text, &:hover .ct-ac-title-text {
				color: #fff;
				background-color: $primary_color;
				border-color: $primary_color;
				.ct-accordion-icon-plus {
					&:before {
						transform: rotate(90deg);
						opacity: 0;
					}
					&:before, &:after {
						background-color: #fff;
					}
				}
			}
		}
		.ct-accordion-item {
			+ .ct-accordion-item {
				margin-top: 20px;
			}
		}
	}
	&.style2 {
		.ct-accordion-icon-plus {
			width: 21px;
			height: 21px;
			position: relative;
			&:before, &:after {
				content: '';
				background-color: #333;
				@include border-radius(3px);
				position: absolute;
				@include transition(.3s cubic-bezier(.24,.74,.58,1));
			}
			&:before {
				width: 3px;
				height: 21px;
				top: 0;
				left: 9px;
			}
			&:after {
				height: 3px;
				width: 21px;
				top: 9px;
				left: 0;
			}
		}
		.ct-accordion-icon-plus {
			position: absolute;
			top: 50%;
			right: 0px;
			@include transform(translate(0, -50%));
			z-index: 99;
		}
		.ct-ac-content {
			display: none;
			color: #666666;
			font-size: 16px;
			line-height: 1.625;
		}
		.ct-ac-title {
			position: relative;
			.ct-ac-title-text {
				@include font-family-heading($heading_default_font);
				font-size: 16px;
				font-weight: 500;
				color: #000;
				display: block;
				cursor: pointer;
				@media #{$max-sm} {
					font-size: 18px;
				}
			}
			&.active .ct-ac-title-text {
				.ct-accordion-icon-plus {
					&:before {
						transform: rotate(90deg);
						opacity: 0;
					}
					&:before, &:after {
						
					}
				}
			}
		}
		.ct-accordion-item {
			border-radius: 5px;
			border: 1px solid rgba( $secondary_color, 0.12 );
			.ct-ac-title {
				cursor: pointer;
				padding: 15px 20px;
				i {
					right: 15px;
				}
				&.active {

				}
			}
			.ct-ac-content {
				padding-left: 20px;
				padding-right: 20px;
			}
			&.active {
				border-color: #fff;
				background-color: #fff;
				@include box-shadow(0 10px 20px rgba($secondary_color, 0.08));
				.ct-ac-content {
				    padding-top: 20px;
				    margin-bottom: 23px;
				}
			}
			+ .ct-accordion-item {
				margin-top: 20px;
			}
		}
	}
	&.style3 {
		position: relative;
		padding-top: 150px;
		@media #{ $max-lg } {
			padding-top: 100px;
		}
		.title-holder {
			font-size: 200px;
			position: absolute;
			top: 0;
			width: 125%;
			left: -30%;
			text-align: center;
			line-height: 1;
			color: #cdcdcd;
			background: -webkit-linear-gradient(-90deg, $third_color, #fff 80%);
	        -webkit-background-clip: text;
	        -webkit-text-fill-color: transparent;
			@media #{ $max-lg } {
				font-size: 100px;
			}
			span {
				
			}
		}
		.inner-layout {
			background-color: #f8f8f8;
			position: relative;
			z-index: 1;
			max-width: 1090px;
			margin-left: auto;
			margin-right: auto;
		}
		.ct-accordion-icon-plus {
			position: absolute;
			top: 50%;
			right: 0px;
			@include transform(translate(0, -50%));
			z-index: 99;
			@include transition(.3s cubic-bezier(.24,.74,.58,1));
			font-size: 12px;
			&:before {
				opacity: 1;
				display: inline-block;
				content: "\f104";
				font-family: Caseicon;
				font-style: normal;
			}
			&:after {
				display: none;
				opacity: 0;
			}
		}
		.ct-ac-content {
			display: none;
			color: #666666;
			font-size: 16px;
			line-height: 1.625;
		}
		.ct-ac-title {
			position: relative;
			.ct-ac-title-text {
				@include font-family-heading($heading_default_font);
				font-size: 18px;
				font-weight: 500;
				color: #000;
				display: block;
				cursor: pointer;
				@media #{$max-sm} {
					font-size: 18px;
				}
			}
			&.active .ct-ac-title-text {
				color: #fff;
				.ct-accordion-icon-plus {
					@include transform(translate(0,-50%) rotate(90deg));
				}
			}
		}
		.ct-accordion-item {
			border-bottom: 1px solid rgba( $secondary_color, 0.12 );
			.ct-ac-title {
				cursor: pointer;
				padding: 20px 45px;
				@media #{ $max-md } {
					padding-left: 20px;
					padding-right: 20px;
				}
				i {
					right: 35px;
					@media #{ $max-md } {
						right: 25px;
					}
				}
				&.active {
					color: #fff;
				}
			}
			.ct-ac-content {
				padding: 20px 45px;
				@media #{ $max-md } {
					padding: 18px 20px;
				}
			}
			&.active {
				.ct-ac-title {
					cursor: pointer;
					padding: 33px 45px;
					background-color: #faa80a;
					@media #{ $max-md } {
						padding: 25px 20px;
					}
				}
				.ct-ac-content {

				}
				border-bottom: none;
			}
			+ .ct-accordion-item {
				
			}
			&:last-child {
				border-bottom: none;
			}
		}
	}
}