.cbk-service-wrapper {
    display: flex;
	flex-direction: column;
    gap: 20px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.5s;
	
	&.has-gradient {
		max-height: 1580px;		
	}
	
	@media (min-width: 768px) {
		display: grid;
    	grid-template-columns: repeat(2, 1fr);
	}
}

.cbk-service-wrapper.has-gradient:not(.is-open):after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 234px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
	transition: .3s;
}

.cbk-service-wrapper.is-open {
     max-height: 15000px;
}

.cbk-service-box {
    position: relative;
    padding: 48px;
    border-radius: 10px;
	
	@media (max-width: 767px) {
     	padding: 24px;
	}
	
	@media (max-width: 1024px) {
		padding: 32px;
	}
}

.cbk-service-box:nth-child(3n + 1) {
    background-color: var(--e-global-color-9be701c);
}

.cbk-service-box:nth-child(3n + 2) {
    background-color: var(--e-global-color-0651310);
}

.cbk-service-box:nth-child(3n + 3) {
    background-color: var(--e-global-color-859dff5);
}

.cbk-service-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
}

.cbk-service-header {
    display: flex;
    justify-content: space-between;
    gap: 24px;
	
	@media (max-width: 1024px) {
		flex-direction: column-reverse;
	}
}

.cbk-service-icon {
    flex-shrink: 0;
    width: 96px;
    height: 96px;
    background-image: url("/wp-content/uploads/shield-check.svg");
    background-repeat: no-repeat;
	background-size: cover;
	
	@media (max-width: 1024px) {
		width: 64px;
		height: 64px;
	}
		
	@media (max-width: 767px) {
		width: 40px;
		height: 40px;
	}
}

.cbk-service-title {
    color: var(--greyscale-black, #1f1f1f);
    font-family: Poppins;
    font-size: 28px;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.28px;
    margin-bottom: 16px;
	
	@media (max-width: 767px) {
    	font-size: 20px;
	}
	
	@media (max-width: 1024px) {
/*  		hyphens: auto; */
	}
}

.cbk-service-subtitle {
    color: var(--greyscale-black, #1f1f1f);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0.09px;
	
	@media (max-width: 767px) {
    	font-size: 16px;
	}
}
.cbk-service-text {
    flex-grow: 1;
}

.cbk-service-text p {
    color: var(--greyscale-black, #1f1f1f);
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 0.09px;
	
	@media (max-width: 767px) {
    	font-size: 16px;
	}
}

.cbk-service-benefits-box {
    padding: 24px;
    border-radius: 10px;
    border: 1px solid var(--greyscale-grey-medium, #b8b8b8);
    background: var(--greyscale-white, #fff);
	
	@media (max-width: 767px) {
    	padding: 16px;
	}
}

.cbk-service-benefits-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.cbk-service-benefits-list li {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--greyscale-black, #1f1f1f);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.18px;
	hyphens: auto;
	
	@media (max-width: 767px) {
    	font-size: 14px;
	}
}

.cbk-icon-check {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM13.7071 8.70711C14.0976 8.31658 14.0976 7.68342 13.7071 7.29289C13.3166 6.90237 12.6834 6.90237 12.2929 7.29289L9 10.5858L7.70711 9.29289C7.31658 8.90237 6.68342 8.90237 6.29289 9.29289C5.90237 9.68342 5.90237 10.3166 6.29289 10.7071L8.29289 12.7071C8.68342 13.0976 9.31658 13.0976 9.70711 12.7071L13.7071 8.70711Z" fill="%23009FE3"/></svg>')
        no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
	flex-shrink: 0;
}

.cbk-service-footer {
    margin-top: 1rem;
}

.cbk-service-link {
    display: flex;
    gap: 8px;
    color: var(--greyscale-black, #1f1f1f);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.18px;
	transition: color .3s;
}

a.cbk-service-link:hover {
    color: var(--e-global-color-c4d4c94);
    text-decoration: none;
}

.cbk-icon-arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M15.5833 7.33325L19.25 10.9999M19.25 10.9999L15.5833 14.6666M19.25 10.9999L2.75 10.9999' stroke='%23009FE3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: inline-block;
    width: 22px;
    height: 22px;
}

#show-more {
	cursor: pointer;
	
	&:hover {
	
	@media (max-width: 767px) {
		background-color: #fff !important;
	}
	}
}

#show-more .elementor-button-icon.open {
	transition: .3s;
	transform: rotate(180deg);
	
@media (max-width: 1024px) {
    .cbk-service-wrapper {
        display: flex;
		flex-direction: column;
    }
}

@media (max-width: 767px) {
    .cbk-service-wrapper {
        display: flex;
		flex-direction: column;
    }
}