.elementor-256 .elementor-element.elementor-element-5224e8c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-256 .elementor-element.elementor-element-fd61ff3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-256 .elementor-element.elementor-element-fd61ff3:not(.elementor-motion-effects-element-type-background), .elementor-256 .elementor-element.elementor-element-fd61ff3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2914cdab );}.elementor-256 .elementor-element.elementor-element-973d43c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-256 .elementor-element.elementor-element-564df47{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-256 .elementor-element.elementor-element-564df47:not(.elementor-motion-effects-element-type-background), .elementor-256 .elementor-element.elementor-element-564df47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2914cdab );}.elementor-256 .elementor-element.elementor-element-9a9b01c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-256 .elementor-element.elementor-element-082fa93 .theplus-accordion-wrapper.elementor-accordion .elementor-tab-title .elementor-accordion-icon{font-size:20px;}.elementor-256 .elementor-element.elementor-element-082fa93 .theplus-accordion-wrapper.elementor-accordion .elementor-tab-title .elementor-accordion-icon svg{width:20px;height:20px;}.elementor-256 .elementor-element.elementor-element-082fa93 .theplus-accordion-wrapper .theplus-accordion-item .plus-accordion-header{color:#313131;}.elementor-256 .elementor-element.elementor-element-082fa93 .theplus-accordion-wrapper .theplus-accordion-item .plus-accordion-header.active{color:#3351a6;}.elementor-256 .elementor-element.elementor-element-082fa93 .theplus-accordion-wrapper .theplus-accordion-item{margin-bottom:15px;}.elementor-256 .elementor-element.elementor-element-453b7eb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-256 .elementor-element.elementor-element-453b7eb:not(.elementor-motion-effects-element-type-background), .elementor-256 .elementor-element.elementor-element-453b7eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2914cdab );}/* Start custom CSS for html, class: .elementor-element-b7ef864 *//*====================================================
SERVICES BANNER
====================================================*/

.services-banner{

    position:relative;
    overflow:hidden;

    padding:110px 24px;

    background:linear-gradient(180deg,#F8FBFD 0%,#EEF8FD 100%);

    border-bottom:1px solid #E7EEF5;

}

.services-banner-content{

    position:relative;
    z-index:2;

    max-width:1280px;
    margin:auto;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

}

/*====================================================
BACKGROUND DECORATION
====================================================*/

.services-banner::before{

    content:"";

    position:absolute;

    top:-180px;
    right:-120px;

    width:480px;
    height:480px;

    border-radius:50%;

    background:rgba(0,140,191,.06);

}

.services-banner::after{

    content:"";

    position:absolute;

    left:-120px;
    bottom:-160px;

    width:340px;
    height:340px;

    border-radius:50%;

    background:rgba(18,57,90,.04);

}

/*====================================================
BREADCRUMB
====================================================*/

.breadcrumb{

    display:flex;
    align-items:center;
    gap:10px;

    margin-bottom:24px;

    font-size:15px;

    color:#94A3B8;

}

.breadcrumb a{

    color:#64748B;

    text-decoration:none;

    transition:.3s;

}

.breadcrumb a:hover{

    color:#008CBF;

}

/*====================================================
LABEL
====================================================*/

.page-label{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:10px 22px;

    background:#EAF7FD;

    color:#008CBF;

    border-radius:999px;

    font-size:14px;
    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.08em;

    margin-bottom:28px;

}

/*====================================================
HEADING
====================================================*/

.services-banner h1{

    max-width:850px;

    margin:0 0 28px;

    font-size:66px;

    font-weight:800;

    line-height:1.05;

    letter-spacing:-.04em;

    color:#12395A;

}

.services-banner h1 span{

    display:block;

    color:#008CBF;

}

/*====================================================
DESCRIPTION
====================================================*/

.services-banner p{

    max-width:760px;

    margin:0 0 45px;

    font-size:20px;

    line-height:1.9;

    color:#667085;

}

/*====================================================
BUTTON WRAPPER
====================================================*/

.banner-buttons{

    display:flex;

    align-items:center;

    gap:18px;

    flex-wrap:wrap;

}

/*====================================================
RESET LINKS
====================================================*/

.banner-buttons a{

    text-decoration:none !important;

    font-family:inherit;

}

/*====================================================
PRIMARY BUTTON
====================================================*/

.services-banner a.banner-btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    min-width:235px;

    height:58px;

    padding:0 32px;

    border-radius:999px;

    background:#008CBF !important;

    border:1px solid #008CBF !important;

    color:#FFFFFF !important;

    font-size:16px;

    font-weight:600;

    transition:all .35s ease;

    box-shadow:0 12px 30px rgba(0,140,191,.20);

}

.services-banner a.banner-btn-primary::after{

    content:"→";

    transition:.3s;

}

.services-banner a.banner-btn-primary:hover{

    background:#12395A !important;

    border-color:#12395A !important;

    color:#FFFFFF !important;

    transform:translateY(-4px);

    box-shadow:0 18px 45px rgba(18,57,90,.22);

}

.services-banner a.banner-btn-primary:hover::after{

    transform:translateX(6px);

}

.services-banner a.banner-btn-primary:hover,
.services-banner a.banner-btn-primary:hover *{

    color:#FFFFFF !important;

}

/*====================================================
SECONDARY BUTTON
====================================================*/

.services-banner a.banner-btn-secondary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:235px;

    height:58px;

    padding:0 32px;

    border-radius:999px;

    background:#FFFFFF !important;

    border:1px solid #D8E6F2 !important;

    color:#12395A !important;

    font-size:16px;

    font-weight:600;

    transition:all .35s ease;

}

