.section-padding {
    padding-top: 80px;
    padding-bottom: 80px;
}

/* New Homepage CSS */

/* banner css */
.banner-image-block img {
    max-width: 100%;
    width: 100%;
    height: auto;
}
.background-blue {
    background-color: #223D8A;
}

.background-red {
    background-color: #DE0003;
}
a.button-first {
    width: 250px;
    text-align: left;
    white-space: normal;
    font-weight: bold;
}
a.button-first:hover {
    background: #DE0003;
}
a.button-second {
    text-align: left;
    font-weight: bold;
    margin-left: 30px;
}
a.button-second:hover {
    background: #223D8A;
}
a.button-second img {
    margin-left: 10px;
}
.button-container-banner {
    margin-top: 70px;
}
.banner-content-block p {
    padding-top: 20px;
}

/* accessement section */
.assessment-bg {
    background-color: #223D8A;
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}
.assessment-bg img {
    width: 100%;
    height: 170px;
    margin: 0 0 0 30%;
    object-fit: contain;
}

/* cards section css */
section.features-cards-section {
    background-position: bottom left;
    background-size: 24% 60%;
    background-repeat: no-repeat;
}
.features-cards-section {
    padding: 100px 0;
}
section.features-cards-section .row {
    width: 80%;
    margin: 0 auto;
}
section.features-cards-section .col-md-6 {
    display: flex;
}
.card-box:hover {  
    background-image: linear-gradient(-30deg, #ff0000 0%, #bf2222 100%);
}
.card-box {
    border-radius: 50px;
    background-image: linear-gradient(-30deg, #F1F1F1 0%, #FFFFFF 43%, #F5F5F5 100%);
    border: 2px solid #F2F2F2;
    padding: 20px 30px;
    border-radius: 40px;
    transition: all 1s ease-in-out;
}
.card-box h4 {
    padding-bottom: 30px;
    color: #002165;
}
.card-box:hover h4 , .card-box:hover p {
    color: #fff;
}
.card-box:hover .icons svg path {
    color: #fff !important;
    fill: #fff !important;
}
.icons svg path {
    fill: #ea171a !important;
    color: #ea171a !important;
}
.icons svg {
    max-width: 150px;
    height: 150px;
    object-fit: cover;
}
/* end cards section css */

/* services block */
.services-section {
    background-color: #223D8A;
    background-repeat: no-repeat;
    background-position: 100% 500px;
    background-size: contain;
}
.services-section img {
    max-width: 100%;
}
.services-section h2 {
    padding-bottom: 20px;
}
.services-section p {
    color: #d6d6d6;
}
.left-image-right-content .col-lg-6:first-child {
    order: 1;
}
.services-section sup {
    font-size: 45%;
    top:-0.8em;
} 
/* end services block */


/* carousel css */
.client-slider-section .owl-stage {
    display: flex;
    align-items: center;
}

.client-slider-section .owl-carousel .owl-item img {
    width: 200px;
}
.client-slider-section .owl-item{
    margin-right: 0px !important;
}

.client-slider-section {
    background-color: #F5F5F5;
}
.client-logo-container {
    width: 100%;
}
.client-slider-section .owl-nav {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}

.client-slider-section .owl-nav .owl-prev {
    position: absolute;
    left: -76px;
    top: -86px;
    display: block;
    font-size: 80px;
    color: #193680 !important;
}

.client-slider-section .owl-nav .owl-prev:hover {
    background: transparent !important;
    color: #385ae0 !important;
}

.client-slider-section .owl-nav .owl-next {
    position: absolute;
    right: 0;
    display: block;
    font-size: 80px;
    color: #193680 !important;
    top: -86px;
    right: -76px;

}
.client-slider-section .owl-nav .owl-next:hover {
    background: transparent !important;
    color: #385ae0 !important;
}

.client-slider-section .owl-stage-outer {
    overflow: hidden !important;
}

.client-slider-section .owl-prev:focus{
    outline: none !important;
}
.client-slider-section .owl-next:focus{
    outline: none !important;
}
.client-logo-container .owl-nav {
    display: block !important;
}
.client-logo-container .owl-nav button span {
    font-size: 80px;
}
/* end carousel css */


/* latest news section */
.blog_section h3.absolute_h3 {
    position: absolute;
    margin-bottom: 15px;
    color: #ea171a;
    font-weight: 600;
    top: 85px;
    left: 20px;
    font-size: 45px;
}
/* end news section */
/* awards sections css */
.awards-section {
    background-color: #F5F5F5;
}
.awards-section img {
    height: 130px;
    object-fit: cover;
}
.awards-section h2 {
    color: #043C88;
}



/* scroll animation */
#services-animated-block {
    background: #132059;
}
.scrollmagic-pin-spacer {
    margin: 0 auto !important;
}
.stage-parent {
  position: relative;
}
.service-container {
    height: 100vh;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 20%;
    background-position: bottom left;
}
.service-content {
    color: #FFF;
    position: absolute;
    width: 100%;
    top:25px;
    bottom: 0;
}
.service-content img {
    max-width: 100%;
    height: 350px;
    object-fit: contain;
    width: 100%;
}
.service-rows {
    opacity: 0;
}
.inner-rows {
    opacity: 0;
}
#inner-block-1 {
  opacity: 0;
}
div#inner-block-1 img {
    position: absolute;
    left: 150px;
    height: 300px;
    top: 240px;
}

