#blogBannerWrapper {margin: 0; padding: 0; height: 700px;}
#blogBannerWrapper #blogBanner {height: 100%; display: flex; flex-wrap: wrap;}
#blogBannerWrapper #blogBanner .item {position: relative;}
#blogBannerWrapper #blogBanner .item .contentWrapper {position: absolute; right: 0; top: 0; padding: 60px; max-width: 600px; background: linear-gradient(157.71deg, #274DAE 9.09%, #102a6c 73.78%, #102a6c 100%); height: 100%;}
#blogBannerWrapper #blogBanner.owl-carousel .owl-stage {height: 100%;}
#blogBannerWrapper #blogBanner.owl-carousel .owl-stage .owl-item {height: 100%;}
#blogBannerWrapper #blogBanner.owl-carousel .owl-stage .owl-item .item {height: 100%;}
#blogBannerWrapper #blogBanner.owl-carousel .owl-stage .owl-item .item .imageWrpper {height: 100%;}
#blogBannerWrapper #blogBanner .contentWrapper ul {margin: 0 0 15px 0; padding: 0; list-style: none; display: flex; align-items: center; flex-wrap: wrap;}
#blogBannerWrapper #blogBanner .contentWrapper ul li {margin: 0; padding: 0 25px 0 0; display: inline-flex; align-items: center; flex-wrap: wrap; position: relative;}
#blogBannerWrapper #blogBanner .contentWrapper ul li a {font-weight: 400; font-size: 14px; line-height: 24px; color: #fff; text-decoration: none;}
#blogBannerWrapper #blogBanner .contentWrapper ul li a:hover {text-decoration: underline;}
#blogBannerWrapper #blogBanner .contentWrapper ul li:after {content: "/"; position: absolute; right: 10px; top: 0; font-weight: 400; font-size: 16px; line-height: 22px; color: #fff;}
#blogBannerWrapper #blogBanner .contentWrapper ul li:last-child:after {display: none;}
#blogBannerWrapper #blogBanner .contentWrapper h1 {margin: 0; padding: 0 0 15px 0; font-weight: 700; font-size: 32px; line-height: 38px; color: #fff;}
#blogBannerWrapper #blogBanner .contentWrapper p {margin: 0; padding: 0 0 15px 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #fff;}
#blogBannerWrapper #blogBanner .contentWrapper .authorDetails {margin: 0; padding: 0 0 30px 0; display: flex; align-items: center; flex-wrap: wrap;}
#blogBannerWrapper #blogBanner .contentWrapper .authorDetails .authorImage {width: 60px; height: 60px; margin-right: 15px; display: inline-flex; align-items: center; flex-wrap: wrap;}
#blogBannerWrapper #blogBanner .contentWrapper .authorDetails .authorImage img {max-width: 100%; border-radius: 100%;}
#blogBannerWrapper #blogBanner .contentWrapper .authorDetails .authorContent {width: calc(100% - 75px); display: inline-flex; align-items: center; flex-wrap: wrap;}
#blogBannerWrapper #blogBanner .contentWrapper .authorDetails .authorContent h2 {margin: 0; padding: 0; font-weight: 700; font-size: 18px; line-height: 25px; color: #fff; width: 100%; display: flex;}
#blogBannerWrapper #blogBanner .contentWrapper .authorDetails .authorContent p {margin: 0; padding: 0; font-weight: 400; font-size: 14px; line-height: 19px; color: #fff;}
#blogBannerWrapper #blogBanner .contentWrapper a.readMore {padding: 10px 40px; border: 1px solid #fff; background: #fff; border-radius: 30px; font-weight: 600; font-size: 18px; line-height: 27px; color: #393939; transition: all ease-in-out 0.2s; display: inline-flex; align-items: center; flex-wrap: wrap;}
#blogBannerWrapper #blogBanner .contentWrapper a.readMore:hover {background: rgba(255, 255, 255, 0.3); color: #fff;}
#blogBannerWrapper #blogBanner .owl-nav {position: absolute; right: 60px; bottom: 80px;}
#blogBannerWrapper #blogBanner .owl-nav button.owl-prev {width: 50px; height: 50px; background: url(../images/caro-left-arrow.png) no-repeat center center rgba(255, 255, 255, 0.15); border: 1px solid #fff; border-radius: 25px;}
#blogBannerWrapper #blogBanner .owl-nav button.owl-next {width: 50px; height: 50px; background: url(../images/caro-right-arrow.png) no-repeat center center rgba(255, 255, 255, 0.15); border: 1px solid #fff; border-radius: 25px;}