.services-banner a.banner-btn-secondary:hover{

    background:#F8FBFD !important;

    border-color:#008CBF !important;

    color:#008CBF !important;

    transform:translateY(-4px);

}

/*====================================================
TABLET
====================================================*/

@media(max-width:1024px){

.services-banner{

    padding:90px 24px;

}

.services-banner h1{

    font-size:52px;

}

.services-banner p{

    font-size:18px;

}

}

/*====================================================
MOBILE
====================================================*/

@media(max-width:767px){

.services-banner{

    padding:70px 18px;

}

.services-banner-content{

    align-items:flex-start;

}

.services-banner h1{

    font-size:38px;

    line-height:1.12;

}

.services-banner p{

    font-size:16px;

    line-height:1.8;

}

.banner-buttons{

    width:100%;

    flex-direction:column;

    align-items:stretch;

    gap:14px;

}

.services-banner a.banner-btn-primary,
.services-banner a.banner-btn-secondary{

    width:100%;

    min-width:unset;

    max-width:100%;

    height:56px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2eb6faf *//*====================================================
SERVICES GRID
====================================================*/

.services-grid{

    padding:110px 24px;

    background:#FFFFFF;

}

.services-grid .services-header{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

.services-header span{

    display:inline-block;

    margin-bottom:18px;

    padding:10px 22px;

    background:#EAF7FD;

    color:#008CBF;

    border-radius:999px;

    font-size:14px;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

}

.services-header h2{

    margin:0 0 22px;

    font-size:52px;

    line-height:1.15;

    font-weight:800;

    letter-spacing:-.03em;

    color:#12395A;

}

.services-header p{

    margin:0 auto;

    max-width:680px;

    font-size:18px;

    line-height:1.9;

    color:#667085;

}

/*====================================================
GRID
====================================================*/

.services-cards{

    max-width:1280px;

    margin:auto;

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:30px;

}

/*====================================================
CARD
====================================================*/

.service-card{

    position:relative;

    display:flex;

    flex-direction:column;

    justify-content:flex-start;

    min-height:320px;

    padding:42px;

    background:#FFFFFF;

    border:1px solid #E8EDF3;

    border-radius:28px;

    text-decoration:none !important;

    transition:all .35s ease;

    overflow:hidden;

}

.service-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:0;

    height:4px;

    background:#008CBF;

    transition:.35s;

}

.service-card:hover{

    transform:translateY(-8px);

    border-color:#D7EAF5;

    box-shadow:0 25px 60px rgba(18,57,90,.08);

}

.service-card:hover::before{

    width:100%;

}

/*====================================================
NUMBER
====================================================*/

.service-number{

    margin-bottom:35px;

    font-size:68px;

    font-weight:800;

    line-height:1;

    color:#E4EDF3;

    transition:.35s;

}

.service-card:hover .service-number{

    color:#008CBF;

}

/*====================================================
TITLE
====================================================*/

.service-card h3{

    margin:0 0 18px;

    font-size:30px;

    line-height:1.2;

    font-weight:700;

    color:#12395A;

    transition:.3s;

}

.service-card:hover h3{

    color:#008CBF;

}

/*====================================================
DESCRIPTION
====================================================*/

.service-card p{

    margin:0;

    font-size:17px;

    line-height:1.9;

    color:#667085;

    flex-grow:1;

}

/*====================================================
LINK
====================================================*/

.service-link{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-top:34px;

    font-size:16px;

    font-weight:600;

    color:#12395A;

    transition:.35s;

}

.service-link::after{

    content:"→";

    transition:.35s;

}

.service-card:hover .service-link{

    color:#008CBF;

}

.service-card:hover .service-link::after{

    transform:translateX(6px);

}

/*====================================================
TABLET
====================================================*/

@media(max-width:1024px){

.services-grid{

    padding:90px 24px;

}

.services-header h2{

    font-size:42px;

}

.services-cards{

    gap:24px;

}

.service-card{

    padding:34px;

}

.service-number{

    font-size:56px;

}

.service-card h3{

    font-size:26px;

}

}

/*====================================================
MOBILE
====================================================*/

@media(max-width:767px){

.services-grid{

    padding:70px 18px;

}

.services-header{

    margin-bottom:50px;

}

.services-header h2{

    font-size:34px;

}

.services-header p{

    font-size:16px;

}

.services-cards{

    grid-template-columns:1fr;

    gap:20px;

}

.service-card{

    min-height:auto;

    padding:28px;

    border-radius:22px;

}

.service-number{

    margin-bottom:22px;

    font-size:48px;

}

.service-card h3{

    font-size:24px;

}

.service-card p{

    font-size:16px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2bb1635 *//*====================================================
WHY RINKU
====================================================*/

.why-rinku{

    max-width:1280px;

    margin:0 auto;

    padding:110px 24px;

    display:grid;

    grid-template-columns:1fr 1.2fr;

    gap:90px;

    align-items:start;

}

/*====================================================
LEFT SIDE
====================================================*/

.section-tag{

    display:inline-block;

    margin-bottom:20px;

    padding:10px 22px;

    background:#EAF7FD;

    color:#008CBF;

    border-radius:999px;

    font-size:14px;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

}

.why-rinku-left h2{

    margin:0 0 24px;

    font-size:52px;

    line-height:1.15;

    font-weight:800;

    letter-spacing:-.03em;

    color:#12395A;

}

.why-rinku-left p{

    margin:0;

    font-size:18px;

    line-height:1.9;

    color:#667085;

}

/*====================================================
RIGHT SIDE
====================================================*/

.why-rinku-right{

    display:flex;

    flex-direction:column;

    gap:26px;

}

/*====================================================
FEATURE
====================================================*/

.feature-item{

    display:flex;

    gap:26px;

    align-items:flex-start;

    padding:34px;

    border:1px solid #E8EDF3;

    border-radius:22px;

    background:#FFFFFF;

    transition:.35s;

}

.feature-item:hover{

    transform:translateY(-6px);

    border-color:#D8EAF6;

    box-shadow:0 20px 50px rgba(18,57,90,.08);

}

.feature-number{

    flex-shrink:0;

    width:62px;

    height:62px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#F4FAFD;

    color:#008CBF;

    font-size:20px;

    font-weight:700;

}

.feature-item h3{

    margin:0 0 12px;

    font-size:24px;

    color:#12395A;

    line-height:1.3;

}

.feature-item p{

    margin:0;

    color:#667085;

    line-height:1.8;

    font-size:16px;

}

/*====================================================
TABLET
====================================================*/

@media(max-width:1024px){

.why-rinku{

    grid-template-columns:1fr;

    gap:50px;

    padding:90px 24px;

}

.why-rinku-left h2{

    font-size:42px;

}

}

/*====================================================
MOBILE
====================================================*/

@media(max-width:767px){

.why-rinku{

    padding:70px 18px;

}

.why-rinku-left h2{

    font-size:34px;

}

.why-rinku-left p{

    font-size:16px;

}

.feature-item{

    padding:24px;

    gap:18px;

}

.feature-number{

    width:50px;

    height:50px;

    font-size:18px;

}

.feature-item h3{

    font-size:20px;

}

.feature-item p{

    font-size:15px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74e31e6 *//*====================================================
MORTGAGE PROCESS
====================================================*/

.mortgage-process{

    padding:120px 24px;

    background:#F8FBFD;

}

.process-header{

    max-width:760px;

    margin:0 auto 80px;

    text-align:center;

}

.process-header h2{

    margin:0 0 24px;

    font-size:52px;

    line-height:1.15;

    font-weight:800;

    letter-spacing:-.03em;

    color:#12395A;

}

.process-header p{

    margin:0 auto;

    max-width:680px;

    font-size:18px;

    line-height:1.9;

    color:#667085;

}

/*====================================================
STEPS
====================================================*/

.process-steps{

    max-width:1280px;

    margin:auto;

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:28px;

    position:relative;

}

.process-steps::before{

    content:"";

    position:absolute;

    top:38px;

    left:8%;

    right:8%;

    height:2px;

    background:#DCEAF2;

    z-index:0;

}

.process-step{

    position:relative;

    z-index:2;

    text-align:center;

}

.step-number{

    width:76px;

    height:76px;

    margin:0 auto 28px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#FFFFFF;

    border:2px solid #008CBF;

    color:#008CBF;

    font-size:22px;

    font-weight:700;

    box-shadow:0 12px 30px rgba(18,57,90,.08);

}

.process-step h3{

    margin:0 0 16px;

    font-size:22px;

    color:#12395A;

    line-height:1.3;

}

.process-step p{

    margin:0;

    font-size:16px;

    line-height:1.8;

    color:#667085;

}

/*====================================================
TABLET
====================================================*/

@media(max-width:1024px){

.process-header h2{

    font-size:42px;

}

.process-steps{

    grid-template-columns:repeat(2,1fr);

}

.process-steps::before{

    display:none;

}

}

/*====================================================
MOBILE
====================================================*/

@media(max-width:767px){

.mortgage-process{

    padding:80px 18px;

}

.process-header{

    margin-bottom:50px;

}

.process-header h2{

    font-size:34px;

}

.process-header p{

    font-size:16px;

}

.process-steps{

    grid-template-columns:1fr;

    gap:28px;

}

.process-step{

    text-align:left;

    display:flex;

    gap:20px;

    align-items:flex-start;

}

.step-number{

    flex-shrink:0;

    width:60px;

    height:60px;

    margin:0;

    font-size:18px;

}

.process-step h3{

    font-size:20px;

}

.process-step p{

    font-size:15px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-030c1fd *//*====================================================
FAQ
====================================================*/

.faq-section{

    padding:110px 24px;

    background:#FFFFFF;

}

.faq-header{

    max-width:760px;

    margin:0 auto 60px;

    text-align:center;

}

.faq-header h2{

    margin:0 0 24px;

    font-size:52px;

    line-height:1.15;

    font-weight:800;

    letter-spacing:-.03em;

    color:#12395A;

}

.faq-header p{

    margin:0 auto;

    max-width:680px;

    font-size:18px;

    line-height:1.9;

    color:#667085;

}

/*====================================================
ELEMENTOR ACCORDION
====================================================*/

.elementor-accordion{

    max-width:900px;

    margin:auto;

}

.elementor-accordion .elementor-tab-title{

    padding:28px 32px !important;

    border-radius:18px !important;

    background:#FFFFFF !important;

    border:1px solid #E8EDF3 !important;

    margin-bottom:18px !important;

    transition:.3s;

}

.elementor-accordion .elementor-tab-title:hover{

    border-color:#008CBF !important;

}

.elementor-accordion .elementor-tab-title a{

    color:#12395A !important;

    font-size:20px !important;

    font-weight:700 !important;

}

.elementor-accordion .elementor-tab-content{

    padding:0 32px 28px 32px !important;

    border:none !important;

    color:#667085;

    font-size:16px;

    line-height:1.9;

}

.elementor-active{

    border-color:#008CBF !important;

}

/*====================================================
MOBILE
====================================================*/

@media(max-width:767px){

.faq-section{

    padding:80px 18px;

}

.faq-header{

    margin-bottom:40px;

}

.faq-header h2{

    font-size:34px;

}

.faq-header p{

    font-size:16px;

}

.elementor-accordion .elementor-tab-title{

    padding:20px !important;

}

.elementor-accordion .elementor-tab-title a{

    font-size:18px !important;

}

.elementor-accordion .elementor-tab-content{

    padding:0 20px 20px !important;

}

}/* End custom CSS */
/* Start custom CSS for tp-accordion, class: .elementor-element-082fa93 *//*====================================================
FAQ SECTION
====================================================*/

.faq-section{

    padding:110px 24px;

    background:#FFFFFF;

}

.faq-header{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

.faq-header h2{

    margin:0 0 24px;

    font-size:52px;

    font-weight:800;

    line-height:1.15;

    letter-spacing:-.03em;

    color:#12395A;

}

.faq-header p{

    margin:0 auto;

    max-width:700px;

    font-size:18px;

    line-height:1.9;

    color:#667085;

}

/*====================================================
ELEMENTOR ACCORDION
====================================================*/

.elementor-accordion{

    max-width:900px;

    margin:auto;

}

.elementor-accordion .elementor-accordion-item{

    border:none !important;

    margin-bottom:18px;

    overflow:hidden;

    border-radius:20px;

    background:#FFFFFF;

    box-shadow:0 8px 30px rgba(18,57,90,.05);

    transition:.35s;

}

.elementor-accordion .elementor-accordion-item:hover{

    transform:translateY(-3px);

    box-shadow:0 18px 45px rgba(18,57,90,.08);

}

.elementor-accordion .elementor-tab-title{

    border:none !important;

    background:#FFFFFF !important;

    padding:26px 30px !important;

}

.elementor-accordion .elementor-tab-title a{

    color:#12395A !important;

    font-size:20px !important;

    font-weight:700 !important;

    text-decoration:none !important;

}

.elementor-accordion .elementor-tab-title:hover a{

    color:#008CBF !important;

}

.elementor-accordion .elementor-tab-content{

    border:none !important;

    padding:0 30px 30px !important;

    color:#667085;

    font-size:16px;

    line-height:1.9;

}

.elementor-accordion .elementor-active{

    background:#F8FBFD !important;

}

.elementor-accordion .elementor-active a{

    color:#008CBF !important;

}

/*====================================================
ACCORDION ICON
====================================================*/

.elementor-accordion .elementor-accordion-icon{

    color:#008CBF !important;

}

.elementor-accordion .elementor-active .elementor-accordion-icon{

    color:#12395A !important;

}

/*====================================================
MOBILE
====================================================*/

@media(max-width:767px){

.faq-section{

    padding:80px 18px;

}

.faq-header{

    margin-bottom:45px;

}

.faq-header h2{

    font-size:34px;

}

.faq-header p{

    font-size:16px;

}

.elementor-accordion .elementor-tab-title{

    padding:20px !important;

}

.elementor-accordion .elementor-tab-title a{

    font-size:18px !important;

}

.elementor-accordion .elementor-tab-content{

    padding:0 20px 22px !important;

    font-size:15px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-12dce54 *//*====================================================
SERVICES CTA
====================================================*/

.services-cta{

    position:relative;

    overflow:hidden;

    padding:120px 24px;

    background:linear-gradient(135deg,#12395A 0%,#0F4C75 100%);

}

/*====================================================
DECORATIVE CIRCLES
====================================================*/

.services-cta::before{

    content:"";

    position:absolute;

    top:-180px;

    right:-140px;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(255,255,255,.05);

}

.services-cta::after{

    content:"";

    position:absolute;

    bottom:-160px;

    left:-120px;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(255,255,255,.04);

}

/*====================================================
CONTENT
====================================================*/

.services-cta-content{

    position:relative;

    z-index:2;

    max-width:850px;

    margin:auto;

    text-align:center;

}

.services-cta .section-tag{

    background:rgba(255,255,255,.12);

    color:#FFFFFF;

}

.services-cta h2{

    margin:28px 0;

    color:#FFFFFF;

    font-size:56px;

    font-weight:800;

    line-height:1.12;

    letter-spacing:-.03em;

}

.services-cta p{

    max-width:700px;

    margin:0 auto 45px;

    color:rgba(255,255,255,.82);

    font-size:19px;

    line-height:1.9;

}

/*====================================================
BUTTONS
====================================================*/

.cta-buttons{

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

}

.cta-buttons a{

    text-decoration:none !important;

    font-family:inherit;

}

/*====================================================
PRIMARY
====================================================*/

.services-cta .cta-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:230px;

    height:58px;

    padding:0 32px;

    border-radius:999px;

    background:#FFFFFF !important;

    border:1px solid #FFFFFF !important;

    color:#12395A !important;

    font-weight:600;

    transition:.35s;

}

.services-cta .cta-primary:hover{

    background:#008CBF !important;

    border-color:#008CBF !important;

    color:#FFFFFF !important;

    transform:translateY(-4px);

}

.services-cta .cta-primary:hover *{

    color:#FFFFFF !important;

}

/*====================================================
SECONDARY
====================================================*/

.services-cta .cta-secondary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:230px;

    height:58px;

    padding:0 32px;

    border-radius:999px;

    border:1px solid rgba(255,255,255,.35);

    background:transparent !important;

    color:#FFFFFF !important;

    font-weight:600;

    transition:.35s;

}

.services-cta .cta-secondary:hover{

    background:rgba(255,255,255,.10) !important;

    border-color:#FFFFFF !important;

    transform:translateY(-4px);

}

/*====================================================
TABLET
====================================================*/

@media(max-width:1024px){

.services-cta{

    padding:100px 24px;

}

.services-cta h2{

    font-size:46px;

}

}

/*====================================================
MOBILE
====================================================*/

@media(max-width:767px){

.services-cta{

    padding:80px 18px;

}

.services-cta h2{

    font-size:34px;

}

.services-cta p{

    font-size:16px;

}

.cta-buttons{

    flex-direction:column;

}

.services-cta .cta-primary,
.services-cta .cta-secondary{

    width:100%;

    min-width:unset;

}

}/* End custom CSS */