.elementor-32182 .elementor-element.elementor-element-0fef431{--display:flex;--padding-top:0100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32182 .elementor-element.elementor-element-644c37b .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-32182 .elementor-element.elementor-element-005d61f > .elementor-widget-container{padding:030px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;}.elementor-32182 .elementor-element.elementor-element-005d61f{text-align:center;}.elementor-32182 .elementor-element.elementor-element-f771b9d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-32182 .elementor-element.elementor-element-f771b9d.elementor-element{--align-self:center;}.elementor-32182 .elementor-element.elementor-element-f771b9d{text-align:center;}.elementor-32182 .elementor-element.elementor-element-18a5cd6{--display:flex;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32182 .elementor-element.elementor-element-157c863{--display:flex;}.elementor-32182 .elementor-element.elementor-element-4741563{--display:flex;}.elementor-32182 .elementor-element.elementor-element-99b7bb3{--display:flex;}.elementor-32182 .elementor-element.elementor-element-feba95f{--display:flex;}.elementor-32182 .elementor-element.elementor-element-948210d{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-c26d946{--display:flex;}.elementor-32182 .elementor-element.elementor-element-8fd5b24{--display:flex;}.elementor-32182 .elementor-element.elementor-element-985e91e{--display:flex;}.elementor-32182 .elementor-element.elementor-element-af2b412{--display:flex;}.elementor-32182 .elementor-element.elementor-element-fcd8299{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-32182 .elementor-element.elementor-element-fcd8299.e-con{--align-self:flex-start;}.elementor-32182 .elementor-element.elementor-element-cb826f7.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}body:not(.rtl) .elementor-32182 .elementor-element.elementor-element-cb826f7{left:7px;}body.rtl .elementor-32182 .elementor-element.elementor-element-cb826f7{right:7px;}.elementor-32182 .elementor-element.elementor-element-cb826f7{top:1px;}.elementor-32182 .elementor-element.elementor-element-cb826f7 .elementor-icon-wrapper{text-align:center;}.elementor-32182 .elementor-element.elementor-element-cb826f7 .elementor-icon{font-size:40px;}.elementor-32182 .elementor-element.elementor-element-cb826f7 .elementor-icon svg{height:40px;}.elementor-32182 .elementor-element.elementor-element-68e2ce2.elementor-element{--align-self:center;}.elementor-32182 .elementor-element.elementor-element-68e2ce2{text-align:right;}.elementor-32182 .elementor-element.elementor-element-f3e99a0{--display:flex;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32182 .elementor-element.elementor-element-cecefa3{--display:flex;}.elementor-32182 .elementor-element.elementor-element-ef9df57{--display:flex;}.elementor-32182 .elementor-element.elementor-element-9eddd5c{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-b390842.elementor-element{--align-self:center;}.elementor-32182 .elementor-element.elementor-element-b390842{text-align:right;}.elementor-32182 .elementor-element.elementor-element-1f2300d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32182 .elementor-element.elementor-element-eff908d > .elementor-widget-container{padding:0px 0px 0px 20px;}.elementor-32182 .elementor-element.elementor-element-7950c11{--display:flex;}.elementor-32182 .elementor-element.elementor-element-4a2ad7b{--display:flex;}.elementor-32182 .elementor-element.elementor-element-453330e > .elementor-widget-container{padding:0px 0px 0px 10px;}.elementor-32182 .elementor-element.elementor-element-0a09de0{--display:flex;}.elementor-32182 .elementor-element.elementor-element-6473f62{--display:flex;}.elementor-32182 .elementor-element.elementor-element-6473f62.e-con{--align-self:flex-end;}.elementor-32182 .elementor-element.elementor-element-c1e30ef .elementor-icon-wrapper{text-align:center;}.elementor-32182 .elementor-element.elementor-element-1f8f84d{--display:flex;}.elementor-32182 .elementor-element.elementor-element-1f8f84d:not(.elementor-motion-effects-element-type-background), .elementor-32182 .elementor-element.elementor-element-1f8f84d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FAFB;}.elementor-32182 .elementor-element.elementor-element-936444b{--display:flex;}.elementor-32182 .elementor-element.elementor-element-350cb7e{--display:flex;}.elementor-32182 .elementor-element.elementor-element-06e7d14{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-505d3cc{--display:flex;}.elementor-32182 .elementor-element.elementor-element-e99913f{--display:flex;}.elementor-32182 .elementor-element.elementor-element-712d95b{--display:flex;}.elementor-32182 .elementor-element.elementor-element-35f8418{--display:flex;}.elementor-32182 .elementor-element.elementor-element-e6f855d{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-32182 .elementor-element.elementor-element-e6f855d.e-con{--align-self:flex-start;}.elementor-32182 .elementor-element.elementor-element-8615902.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}body:not(.rtl) .elementor-32182 .elementor-element.elementor-element-8615902{left:7px;}body.rtl .elementor-32182 .elementor-element.elementor-element-8615902{right:7px;}.elementor-32182 .elementor-element.elementor-element-8615902{top:1px;}.elementor-32182 .elementor-element.elementor-element-8615902 .elementor-icon-wrapper{text-align:center;}.elementor-32182 .elementor-element.elementor-element-8615902 .elementor-icon{font-size:40px;}.elementor-32182 .elementor-element.elementor-element-8615902 .elementor-icon svg{height:40px;}.elementor-32182 .elementor-element.elementor-element-a9f6c19.elementor-element{--align-self:center;}.elementor-32182 .elementor-element.elementor-element-a9f6c19{text-align:right;}.elementor-32182 .elementor-element.elementor-element-57c6b38{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-32182 .elementor-element.elementor-element-486adfd{--display:flex;}.elementor-32182 .elementor-element.elementor-element-60bfa0f{--display:flex;}.elementor-32182 .elementor-element.elementor-element-1fa8246{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-04cdf4f.elementor-element{--align-self:center;}.elementor-32182 .elementor-element.elementor-element-04cdf4f{text-align:right;}.elementor-32182 .elementor-element.elementor-element-fb3f29c{--display:flex;}.elementor-32182 .elementor-element.elementor-element-88f280e > .elementor-widget-container{padding:0px 0px 0px 20px;}.elementor-32182 .elementor-element.elementor-element-6ee43bb{--display:flex;}.elementor-32182 .elementor-element.elementor-element-858fd7a{--display:flex;}.elementor-32182 .elementor-element.elementor-element-3a7eec9 > .elementor-widget-container{padding:0px 0px 0px 10px;}.elementor-32182 .elementor-element.elementor-element-b5f8a4b{--display:flex;}.elementor-32182 .elementor-element.elementor-element-ce0784e{--display:flex;}.elementor-32182 .elementor-element.elementor-element-ce0784e.e-con{--align-self:flex-end;}.elementor-32182 .elementor-element.elementor-element-8a9df79 .elementor-icon-wrapper{text-align:center;}.elementor-32182 .elementor-element.elementor-element-afdb41c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:21px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32182 .elementor-element.elementor-element-afdb41c.e-con{--align-self:center;}.elementor-32182 .elementor-element.elementor-element-cf8aed2{--display:flex;}.elementor-32182 .elementor-element.elementor-element-45789e5{text-align:center;}.elementor-32182 .elementor-element.elementor-element-615e4cd{text-align:center;}.elementor-32182 .elementor-element.elementor-element-aa3b87f{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:050px;--padding-bottom:050px;--padding-left:0px;--padding-right:0px;}.elementor-32182 .elementor-element.elementor-element-1f4b4a0{text-align:right;}.elementor-32182 .elementor-element.elementor-element-1f4b4a0 img{width:100%;max-width:100%;}.elementor-32182 .elementor-element.elementor-element-fb2c0db{width:100%;max-width:100%;grid-column:span 1;}.elementor-32182 .elementor-element.elementor-element-fb2c0db > .elementor-widget-container{margin:40px 40px 40px 40px;}.elementor-32182 .elementor-element.elementor-element-fb2c0db.elementor-element{--align-self:center;}.elementor-32182 .elementor-element.elementor-element-fb2c0db img{width:71%;}.elementor-32182 .elementor-element.elementor-element-f716cca{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:21px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32182 .elementor-element.elementor-element-f716cca.e-con{--align-self:center;}.elementor-32182 .elementor-element.elementor-element-75c3b10{--display:flex;}.elementor-32182 .elementor-element.elementor-element-1c23293 > .elementor-widget-container{padding:10px 0px 20px 0px;}.elementor-32182 .elementor-element.elementor-element-1c23293{text-align:center;}.elementor-32182 .elementor-element.elementor-element-653a1e9{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-55b0fdf{--display:flex;}.elementor-32182 .elementor-element.elementor-element-03a3fc6{--display:flex;}.elementor-32182 .elementor-element.elementor-element-a4a2dfe{--display:flex;}.elementor-32182 .elementor-element.elementor-element-0dd1935{text-align:center;}.elementor-32182 .elementor-element.elementor-element-0dd1935 .elementor-heading-title{color:#3F8F77;}.elementor-32182 .elementor-element.elementor-element-dd6d7ee .elementor-icon-wrapper{text-align:center;}.elementor-32182 .elementor-element.elementor-element-6a10f27{--display:flex;}.elementor-32182 .elementor-element.elementor-element-8a8cdb1.elementor-element{--align-self:stretch;}.elementor-32182 .elementor-element.elementor-element-8a8cdb1{text-align:center;}.elementor-32182 .elementor-element.elementor-element-8a8cdb1 .elementor-heading-title{color:#3F8F77;}.elementor-32182 .elementor-element.elementor-element-5d89e3c .elementor-icon-wrapper{text-align:center;}.elementor-32182 .elementor-element.elementor-element-56ddb69{--display:flex;}.elementor-32182 .elementor-element.elementor-element-ea085c4{text-align:center;}.elementor-32182 .elementor-element.elementor-element-ea085c4 .elementor-heading-title{color:#3F8F77;}.elementor-32182 .elementor-element.elementor-element-6dae646 .elementor-icon-wrapper{text-align:center;}.elementor-32182 .elementor-element.elementor-element-976560d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:21px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32182 .elementor-element.elementor-element-976560d.e-con{--align-self:center;}.elementor-32182 .elementor-element.elementor-element-c93c1fc > .elementor-widget-container{padding:50px 0px 030px 0px;}.elementor-32182 .elementor-element.elementor-element-c93c1fc{text-align:center;}.elementor-32182 .elementor-element.elementor-element-3a1a3be{--display:flex;}.elementor-32182 .elementor-element.elementor-element-a5d1887 .uc_quote_item{transition:all 200ms;background-color:#ffffff;border-style:solid;border-width:1px 1px 1px 1px;border-color:#d6d6d6;margin:0px 0px 0px 0px;padding:30px 30px 30px 30px;min-height:100px;text-align:center;}.elementor-32182 .elementor-element.elementor-element-a5d1887 .uc_quote_info{flex-direction:column;}.elementor-32182 .elementor-element.elementor-element-a5d1887 .uc_quote_item,.elementor-32182 .elementor-element.elementor-element-a5d1887 .flipster__item__content{border-radius:5px 5px 5px 5px;}.elementor-32182 .elementor-element.elementor-element-a5d1887 .uc_author{flex-direction:column;margin-top:0px;}.elementor-32182 .elementor-element.elementor-element-a5d1887 .ue-image-spacing{width:15px;height:15px;}.elementor-32182 .elementor-element.elementor-element-a5d1887 .ue-image{width:60px;}.elementor-32182 .elementor-element.elementor-element-a5d1887 .ue-image img{height:60px;border-radius:60px 60px 60px 60px;}.elementor-32182 .elementor-element.elementor-element-a5d1887 .uc_quote_info .uc_author_avatar{object-fit:cover;}.elementor-32182 .elementor-element.elementor-element-a5d1887 .ue_title{color:#000000;margin-top:0px;}.elementor-32182 .elementor-element.elementor-element-a5d1887 .ue_subtitle{color:#888888;margin-top:0px;}.elementor-32182 .elementor-element.elementor-element-a5d1887 .ue-text{color:#8a8a8a;margin-top:20px;min-height:0px;}.elementor-32182 .elementor-element.elementor-element-a5d1887 .ue-icon{width:60px;height:60px;background-color:#000000;margin-top:15px;border-radius:60px 60px 60px 60px;}.elementor-32182 .elementor-element.elementor-element-a5d1887 .ue-icon i{font-size:20px;color:#ffffff;}.elementor-32182 .elementor-element.elementor-element-a5d1887 .ue-icon svg{font-size:20px;fill:#ffffff;}.elementor-32182 .elementor-element.elementor-element-a5d1887 .owl-nav .owl-prev{left:15px;}.elementor-32182 .elementor-element.elementor-element-a5d1887 .owl-nav .owl-next{right:15px;}.elementor-32182 .elementor-element.elementor-element-a5d1887 .owl-carousel .owl-nav .owl-next,.elementor-32182 .elementor-element.elementor-element-a5d1887 .owl-carousel .owl-nav .owl-prev{top:150px;border-radius:10px;width:50px;height:50px;line-height:50px;font-size:20px;background-color:#ffffff;color:#000000;}.elementor-32182 .elementor-element.elementor-element-a5d1887 .owl-carousel .owl-nav .owl-next:hover,.elementor-32182 .elementor-element.elementor-element-a5d1887 .owl-carousel .owl-nav .owl-prev:hover{background-color:#000000;color:#ffffff;}.elementor-32182 .elementor-element.elementor-element-a5d1887 .owl-dot{width:8px;height:8px;background-color:#c6c6c6;margin:0px 5px;}.elementor-32182 .elementor-element.elementor-element-a5d1887 .owl-dot.active{background-color:#000000;}.elementor-32182 .elementor-element.elementor-element-a5d1887 .owl-dots{margin-top:20px;text-align:center;}.elementor-32182 .elementor-element.elementor-element-982749b > .elementor-widget-container{padding:25px 25px 25px 25px;}.elementor-32182 .elementor-element.elementor-element-982749b .uc-liquid-button-wrapper{text-align:center;}.elementor-32182 .elementor-element.elementor-element-e2272c9 > .elementor-widget-container{padding:30px 30px 70px 30px;}.elementor-32182 .elementor-element.elementor-element-e2272c9 .ue-scroll-to{position:relative;justify-content:center;}.elementor-32182 .elementor-element.elementor-element-e2272c9 .ue-scroll-to-cta{width:50px;height:50px;background-color:#4e48fb;color:#ffffff;fill:#ffffff;}.elementor-32182 .elementor-element.elementor-element-e2272c9 .ue-scroll-to-cta .ue-scroll-to-icon{font-size:20px;}.elementor-32182 .elementor-element.elementor-element-e2272c9 .ue-scroll-to-cta,.elementor-32182 .elementor-element.elementor-element-e2272c9 .ue-scroll-to-icon{border-radius:50px 50px 50px 50px;}.elementor-32182 .elementor-element.elementor-element-e2272c9 .ue-scroll-to-cta:hover{background-color:#373737;}@media(min-width:768px){.elementor-32182 .elementor-element.elementor-element-fcd8299{--width:0%;}.elementor-32182 .elementor-element.elementor-element-e6f855d{--width:0%;}}@media(max-width:1366px){.elementor-32182 .elementor-element.elementor-element-948210d{--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-9eddd5c{--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-06e7d14{--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-1fa8246{--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-aa3b87f{--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-653a1e9{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-32182 .elementor-element.elementor-element-948210d{--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-9eddd5c{--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-06e7d14{--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-1fa8246{--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-aa3b87f{--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-653a1e9{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-32182 .elementor-element.elementor-element-948210d{--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-9eddd5c{--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-06e7d14{--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-1fa8246{--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-aa3b87f{--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-653a1e9{--grid-auto-flow:row;}}@media(max-width:880px){.elementor-32182 .elementor-element.elementor-element-948210d{--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-9eddd5c{--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-06e7d14{--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-1fa8246{--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-aa3b87f{--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-653a1e9{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-32182 .elementor-element.elementor-element-948210d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-9eddd5c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-06e7d14{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-1fa8246{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-aa3b87f{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-32182 .elementor-element.elementor-element-653a1e9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for heading, class: .elementor-element-005d61f *//* Equivalent to: py-16 md:py-24 bg-gray-50 */
.section-2-outer {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-color: rgb(249 250 251);
}
@media (min-width: 768px) {
  .section-2-outer {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

/* Equivalent to: max-w-7xl mx-auto px-4 */
.section-2-main {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Grid component handles layout: grid md:grid-cols-2 gap-8 md:gap-16 items-center */

/* Equivalent to: space-y-6 md:space-y-8 */
/*.section-2-left-col &gt; * + * {*/
/*  margin-top: 1.5rem;*/
/*}*/
/*@media (min-width: 768px) {*/
/*  .section-2-left-col &gt; * + * {*/
/*    margin-top: 2rem;*/
/*  }*/
/*}*/

/* Equivalent to: text-2xl md:text-3xl font-bold */
.section-2-heading {
  font-size: 1.5rem; /* 24px */
  line-height: 2rem; /* 32px */
  font-weight: 700;
}
@media (min-width: 768px) {
  .section-2-heading {
    font-size: 1.875rem; /* 30px */
    line-height: 2.25rem; /* 36px */
  }
}

/* Equivalent to: bg-gradient-to-r from-secondary/10 via-secondary/5 to-transparent p-6 md:p-8 rounded-2xl */
/* Assuming --secondary-rgb is defined, e.g., 0, 128, 128 for teal */
.section-2-infobox {
  background-image: linear-gradient(to right, rgba(var(--secondary-rgb, 206, 106, 142), 0.1), rgba(var(--secondary-rgb,206, 106, 142), 0.05), transparent);
  padding: 1.5rem;
  border-radius: 1rem; /* 2xl */
}

.section-2-infobox-reverse {
  background-image: linear-gradient(to left, rgba(var(--secondary-rgb, 0, 128, 128), 0.1), rgba(var(--secondary-rgb, 0, 128, 128), 0.05), transparent);
  padding: 1.5rem;
  border-radius: 1rem; /* 2xl */
}
@media (min-width: 768px) {
  .section-2-infobox {
    padding: 2rem;
  }
}

/* Equivalent to: flex items-start gap-4 md:gap-6 */
.section-2-infobox-flex {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
@media (min-width: 768px) {
  .section-2-infobox-flex {
    gap: 1.5rem;
  }
}

/* Equivalent to: flex-shrink-0 w-12 h-12 bg-secondary/20 rounded-full flex items-center justify-center */
.section-2-icon-container {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  background-color: rgba(var(--secondary-rgb, 0, 128, 128), 0.2);
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Equivalent to: w-6 h-6 text-secondary */
.section-2-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--secondary-color, #008080); /* Use CSS variable or direct color */
}

/* Container for the text next to the icon */
.section-2-text-content {
  flex: 1; /* Allow it to take remaining space */
}

/* Equivalent to: text-lg md:text-xl font-semibold mb-3 */
.section-2-subheading {
  font-size: 1.125rem; /* 18px */
  line-height: 1.75rem; /* 28px */
  font-weight: 600;
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
  .section-2-subheading {
    font-size: 1.25rem; /* 20px */
    line-height: 1.75rem; /* 28px */
  }
}

/* Equivalent to: text-base md:text-lg text-gray-600 mb-4 leading-relaxed */
.section-2-paragraph {
  font-size: 1rem; /* 16px */
  line-height: 1.5rem; /* 24px */
  color: rgb(75 85 99);
  margin-bottom: 1rem;
  line-height: 1.625; /* leading-relaxed */
}
@media (min-width: 768px) {
  .section-2-paragraph {
    font-size: 1.125rem; /* 18px */
    line-height: 1.75rem; /* 28px */
  }
}

/* Equivalent to: bg-white/60 p-4 rounded-lg */
.section-2-quotebox {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 1rem;
  border-radius: 0.5rem; /* lg */
}

/* Equivalent to: text-sm text-gray-600 border-l-4 border-secondary pl-4 */
.section-2-blockquote {
  font-size: 0.875rem; /* 14px */
  line-height: 1.25rem; /* 20px */
  color: rgb(75 85 99);
  border-left: 4px solid var(--secondary-color, #008080);
  padding-left: 1rem;
  font-style: italic; /* Common for blockquotes */
}

/* Equivalent to: block mt-2 font-medium */
.section-2-cite {
  display: block;
  margin-top: 0.5rem;
  font-weight: 500;
  font-style: normal; /* Override italic from blockquote if needed */
}

/* Equivalent to: relative mt-8 md:mt-0 px-4 md:px-0 */
.section-2-right-col {
  position: relative;
  margin-top: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px) {
  .section-2-right-col {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

/* Equivalent to: rounded-lg shadow-xl w-full */
.section-2-image {
  display: block;
  border-radius: 0.5rem; /* lg */
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); /* shadow-xl */
  width: 100%;
  height: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0fef431 *//* Equivalent to: max-w-5xl mx-auto px-4 */
.section-1-container {
  max-width: 64rem; /* Adjusted from 5xl (80rem) based on inner max-w-4xl image */
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Equivalent to: text-center mb-12 */
.section-1-text-container {
  text-align: center;
  margin-bottom: 3rem;
}

/* Equivalent to: text-4xl font-bold mb-6 */
.section-1-heading {
  font-size: 2.25rem; /* 36px */
  line-height: 2.5rem; /* 40px */
  font-weight: 700;
  margin-bottom: 1.5rem;
}

/* Equivalent to: text-xl text-gray-600 max-w-2xl mx-auto */
.section-1-paragraph {
  font-size: 1.25rem; /* 20px */
  line-height: 1.75rem; /* 28px */
  color: rgb(75 85 99);
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
}

/* Equivalent to: relative rounded-xl overflow-hidden shadow-xl mx-auto max-w-4xl */
.section-1-image-container {
  position: relative;
  border-radius: 0.75rem; /* xl */
  overflow: hidden;
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); /* shadow-xl */
  margin-left: auto;
  margin-right: auto;
  max-width: 56rem; /* 4xl */
}

/* Equivalent to: w-full h-auto */
.section-1-image {
  display: block; /* Necessary for some image handling */
  width: 100%;
  height: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99b7bb3 *//* Equivalent to: py-16 md:py-24 bg-gray-50 */
.section-2-outer {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-color: rgb(249 250 251);
}
@media (min-width: 768px) {
  .section-2-outer {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

/* Equivalent to: max-w-7xl mx-auto px-4 */
.section-2-main {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Grid component handles layout: grid md:grid-cols-2 gap-8 md:gap-16 items-center */

/* Equivalent to: space-y-6 md:space-y-8 */
/*.section-2-left-col &gt; * + * {*/
/*  margin-top: 1.5rem;*/
/*}*/
/*@media (min-width: 768px) {*/
/*  .section-2-left-col &gt; * + * {*/
/*    margin-top: 2rem;*/
/*  }*/
/*}*/

/* Equivalent to: text-2xl md:text-3xl font-bold */
.section-2-heading {
  font-size: 1.5rem; /* 24px */
  line-height: 2rem; /* 32px */
  font-weight: 700;
}
@media (min-width: 768px) {
  .section-2-heading {
    font-size: 1.875rem; /* 30px */
    line-height: 2.25rem; /* 36px */
  }
}

/* Equivalent to: bg-gradient-to-r from-secondary/10 via-secondary/5 to-transparent p-6 md:p-8 rounded-2xl */
/* Assuming --secondary-rgb is defined, e.g., 0, 128, 128 for teal */
.section-2-infobox {
  background-image: linear-gradient(to right, rgba(var(--secondary-rgb, 206, 106, 142), 0.1), rgba(var(--secondary-rgb,206, 106, 142), 0.05), transparent);
  padding: 1.5rem;
  border-radius: 1rem; /* 2xl */
}

.section-2-infobox-reverse {
  background-image: linear-gradient(to left, rgba(var(--secondary-rgb, 0, 128, 128), 0.1), rgba(var(--secondary-rgb, 0, 128, 128), 0.05), transparent);
  padding: 1.5rem;
  border-radius: 1rem; /* 2xl */
}
@media (min-width: 768px) {
  .section-2-infobox {
    padding: 2rem;
  }
}

/* Equivalent to: flex items-start gap-4 md:gap-6 */
.section-2-infobox-flex {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
@media (min-width: 768px) {
  .section-2-infobox-flex {
    gap: 1.5rem;
  }
}

/* Equivalent to: flex-shrink-0 w-12 h-12 bg-secondary/20 rounded-full flex items-center justify-center */
.section-2-icon-container {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  background-color: rgba(var(--secondary-rgb, 0, 128, 128), 0.2);
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Equivalent to: w-6 h-6 text-secondary */
.section-2-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--secondary-color, #008080); /* Use CSS variable or direct color */
}

/* Container for the text next to the icon */
.section-2-text-content {
  flex: 1; /* Allow it to take remaining space */
}

/* Equivalent to: text-lg md:text-xl font-semibold mb-3 */
.section-2-subheading {
  font-size: 1.125rem; /* 18px */
  line-height: 1.75rem; /* 28px */
  font-weight: 600;
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
  .section-2-subheading {
    font-size: 1.25rem; /* 20px */
    line-height: 1.75rem; /* 28px */
  }
}

/* Equivalent to: text-base md:text-lg text-gray-600 mb-4 leading-relaxed */
.section-2-paragraph {
  font-size: 1rem; /* 16px */
  line-height: 1.5rem; /* 24px */
  color: rgb(75 85 99);
  margin-bottom: 1rem;
  line-height: 1.625; /* leading-relaxed */
}
@media (min-width: 768px) {
  .section-2-paragraph {
    font-size: 1.125rem; /* 18px */
    line-height: 1.75rem; /* 28px */
  }
}

/* Equivalent to: bg-white/60 p-4 rounded-lg */
.section-2-quotebox {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 1rem;
  border-radius: 0.5rem; /* lg */
}

/* Equivalent to: text-sm text-gray-600 border-l-4 border-secondary pl-4 */
.section-2-blockquote {
  font-size: 0.875rem; /* 14px */
  line-height: 1.25rem; /* 20px */
  color: rgb(75 85 99);
  border-left: 4px solid var(--secondary-color, #008080);
  padding-left: 1rem;
  font-style: italic; /* Common for blockquotes */
}

/* Equivalent to: block mt-2 font-medium */
.section-2-cite {
  display: block;
  margin-top: 0.5rem;
  font-weight: 500;
  font-style: normal; /* Override italic from blockquote if needed */
}

/* Equivalent to: relative mt-8 md:mt-0 px-4 md:px-0 */
.section-2-right-col {
  position: relative;
  margin-top: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px) {
  .section-2-right-col {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

/* Equivalent to: rounded-lg shadow-xl w-full */
.section-2-image {
  display: block;
  border-radius: 0.5rem; /* lg */
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); /* shadow-xl */
  width: 100%;
  height: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f8f84d *//* Equivalent to: py-16 md:py-24 bg-gray-50 */
.section-2-outer {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-color: rgb(249 250 251);
}
@media (min-width: 768px) {
  .section-2-outer {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

/* Equivalent to: max-w-7xl mx-auto px-4 */
.section-2-main {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Grid component handles layout: grid md:grid-cols-2 gap-8 md:gap-16 items-center */

/* Equivalent to: space-y-6 md:space-y-8 */
/*.section-2-left-col &gt; * + * {*/
/*  margin-top: 1.5rem;*/
/*}*/
/*@media (min-width: 768px) {*/
/*  .section-2-left-col &gt; * + * {*/
/*    margin-top: 2rem;*/
/*  }*/
/*}*/

/* Equivalent to: text-2xl md:text-3xl font-bold */
.section-2-heading {
  font-size: 1.5rem; /* 24px */
  line-height: 2rem; /* 32px */
  font-weight: 700;
}
@media (min-width: 768px) {
  .section-2-heading {
    font-size: 1.875rem; /* 30px */
    line-height: 2.25rem; /* 36px */
  }
}

/* Equivalent to: bg-gradient-to-r from-secondary/10 via-secondary/5 to-transparent p-6 md:p-8 rounded-2xl */
/* Assuming --secondary-rgb is defined, e.g., 0, 128, 128 for teal */
.section-2-infobox {
  background-image: linear-gradient(to right, rgba(var(--secondary-rgb, 206, 106, 142), 0.1), rgba(var(--secondary-rgb,206, 106, 142), 0.05), transparent);
  padding: 1.5rem;
  border-radius: 1rem; /* 2xl */
}

.section-2-infobox-reverse {
  background-image: linear-gradient(to left, rgba(var(--secondary-rgb, 0, 128, 128), 0.1), rgba(var(--secondary-rgb, 0, 128, 128), 0.05), transparent);
  padding: 1.5rem;
  border-radius: 1rem; /* 2xl */
}
@media (min-width: 768px) {
  .section-2-infobox {
    padding: 2rem;
  }
}

/* Equivalent to: flex items-start gap-4 md:gap-6 */
.section-2-infobox-flex {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
@media (min-width: 768px) {
  .section-2-infobox-flex {
    gap: 1.5rem;
  }
}

/* Equivalent to: flex-shrink-0 w-12 h-12 bg-secondary/20 rounded-full flex items-center justify-center */
.section-2-icon-container {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  background-color: rgba(var(--secondary-rgb, 0, 128, 128), 0.2);
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Equivalent to: w-6 h-6 text-secondary */
.section-2-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--secondary-color, #008080); /* Use CSS variable or direct color */
}

/* Container for the text next to the icon */
.section-2-text-content {
  flex: 1; /* Allow it to take remaining space */
}

/* Equivalent to: text-lg md:text-xl font-semibold mb-3 */
.section-2-subheading {
  font-size: 1.125rem; /* 18px */
  line-height: 1.75rem; /* 28px */
  font-weight: 600;
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
  .section-2-subheading {
    font-size: 1.25rem; /* 20px */
    line-height: 1.75rem; /* 28px */
  }
}

/* Equivalent to: text-base md:text-lg text-gray-600 mb-4 leading-relaxed */
.section-2-paragraph {
  font-size: 1rem; /* 16px */
  line-height: 1.5rem; /* 24px */
  color: rgb(75 85 99);
  margin-bottom: 1rem;
  line-height: 1.625; /* leading-relaxed */
}
@media (min-width: 768px) {
  .section-2-paragraph {
    font-size: 1.125rem; /* 18px */
    line-height: 1.75rem; /* 28px */
  }
}

/* Equivalent to: bg-white/60 p-4 rounded-lg */
.section-2-quotebox {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 1rem;
  border-radius: 0.5rem; /* lg */
}

/* Equivalent to: text-sm text-gray-600 border-l-4 border-secondary pl-4 */
.section-2-blockquote {
  font-size: 0.875rem; /* 14px */
  line-height: 1.25rem; /* 20px */
  color: rgb(75 85 99);
  border-left: 4px solid var(--secondary-color, #008080);
  padding-left: 1rem;
  font-style: italic; /* Common for blockquotes */
}

/* Equivalent to: block mt-2 font-medium */
.section-2-cite {
  display: block;
  margin-top: 0.5rem;
  font-weight: 500;
  font-style: normal; /* Override italic from blockquote if needed */
}

/* Equivalent to: relative mt-8 md:mt-0 px-4 md:px-0 */
.section-2-right-col {
  position: relative;
  margin-top: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px) {
  .section-2-right-col {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

/* Equivalent to: rounded-lg shadow-xl w-full */
.section-2-image {
  display: block;
  border-radius: 0.5rem; /* lg */
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); /* shadow-xl */
  width: 100%;
  height: auto;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-45789e5 *//* Equivalent to: py-16 md:py-24 bg-gray-50 */
.section-2-outer {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-color: rgb(249 250 251);
}
@media (min-width: 768px) {
  .section-2-outer {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

/* Equivalent to: max-w-7xl mx-auto px-4 */
.section-2-main {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Grid component handles layout: grid md:grid-cols-2 gap-8 md:gap-16 items-center */

/* Equivalent to: space-y-6 md:space-y-8 */
/*.section-2-left-col &gt; * + * {*/
/*  margin-top: 1.5rem;*/
/*}*/
/*@media (min-width: 768px) {*/
/*  .section-2-left-col &gt; * + * {*/
/*    margin-top: 2rem;*/
/*  }*/
/*}*/

/* Equivalent to: text-2xl md:text-3xl font-bold */
.section-2-heading {
  font-size: 1.5rem; /* 24px */
  line-height: 2rem; /* 32px */
  font-weight: 700;
}
@media (min-width: 768px) {
  .section-2-heading {
    font-size: 1.875rem; /* 30px */
    line-height: 2.25rem; /* 36px */
  }
}

/* Equivalent to: bg-gradient-to-r from-secondary/10 via-secondary/5 to-transparent p-6 md:p-8 rounded-2xl */
/* Assuming --secondary-rgb is defined, e.g., 0, 128, 128 for teal */
.section-2-infobox {
  background-image: linear-gradient(to right, rgba(var(--secondary-rgb, 206, 106, 142), 0.1), rgba(var(--secondary-rgb,206, 106, 142), 0.05), transparent);
  padding: 1.5rem;
  border-radius: 1rem; /* 2xl */
}

.section-2-infobox-reverse {
  background-image: linear-gradient(to left, rgba(var(--secondary-rgb, 0, 128, 128), 0.1), rgba(var(--secondary-rgb, 0, 128, 128), 0.05), transparent);
  padding: 1.5rem;
  border-radius: 1rem; /* 2xl */
}
@media (min-width: 768px) {
  .section-2-infobox {
    padding: 2rem;
  }
}

/* Equivalent to: flex items-start gap-4 md:gap-6 */
.section-2-infobox-flex {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
@media (min-width: 768px) {
  .section-2-infobox-flex {
    gap: 1.5rem;
  }
}

/* Equivalent to: flex-shrink-0 w-12 h-12 bg-secondary/20 rounded-full flex items-center justify-center */
.section-2-icon-container {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  background-color: rgba(var(--secondary-rgb, 0, 128, 128), 0.2);
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Equivalent to: w-6 h-6 text-secondary */
.section-2-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--secondary-color, #008080); /* Use CSS variable or direct color */
}

/* Container for the text next to the icon */
.section-2-text-content {
  flex: 1; /* Allow it to take remaining space */
}

/* Equivalent to: text-lg md:text-xl font-semibold mb-3 */
.section-2-subheading {
  font-size: 1.125rem; /* 18px */
  line-height: 1.75rem; /* 28px */
  font-weight: 600;
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
  .section-2-subheading {
    font-size: 1.25rem; /* 20px */
    line-height: 1.75rem; /* 28px */
  }
}

/* Equivalent to: text-base md:text-lg text-gray-600 mb-4 leading-relaxed */
.section-2-paragraph {
  font-size: 1rem; /* 16px */
  line-height: 1.5rem; /* 24px */
  color: rgb(75 85 99);
  margin-bottom: 1rem;
  line-height: 1.625; /* leading-relaxed */
}
@media (min-width: 768px) {
  .section-2-paragraph {
    font-size: 1.125rem; /* 18px */
    line-height: 1.75rem; /* 28px */
  }
}

/* Equivalent to: bg-white/60 p-4 rounded-lg */
.section-2-quotebox {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 1rem;
  border-radius: 0.5rem; /* lg */
}

/* Equivalent to: text-sm text-gray-600 border-l-4 border-secondary pl-4 */
.section-2-blockquote {
  font-size: 0.875rem; /* 14px */
  line-height: 1.25rem; /* 20px */
  color: rgb(75 85 99);
  border-left: 4px solid var(--secondary-color, #008080);
  padding-left: 1rem;
  font-style: italic; /* Common for blockquotes */
}

/* Equivalent to: block mt-2 font-medium */
.section-2-cite {
  display: block;
  margin-top: 0.5rem;
  font-weight: 500;
  font-style: normal; /* Override italic from blockquote if needed */
}

/* Equivalent to: relative mt-8 md:mt-0 px-4 md:px-0 */
.section-2-right-col {
  position: relative;
  margin-top: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px) {
  .section-2-right-col {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

/* Equivalent to: rounded-lg shadow-xl w-full */
.section-2-image {
  display: block;
  border-radius: 0.5rem; /* lg */
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); /* shadow-xl */
  width: 100%;
  height: auto;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1c23293 *//* Equivalent to: py-16 md:py-24 bg-gray-50 */
.section-2-outer {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-color: rgb(249 250 251);
}
@media (min-width: 768px) {
  .section-2-outer {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

/* Equivalent to: max-w-7xl mx-auto px-4 */
.section-2-main {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Grid component handles layout: grid md:grid-cols-2 gap-8 md:gap-16 items-center */

/* Equivalent to: space-y-6 md:space-y-8 */
/*.section-2-left-col &gt; * + * {*/
/*  margin-top: 1.5rem;*/
/*}*/
/*@media (min-width: 768px) {*/
/*  .section-2-left-col &gt; * + * {*/
/*    margin-top: 2rem;*/
/*  }*/
/*}*/

/* Equivalent to: text-2xl md:text-3xl font-bold */
.section-2-heading {
  font-size: 1.5rem; /* 24px */
  line-height: 2rem; /* 32px */
  font-weight: 700;
}
@media (min-width: 768px) {
  .section-2-heading {
    font-size: 1.875rem; /* 30px */
    line-height: 2.25rem; /* 36px */
  }
}

/* Equivalent to: bg-gradient-to-r from-secondary/10 via-secondary/5 to-transparent p-6 md:p-8 rounded-2xl */
/* Assuming --secondary-rgb is defined, e.g., 0, 128, 128 for teal */
.section-2-infobox {
  background-image: linear-gradient(to right, rgba(var(--secondary-rgb, 206, 106, 142), 0.1), rgba(var(--secondary-rgb,206, 106, 142), 0.05), transparent);
  padding: 1.5rem;
  border-radius: 1rem; /* 2xl */
}

.section-2-infobox-reverse {
  background-image: linear-gradient(to left, rgba(var(--secondary-rgb, 0, 128, 128), 0.1), rgba(var(--secondary-rgb, 0, 128, 128), 0.05), transparent);
  padding: 1.5rem;
  border-radius: 1rem; /* 2xl */
}
@media (min-width: 768px) {
  .section-2-infobox {
    padding: 2rem;
  }
}

/* Equivalent to: flex items-start gap-4 md:gap-6 */
.section-2-infobox-flex {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
@media (min-width: 768px) {
  .section-2-infobox-flex {
    gap: 1.5rem;
  }
}

/* Equivalent to: flex-shrink-0 w-12 h-12 bg-secondary/20 rounded-full flex items-center justify-center */
.section-2-icon-container {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  background-color: rgba(var(--secondary-rgb, 0, 128, 128), 0.2);
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Equivalent to: w-6 h-6 text-secondary */
.section-2-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--secondary-color, #008080); /* Use CSS variable or direct color */
}

/* Container for the text next to the icon */
.section-2-text-content {
  flex: 1; /* Allow it to take remaining space */
}

/* Equivalent to: text-lg md:text-xl font-semibold mb-3 */
.section-2-subheading {
  font-size: 1.125rem; /* 18px */
  line-height: 1.75rem; /* 28px */
  font-weight: 600;
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
  .section-2-subheading {
    font-size: 1.25rem; /* 20px */
    line-height: 1.75rem; /* 28px */
  }
}

/* Equivalent to: text-base md:text-lg text-gray-600 mb-4 leading-relaxed */
.section-2-paragraph {
  font-size: 1rem; /* 16px */
  line-height: 1.5rem; /* 24px */
  color: rgb(75 85 99);
  margin-bottom: 1rem;
  line-height: 1.625; /* leading-relaxed */
}
@media (min-width: 768px) {
  .section-2-paragraph {
    font-size: 1.125rem; /* 18px */
    line-height: 1.75rem; /* 28px */
  }
}

/* Equivalent to: bg-white/60 p-4 rounded-lg */
.section-2-quotebox {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 1rem;
  border-radius: 0.5rem; /* lg */
}

/* Equivalent to: text-sm text-gray-600 border-l-4 border-secondary pl-4 */
.section-2-blockquote {
  font-size: 0.875rem; /* 14px */
  line-height: 1.25rem; /* 20px */
  color: rgb(75 85 99);
  border-left: 4px solid var(--secondary-color, #008080);
  padding-left: 1rem;
  font-style: italic; /* Common for blockquotes */
}

/* Equivalent to: block mt-2 font-medium */
.section-2-cite {
  display: block;
  margin-top: 0.5rem;
  font-weight: 500;
  font-style: normal; /* Override italic from blockquote if needed */
}

/* Equivalent to: relative mt-8 md:mt-0 px-4 md:px-0 */
.section-2-right-col {
  position: relative;
  margin-top: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px) {
  .section-2-right-col {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

/* Equivalent to: rounded-lg shadow-xl w-full */
.section-2-image {
  display: block;
  border-radius: 0.5rem; /* lg */
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); /* shadow-xl */
  width: 100%;
  height: auto;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93c1fc *//* Equivalent to: py-16 md:py-24 bg-gray-50 */
.section-2-outer {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-color: rgb(249 250 251);
}
@media (min-width: 768px) {
  .section-2-outer {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

/* Equivalent to: max-w-7xl mx-auto px-4 */
.section-2-main {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Grid component handles layout: grid md:grid-cols-2 gap-8 md:gap-16 items-center */

/* Equivalent to: space-y-6 md:space-y-8 */
/*.section-2-left-col &gt; * + * {*/
/*  margin-top: 1.5rem;*/
/*}*/
/*@media (min-width: 768px) {*/
/*  .section-2-left-col &gt; * + * {*/
/*    margin-top: 2rem;*/
/*  }*/
/*}*/

/* Equivalent to: text-2xl md:text-3xl font-bold */
.section-2-heading {
  font-size: 1.5rem; /* 24px */
  line-height: 2rem; /* 32px */
  font-weight: 700;
}
@media (min-width: 768px) {
  .section-2-heading {
    font-size: 1.875rem; /* 30px */
    line-height: 2.25rem; /* 36px */
  }
}

/* Equivalent to: bg-gradient-to-r from-secondary/10 via-secondary/5 to-transparent p-6 md:p-8 rounded-2xl */
/* Assuming --secondary-rgb is defined, e.g., 0, 128, 128 for teal */
.section-2-infobox {
  background-image: linear-gradient(to right, rgba(var(--secondary-rgb, 206, 106, 142), 0.1), rgba(var(--secondary-rgb,206, 106, 142), 0.05), transparent);
  padding: 1.5rem;
  border-radius: 1rem; /* 2xl */
}

.section-2-infobox-reverse {
  background-image: linear-gradient(to left, rgba(var(--secondary-rgb, 0, 128, 128), 0.1), rgba(var(--secondary-rgb, 0, 128, 128), 0.05), transparent);
  padding: 1.5rem;
  border-radius: 1rem; /* 2xl */
}
@media (min-width: 768px) {
  .section-2-infobox {
    padding: 2rem;
  }
}

/* Equivalent to: flex items-start gap-4 md:gap-6 */
.section-2-infobox-flex {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
@media (min-width: 768px) {
  .section-2-infobox-flex {
    gap: 1.5rem;
  }
}

/* Equivalent to: flex-shrink-0 w-12 h-12 bg-secondary/20 rounded-full flex items-center justify-center */
.section-2-icon-container {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  background-color: rgba(var(--secondary-rgb, 0, 128, 128), 0.2);
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Equivalent to: w-6 h-6 text-secondary */
.section-2-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--secondary-color, #008080); /* Use CSS variable or direct color */
}

/* Container for the text next to the icon */
.section-2-text-content {
  flex: 1; /* Allow it to take remaining space */
}

/* Equivalent to: text-lg md:text-xl font-semibold mb-3 */
.section-2-subheading {
  font-size: 1.125rem; /* 18px */
  line-height: 1.75rem; /* 28px */
  font-weight: 600;
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
  .section-2-subheading {
    font-size: 1.25rem; /* 20px */
    line-height: 1.75rem; /* 28px */
  }
}

/* Equivalent to: text-base md:text-lg text-gray-600 mb-4 leading-relaxed */
.section-2-paragraph {
  font-size: 1rem; /* 16px */
  line-height: 1.5rem; /* 24px */
  color: rgb(75 85 99);
  margin-bottom: 1rem;
  line-height: 1.625; /* leading-relaxed */
}
@media (min-width: 768px) {
  .section-2-paragraph {
    font-size: 1.125rem; /* 18px */
    line-height: 1.75rem; /* 28px */
  }
}

/* Equivalent to: bg-white/60 p-4 rounded-lg */
.section-2-quotebox {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 1rem;
  border-radius: 0.5rem; /* lg */
}

/* Equivalent to: text-sm text-gray-600 border-l-4 border-secondary pl-4 */
.section-2-blockquote {
  font-size: 0.875rem; /* 14px */
  line-height: 1.25rem; /* 20px */
  color: rgb(75 85 99);
  border-left: 4px solid var(--secondary-color, #008080);
  padding-left: 1rem;
  font-style: italic; /* Common for blockquotes */
}

/* Equivalent to: block mt-2 font-medium */
.section-2-cite {
  display: block;
  margin-top: 0.5rem;
  font-weight: 500;
  font-style: normal; /* Override italic from blockquote if needed */
}

/* Equivalent to: relative mt-8 md:mt-0 px-4 md:px-0 */
.section-2-right-col {
  position: relative;
  margin-top: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px) {
  .section-2-right-col {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

/* Equivalent to: rounded-lg shadow-xl w-full */
.section-2-image {
  display: block;
  border-radius: 0.5rem; /* lg */
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); /* shadow-xl */
  width: 100%;
  height: auto;
}/* End custom CSS */