#service-block-2 .row .col-lg-6:first-child {
    order: 2;
}
#inner-block-2 {
  opacity: 0;
}
#inner-block-3 {
    opacity: 0;
}
div#inner-block-3 img {
    position: absolute;
    left: 150px;
    height: 300px;
    top: 240px;
}
div#inner-block-2 img {
    position: absolute;
    right: 130px;
    height: 300px;
    top: 240px;
}
div#inner-block-5 img {
    position: absolute;
    right: 130px;
    height: 300px;
    top: 240px;
}
div#inner-block-6 img {
    position: absolute;
    left: 150px;
    height: 300px;
    top: 240px;
}
div#inner-block-7 img {
    height: 70%;
}
.box-content {
    padding: 0 50px;
}
.box-content p {
    color: #fff;
}
.slide-number {
    position: absolute;
    top: -29px;
    right: -30px;
    z-index: 0;
}
.slide-number h2 {
    font-size: 150px;
    opacity: 8%;
}
div#service-animated-block-mobile {
    display: none;
}
/* end */
/* Media Query */
/* Mobile Devices */
@media only screen and (max-width:767px) {
    a.button-second {
        margin-top: 20px;
        margin-left: 0;
    }
    .banner-image-block {
        margin-top: 30px;
    }
    .assessment-bg {
        background-size: cover;
    }
    .assessment-bg img {
        margin: 50px auto 0px;
    }
    section.features-cards-section .row {
        width: 100%;
        max-width: 100%;
    }
    .card-box {
        padding: 15px 10px;
    }
    section.features-cards-section {
        background-size: contain;
    }
    .services-section {
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: contain;
        padding: 30px 0 80px;
    }
    .services-section .col-lg-6 {
        padding-top: 50px;
    }
    .client-slider-section .owl-nav .owl-next {
        right: 0 !important;
    }
    .client-slider-section .owl-nav .owl-prev {
        left: 0 !important;
    }
    .client-slider-section .owl-carousel .owl-item img {
        width: 250px;
        margin: 0 auto;
    }
    .page-id-1507 .blog_section {
        margin-top: 80px;
    }
    div#service-block {
        color: #fff;
        padding: 50px 0;
    }
    div#service-block img {
        max-width: 100%;
        padding-bottom: 30px;
    }
    div#service-animated-block-mobile {
        background: #132059;
        display: block;
    }
    #services-animated-block {
        display: none;
    }
    .box-content {
        padding: 0px;
    }
    .left-image-right-content .col-lg-6:first-child {
        order: initial;
    }
    div#service-block {
        color: #fff;
        padding: 30px 0;
    }
    .row.left-image-right-content img {
        padding-top: 30px;
    }
    .slide-number {
        right:0;
    }
    .slide-number h2 {
        font-size: 100px;
    }
    div#inner-block-7 {
        display: block !important;
        position: static;
        opacity: 1;
    }
    .animated-blocks-mobile {
        display: none !important;
    }
    div#inner-block-7 img {
        margin-bottom: 50px;
        height: auto;
    }
}
/* iPad Devices */
@media (min-width:767px) and (max-width:991px) {
    .banner-image-block {
        margin-top: 50px;
    }
    .assessment-bg {
        background-size: cover;
    }
    .assessment-bg img {
        margin: 50px auto 0;
    }
    section.features-cards-section .row {
        width: 100%;
        max-width: 100%;
    }
    .card-box {
        padding: 20px;
    }
    .services-section {
        background-position: bottom;
        background-size: contain;
        padding: 30px 0 80px;
    }
    .services-section .col-lg-6 {
        padding-top: 50px;
    }
    .client-slider-section .owl-nav .owl-prev {
        left: 0;
    }
    .client-slider-section .owl-nav .owl-next {
        right:0;
    }
    .client-logo-container .col-lg-3 {
        margin: 0 auto;
    }
    .blog_section h3.absolute_h3 {
        top: 85px !important;
    }
    .page-id-1507 .blog_holder .wrap {
        padding: 0px 15px 40px 15px;
    }
    div#service-block {
        color: #fff;
        padding: 50px 0;
    }
    div#service-block img {
        max-width: 80%;
        padding-bottom: 30px;
        width: 80%;
        margin: 0 10%;
    }
    div#service-animated-block-mobile {
        background: #132059;
        display: block;
    }
    #services-animated-block {
        display: none;
    }
    .box-content {
        padding: 0px;
    }
    div#service-block {
        color: #fff;
        padding: 30px 0;
    }
    .row.left-image-right-content img {
        padding-top: 30px;
    }
    .slide-number {
        right:0;
    }
    .slide-number h2 {
        font-size: 100px;
    }
    .left-image-right-content .col-lg-6:first-child {
        order: initial;
    }
    div#inner-block-7 {
        display: block !important;
        position: static;
        /* bottom: 0; */
        opacity: 1;
        /* margin: 0px !important; */
        /* padding: 0px !important; */
    }
    div#inner-block-7 img {
        margin-bottom: 50px;
        height: auto;
    }
    .animated-blocks-mobile {
        display: none !important;
    }
 }

 /* iPad pro devices */
 @media (min-width:991px) and (max-width:1080px) { 
    .homebanner-section .col-lg-6 {
        max-width: 100%;
        flex: 100%;
    }
    .banner-image-block img {
        margin-top: 40px;
    }
    .assessment-bg {
        background-size: cover;
    }
    .assessment-bg img {
        margin: 50px auto 0;
    }
    section.features-cards-section .row {
        width: 100%;
        max-width: 100%;
    }
    .services-section {
        background-position: right;
        background-size: contain;
        padding: 30px 0 80px;
    }
    .services-section .row {
        padding-top: 50px;
    }
    .client-slider-section .owl-nav .owl-prev {
        left: 10px;
    }
    .client-slider-section .owl-nav .owl-next {
        right: 10px;
    }
    .client-logo-container .col-lg-3 {
        margin: 0 13%;
    }
    .awards-section .col-lg-3 img {
        height: 110px;
        object-fit: cover;
    }
 }

 /* Small Desktop resolutions */
 @media (min-width:1080px) and (max-width:1199px) { 
    a.button-second {
        margin-top: 20px;
        margin-left: 0;
    }
    .assessment-bg {
        background-size: cover;
    }
    .assessment-bg img {
        margin: 50px auto 0;
    }
    section.features-cards-section .row {
        width: 100%;
        max-width: 100%;
    }
    .services-section .row {
        padding-top: 50px;
    }
    .client-slider-section .owl-nav .owl-prev {
        left: 10px;
    }
    .client-slider-section .owl-nav .owl-next {
        right: 10px;
    }
    .client-logo-container .col-lg-3 {
        margin: 0 13%;
    }
    .awards-section .col-lg-3 img {
        height: 110px;
        object-fit: cover;
    }
 }
/* Medium Desktop resolutions */
 @media (min-width:1200px) and (max-width:1280px) { 
    .assessment-bg img {
        margin: 0 auto;
    }
    .client-slider-section .owl-nav .owl-prev {
        left: 0 !important;
    }
    .client-slider-section .owl-nav .owl-next {
        right: 0 !important;
    }
  }
@media (min-width:1200px) and (max-width:1300px) { 
    .client-slider-section .owl-nav .owl-prev {
        left: -20px !important;
    }
    .client-slider-section .owl-nav .owl-next {
        right: 0px !important;
    }
}
@media (min-width:1500px) and (max-width:2000px) {
    div#inner-block-7 img {
        height: 100%;
    }
}