.text-center{text-align: center;}
.callouts-layout-three{background-color: #fff; font-size: 20px; color: #333333; line-height: normal; overflow-x: hidden; padding: 100px 0; position: relative;font-weight: 400;}
.callouts-layout-three::before, .callouts-layout-three::after{content: ''; position: absolute; width: 500px; height: 300px; background-color: #ECF5FF; top: 0; left: 0;}
.callouts-layout-three::after{top: inherit; left: inherit; right: 0; bottom: 0;}
.callouts-layout-three :is(h1,h2,h3,h4,h5,h6){margin-top: 0; margin-bottom: 30px; color: #fff; line-height: normal;font-weight: 700;font-size: 32px;text-transform: uppercase;max-width: 300px;}
.callouts-layout-three p{margin-bottom: 10px; margin-top: 0;}
.callouts-layout-three p:last-child{margin-bottom: 0;}

.callouts-layout-three .callouts-container{width: 100%; max-width: 1430px; padding-left: 15px; padding-right: 15px; margin: 0 auto; position: relative; z-index: 1; padding-bottom: 50px;}
.callouts-layout-three .callouts-container .callouts-row{margin-left: -15px; margin-right: -15px; display: flex; display: flex; flex-wrap: wrap;}
.callouts-layout-three .callouts-container .callouts-row .callouts-col-6{max-width: 50%; width: 100%; padding: 0 15px;}

.callouts-layout-three .business-block{background-repeat: no-repeat; background-size: cover; background-position: center; padding: 40px; color: #fff; border-radius: 10px; min-height: 635px; display: flex; align-items: flex-start; flex-direction: column; justify-content: space-between;}

.callouts-layout-three .explore-btn{margin-top: -100px;}

.callouts-layout-three a.btn { display: inline-flex;align-items: center; background-color: #005AC3; color: #fff; font-weight: 400; padding: 14px 35px 14px 35px; border-radius: 5px; font-size: 20px; border: none; cursor: pointer; transition: all 0.3s ease-in-out; position: relative; line-height: normal; position: relative; text-decoration: none; white-space: nowrap; }
.callouts-layout-three a.btn .arrow { margin-left: 15px; transition: all 0.3s ease-in-out; position: relative; left: 0; width: 20px;    display: inline-flex; justify-content: center; align-items: center;}
.callouts-layout-three a.btn .arrow img{max-width: 100%;height: auto;}
.callouts-layout-three a.btn .arrow svg{width:100%;height: 100%;fill:#fff;}
.callouts-layout-three a.btn .arrow i{font-size: 100%;color: #fff;}
.callouts-layout-three a.btn:hover, .callouts-layout-three a.btn:focus { background-color: #02357e; color: #fff;}
.callouts-layout-three a.btn:hover .arrow , .callouts-layout-three a.btn:focus .arrow { left: 5px; }
.callouts-layout-three .remove-arrow .arrow { display: none; }

@media (max-width:1199px){
    .callouts-layout-three .business-block{min-height: 450px;}
}
@media (max-width:1024px){
    .callouts-layout-three{padding: 50px 0;font-size: 18px;}
    .callouts-layout-three :is(h1,h2,h3,h4,h5,h6){font-size: 28px;}
    .callouts-layout-three a.btn {font-size: 18px;}
}

@media (max-width:991px){
    .callouts-layout-three .business-block{min-height: 350px; padding: 25px;}
}

@media (max-width:767px){
    .callouts-layout-three{padding: 30px 0;font-size: 16px;}
    .callouts-layout-three .business-block{min-height: 300px;}
    .callouts-layout-three :is(h1,h2,h3,h4,h5,h6){font-size: 24px;}
    .callouts-layout-three .callouts-container .callouts-row .callouts-col-6{max-width: 100%; margin-bottom: 30px;}
    .callouts-layout-three .explore-btn{margin-top: -56px;}
    .callouts-layout-three .callouts-container{padding-bottom: 0;}
    .callouts-layout-three a.btn{font-size: 16px;}
}