.text-center{text-align: center;}

.callouts-layout-four{background-color: #fff; font-size: 18px; color: #333333; line-height: 1.5; overflow-x: hidden; padding: 100px 0; position: relative;}
.callouts-layout-four::before{content: ''; position: absolute; width: 500px; height: 300px; background-color: #ECF5FF; bottom: 0; left: 0;}
.callouts-layout-four :is(h1,h2,h3,h4,h5,h6){margin-top: 0; margin-bottom: 15px; color: #333333; line-height: 1.3;}
.callouts-layout-four p{margin-bottom: 20px; margin-top: 0;}
.callouts-layout-four p:last-child{margin-bottom: 0;}
.callouts-layout-four a{color: #005BC5; text-decoration: none;}
.callouts-layout-four a:hover{color: #333333;}

.callouts-layout-four .callouts-container{width: 100%; max-width: 1430px; padding-left: 15px; padding-right: 15px; margin: 0 auto; position: relative; z-index: 1;}
.callouts-layout-four .callouts-container .callouts-row{margin-left: -15px; margin-right: -15px; display: flex; display: flex; align-items: center; flex-wrap: wrap;}
.callouts-layout-four .callouts-container .callouts-row .callouts-col-7{max-width: 57.5%; width: 100%; padding: 0 15px; position: relative;}
.callouts-layout-four .callouts-container .callouts-row .callouts-col-5{max-width: 42.5%; width: 100%; padding: 0 15px; position: relative;}

.callouts-layout-four .social-follow{background-color: #005AC3; width: fit-content; display: flex; padding: 18px 50px; border-radius: 5px;  align-items: center; justify-content: center; position: relative; z-index: 1; margin-top: -30px; margin-left: auto; margin-right: 150px;}
.callouts-layout-four .social-follow a { display: flex; }
.callouts-layout-four .social-follow a:not(:last-child){margin-right: 20px;}
.callouts-layout-four .social-follow a:hover img, .callouts-layout-four .social-follow a:hover svg{transform: scale(1.1);}
.callouts-layout-four .social-follow svg{
    width: 100%;
    max-width: 25px;
}
.callouts-layout-four .social-follow svg path{
    fill: #ffffff;
}
.callouts-layout-four .businessImg{width: 100%; max-width: 700px; height: 634px; overflow: hidden; border-radius: 10px;}
.callouts-layout-four .businessImg img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
.callouts-layout-four .businessImg::before{content: ''; position: absolute; width: 445px; height: 300px; background-color: #ECF5FF; top: -100px; right: 15px; z-index: -1;}
.callouts-layout-four .businessContent .businessTitle{border-bottom: 2.5px solid #005BC5; margin-bottom: 30px; padding-bottom: 30px;}
.callouts-layout-four .businessContent .businessTitle h2{font-size: 50px; text-transform: uppercase; margin-bottom: 10px;}
.callouts-layout-four .businessContent .businessTitle p{font-size: 24px; font-weight: 500; color: #005BC5;}.callouts-layout-four .businessContent p:not(.businessTitle p){margin-bottom: 50px;}

.callouts-layout-four a.btn{background-color: #005AC3;padding: 11.5px 40px; border-radius: 5px; color: #fff; display: inline-block;}
.callouts-layout-four a.btn:hover{opacity: 0.8;}
.callouts-layout-four a.btn::after{content: ''; width: 25px; height: 12px; background-image: url(../../images/callouts/blue-arrow.svg); background-repeat: no-repeat; background-size: contain; display: inline-block; margin-left: 10px; margin-bottom: -2px;}

.callouts-reverse .callouts-container .callouts-row{flex-direction: row-reverse;}
.callouts-reverse .businessImg{margin-left: auto;}
.callouts-reverse .businessImg::before{right: inherit; left: 15px;}
.callouts-reverse::before{left: inherit; right: 0;}

@media (max-width:1199px){
    .callouts-layout-four .businessContent p:not(.businessTitle p){margin-bottom: 20px;}
    .callouts-layout-four .businessContent .businessTitle{padding-bottom: 15px;}
    .callouts-layout-four .businessImg{height: 550px;}
}

@media (max-width:991px){
    .callouts-layout-four::before{display: none;}
    .callouts-layout-four .callouts-container .callouts-row .callouts-col-7, .callouts-layout-four .callouts-container .callouts-row .callouts-col-5{max-width: 100%;}
    .callouts-layout-four .businessContent .businessTitle h2{font-size: 36px;}
}

@media (max-width:767px){
    .callouts-layout-four .businessContent .businessTitle h2{font-size: 24px;}
    .callouts-layout-four .businessImg{height: 300px;}
    .callouts-layout-four{padding: 50px 0;}
    .callouts-layout-four .social-follow{margin-right: 30px;  padding: 12px 30px;}
    .callouts-layout-four .businessImg::before{right: inherit; left: 0; width: 250px;}
    .callouts-layout-four .businessContent{padding-top: 70px;}
    .callouts-layout-four .businessImg::after{content: ''; width: 250px;height: 164px; background-color: #ECF5FF; position: absolute; bottom: -40px; right: 0; z-index: -1;}
}