/*
Theme Name: Credit Sense
Theme URI: https://kingkong.com.au
Author: King Kong
Author URI: https://kingkong.com.au
Description: Boilerplate  for the King Kong Framework
Version: 3.0
Text Domain: kingkong-child-theme
*/


/*HOME PAGE CSS*/
.btn .btn-transparent {
    background: transparent !important;
    border: 1px solid white !important;
}
.section-copy-code .codeblock__inner pre.style-light {
    background-color: #0f2f4d;
}


/* Required: */
.custom-border{
	position: relative;
}
.custom-border::before  {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
/*background-image: repeating-linear-gradient(0deg, #ffb07e, #ffb07e 30px, transparent 30px, transparent 58px, #ffb07e 58px), repeating-linear-gradient(90deg, #ffb07e, #ffb07e 30px, transparent 30px, transparent 58px, #ffb07e 58px), repeating-linear-gradient(180deg, #ffb07e, #ffb07e 30px, transparent 30px, transparent 58px, #ffb07e 58px), repeating-linear-gradient(270deg, #ffb07e, #ffb07e 30px, transparent 30px, transparent 58px, #ffb07e 58px);
background-size: 3px 100%, 100% 3px, 3px 100% , 100% 3px;
background-position: 0 0, 0 0, 100% 0, 0 100%;
background-repeat: no-repeat;
border-radius: 16px;*/
background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%23FFB07EFF' stroke-width='4' stroke-dasharray='24%2c 27%2c 19' stroke-dashoffset='27' stroke-linecap='square'/%3e%3c/svg%3e");
border-radius: 16px;
}


.flex-container {
    display: flex;
    border-radius: 16px;
	margin-bottom: 50px;
	padding: 2rem 3rem;
	align-items: center;
    min-height: 333px;
}

.column-box {
    padding: 20px;

}

.column-1 {
    flex: 0 0 30%; /* Flex-grow, flex-shrink, flex-basis */

}

.column-2 {
    flex: 0 0 70%; /* Flex-grow, flex-shrink, flex-basis */

}

/*my-credit-sense bg*/
.bg-color-1 {
/**/background-color: rgb(255 94 40 / 8%);

}

.bg-color-2 {
background-color: rgb(50 121 184 / 8%);

}

.bg-color-3 {
background-color: rgb(180 126 179 / 8%);

}

.bg-color-4 {
background-color: rgb(50 121 184 / 8%);

}

.bg-color-5 {
background-color: rgb(180 126 179 / 8%);

}

.bg-color-6 {
background-color: rgb(50 121 184 / 8%);

}

.bg-color-7 {
background-color: rgb(180 126 179 / 8%);

}

h2.heading-t {
    font-weight: 700;
    line-height: 40px;
    font-size: 32px;
	text-transform: none;
}
p.content-p {
    font-size: 16px;
    line-height: 24px;
}

p.custom-contact-btn {
    background-color: #3279B8;
    display: inline-flex;
    /* padding: 1rem 4rem; */
    width: 280px;
    height: 40px;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    border-radius: 8px;

}

p.custom-contact-btn2 {
    background-color: #B47EB3;
    display: inline-flex;
    /* padding: 1rem 4rem; */
    width: 280px;
    height: 40px;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    border-radius: 8px;

}

span.txt-clr-1{
    color: #3279B8;
}

span.txt-clr-2{
    color: #B47EB3;
}

p.custom-contact-btn i.bi.bi-chevron-right,
p.custom-contact-btn2 i.bi.bi-chevron-right{
    margin-top: 1px;
    margin-left: 1rem;
}

p.custom-contact-btn .bi::before, [class*=" bi-"]::before,
p.custom-contact-btn2 .bi::before, [class*=" bi-"]::before{
    font-weight: 700 !important;
}

ol.custom-ol {
    margin-left: -2rem;
}

ol.custom-ol li {
    font-size: 16px;
}

/*MOBILE SCREEN*/
@media (max-width: 768px) {

.flex-container {
    flex-direction: column;
    align-items: center;
}
	
.column-1, .column-2 {
    flex: 0 0 100%;
}
	
.flex-container.bg-color-2,
.flex-container.bg-color-4,
.flex-container.bg-color-6{
    display: flex;
    flex-direction: column-reverse;
}
	
h2.heading-t {
    line-height: 36px;
    font-size: 24px;
}
	
p.content-p {
    font-size: 14px;
    line-height: 22px;
}
	
ol.custom-ol {
    margin-left: -2.4rem !important;
}

ol.custom-ol li {
    font-size: 14px !important;
}
		
}

/*MOBILE SMALL SCREEN*/
@media (max-width: 576px) {

/*my-credit-sense page*/
.flex-container {
    padding: 2rem 1rem;
}
	
/*my-credit-sense page*/	
p.custom-contact-btn,
p.custom-contact-btn2 {
	width: 100%;
}
	
}