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

.callouts-layout-four{background-color: #fff; font-size: 20px; color: #333333; line-height: normal; overflow-x: hidden; padding: 100px 0; position: relative;font-weight: 400;}
.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: 10px; color: #333333; line-height: normal;}
.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, .callouts-layout-four .social-follow a:hover i {transform: scale(1.1);}
.callouts-layout-four .social-follow svg { width: 100%; max-width: 25px; }
.callouts-layout-four .social-follow i { font-size: 25px; color: #ffffff; }
.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 :is(h1,h2,h3,h4,h5,h6){font-size: 48px; text-transform: uppercase; margin-bottom: 10px;font-weight: 700;line-height: normal;}
.callouts-layout-four .businessContent .businessTitle p{font-size: 24px; font-weight: 700; color: #005BC5;line-height: normal;}
.callouts-layout-four .businessContent p:not(.businessTitle p){margin-bottom: 50px;}

.callouts-layout-four 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-four 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-four a.btn .arrow img{max-width: 100%;height: auto;}
.callouts-layout-four a.btn .arrow svg{width:100%;height: 100%;fill:#fff;}
.callouts-layout-four a.btn .arrow i{font-size: 100%;color: #fff;}
.callouts-layout-four a.btn:hover, .callouts-layout-four a.btn:focus { background-color: #02357e;color: #fff; }
.callouts-layout-four a.btn:hover .arrow ,.callouts-layout-four a.btn:focus .arrow{ left: 5px; }
.callouts-layout-four .remove-arrow .arrow { display: none; }

.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 .businessImg{height: 550px;}
}
@media (max-width:1024px){
    .callouts-layout-four{padding: 50px 0;font-size: 18px;}
    .callouts-layout-four .businessContent p:not(.businessTitle p){margin-bottom: 30px;}
    .callouts-layout-four .businessContent .businessTitle{padding-bottom: 15px;}
    .callouts-layout-four .businessContent .businessTitle :is(h1,h2,h3,h4,h5,h6){font-size: 28px;}
    .callouts-layout-four .businessContent .businessTitle p { font-size: 22px;}
    .callouts-layout-four a.btn{font-size: 18px;}
}

@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%;}
}

@media (max-width:767px){
    .callouts-layout-four{padding: 30px 0;font-size: 16px;}
    .callouts-layout-four .businessContent .businessTitle :is(h1,h2,h3,h4,h5,h6){font-size: 24px;}
     .callouts-layout-four .businessContent .businessTitle p { font-size: 20px;}
     .callouts-layout-four a.btn{font-size: 16px;}
    .callouts-layout-four .businessImg{height: 300px;}
    .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;}
}