#content-section-top.content-section-parent { background-position: center top; background-repeat: no-repeat; background-size: cover; background-color: #ffffff; }

.content-section-top-inner { padding: 4rem 0 0 0; opacity: 0; transition: opacity .4s ease-in-out; }

#content-section-top.content-section-parent.inview .content-section-top-inner { opacity: 1; }

.content-section-top-inner h3.sec-title { margin-bottom: 0px; }

.content-section-top-inner .text-wrap { position: relative; }

@media (min-width: 992px) { .content-section-top-inner .text-wrap { padding-top: 1rem; display: flex; align-items: center; } }

.content-section-top-inner .text-wrap .text { position: relative; padding-top: 80px; }

@media (min-width: 992px) { .content-section-top-inner .text-wrap .text { padding-top: 0px; position: relative; width: 100%; flex: 0 0 45%; max-width: 45%; z-index: 300; } }

.content-section-top-inner .text-wrap .text-inner { position: relative; padding: 4rem 2rem; background-color: #ffffff; z-index: 200; margin-right: 40%; opacity: 0; transition: opacity .4s ease-in-out .4s; }

.content-section-top-inner .text-wrap .text-inner.inview { background-image: none !important; opacity: 1; }

@media (min-width: 992px) { .content-section-top-inner .text-wrap .text-inner { margin-right: 0px; background-color: transparent; max-width: 540px; margin-left: auto; padding: 4rem; } }

.content-section-top-inner .text-wrap .text-bg { position: absolute; top: 0; right: 0; width: 50%; bottom: -40px; background-position: center top; background-repeat: no-repeat; background-size: cover; opacity: 0; transition: opacity .4s ease-in-out .4s; }

.content-section-top-inner .text-wrap .text-bg.inview { opacity: 1; }

@media (min-width: 992px) { .content-section-top-inner .text-wrap .text-bg { display: none !important; } }

.content-section-top-inner .text-wrap .image { position: relative; opacity: 0; transition: opacity .4s ease-in-out .4s; }

.content-section-top-inner .text-wrap .image.inview { opacity: 1; }

.content-section-top-inner .text-wrap .image:after { content: ""; position: absolute; left: 0; bottom: -45px; width: 30px; height: 90px; z-index: 350; background-color: #7eaabe; opacity: 0; transition: opacity .4s ease-in-out .5s; }

.content-section-top-inner .text-wrap .image.inview:after { opacity: 1; }

@media (min-width: 992px) { .content-section-top-inner .text-wrap .image { position: relative; width: 100%; flex: 0 0 25%; max-width: 25%; z-index: 200; }
  .content-section-top-inner .text-wrap .image:after { width: 70px; height: 40px; left: auto; right: 3vw; bottom: auto; top: -20px; } }

.content-section-top-inner .text-wrap .image img { display: block; width: 60%; height: auto; }

@media (min-width: 992px) { .content-section-top-inner .text-wrap .image img { width: 100%; } }

.content-section-top-inner .text-wrap .image-bg { display: none; background-position: center top; background-repeat: no-repeat; background-size: cover; opacity: 0; transition: opacity .4s ease-in-out .4s; }

.content-section-top-inner .text-wrap .image-bg.inview { opacity: 1; }

@media (min-width: 992px) { .content-section-top-inner .text-wrap .image-bg { display: block; position: relative; width: 100%; flex: 0 0 37.5%; max-width: 37.5%; margin-left: -5%; z-index: 100; } }

.content-section-top-inner .text-wrap .image-bg img { display: block; width: 100%; height: auto; }

.text-about-wrap { position: relative; background-color: #ffffff; }

.text-about { position: relative; background-color: #ffffff; margin: 0px 15px -26px 15px; z-index: 325; opacity: 0; transition: opacity .4s ease-in-out .5s; }

.text-about.inview { opacity: 1; }

@media (min-width: 992px) { .text-about { max-width: 730px; margin: 0px auto -54px auto; }
  .text-about.about-content-box-left { margin-left: 0; }
  .text-about.about-content-box-right { margin-right: 0; } }

.text-about-inner { padding: 45px 45px 15px 45px; }

@media (min-width: 992px) { .text-about-inner { padding: 45px 65px; } }

@media (max-width: 1027.98px) { .text-about-inner p { line-height: 1.3; } }

.content-section { opacity: 0; transition: opacity .4s ease-in-out .5s; }

.content-section.inview { opacity: 1; }

.content-section-parent.hasabout .content-section { position: relative; overflow: visible; }

#about-container .content-section-parent.hasabout:nth-of-type(2) .text-about-wrap:after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 50px; z-index: 350; background-color: #f8f0e4; opacity: 0; transition: opacity .4s ease-in-out .7s; }

#about-container .content-section-parent.hasabout.inview:nth-of-type(2) .text-about-wrap:after { opacity: 1; }

#about-container .content-section-parent.hasabout:nth-of-type(2) .content-section:before { display: none; content: ""; position: absolute; left: 0; top: -45px; width: 40px; height: 90px; z-index: 350; background-color: #7eaabe; opacity: 0; transition: opacity .4s ease-in-out .7s; }

#about-container .content-section-parent.hasabout:nth-of-type(2) .content-section.inview:before { opacity: 1; }

#about-container .content-section-parent.hasabout:nth-of-type(2) .content-section:after { display: none; content: ""; position: absolute; right: 0; top: -35px; width: 90px; height: 70px; z-index: 350; background-color: #f8f0e4; opacity: 0; transition: opacity .4s ease-in-out .8s; }

#about-container .content-section-parent.hasabout:nth-of-type(2) .content-section.inview:after { opacity: 1; }

#about-container .content-section-parent.hasabout:nth-of-type(3) .text-about-wrap .text-about:after { display: none; content: ""; position: absolute; left: -35px; bottom: 20px; width: 70px; height: 90px; z-index: 350; background-color: #f8f0e4; opacity: 0; transition: opacity .4s ease-in-out .8s; }

#about-container .content-section-parent.hasabout:nth-of-type(3) .text-about-wrap .text-about.inview:after { opacity: 1; }

#about-container .content-section-parent.hasabout:nth-of-type(4) .text-about-wrap:after { content: ""; position: absolute; left: 0; top: -20px; width: 50px; height: 90px; z-index: 350; background-color: #f8f0e4; opacity: 0; transition: opacity .4s ease-in-out .8s; }

#about-container .content-section-parent.hasabout.inview:nth-of-type(4) .text-about-wrap:after { opacity: 1; }

#about-container .content-section-parent.hasabout:nth-of-type(4) .content-section:before { display: none; content: ""; position: absolute; right: 10%; top: -25px; width: 70px; height: 50px; z-index: 350; background-color: #7eaabe; opacity: 0; transition: opacity .4s ease-in-out .7s; }

#about-container .content-section-parent.hasabout:nth-of-type(4) .content-section.inview:before { opacity: 1; }

#about-container .content-section-parent.hasabout:nth-of-type(5) .text-about-wrap:after { content: ""; position: absolute; right: 0; top: -25px; width: 70px; height: 50px; z-index: 350; background-color: #7eaabe; opacity: 0; transition: opacity .4s ease-in-out .7; }

#about-container .content-section-parent.hasabout.inview:nth-of-type(5) .text-about-wrap:after { opacity: 1; }

#about-container .content-section-parent.hasabout:nth-of-type(5) .content-section:before { display: none; content: ""; position: absolute; left: 20px; top: -35px; width: 70px; height: 90px; z-index: 350; background-color: #f8f0e4; opacity: 0; transition: opacity .4s ease-in-out .7s; }

#about-container .content-section-parent.hasabout:nth-of-type(5) .content-section.inview:before { opacity: 1; }

#about-container .content-section-parent.hasabout:nth-of-type(6) .text-about-wrap .text-about:after { content: ""; position: absolute; left: -35px; top: 100px; width: 55px; height: 90px; z-index: 350; background-color: #f8f0e4; opacity: 0; transition: opacity .4s ease-in-out .7s; }

#about-container .content-section-parent.hasabout:nth-of-type(6) .text-about-wrap .text-about.inview:after { opacity: 1; }

@media (min-width: 992px) { #about-container .content-section-parent.hasabout:nth-of-type(2) .text-about-wrap:after { display: none; }
  #about-container .content-section-parent.hasabout:nth-of-type(2) .content-section:before, #about-container .content-section-parent.hasabout:nth-of-type(2) .content-section:after { display: block; }
  #about-container .content-section-parent.hasabout:nth-of-type(3) .text-about-wrap .text-about:after { display: block; }
  #about-container .content-section-parent.hasabout:nth-of-type(4) .text-about-wrap:after { display: none; }
  #about-container .content-section-parent.hasabout:nth-of-type(4) .content-section:before { display: block; }
  #about-container .content-section-parent.hasabout:nth-of-type(5) .text-about-wrap:after { display: none; }
  #about-container .content-section-parent.hasabout:nth-of-type(5) .content-section:before { display: block; }
  #about-container .content-section-parent.hasabout:nth-of-type(6) .text-about-wrap .text-about:after { width: 95px; height: 70px; left: auto; top: auto; bottom: 30px; right: -47px; } }

h2 { color: #000000; font-weight: 700; }

@media (min-width: 992px) { h2 { font-size: 38px; } }

h3 { color: #000000; font-weight: 700; }

h4 { color: #000000; font-weight: 700; font-size: 32px; }

p { color: #7eaabe; font-weight: 400; line-height: 1.7; }

.text-about-wrap .content-section-inner { position: relative; min-height: 216px; padding: 0px; }

@media (min-width: 992px) { .text-about-wrap .content-section-inner { min-height: 432px; } }

.text-about-wrap .content-section .content-section-inner { padding: 0px; }

/*categories to change bg position need to go back to center on desktop*/
@media (min-width: 992px) { .content-section { background-position: center center !important; } }