/*
 Theme Name:     Midwest ADP Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme for Midwest ADP
 Author:         Digital Lagoon
 Author URI:     https://digitallagoon.com/
 Template:       Divi
 Version:        1.0.0
*/

 /* ==========================================
   MIDWEST ADP CUSTOM STYLES
   ========================================== */

 /* Show/Hide classes for Desktop vs Mobile */
 .mwa-desktop-only {
     display: block;
 }

 .mwa-mobile-only {
     display: none;
 }

 /* Make the Footer Terms menu horizontal */
 ul.mwa-footer-terms-list {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     gap: 15px;
     /* Spacing between items */
     align-items: center;
 }

 ul.mwa-footer-terms-list li {
     position: relative;
 }

 ul.mwa-footer-terms-list li:not(:last-child)::after {
     content: "|";
     position: absolute;
     right: -10px;
     top: 50%;
     transform: translateY(-50%);
     color: rgba(255, 255, 255, 0.7);
 }

 ul.mwa-footer-terms-list a {
     color: rgba(255, 255, 255, 0.7);
     text-decoration: none;
 }

 /* Mobile Styling Overrides */
 @media screen and (max-width: 980px) {
     .mwa-desktop-only {
         display: none !important;
     }

     .mwa-mobile-only {
         display: block !important;
         margin-bottom: 15px;
     }

     .mwa-footer-right-bottom {
         flex-direction: column;
         align-items: flex-start;
         gap: 15px;
     }
 }

 /*TYPOGRAPHY START:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');


 @font-face {
     font-family: "Muli";
     src: url("https://db.onlinewebfonts.com/t/fe82d4bebb545cd0d8c9683e258e961c.eot");
     src: url("https://db.onlinewebfonts.com/t/fe82d4bebb545cd0d8c9683e258e961c.eot?#iefix")format("embedded-opentype"),
         url("https://db.onlinewebfonts.com/t/fe82d4bebb545cd0d8c9683e258e961c.woff2")format("woff2"),
         url("https://db.onlinewebfonts.com/t/fe82d4bebb545cd0d8c9683e258e961c.woff")format("woff"),
         url("https://db.onlinewebfonts.com/t/fe82d4bebb545cd0d8c9683e258e961c.ttf")format("truetype"),
         url("https://db.onlinewebfonts.com/t/fe82d4bebb545cd0d8c9683e258e961c.svg#Muli")format("svg");
 }

 @font-face {
     font-family: "Muli Bold Italic";
     src: url("https://db.onlinewebfonts.com/t/648f5a7e32afa592233a83c99e5ab0ad.eot");
     src: url("https://db.onlinewebfonts.com/t/648f5a7e32afa592233a83c99e5ab0ad.eot?#iefix")format("embedded-opentype"),
         url("https://db.onlinewebfonts.com/t/648f5a7e32afa592233a83c99e5ab0ad.woff2")format("woff2"),
         url("https://db.onlinewebfonts.com/t/648f5a7e32afa592233a83c99e5ab0ad.woff")format("woff"),
         url("https://db.onlinewebfonts.com/t/648f5a7e32afa592233a83c99e5ab0ad.ttf")format("truetype"),
         url("https://db.onlinewebfonts.com/t/648f5a7e32afa592233a83c99e5ab0ad.svg#Muli Bold Italic")format("svg");
 }

@font-face {
    font-family: "Rokkitt";
    src: url("https://db.onlinewebfonts.com/t/5f2a58d2dc4bdb958bb6140bf96c3d8e.eot");
    src: url("https://db.onlinewebfonts.com/t/5f2a58d2dc4bdb958bb6140bf96c3d8e.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/5f2a58d2dc4bdb958bb6140bf96c3d8e.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/5f2a58d2dc4bdb958bb6140bf96c3d8e.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/5f2a58d2dc4bdb958bb6140bf96c3d8e.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/5f2a58d2dc4bdb958bb6140bf96c3d8e.svg#Rokkitt")format("svg");
}

@import url('https://fonts.googleapis.com/css2?family=Rokkitt:ital@1&display=swap');

 @font-face {
     font-family: "Ubuntu Bold";
     src: url("https://db.onlinewebfonts.com/t/e0008b580192405f144f2cb595100969.eot");
     src: url("https://db.onlinewebfonts.com/t/e0008b580192405f144f2cb595100969.eot?#iefix")format("embedded-opentype"),
         url("https://db.onlinewebfonts.com/t/e0008b580192405f144f2cb595100969.woff2")format("woff2"),
         url("https://db.onlinewebfonts.com/t/e0008b580192405f144f2cb595100969.woff")format("woff"),
         url("https://db.onlinewebfonts.com/t/e0008b580192405f144f2cb595100969.ttf")format("truetype"),
         url("https://db.onlinewebfonts.com/t/e0008b580192405f144f2cb595100969.svg#Ubuntu Bold")format("svg");
 }

 @font-face {
     font-family: "Ubuntu";
     src: url("https://db.onlinewebfonts.com/t/1c5965c2b1dcdea439b54c3ac60cee38.eot");
     src: url("https://db.onlinewebfonts.com/t/1c5965c2b1dcdea439b54c3ac60cee38.eot?#iefix")format("embedded-opentype"),
         url("https://db.onlinewebfonts.com/t/1c5965c2b1dcdea439b54c3ac60cee38.woff2")format("woff2"),
         url("https://db.onlinewebfonts.com/t/1c5965c2b1dcdea439b54c3ac60cee38.woff")format("woff"),
         url("https://db.onlinewebfonts.com/t/1c5965c2b1dcdea439b54c3ac60cee38.ttf")format("truetype"),
         url("https://db.onlinewebfonts.com/t/1c5965c2b1dcdea439b54c3ac60cee38.svg#Ubuntu")format("svg");
 }

 @font-face {
     font-family: "MyriadPro-Regular";
     src: url("https://db.onlinewebfonts.com/t/3dd6e9888191722420f62dd54664bc94.eot");
     src: url("https://db.onlinewebfonts.com/t/3dd6e9888191722420f62dd54664bc94.eot?#iefix")format("embedded-opentype"),
         url("https://db.onlinewebfonts.com/t/3dd6e9888191722420f62dd54664bc94.woff2")format("woff2"),
         url("https://db.onlinewebfonts.com/t/3dd6e9888191722420f62dd54664bc94.woff")format("woff"),
         url("https://db.onlinewebfonts.com/t/3dd6e9888191722420f62dd54664bc94.ttf")format("truetype"),
         url("https://db.onlinewebfonts.com/t/3dd6e9888191722420f62dd54664bc94.svg#MyriadPro-Regular")format("svg");
 }

/* .rokkitt-<uniquifier> {
  font-family: "Rokkitt", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: italic;
} */

 /* 
Font family
-----------------------------------------------

font-family: "Rokkitt", serif;
font-family: "Muli";
font-family: "Rokkitt";
font-family: "Ubuntu Bold";
font-family: "Ubuntu";
font-family: "Muli Bold Italic";
font-family: "MyriadPro-Regular";

-----------------------------------------------*/

 :root {
     --lightbrowncolor: #7A726D;
     --Slightlybluecolor: #739BB6;
     --lightgreycolor: #AFAAA7;
     --lightbluecolor: #4265AD;


     --blackcolor: #000;
     --offwhitecolor: #CFCCCA;
     --whitecolor: #fff;
     --errorcolor: #C73931;
     --selection: #d9d9d9;

     --darkbgcolor: #283775;
     --lightbgcolor: #75B8C8;

     --font-muli: "Muli";
     --font-rokkit: "Rokkitt";
     --font-rokkititalic:"Rokkitt", serif;
     --font-ubuntu-bold: "Ubuntu Bold";
     --font-mulibolditalic: "Muli Bold Italic";
     --font-ubuntu: "Ubuntu";
     --font-myriadpro: "MyriadPro-Regular";

 }

 * {
     margin: 0;
     padding: 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     outline: none !important;
     list-style: none;
 }

 body,
 ul,
 li,
 a {
     font-family: var(--font-rokkit);
     font-weight: 400;
     font-size: 16px;
     color: var(--blackcolor);
 }

 body {
     max-width: 100%;
     overflow-x: hidden !important;
     background: var(--whitecolor) !important;
 }



 /* == CONTAINER-CSS START :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 .container,
 .e-con-inner,
 .elementor-container {
     max-width: 100% !important;
     width: 100%;
     margin-left: auto;
     margin-right: auto;
 }

 @media (min-width: 1240px) {

     .container,
     .e-con-inner,
     .elementor-container {
         max-width: 87% !important;
         width: 100%;
         margin-left: auto;
         margin-right: auto;
         row-gap: 0 !important;
     }

     .view-more-outer .elementor-container {
         max-width: 1195px !important;
         margin-left: auto !important;
         margin-right: auto !important;
     }

     .about-us-outer .e-con-inner {
         max-width: 1366px !important;
     }

 }

 /* == CONTAINER-CSS END :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 hr.wp-block-separator {
     color: transparent !important;
 }

 .clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
 }

 .clearfix {
     display: inline-block;
 }

 * html .clearfix {
     height: 1%;
 }

 .clearfix {
     display: block;
 }

 .userway_buttons_wrapper {
     bottom: 100px !important;
 }


 /* == SELECTION-CSS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 ::-moz-selection {
     background: var(--selection);
     color: var(--blackcolor);
 }

 ::-webkit-selection {
     background: var(--selection);
     color: var(--blackcolor);
 }

 ::selection {
     background: var(--selection);
     color: var(--blackcolor);
 }

 /* == SELECTION-CSS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/




 /* == BACKEND-ISSUES-CLEAR-CODE-CSS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 body.elementor-editor-active .common-outer ul {
     float: none;
     width: auto;
     margin: 0px;
 }

 body.elementor-editor-active .common-outer ul li {
     float: none;
     width: auto;
     color: #000;
     font-size: 20;
     line-height: 32px;
     font-weight: 400;
     position: relative;
     padding: 0 10px;
 }

 body.elementor-editor-active .common-outer ul li::before {
     position: absolute;
     content: "";
     background-image: none;
     background-repeat: no-repeat;
     background-size: 0%;
     width: auto;
     height: auto;
     top: 0;
     left: 0;
     transition: 0.5s ease-in-out;
     -webkit-transition: 0.5s ease-in-out;
     display: none;
 }

 .elementor-editor-active ul li::before {
     display: none !important;
 }

 /* == BACKEND-ISSUES-CLEAR-CODE-CSS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/





 /* == TYPOGRAPHY-CSS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .common-outer h1,
 .common-outer h2,
 .common-outer h3,
 .common-outer h4,
 .common-outer h5,
 .common-outer h6,
 h1 a,
 h2 a,
 h3 a,
 h4 a,
 h5 a,
 h6 a,
 h1 strong,
 h2 strong,
 h3 strong,
 h4 strong,
 h5 strong,
 h6 strong {
     font-family: var(--font-ubuntu);
     color: var(--blackcolor);
 }

 .common-outer h1 a,
 .common-outer h2 a,
 .common-outer h3 a,
 .common-outer h4 a,
 .common-outer h5 a,
 .common-outer h6 a {
     color: var(--lightbrowncolor) !important;
 }

 h1,
 h1 a,
 h1 strong,
 .common-outer h1,
 .common-outer h1 a {
     font-family: var(--font-ubuntu) !important;
     font-weight: 400;
     font-size: 35px;
     color: var(--blackcolor);
     text-align: initial;
     line-height: 38px !important;
     margin: 40px 0 20px !important;
 }

 h2,
 h2 a,
 h2 strong,
 .common-outer h2,
 .common-outer h2 a {
     font-family: var(--font-muli) !important;
     font-weight: 400;
     font-size: 35px;
     color: var(--lightbrowncolor);
     line-height: 38px;
     margin: 36px 0 40px;
 }

 h3,
 h3 a,
 .common-outer h3,
 .common-outer h3 a {
     font-family: var(--font-ubuntu) !important;
     font-weight: 400;
     font-size: 30px;
     color: var(--blackcolor);
     line-height: 36px;
     margin: 40px 0 20px;
     text-transform: uppercase;
 }


 h4,
 h4 a,
 .common-outer h4,
 .common-outer h4 a {
     font-family: var(--font-muli) !important;
     font-weight: 400;
     font-size: 30px;
     color: var(--blackcolor);
     line-height: 28px !important;
     margin: 40px 0 20px;
 }

 h5,
 h5 a,
 h5 strong,
 .common-outer h5,
 .common-outer h5 a,
 h5.elementor-image-box-title {
     font-family: var(--font-muli) !important;
     font-weight: 400;
     font-size: 18px;
     color: var(--blackcolor);
     line-height: 21px;
     margin: 40px 0 20px;
     letter-spacing: 0 !important;
     text-transform: none;
 }

 h6,
 h6 a,
 h6 strong,
 .common-outer h6,
 .common-outer h6 a {
     font-family: var(--font-muli) !important;
     font-weight: 600;
     font-size: 18px;
     color: var(--blackcolor);
     line-height: 23px !important;
     letter-spacing: 0 !important;
     text-transform: none;
 }

 .elementor-widget-heading .elementor-heading-title {
     margin-bottom: 0 !important;
 }


 h1 strong,
 h2 strong,
 h3 strong,
 h4 strong,
 h5 strong,
 h6 strong {
     color: transparent !important;
     -webkit-text-stroke: 1px var(--blackcolor);
     text-stroke: 1px var(--blackcolor);
 }

 h3 strong {
     font-family: var(--font-rokkit) !important;
 }

 strong {
     font-weight: 700 !important;
 }

 .common-outer blockquote p {
     margin-bottom: 0;
 }

 a {
     color: #4265ad !important;
     font-weight: 500;
     transition: 0.5s ease;
     font-size: 16px;
     text-decoration: none !important;
     cursor: pointer;
 }

 a:hover {
     color: #75b8c8 !important;
     transition: 0.5s ease;
 }

 p {
     font-family: var(--font-rokkit);
     font-weight: 400;
     font-size: 16px;
     color: var(--blackcolor) !important;
     line-height: 22px !important;
     padding: 0px;
     margin-bottom: 18px !important;
 }

 /* p a {
     text-decoration: underline !important;
 } */

 h1.hidden-heading-tag {
     display: none;
 }

 blockquote {
     padding: 60px 60px !important;
     background: linear-gradient(180deg, rgba(180, 114, 180, 1) 0%, rgba(218, 212, 235, 1) 100%);
     border-left: 5px solid var(--darkbgcolor);
     border-right: 5px solid var(--darkbgcolor);
 }

 /* == TYPOGRAPHY-CSS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/





 /* == COMMON-CSS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 .common-outer {
     padding-top: 60px;
     padding-bottom: 70px;
 }

 body.home .common-outer {
     padding-top: 0px;
     padding-bottom: 0px;
 }

 /* == COMMON-CSS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/




 /* UL LI / OL LI CSS CODE START ::::::::::::::::::::::::::::::::::::::: */

 .entry-content ul,
 #et-main-area ul {
     margin-bottom: 0px;
     margin-top: 20px;
     margin-left: 55px;
     padding: 0;
 }

 .entry-content ul li,
 #et-main-area ul li {
     line-height: 19px !important;
     padding-left: 16px;
     padding-bottom: 15px;
     position: relative;
     font-family: var(--font-rokkit);
     font-weight: 400;
     font-size: 16px;
     color: var(--paracolor);
     list-style: none;
 }

 .entry-content ul li::before,
 #et-main-area ul li::before {
     position: absolute;
     content: "";
     width: 4px !important;
     height: 4px !important;
     border-radius: 10px;
     opacity: 1;
     background: var(--lightbgcolor);
     left: 5px;
     top: 5px;
     border-radius: 100px;
 }

 .entry-content ol,
 #et-main-area ol {
     padding-left: 70px !important;
     margin-bottom: 0px;
     margin-top: 20px;
     text-align: left;
     padding-bottom: 0;
 }

 .entry-content ol li,
 ol li {
     font-weight: 400;
     font-family: var(--font-rokkit);
     font-weight: 400;
     font-size: 16px;
     color: var(--paracolor);
     line-height: 19px !important;
     padding-left: 0px;
     padding-bottom: 3px;
     position: relative;
     list-style-type: decimal !important;
 }

 .common-outer ul {
     margin: 20px 0 20px 20px !important;
 }

 .common-outer ul li {
     font-family: var(--font-rokkit);
     font-weight: 400;
     font-size: 16px;
     color: var(--blackcolor) !important;
     line-height: 19px !important;
     padding: 0px 0px 0px 18px;
     margin-bottom: 10px;
     position: relative;
 }

 .common-outer ul li::before {
     position: absolute;
     content: "";
     width: 10px;
     height: 10px;
     background-repeat: no-repeat;
     background-size: 12px;
     left: 0;
     border-radius: 2px;
     top: 9.3px;
     background-color: var(--lightbgcolor);
 }

 .common-outer ol {
     padding-left: 17px;
     margin: 0 0 20px 20px;
 }

 .common-outer ol li {
     list-style-type: decimal;
 }

 .common-outer ol li {
     font-family: var(--font-rokkit);
     font-weight: 400;
     font-size: 16px;
     color: var(--blackcolor) !important;
     line-height: 19px !important;
     padding: 0px;
     margin-bottom: 10px;
 }

 /* UL LI / OL LI CSS CODE END ::::::::::::::::::::::::::::::::::::::: */






 /* == FORM-TYPOGRAPHY-CSS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 ::placeholder {
     font-family: var(--font-rokkit);
     font-weight: 400;
     font-size: 16px;
     color: var(--blackcolor) !important;
     line-height: 28px !important;
 }

 label {
     font-family: var(--font-rokkit);
     font-weight: 400;
     font-size: 16px;
     color: var(--blackcolor) !important;
     line-height: 18px !important;
     padding: 0px;
     margin-bottom: 18px !important;
 }

 input:focus {
     outline: none !important;
     box-shadow: none !important;
 }

 .wpcf7-not-valid {
     border: none;
     border: 1px solid var(--errorcolor) !important;
 }

 .wpcf7-not-valid-tip {
     display: none !important;
 }

 .invalid .wpcf7-response-output {
     text-align: center;
     color: var(--errorcolor);
     border: 2px solid var(--errorcolor) !important;
     width: 100%;
     font-weight: 400;
     margin: 10px 0px 7px !important;
     font-size: 14px;
 }

 .wpcf7 form.sent .wpcf7-response-output {
     border-color: #007e0b;
     width: 100%;
     font-weight: 400;
     margin: 10px 0px 7px !important;
     font-size: 14px;
     color: #007e0b;
     text-align: center;
 }

 input {
     width: 100% !important;
     background: transparent;
     font-size: 18px !important;
     margin: 0 !important;
     padding: 22px 40px !important;
     border: 1px solid #CFCCCA !important;
     font-family: var(--font-muli) !important;
     color: var(--lightbrowncolor) !important;
     position: relative;
     background: transparent !important;
 }

 ul.contact-form-list select {
     width: 100% !important;
     background: transparent;
     font-size: 18px !important;
     margin: 0 !important;
     padding: 22px 40px !important;
     border: 1px solid #CFCCCA !important;
     font-family: var(--font-muli) !important;
     color: var(--lightbrowncolor) !important;
     position: relative;
     background: transparent !important;
 }

 textarea {
     width: 100% !important;
     padding: 19px 40px !important;
     background: transparent !important;
     height: 70px;
     resize: auto;
     border: 1px solid #CFCCCA !important;
     font-family: var(--font-muli) !important;
     color: var(--lightbrowncolor) !important;
     font-size: 18px;
     position: relative;
 }

 /* textarea::-webkit-resizer {
     background-image: url(../images/Asset-1.svg);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 14px 14px;
     margin-bottom: 5px;
     margin-right: 5px;
 } */

 textarea::-webkit-resizer {
     opacity: 0;
 }



 ul.contact-form-list .li.text-area p {
     position: relative;
 }

 ul.contact-form-list li.text-area p::before {
     position: absolute;
     content: "";
     right: 6px;
     bottom: 13px;
     width: 24px;
     height: 24px;
     background: url("../images/Asset-1.svg") no-repeat center;
     background-size: contain;
     pointer-events: none;
 }

 textarea::before {
     position: absolute;
     content: "";
     right: 10px;
     bottom: 10px;
     width: 16px;
     height: 16px;
     background: url("../images/Asset-1.svg") no-repeat center;
     background-size: contain;
     pointer-events: none;
 }

 /* textarea::before{
    position:absolute;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../images/Asset-1.svg);
    background-size: contain;
    right: 0;
    left: auto;
    bottom: 0;
    top: auto;
} */

 input::placeholder,
 textarea::placeholder {
     text-transform: capitalize !important;
     color: var(--lightbrowncolor) !important;
     font-size: 18px;
     font-family: var(--font-muli) !important;
 }

 /* wpcf7 form wpcf7-response-output :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/






 /* == IMAGE-WRAP-CSS_START == 
===============================================================*/

 .alignnone {
     margin: 5px 30px 20px 0;
 }

 .aligncenter,
 div.aligncenter {
     display: block;
     margin: 20px auto 20px auto;
 }

 .alignright {
     float: right;
     margin: 0px 0 20px 40px;
 }

 .alignleft {
     float: left;
     margin: 10px 60px 20px 0;
 }

 a img.alignright {
     float: right;
     margin: 5px 0 20px 40px;
 }

 a img.alignnone {
     margin: 5px 20px 20px 0;
 }

 a img.alignleft {
     float: left;
     margin: 5px 40px 30px 0;
 }

 a img.aligncenter {
     display: block;
     margin-left: auto;
     margin-right: auto;
 }

 figcaption,
 .gallery-caption,
 .wp-caption-text {
     font-size: 12px !important;
 }

 /* IMAGE-WRAP-CSS_END == 
===============================================================*/





 /* GREY BACKGROUND SECTION TYPOGRAPY CSS ::::::::::::::::::::::::::  */

 .dark-bg h1,
 .dark-bg h2,
 .dark-bg h3,
 .dark-bg h4,
 .dark-bg h5,
 .dark-bg h6,
 .dark-bg p,
 .dark-bg ul li,
 .dark-bg ol li {
     color: var(--whitecolor) !important;
 }

 .dark-bg p {
     font-weight: 300;
 }

 .dark-bg h1 strong,
 .dark-bg h2 strong,
 .dark-bg h3 strong,
 .dark-bg h4 strong,
 .dark-bg h5 strong,
 .dark-bg h6 strong {
     color: transparent !important;
     -webkit-text-stroke: 1px var(--whitecolor);
     text-stroke: 1px var(--whitecolor);
 }

 .dark-bg ul li::before {
     background: var(--whitecolor) !important;
 }

 .dark-bg a {
     text-decoration: underline !important;
     color: var(--whitecolor) !important;
 }

 /* DARK BACKGROUND SECTION TYPOGRAPY CSS ::::::::::::::::::::::::::  */






 /* SCROLL_TO_TOP_CSS_START :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 a.ScrollTop {
     position: fixed !important;
     width: 53px;
     height: 53px;
     right: 30px;
     bottom: 120px;
     font-size: 0;
     transition: 0.5s ease;
     z-index: 99999;
     cursor: pointer !important;
     border-radius: 60px;
     background: var(--secondarycolor) !important;
     overflow: hidden;
     border: 1.5px solid #7B417B !important;
     background: var(--whitecolor) !important;
     transition: 0.5s ease;
 }

 a.ScrollTop::after {
     position: absolute;
     content: "";
     width: 100%;
     height: 100%;
     background: url(../images/banner-arrow.svg);
     background-position: center;
     background-size: 41%;
     background-repeat: no-repeat;
     top: 0;
     left: 0;
     transition: 0.5s ease;
     transform: rotate(-90deg);
 }

 a.ScrollTop:hover {
     background: #7B417B !important;
     transition: 0.5s ease;
 }

 a.ScrollTop:hover::after {
     transition: 0.5s ease;
     filter: brightness(0) saturate(100%) invert(96%) sepia(100%) saturate(12%) hue-rotate(237deg) brightness(103%) contrast(103%);
 }

 /* SCROLL_TO_TOP_CSS_END :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



 /* INNERPAGE BANNER CSS CODE START ::::::::::::::::::::::::::::::::::::::::::::::::::: */

 .banner-wrapper {
     height: 330px;
     position: relative;
     background-size: cover;
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     display: flex;
     justify-content: center;
 }

 .banner-wrapper::before {
     position: absolute;
     content: "";
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, rgb(0 0 0 / 30%) 0%, rgba(0, 0, 0, 0) 100%);
     top: 0;
     left: 0;
 }

 .banner-wrapper img.banner-image {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
 }

 .banner-title-overlay h2 {
     text-align: center;
     margin: 0;
     color: var(--whitecolor) !important;
     font-size: 65px !important;
     line-height: 68px !important;
 }

 .banner-title-overlay {
     position: absolute;
     z-index: 9;
     top: 48%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     width: 100%;
     width: 55%;
 }

 /* INNERPAGE BANNER CSS CODE END ::::::::::::::::::::::::::::::::::::::::::::::::::: */




 /* BUTTON CSS CODE START :::::::::::::::::::::::::::::::::::::::::::::::: */


 /* BUTTON CSS CODE END :::::::::::::::::::::::::::::::::::::::::::::::: */


 /* ERROR PAGE CSS CODE START ::::::::::::::::::::::::::::::::::::::::::: */

 .error-title h4 {
     margin-top: 0;
     text-align: center;
 }

 /* ERROR PAGE CSS CODE END ::::::::::::::::::::::::::::::::::::::::::: */


 /*TYPOGRAPHY CSS CODE END ::::::::::::::::::::::::::::::::::::::::::: */

 /* HEADER CSS CODE START :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 header#main-header {
     box-shadow: none !important;
     background: none !important;
 }

 div#top-header,
 header#main-header .container {
     max-width: 70%;
     margin: auto;
 }

 div#top-header .container.clearfix {
     width: 100%;
     padding: 9px 60px 9px 45px;
     background: #283775;
     max-width: 100% !important;
 }

 div#top-header .container.clearfix .custom-header-top-right {
     display: flex;
     justify-content: flex-end;
     gap: 75px;
     align-items: center;
 }

 div#top-header .container.clearfix .custom-header-top-right div#et-info,
 div#top-header .container.clearfix .custom-header-top-right div#et-secondary-menu ul li a {
     padding-bottom: 0 !important;
 }

 div#top-header .container.clearfix .custom-header-top-right div#et-info span,
 div#top-header .container.clearfix .custom-header-top-right div#et-secondary-menu ul li a {
     font-size: 12px;
     color: var(--offwhitecolor) !important;
     font-family: var(--font-muli);
     text-transform: uppercase;
     letter-spacing: 0.5px;
     margin-right: 0 !important;
 }

 div#top-header .container.clearfix .custom-header-top-right div#et-info span:before {
     display: none;
 }

 div#top-header .container.clearfix .custom-header-top-right div#et-info {
     display: flex;
     gap: 20px;
     align-items: center;
     flex-direction: row-reverse;
     position: relative;
     padding: 0;
 }

 div#top-header .container.clearfix .custom-header-top-right div#et-info::before {
     position: absolute;
     content: "";
     width: 2px;
     height: 90%;
     background-color: var(--offwhitecolor);
     left: 66%;
     top: 2px;
 }

 div#top-header .container.clearfix .custom-header-top-right div#et-secondary-menu ul {
     display: flex;
     gap: 20px;
     align-items: center;
 }

 div#top-header .container.clearfix .custom-header-top-right div#et-secondary-menu ul li {
     margin-right: 0 !important;
 }

 /* div#top-header .container.clearfix .custom-header-top-right div#et-secondary-menu ul li:first-child a {
    color: var(--lightbgcolor) !important;
} */

 header#main-header .container div#et-top-navigation {
     padding: 0;
 }

 header#main-header .container .logo_container span.logo_helper {
     display: none;
 }

 header#main-header .container {
     max-width: 70% !important;
     margin: auto;
     display: flex;
     justify-content: space-between;
     padding: 0px 60px 0px 45px;
     align-items: center;
     background: #fff;
     border-radius: 0 0 30px 30px;
     box-shadow: 0 5px 20px 0 #7e7c7c;
 }

 header#main-header .container::after {
     display: none;
 }

 header#main-header .container .logo_container {
     position: relative;
     width: 20% !important;
     height: 100%;
 }

 header#main-header .container a {
     height: 100%;
     width: 100%;
     display: block;
 }

 header#main-header .container a img {
     width: 100%;
     height: 100%;
 }

 header#main-header .container div#et-top-navigation nav#top-menu-nav ul {
     display: flex;
     gap: 30px;
 }

 header#main-header .container div#et-top-navigation nav#top-menu-nav ul li {
     /* padding-right: 0 !important; */
     padding: 30px 0;
 }

 header#main-header .container div#et-top-navigation nav#top-menu-nav ul li:first-child a {
     padding-right: 20px !important;
 }
 
header#main-header .container div#et-top-navigation nav#top-menu-nav ul li a {
    padding-bottom: 0;
    font-size: 15px;
    font-family: var(--font-mulibolditalic);
    padding-right: 18px !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: var(--darkbgcolor) !important;
}

 header#main-header .container div#et-top-navigation nav#top-menu-nav ul li a:hover,
 div#top-header .container.clearfix .custom-header-top-right div#et-secondary-menu ul li a:hover,
 div#top-header .container.clearfix .custom-header-top-right div#et-info span:hover {
     color: var(--lightbgcolor) !important;
 }

 header#main-header .container div#et-top-navigation nav#top-menu-nav ul li ul.sub-menu {
     display: flex;
     flex-direction: column;
     gap: 0;
     position: absolute;
     top: 75px;
     padding: 0;
     border: none;
     background-color: var(--lightbgcolor) !important;
     padding: 20px 15px;
 }

 header#main-header .container div#et-top-navigation nav#top-menu-nav ul li ul.sub-menu li {
     padding: 0;
 }

 header#main-header .container div#et-top-navigation nav#top-menu-nav ul li ul.sub-menu li a {
     color: #fff !important;
     text-transform: uppercase;
     font-weight: 400 !important;
     padding: 3px 0 0 0 !important;
     font-family: var(--font-muli) !important;
 }
header#main-header .container div#et-top-navigation nav#top-menu-nav ul li ul.sub-menu li a:hover {
    color: var(--darkbgcolor) !important;
    background: none !important;
}


 #main-header.et-fixed-header {
     box-shadow: none !important;
 }


 /* HEADER CSS CODE END :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 /* FOOTER CSS CODE START :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 .footer-split-container {
     display: flex;
 }

 .footer-split-container .footer-left-col {
     width: 35%;
     background: var(--lightbluecolor);
     padding: 40px 70px 10px 90px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 .footer-split-container .footer-right-col {
     width: 65%;
     background: var(--darkbgcolor);
     padding: 70px 50px 10px 100px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     gap: 80px;
 }

 .footer-split-container .footer-right-col .footer-right-content {
     display: flex;
     gap: 20px;
     justify-content: space-between;
 }

 .footer-split-container .footer-right-col .footer-right-content .mwa-contact-item svg {
     width: 10px;
 }

 .footer-split-container .footer-left-col .footer-left-content a .footer-logo-widget {
     width: 100%;
 }

 .footer-split-container .footer-left-col .footer-left-content {
     display: flex;
     flex-direction: column;
     height: 87%;
     justify-content: space-between;
     gap: 40px;
 }

 .footer-split-container .footer-left-col .footer-left-content a img {
     width: 360px;
     max-width: 100% !important;
     height: auto;
     object-fit: cover;
 }

 .footer-split-container .footer-left-col .footer-left-content .footer-certification-widget .mwa-single-cert:first-child img {
     width: 260px;
     height: 90px;
     object-fit: contain;
 }

 .footer-split-container .footer-left-col .footer-left-content .footer-certification-widget .mwa-single-cert:last-child img {
     width: 120px;
     height: 90px;
     object-fit: contain;
 }

 .footer-split-container .footer-left-col .footer-left-content p {
     font-family: var(--font-rokkit);
     font-size: 14px !important;
     color: #ffffff !important;
     line-height: 18px !important;
     margin-bottom: 0 !important;
 }

 .footer-split-container .footer-left-col .footer-left-content .footer-certification-widget {
     display: flex;
     width: 94%;
     gap: 15px;
 }

 .footer-split-container .footer-left-col .footer-bottom-left-area.desktop-only .footer-bottom-left-widget {
     display: none;
 }

 .footer-split-container .footer-right-col .footer-right-content .footer-cnt {
     width: 40%;
 }

 .footer-split-container .footer-right-col .footer-right-content .footer-middle {
     width: 60%;
 }

 .footer-split-container .footer-right-col .footer-right-content .footer-middle .mwa-contact-item {
     display: flex;
     gap: 35px;
     align-items: center;
 }

 .footer-split-container .footer-right-col .footer-right-content .footer-middle .mwa-contact-item .mwa-contact-icon {
     width: 18px;
 }

 .footer-split-container .footer-right-col .footer-right-content .mwa-contact-item svg {
     width: 100%;
     height: auto;
     filter: brightness(0) saturate(100%) invert(80%) sepia(0%) saturate(1%) hue-rotate(75deg) brightness(100%) contrast(102%);
 }

 .footer-split-container .footer-right-col .footer-right-content .footer-middle .mwa-contact-item .mwa-contact-text .footer-phone-widget a {
     font-size: 50px;
     font-family: var(--font-rokkit);
     font-weight: 600;
     letter-spacing: 2px;
     text-decoration: none !important;
 }

 .footer-split-container .footer-right-col .footer-right-content .footer-middle .mwa-contact-item .mwa-contact-text .widget.footer-widget {
     width: 100%;
     margin: 0;
 }

 .footer-split-container .footer-right-col .footer-right-content .footer-middle .mwa-contact-item .mwa-contact-text {
     width: 100%;
 }

 .footer-split-container .footer-right-col .footer-right-content .footer-middle .mwa-contact-widget-inner {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     height: 100%;
 }

 .footer-split-container .footer-right-col .footer-bottom-right-area .footer-mobile-bottom.mobile-only {
     display: none;
 }

 .footer-split-container .footer-right-col .footer-bottom-right-area .footer-credits .footer-widget {
     margin: 0;
     width: 50%;
 }

 .footer-split-container .footer-right-col .footer-right-content .footer-middle .mwa-contact-item .mwa-contact-text a,
 .footer-split-container .footer-right-col .footer-right-content .footer-middle .mwa-contact-item .mwa-contact-text p {
     font-size: 18px;
     font-family: var(--font-rokkit);
     color: #F5F5F4 !important;
     margin: 0 !important;
     text-decoration: none !important;
 }

 .footer-split-container .footer-right-col .footer-right-content .footer-middle .mwa-contact-email .mwa-contact-text a {
     text-transform: uppercase;
 }

 .footer-split-container .footer-right-col .footer-right-content .footer-column ul#menu-footer-menu {
     display: flex;
     flex-direction: column;
     margin-top: 0;
     gap: 0px;
     margin: 0 !important;
 }

 .footer-split-container .footer-right-col .footer-right-content .footer-column ul#menu-footer-menu li {
     padding-left: 0 !important;
 }

 .footer-split-container .footer-right-col .footer-right-content .footer-column ul#menu-footer-menu li::before {
     display: none;
 }

 .footer-split-container .footer-right-col .footer-right-content .footer-column ul#menu-footer-menu li a {
     font-size: 18px;
     color: #F5F5F4 !important;
     font-family: var(--font-ubuntu);
 }

 .footer-split-container .footer-right-col .footer-right-content .footer-column ul#menu-footer-menu li a:hover {
     color: var(--lightbgcolor) !important;
 }

 .footer-split-container .footer-right-col .footer-bottom-right-area .footer-credits p.footer-links a,
 .footer-split-container .footer-right-col .footer-bottom-right-area .footer-credits p.footer-links span {
     color: var(--offwhitecolor) !important;
     font-size: 14px;
     font-family: var(--font-rokkit);
     text-decoration: none !important;
 }

 .footer-right-col .footer-bottom-right-area .footer-credits p.footer-links span {
     padding: 0 8px;
 }

 .footer-split-container .footer-right-col .footer-bottom-right-area .footer-credits p.footer-links a:hover,
 .footer-split-container .footer-right-col .footer-bottom-right-area .footer-credits p.footer-links span:hover {
     color: var(--lightbgcolor) !important;
 }

 .footer-split-container .footer-right-col .footer-bottom-right-area .footer-credits p {
     margin-bottom: 0 !important;
 }

 .footer-split-container .footer-right-col .footer-bottom-right-area .footer-credits p,
 .footer-split-container .footer-right-col .footer-bottom-right-area .footer-credits p a {
     color: var(--lightbluecolor) !important;
     font-size: 14px;
     font-family: var(--font-rokkit);
     text-align: right;
     text-decoration: none !important;
 }

 .footer-split-container .footer-right-col .footer-bottom-right-area .footer-credits p.footer-links {
     text-align: center !important;
 }

 .footer-split-container .footer-left-col .footer-bottom-left-area p {
     color: var(--darkbgcolor) !important;
     font-size: 14px;
     font-family: var(--font-rokkit);
     margin-bottom: 0 !important;
     text-transform: uppercase;
 }

 /* FOOTER CSS CODE END::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


 /*TOP TO SCROLL CSS START:::::::::::::::::::::::::::::::::::::::::::::::*/

 .scroll-top-btn {
     font-size: 0 !important;
     position: fixed;
     right: 40px;
     bottom: 120px;
     z-index: 9999;
     width: 55px;
     height: 55px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 0;
     background-image: url(../images/scroll-icon.svg);
     background-position: center;
     background-repeat: no-repeat;
     background-size: contain;
     background-color: #ffff;
     font-weight: 700;
     line-height: 1;
     text-decoration: none;
     opacity: 0;
     visibility: hidden;
     transform: translateY(12px);
     transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
     cursor: pointer;
 }

 /*TOP TO SCROLL CSS END:::::::::::::::::::::::::::::::::::::::::::::::*/


 /*HOME PAGE CSS CODE START::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 div#page-container {
     padding-top: 0 !important;
 }

 .banner-out .banner-innr {
     gap: 0;
     width: 100%;
     max-width: 100%;
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
 }

 .banner-out .banner-innr .banner-col {
     width: 100%;
 }

 .Home-slider-out {
     padding-top: 0 !important;
 }

 .Home-slider-out .Home-slider-innr {
     max-width: 100% !important;
     width: 100%;
 }

 .hero-grid-wrapper {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
 }

 .hero-grid-wrapper .hero-item {
     position: relative;
 }

 .hero-grid-wrapper .hero-item::before {
     position: absolute;
     content: "";
     height: 40px;
     width: 40px;
     right: 30px;
     left: auto;
     bottom: 65px;
     top: auto;
     background-image: url(../images/icon_ArrowUpRightTeal.svg);
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
     z-index: 999;
     transform: rotate(45deg);
     filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(248deg) brightness(111%) contrast(104%);
     opacity: 0;
     transition: 0.3s ease;
 }

 .hero-grid-wrapper .hero-item:hover::before {
     opacity: 1;
     transition: 0.3s ease;
 }

 .hero-grid-wrapper .hero-item .hero-link {
     position: relative !important;
     display: block !important;
 }

.hero-grid-wrapper .hero-item .hero-link .hero-overlay {
    position: absolute;
    display: block !important;
    width: 100%;
    height: 100%;
    top: 0;
    background: var(--lightbgcolor) !important;
    left: 0;
    opacity: 0.7;
    transition: 0.3s ease;
}

.hero-grid-wrapper .hero-item:hover .hero-link .hero-overlay {
    opacity: 1;
    transition: 0.3s ease;
}

 .hero-grid-wrapper .hero-item:first-child .hero-link .hero-overlay {
     background: var(--lightbgcolor) !important;
 }

 .hero-grid-wrapper .hero-item:nth-child(2) .hero-link .hero-overlay {
     background: var(--lightbluecolor) !important;
 }

 .hero-grid-wrapper .hero-item:last-child .hero-link .hero-overlay {
     background: var(--darkbgcolor) !important;
 }

 .hero-grid-wrapper .hero-item .hero-media {
     position: relative;
     padding-bottom: 145%;
 }

 .hero-grid-wrapper .hero-item .hero-media video {
     height: 100%;
     width: 100%;
     object-fit: cover;
     position: absolute;
 }

 .hero-grid-wrapper .hero-item .hero-media img {
     position: absolute;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .hero-grid-wrapper .hero-item .hero-content {
     position: absolute;
     top: auto;
     bottom: 55px;
     left: 0;
     display: flex;
     flex-direction: column;
     padding: 0 70px 0 50px;
 }

 .hero-grid-wrapper .hero-item:nth-child(2) .hero-content {
     gap: 15px;
     display: flex;
     flex-direction: column-reverse;
 }

 .hero-grid-wrapper .hero-item .hero-content h2.hero-title {
     font-size: 60px;
     line-height: 60px;
     font-family: var(--font-ubuntu) !important;
     color: #fff;
     font-weight: 600;
     margin: 0;
     padding-bottom: 0;
 }

 .hero-grid-wrapper .hero-item .hero-content span.hero-subtitle {
     font-size: 14px;
     color: #fff;
     font-family: var(--font-rokkit) !important;
     line-height: 25px;
     width: 80%;
 }

 .home-sec-2-out {
     padding-top: 5px !important;
 }

 .home-sec-2-out .home-sec-2-innr {
     max-width: 87%;
     width: 100% !important;
     margin: auto;
 }

 .home-sec-2-out .home-sec-2-innr .home-sec-2-right {
     width: 58%;
 }

 .home-sec-2-out .home-sec-2-innr .home-sec-2-left {
     width: 42%;
     padding-top: 65px;
 }

 .title-text h6 {
     color: var(--Slightlybluecolor);
     font-size: 14px;
     font-family: var(--font-muli) !important;
     font-weight: 400 !important;
     padding-bottom: 0;
     text-transform: uppercase;
 }

 .home-sec-2-out .home-sec-2-innr .home-sec-2-right .et_flex_row {
     gap: 20px;
 }

 .home-sec-2-out .home-sec-2-innr .home-sec-2-right .img-1 {
     width: 48%;
 }

 .home-sec-2-out .home-sec-2-innr .home-sec-2-right .img-2 {
     width: 52%;
 }

 .home-sec-2-out .home-sec-2-innr .home-sec-2-right .img-1 span.et_pb_image_wrap {
     position: relative;
     padding-bottom: 154%;
 }

 .home-sec-2-out .home-sec-2-innr .home-sec-2-right .img-1 span.et_pb_image_wrap img {
     position: absolute;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .home-sec-2-out .home-sec-2-innr .home-sec-2-right .img-2 span {
     position: relative;
     padding-bottom: 116%;
 }

 .home-sec-2-out .home-sec-2-innr .home-sec-2-right .img-2 span img {
     position: absolute;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .home-sec-2-out .home-sec-2-innr .home-sec-2-right .img-2 .home-btn a.sec2-btn {
     width: 100%;
 }

 .home-btn a {
     font-size: 16px;
     display: block;
     line-height: 16px;
     text-align: center;
     color: #ffffff !important;
     width: fit-content;
     border-radius: 60px;
     padding: 25px 43px 25px 43px !important;
     text-transform: uppercase;
     background: var(--lightbluecolor) !important;
     font-family: var(--font-muli) !important;
     text-decoration: none !important;
 }

 .home-btn a:hover {
     background-color: var(--lightbgcolor) !important;
 }


 .home-sec-3-out .home-sec-3-innr {
     width: 100%;
     max-width: 80%;
     margin: auto;
     gap: 20px;
 }

 .home-sec-3-out {
     padding-bottom: 110px !important;
 }

 .home-sec-3-out .home-sec-3-innr .home-sec-3-right .et_pb_image {
     height: 100% !important;
 }

 .home-sec-3-out .home-sec-3-innr .home-sec-3-left {
     padding: 78px 65px;
     background: var(--darkbgcolor);
     width: 50%;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .home-sec-3-out .home-sec-3-innr .home-sec-3-right span {
     height: 100%;
 }

 .home-sec-3-out .home-sec-3-innr .home-sec-3-right {
     width: 50%;
 }

 .home-sec-3-out .home-sec-3-innr .home-sec-3-right img {
     height: 100%;
     width: 100%;
     object-fit: cover;
 }

 .home-sec-3-out .home-sec-3-innr .home-sec-3-left h2 {
     color: var(--Slightlybluecolor) !important;
 }

 .home-sec-3-out .home-sec-3-innr .home-sec-3-left h6 {
     color: var(--offwhitecolor) !important;
 }

 .home-sec-4-out {
     background: var(--lightbgcolor);
     padding: 90px 0 0px 0 !important;
 }

 .home-sec-4-out .home-sec-4-innr {
     width: 100%;
     margin: auto;
     max-width: 86%;
     gap: 60px;
 }

 .home-sec-4-col-bottom .home-sec-4-bt-row .home-sec-4-bt-left .home-sec-4-bt-left-col {
     padding-top: 30px;
     gap: 0;
     display: flex;
     justify-content: space-between;
 }

 .home-sec-4-bt-left-1,
 .home-sec-4-bt-left-2 {
     width: 50%;
     position: relative;
 }

 .home-sec-4-bt-left-1::before {
     position: absolute;
     content: "";
     width: 1px;
     height: 65%;
     top: 0;
     left: auto;
     right: 0;
     bottom: auto;
     background-color: #fff;
 }


 .home-sec-4-out .home-sec-4-innr .home-sec-4-col-top .et_pb_text_inner {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .home-sec-4-out .home-sec-4-innr .home-sec-4-col-top .et_pb_text_inner p {
     text-align: center;
     width: 63%;
     color: #000 !important;
 }

 .home-sec-4-out .home-sec-4-innr .home-sec-4-col-top .et_pb_text_inner h6 {
     color: var(--darkbgcolor) !important;
 }

 .home-sec-4-out .home-sec-4-innr .home-sec-4-col-top .et_pb_text_inner h2 {
     color: #fff;
     text-align: center;
     width: 42%;
 }

 .home-sec-4-col-bottom .home-sec-4-bt-row .home-sec-4-bt-left {
     width: 60%;
     display: flex;
     justify-content: flex-end;
 }

 .home-sec-4-col-bottom .home-sec-4-bt-row .home-sec-4-bt-right span {
     position: relative;
     padding-bottom: 66%;
 }

 .home-sec-4-col-bottom .home-sec-4-bt-row .home-sec-4-bt-right span img {
     position: absolute;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .home-sec-4-col-bottom .home-sec-4-bt-row .home-sec-4-bt-right {
     width: 40%;
 }

 .home-sec-4-bt-left-2,
 .home-sec-4-bt-left-1 {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 0;
 }

 .home-sec-4-bt-left-2 .et_pb_image,
 .home-sec-4-bt-left-1 .et_pb_image {
     width: fit-content;
 }

 .home-sec-4-col-bottom .home-sec-4-bt-row .home-sec-4-bt-left .home-sec-4-bt-left-col img {
     width: 35px;
     height: 35px;
     object-fit: contain;
 }

 .home-sec-4-col-bottom .home-sec-4-bt-row .home-sec-4-bt-left-1 img {
     width: 40px !important;
     height: 40px;
     object-fit: contain;
 }

 .home-sec-4-col-bottom .home-sec-4-bt-row .home-sec-4-bt-left .home-sec-4-bt-left-col h6 {
     font-size: 14px;
     color: var(--darkbgcolor) !important;
     font-family: var(--font-ubuntu) !important;
     font-weight: 400 !important;
     text-align: center;
     padding-top: 30px;
 }

 .home-sec-4-bt-row {
     gap: 120px;
 }

 .home-sec-4-col-bottom .home-sec-4-bt-row .home-sec-4-bt-left .home-sec-4-bt-left-col p {
     text-align: center;
     width: 70%;
     color: #000 !important;
 }

 .home-sec-4-bt-left-col .home-sec-4-bt-left-1 .et_pb_text_inner,
 .home-sec-4-bt-left-col .home-sec-4-bt-left-2 .et_pb_text_inner {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .home-sec-4-bt-left-2 .home-btn,
 .home-sec-4-bt-left-1 .home-btn {
     padding-top: 15px;
 }

 .home-sec-4-col-bottom .home-sec-4-bt-row .home-sec-4-bt-left .home-btn p {
     margin-bottom: 0 !important;
     width: 100%;
 }

 .home-sec-4-bt-left-2 .home-btn a,
 .home-sec-4-bt-left-1 .home-btn a {
     background: none !important;
     color: var(--lightbluecolor) !important;
     padding-bottom: 150px !important;
     padding-top: 45px !important;
     border-radius: 0 !important;
     font-size: 15px !important;
     font-family: var(--font-rokkit) !important;
 }

 .home-sec-4-bt-left-2 .home-btn a:hover,
 .home-sec-4-bt-left-1 .home-btn a:hover {
     background: var(--Slightlybluecolor) !important;
     color: var(--whitecolor) !important;
     border-radius: 0 !important;
     padding-bottom: 150px !important;
     padding-top: 45px !important;
     font-size: 15px !important;
 }

 .home-sec-5-out {
     padding-top: 110px !important;
 }

 .home-sec-5-right {
     padding-top: 60px;
 }

 .home-sec-5-out .home-sec-5-innr {
     max-width: 87%;
     width: 100% !important;
     margin: auto;
     gap: 118px;
 }

 .home-sec-5-out .home-sec-5-innr .home-sec-5-left span {
     position: relative;
     padding-bottom: 95%;
 }

 .home-sec-5-out .home-sec-5-innr .home-sec-5-left span img {
     position: absolute;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .home-sec-5-right p {
     width: 82%;
 }

 .home-sec-5-right .home-btn a {
     background: none !important;
     color: var(--lightbluecolor) !important;
     padding-left: 0 !important;
     font-family: var(--font-rokkit) !important;
     font-size: 15px !important;
     padding-top: 35px !important;
 }

 .home-sec-5-right .home-btn a:hover {
     padding-top: 35px !important;
     background: none !important;
     color: var(--darkbgcolor) !important;
     padding-left: 0 !important;
 }

 .home-faq-out .home-faq-top,
 .home-faq-out .home-faq-bottom {
     max-width: 87%;
     margin: auto;
     width: 100%;
     gap: 80px;
 }

 .home-faq-out {
     padding-top: 60px !important;
     gap: 75px;
 }

 .home-faq-out .home-faq-top .home-faq-col-2 .home-faq-acc {
     gap: 0;
     width: 100%;
 }

 .home-faq-out .home-faq-top .home-faq-col-1 {
     width: 42%;
 }

 .home-faq-out .home-faq-top .home-faq-col-2 {
     width: 58%;
     padding-top: 25px;
 }

 .home-faq-out .home-faq-top .home-faq-col-2 .home-faq-acc .et_pb_accordion_item {
     border: none;
     background: none;
     padding: 0;
 }

 .home-faq-out .home-faq-top .home-faq-col-2 .home-faq-acc .et_pb_accordion_item h5 {
     margin: 0;
     padding: 30px 40px;
     border: 2px solid #CFCCCA;
     font-family: var(--font-muli) !important;
     text-transform: capitalize !important;
     color: var(--lightbrowncolor) !important;
     position: relative;
     border-bottom: 0;
 }

 .home-faq-out .home-faq-top .home-faq-col-2 .home-faq-acc .et_pb_accordion_item:last-child h5,
 .home-faq-out .home-faq-top .home-faq-col-2 .home-faq-acc .et_pb_accordion_item.et_pb_toggle_open h5 {
     border: 2px solid #CFCCCA;
 }

 .home-faq-out .home-faq-top .home-faq-col-2 .home-faq-acc .et_pb_accordion_item .et_pb_toggle_content {
     padding: 35px 50px;
 }

 .home-faq-out .home-faq-top .home-faq-col-2 .home-faq-acc .et_pb_accordion_item h5::before {
     position: absolute !important;
     content: "" !important;
     width: 20px;
     height: 20px;
     background-image: url(../images/arrow_DownTeal.svg) !important;
     background-position: center;
     background-size: contain;
     background-repeat: no-repeat;
     left: auto;
     right: 35px;
     top: 35px;
     bottom: auto;
 }

 .home-faq-out .home-faq-top .home-faq-col-2 .home-faq-acc .et_pb_toggle_open h5::before {
     position: absolute;
     content: "" !important;
     width: 20px;
     height: 20px;
     background-image: url(../images/arrow_DownTeal.svg);
     background-position: center;
     background-size: contain;
     background-repeat: no-repeat;
     left: auto;
     right: 35px;
     top: 35px;
     bottom: auto;
     display: block;
     transform: rotate(180deg);
 }

 .home-faq-out .home-faq-bottom p {
     display: flex;
     justify-content: center;
 }

 .home-faq-out .home-faq-bottom p a.faq-btn {
     padding: 25px 125px !important;
 }

 .home-reso-out {
     background: #f5f5f5;
     padding-top: 90px !important;
     padding-bottom: 45px !important;
 }

 .home-reso-out .home-reso-innr {
     width: 100%;
     gap: 150px;
     max-width: 78%;
     display: flex;
     align-items: center;
 }

 .home-reso-out .home-reso-innr .home-reso-left {
     width: 47%;
 }

 .home-reso-out .home-reso-innr .home-reso-right {
     width: 53%;
 }

 .home-reso-out .home-reso-innr .home-reso-right .mwa-resources-wrapper .mwa-resource-item {
     display: flex;
     align-items: center;
     flex-direction: column;
 }

 .home-reso-out .home-reso-innr .home-reso-right .mwa-resources-wrapper {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 56px;
     row-gap: 30px;
 }

 .home-reso-out .home-reso-innr .home-reso-right .mwa-resources-wrapper .mwa-resource-card a .mwa-resource-item img {
     width: 35px;
     height: 35px;
 }

 .home-reso-out .home-reso-innr .home-reso-right .mwa-resources-wrapper .mwa-resource-card a:hover .mwa-resource-item img {
     filter: brightness(0) saturate(100%) invert(75%) sepia(30%) saturate(441%) hue-rotate(144deg) brightness(86%) contrast(90%);
     transition: 0.3s ease;
 }

 .home-reso-out .home-reso-innr .home-reso-right .mwa-resources-wrapper .mwa-resource-card a h5 {
     color: var(--darkbgcolor);
     font-family: var(--font-ubuntu) !important;
     text-align: center;
     margin-top: 10px;
 }

 .home-reso-out .home-reso-innr .home-reso-right .mwa-resources-wrapper .mwa-resource-card a:hover h5 {
     color: var(--lightbgcolor) !important;
     transition: 0.3s ease;
 }

 .home-reso-out .home-reso-innr .home-reso-right .mwa-resources-wrapper .mwa-resource-actions {
     display: none;
 }

 .home-reso-out .home-reso-innr .home-reso-left a.sch-btn {
     background: none !important;
     color: var(--lightbluecolor) !important;
     padding-left: 0 !important;
     font-family: var(--font-rokkit) !important;
     font-size: 15px !important;
     padding-top: 35px !important;
 }

 .home-reso-out .home-reso-innr .home-reso-left a.sch-btn:hover {
     padding-top: 35px !important;
     background: none !important;
     color: var(--darkbgcolor) !important;
     padding-left: 0 !important;
 }

 .callout-out {
     padding-top: 0 !important;
     padding-bottom: 100px !important;
 }

 .callout-out .callout-innr {
     max-width: 80%;
     width: 100%;
     margin: auto;
     margin-right: 0 !important;
 }

 .callout-out .callout-innr section.mwa-callout {
     display: flex;
     gap: 75px;
     background: #4265AD;
     padding-left: 40px;
     align-items: center;
     position: relative;
     padding-right: 30px;
 }

 .callout-out .callout-innr section.mwa-callout::before {
     position: absolute;
     content: "";
     width: 40px;
     height: 100%;
     background: var(--lightbgcolor);
     top: 0;
     left: 0;
 }

 .callout-out .callout-innr section.mwa-callout .mwa-callout-image {
     width: 275px;
     height: 140px;
 }

 .callout-out .callout-innr section.mwa-callout .mwa-callout-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .callout-out .callout-innr section.mwa-callout .mwa-callout-content {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .callout-out .callout-innr section.mwa-callout .mwa-callout-content h2 {
     font-size: 30px;
     font-family: var(--font-ubuntu) !important;
     color: #fff;
     font-weight: 600;
     margin: 0;
     padding: 0;
     letter-spacing: 1px;
 }

 .callout-out .callout-innr section.mwa-callout .mwa-callout-content p {
     font-size: 30px;
     font-family: var(--font-rokkit) !important;
     color: #fff !important;
     margin: 8px 0 0 0 !important;
     padding: 0;
     font-style: italic;
     line-height: 38px !important;
 }

 .callout-out .callout-innr section.mwa-callout .mwa-callout-button a.mwa-callout-btn {
     color: #fff !important;
     font-size: 15px;
     line-height: 20px;
     font-family: var(--font-rokkit) !important;
     padding-left: 64px;
 }

 .callout-out .callout-innr section.mwa-callout .mwa-callout-button a.mwa-callout-btn:hover {
     color: var(--lightbgcolor) !important;
 }


 /*HOME PAGE CSS CODE END::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


 /*FAQ PAGE CSS CODE START::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 .common-banner-sec {
     padding-top: 0 !important;
 }

 .common-banner-innr {
     width: 100% !important;
     max-width: 100% !important;
 }

 .common-banner-img img {
     width: 100%;
     height: 360px;
     object-fit: cover;
 }

 .faq-out {
     padding-bottom: 110px !important;
     padding-top: 15px !important;
 }

 .faq-out .faq-innr .faq-col {
     gap: 40px !important;
 }

 .faq-out .faq-innr {
     width: 100%;
     max-width: 87%;
     margin: auto;
 }

 .faq-out .faq-innr .faq-top {
     display: flex;
     gap: 0;
     align-items: center;
 }

 .faq-out .faq-innr .faq-top .faq-col-right {
     width: 45%;
 }

 .faq-out .faq-innr .faq-top .faq-col-left {
     width: 40%;
 }

 .faq-bottom .faq-bottom .faq-acc {
     width: 100%;
     gap: 0;
 }

 .faq-bottom .faq-bottom .faq-acc .et_pb_accordion_item {
     border: none;
     background: none;
     padding: 0;
 }

 .faq-bottom .faq-bottom .faq-acc .et_pb_accordion_item h5.et_pb_toggle_title {
     margin: 0;
     padding: 30px 40px;
     border: 2px solid #CFCCCA;
     font-family: var(--font-muli) !important;
     text-transform: capitalize !important;
     color: var(--lightbrowncolor) !important;
     position: relative;
     border-bottom: 0;
 }

 .faq-bottom .faq-bottom .faq-acc .et_pb_accordion_item:last-child h5.et_pb_toggle_title,
 .faq-bottom .faq-bottom .faq-acc .et_pb_accordion_item.et_pb_toggle_open h5 {
     border: 2px solid #CFCCCA;
 }

 .faq-bottom .faq-bottom .faq-acc .et_pb_accordion_item .et_pb_toggle_content {
     padding: 35px 50px;
 }

 .faq-bottom .faq-bottom .faq-acc .et_pb_accordion_item h5::before {
     position: absolute !important;
     content: "" !important;
     width: 20px;
     height: 20px;
     background-image: url(../images/arrow_DownTeal.svg) !important;
     background-position: center;
     background-size: contain;
     background-repeat: no-repeat;
     left: auto;
     right: 35px;
     top: 35px;
     bottom: auto;
 }

 .faq-bottom .faq-bottom .faq-acc .et_pb_accordion_item.et_pb_toggle_open h5::before {
     position: absolute;
     content: "" !important;
     width: 20px;
     height: 20px;
     background-image: url(../images/arrow_DownTeal.svg);
     background-position: center;
     background-size: contain;
     background-repeat: no-repeat;
     left: auto;
     right: 35px;
     top: 35px;
     bottom: auto;
     display: block;
     transform: rotate(180deg);
 }

 /*FAQ PAGE CSS CODE END::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 /*ABOUT US PAGE CSS CODE START::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 .common-banner-innr {
     padding: 0 !important;
 }

 .abt-s3-out .home-sec-3-innr {
     max-width: 100%;
 }

 .abt-sec2-out {
     padding-top: 15px !important;
 }

 .abt-sec2-out .abt-sec2-innr {
     max-width: 87%;
     width: 100%;
     margin: auto;
 }

 .abt-s3-out .home-sec-3-left {
     padding: 100px 0px 0px 90px !important;
     align-items: flex-end !important;
     justify-content: normal;
     gap: 80px;
     height: fit-content;
 }

 .abt-s3-out .home-sec-3-innr .home-sec-3-right span img {
     position: absolute;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .abt-s3-out .home-sec-3-innr .home-sec-3-right span {
     position: relative;
     padding-bottom: 66%;
 }

 .abt-s3-out {
     padding-top: 15px !important;
 }

 .abt-s3-out .home-sec-3-left .title-text {
     padding-right: 90px !important;
 }

 .abt-s3-out .home-sec-3-left .abt-btn {
     padding: 20px 50px;
 }

 .abt-btn p {
     margin-bottom: 0 !important;
 }

 .abt-btn p a {
     padding: 25px 120px 25px 120px !important;
 }

 .abt-s3-out .home-sec-3-left .abt-btn {
     padding: 20px 50px;
     background: #fff;
     right: -1px;
     bottom: -1px;
 }

 /*ABOUT US PAGE CSS CODE END::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


 /*CONTACT US PAGE CSS CODE START::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 .con-us-banner-out {
     padding-bottom: 40px !important;
 }

 .con-us-out {
     padding-top: 0 !important;
 }

 .con-us-out .con-us-top {
     max-width: 90%;
     width: 100%;
     margin: auto;
     gap: 60px;
     margin-right: 45px;
 }

 .con-us-out .con-us-top .con-us-col-left {
     width: 38%;
     gap: 35px !important;
     position: relative;
     height: 100% !important;
     padding-top: 30px;
 }

 .con-us-text-2 {
     padding-left: 40px;
 }

 .con-us-out .con-us-top .con-us-col-right {
     background: #f5f5f5;
     width: 62%;
     padding: 70px 165px 100px;
 }

 .con-us-out .con-us-top .con-us-col-left .con-us-text-2 p.contact-text {
     padding-top: 15px;
     margin-bottom: 40px !important;
 }

 .con-us-out .con-us-top .con-us-col-left .con-us-text-2 p.contact-text a {
     font-size: 30px;
     font-family: var(--font-rokkit) !important;
     font-style: italic;
     font-weight: 400 !important;
     color: var(--darkbgcolor);
     line-height: 30px;
     text-decoration: none !important;
 }

 .con-us-out .con-us-top .con-us-col-left .con-us-text-2 p.contact-text a:hover {
     color: var(--darkbgcolor) !important;
 }

 .con-us-out .con-us-top .con-us-col-right .et_pb_code {
     width: 100%;
 }

 .con-us-out .con-us-top .con-us-col-right form ul.contact-form-list {
     padding-left: 0;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 14px;
     padding-bottom: 0;
     margin: 0 !important;
 }

 .con-us-out .con-us-top .con-us-col-left .con-us-col-img {
     display: none;
 }

 ul.contact-form-list li {
     width: 100% !important;
     padding-left: 0 !important;
 }

 ul.contact-form-list li::before {
     display: none;
 }

 ul.contact-form-list li p {
     margin-bottom: 0 !important;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     position: relative;
 }

 span.wpcf7-spinner {
     position: absolute;
     right: -30px;
     top: 70%;
 }

 ul.contact-form-list li span.wpcf7-form-control-wrap {
     width: 100%;
 }

 ul.contact-form-list li p span.required {
     position: absolute;
     font-size: 0;
     width: 10px;
     height: 10px;
     background-image: url(../images/Asset-2.svg);
     background-size: contain;
     left: -15px;
 }

 ul.contact-form-list li.submit-wrap input {
     font-size: 16px !important;
     display: block;
     line-height: 16px;
     text-align: center;
     color: #ffffff !important;
     width: fit-content !important;
     border-radius: 60px;
     text-transform: uppercase !important;
     background: var(--lightbluecolor) !important;
     font-family: var(--font-muli) !important;
     text-decoration: none !important;
     padding: 25px 125px !important;
     margin-top: 80px !important;
     cursor: pointer;
 }

 ul.contact-form-list li.submit-wrap input:hover {
     background-color: var(--lightbgcolor) !important;
 }

 .con-us-out .con-us-top .con-us-col-right form h3.contact-form-heading {
     font-family: var(--font-ubuntu-bold) !important;
     color: var(--lightbluecolor);
     margin: 0;
     margin-bottom: 60px;
     text-align: center;
 }

 .con-us-col-img {
     position: absolute;
     bottom: 0;
     left: -230px;
     top: auto;
     right: auto;
 }

 .con-us-col-img img {
     width: 230px;
     height: 230px;
     object-fit: cover;
 }

 /*CONTACT US PAGE CSS CODE END::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 /*LOCATION PAGE CSS CODE START::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 .loc-sec2-out {
     padding-top: 10px !important;
     padding-bottom: 0 !important;
 }

 .loc-sec2-out .loc-sec2-innr {
     max-width: 87% !important;
     width: 100%;
 }

 .location-out {
     padding-top: 35px !important;
     padding-bottom: 90px !important;
 }

 .location-out .location-innr {
     max-width: 1080px !important;
     width: 100%;
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 110px;
     row-gap: 25px;
 }

 .location-out .location-innr .location-col h3 {
     color: var(--lightbluecolor);
     font-family: var(--font-ubuntu-bold) !important;
     text-transform: capitalize !important;
     margin: 0 !important;
     padding-bottom: 0 !important;
 }

 .location-out .location-innr .location-col .location-details {
     padding: 38px 45px 5px 45px;
     box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12);
 }

 .location-out .location-innr .location-col .location-details h6 {
     color: var(--Slightlybluecolor);
     font-size: 14px;
     font-family: var(--font-muli) !important;
     font-weight: 400 !important;
     padding-bottom: 0;
     text-transform: uppercase;
 }

 .location-out .location-innr .location-col .location-details p.contact-text a {
     font-size: 30px;
     font-family: var(--font-rokkit) !important;
     font-style: italic;
     font-weight: 400 !important;
     color: var(--darkbgcolor);
     line-height: 30px;
     text-decoration: none !important;
 }

 .location-out .location-innr .location-col .location-details p.contact-text span.contact-fax {
     font-size: 14px;
     color: var(--lightbrowncolor);
     font-family: var(--font-muli) !important;
 }

 .location-out .location-innr .location-col {
     gap: 13px;
 }

 .location-out .location-innr .location-col .location-details p.contact-text {
     padding-bottom: 15px;
 }

 .location-out .location-innr .location-col .location-btn p.location-directions {
     display: flex;
     justify-content: flex-end;
     margin-bottom: 0 !important;
 }

 .location-out .location-innr .location-col .location-btn p.location-directions a {
     color: var(--lightbluecolor) !important;
     font-family: var(--font-rokkit) !important;
     font-size: 15px;
     display: flex;
     gap: 6px;
     align-items: center;
     text-decoration: none !important;
 }

 .location-out .location-innr .location-col .location-btn p.location-directions a:hover {
     color: var(--lightbgcolor) !important;
 }

 .location-out .location-innr .location-col .location-btn p.location-directions a span {
     font-size: 0;
     width: 10px;
     height: 10px;
     background-image: url(../images/icon_ArrowUpRightTeal.svg);
     background-size: contain;
     background-repeat: no-repeat;
 }

 /*LOCATION PAGE CSS CODE END::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 /*RESOURCES PAGE CSS CODE START::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 .res-sec1-out {
     padding-top: 144px !important;
 }

 .res-out {
     padding-top: 0 !important;
     padding-bottom: 90px !important;
 }

 .res-sec1-out .res-sec1-innr {
     width: 100%;
     max-width: 87%;
 }

 .res-out .res-innr {
     max-width: 78%;
     margin: auto;
     width: 100%;
 }

 .res-out .res-innr .mwa-resources-wrapper .mwa-resource-card {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .res-out .res-innr .mwa-resources-wrapper .mwa-resource-item {
     display: flex;
     gap: 36px;
     align-items: center;
 }

 .res-out .res-innr .mwa-resources-wrapper .mwa-resource-item .mwa-resource-icon img {
     width: 32px;
     height: 32px;
 }

 .res-out .res-innr .mwa-resources-wrapper .mwa-resource-item .mwa-resource-content {
     display: flex;
     width: 100%;
     justify-content: space-between;
     align-items: center;
 }

 .res-out .res-innr .mwa-resources-wrapper .mwa-resource-item h5.mwa-resource-title {
     margin: 0;
     padding: 0;
     color: var(--darkbgcolor);
     font-family: var(--font-ubuntu) !important;
     font-weight: 500;
 }

 .res-out .res-innr .mwa-resources-wrapper .mwa-resource-card {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 20px 45px;
     background: #f5f5f5;
 }

 .res-out .res-innr .mwa-resources-wrapper .mwa-resource-card:nth-child(odd) {
     background: #f5f5f5;
 }

 .res-out .res-innr .mwa-resources-wrapper .mwa-resource-card:nth-child(even) {
     background: #fff;
 }

 .res-out .res-innr .mwa-resources-wrapper .mwa-resource-card .mwa-resource-actions a {
     font-size: 15px;
     color: var(--lightbluecolor) !important;
     font-family: var(--font-rokkit) !important;
 }

 .res-out .res-innr .mwa-resources-wrapper .mwa-resource-card .mwa-resource-actions {
     display: flex;
     gap: 30px;
 }

 .res-out .res-innr .mwa-resources-wrapper .mwa-resource-card .mwa-resource-actions a:hover {
     color: var(--lightbgcolor) !important
 }

 /*RESOURCES PAGE CSS CODE END::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


 /*NEWS PAGE CSS CODE START::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 .news-out {
     padding-top: 10px !important;
 }

 .news-out .news-innr {
     max-width: 87%;
     width: 100%;
     margin: auto;
 }

 .news-post-out {
     padding-top: 0 !important;
 }

 .news-post-out .news-post-innr {
     max-width: 80% !important;
     margin: auto;
     width: 100%;
 }

 .news-post-out .news-post-innr .mwa-news-grid article.mwa-news-item {
     float: left;
     width: 48%;
     padding: 0;
     margin: 0 0px 30px;
 }

 .news-post-out .news-post-innr .mwa-news-grid article.mwa-news-item.no-image .mwa-news-content {
     background: #f5f5f5 !important;
 }

 .news-post-out .news-post-innr .mwa-news-grid article.mwa-news-item a.mwa-news-image {
     position: relative !important;
     padding-bottom: 70%;
     display: block;
 }

 .news-post-out .news-post-innr .mwa-news-grid article.mwa-news-item a.mwa-news-image img {
     position: absolute;
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
 }

 .news-post-out .news-post-innr .mwa-news-grid article.mwa-news-item .mwa-news-content h3.mwa-news-title,
 .news-post-out .news-post-innr .mwa-news-grid article.mwa-news-item .mwa-news-content h3.mwa-news-title a {
     margin: 0 !important;
     padding: 0;
     color: var(--lightbrowncolor) !important;
     font-family: var(--font-muli) !important;
     font-size: 35px;
     text-transform: capitalize;
 }

 .news-post-out .news-post-innr .mwa-news-grid article.mwa-news-item .mwa-news-content a.mwa-news-readmore {
     text-transform: uppercase;
     font-size: 15px;
     color: var(--lightbluecolor) !important;
 }

 .news-post-out .news-post-innr .mwa-news-grid article.mwa-news-item .mwa-news-content a.mwa-news-readmore:hover {
     color: var(--lightbgcolor) !important;
 }

 .news-post-out .news-post-innr .mwa-news-grid article.mwa-news-item .mwa-news-content {
     display: flex;
     flex-direction: column;
     gap: 50px;
     padding: 30px 50px;
 }

 .mwa-news-pagination {
     padding-top: 30px;
 }

 .mwa-news-pagination-inner {
     display: flex;
     justify-content: space-between;
     width: 60%;
     margin: auto;
     gap: 110px;
     padding: 12px 60px;
     background: #fff;
     border-radius: 50px;
     box-shadow: 0px 10px 20px #c3c3c3;
 }

 .mwa-news-pagination-inner .mwa-pagination-numbers {
     display: flex;
     gap: 20px;
 }

 .mwa-news-pagination-inner .mwa-pagination-numbers .page-numbers {
     font-family: var(--font-muli);
     font-size: 14px;
     color: var(--lightbgcolor) !important;
     cursor: pointer;
 }

 .mwa-news-pagination-inner .mwa-pagination-numbers .page-numbers.current,
 .mwa-news-pagination-inner .mwa-pagination-numbers .page-numbers:hover {
     color: var(--darkbgcolor) !important;
 }

 .mwa-news-pagination-inner .mwa-pagination-next .next.page-numbers {
     padding-right: 40px;
     position: relative;
     font-size: 14px;
     font-family: var(--font-muli) !important;
     color: var(--lightbrowncolor) !important;
     cursor: pointer;
 }

 .mwa-news-pagination-inner .mwa-pagination-prev .prev.page-numbers {
     padding-left: 40px;
     position: relative;
     font-size: 14px;
     font-family: var(--font-muli) !important;
     color: var(--lightbrowncolor) !important;
     cursor: pointer;
 }

 .mwa-news-pagination-inner .mwa-pagination-next .next.page-numbers:hover,
 .mwa-news-pagination-inner .mwa-pagination-prev .prev.page-numbers:hover {
     color: var(--darkbgcolor) !important;
 }

 .mwa-news-pagination-inner .mwa-pagination-next .next.page-numbers::before {
     position: absolute;
     content: "" !important;
     width: 12px;
     height: 12px;
     background-image: url(../images/Asset-9.svg);
     background-position: center;
     background-size: contain;
     background-repeat: no-repeat;
     left: auto;
     right: 0px;
     top: 3px;
     bottom: auto;
     display: block;
 }

 .mwa-news-pagination-inner .mwa-pagination-prev .prev.page-numbers::before {
     position: absolute;
     content: "" !important;
     width: 12px;
     height: 12px;
     background-image: url(../images/Asset-10.svg);
     background-position: center;
     background-size: contain;
     background-repeat: no-repeat;
     left: 0;
     right: auto;
     top: 3px;
     bottom: auto;
     display: block;
 }

 /*NEWS PAGE CSS CODE END::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 /*NEWS INNER PAGE CSS CODE START::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 .news-single-page {
     padding-top: 140px !important;
     padding-bottom: 56px;
 }

 .news-single-page .container {
     max-width: 87% !important;
     margin: auto;
     width: 100% !important;
 }

 section.mwa-single-news-banner .container.content-col nav.mwa-breadcrumb a,
 section.mwa-single-news-banner .container.content-col nav.mwa-breadcrumb span {
     font-size: 14px;
     color: var(--Slightlybluecolor) !important;
     font-family: var(--font-muli) !important;
     text-transform: uppercase;
 }

 .news-single-page .container h2.mwa-single-news-title {
     margin-bottom: 22px;
 }

 section.mwa-single-news-image .mwa-news-featured-image {
     position: relative;
     padding-bottom: 50%;
     margin-bottom: 50px;
 }

 section.mwa-single-news-image .mwa-news-featured-image img {
     position: absolute;
     width: 68%;
     height: 100%;
     object-fit: cover;
 }

 section.mwa-single-news-content .mwa-news-content-wrapper h2 {
     margin-top: 0px;
     margin-bottom: 35px;
     color: var(--darkbgcolor) !important;
     font-family: var(--font-muli) !important;
 }

 section.mwa-single-news-content .mwa-news-content-wrapper h3,
 section.mwa-news-gallery .mwa-news-gallery-content h3 {
     margin-top: 70px;
     margin-bottom: 15px;
     color: var(--lightbluecolor) !important;
     font-family: var(--font-muli) !important;
     text-transform: capitalize;
 }

 .news-single-page section.mwa-callout {
     padding: 100px 0 70px 0;
     background: var(--lightbgcolor);
     margin-top: 70px;
 }

 .news-single-page section.mwa-callout .mwa-callout-content {
     width: 45%;
     margin: auto;
 }

 .news-single-page section.mwa-callout .mwa-callout-content h2.mwa-callout-title {
     font-size: 40px;
     color: #Fff;
     font-family: "Rokkitt Light" !important;
     text-align: center;
     font-style: italic;
     margin: 0;
     padding: 0;
 }

 .news-single-page .container .mwa-gallery-slider-wrap {
     width: 74% !important;
     padding-top: 50px;
 }

 .news-single-page .gallery-col .mwa-gallery-slider-wrap .swiper-slide {
     position: relative;
     padding-bottom: 32%;
 }

 .news-single-page .gallery-col .mwa-gallery-slider-wrap .swiper-slide img {
     position: absolute;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .news-single-page .gallery-col .mwa-gallery-slider-wrap .swiper-pagination {
     display: none;
 }

 .news-single-page .gallery-col .mwa-gallery-slider-wrap .swiper-button-prev {
     left: -86px;
     height: 45px;
     width: 45px;
     position: absolute;
     top: 57%;

 }

 .news-single-page .gallery-col .mwa-gallery-slider-wrap .swiper-button-next {
     right: -86px;
     height: 45px;
     width: 45px;
     position: absolute;
     top: 57%;

 }

 .news-single-page .gallery-col .mwa-gallery-slider-wrap .swiper-button-prev::after {
     position: absolute;
     content: "";
     width: 100%;
     height: 100%;
     background-image: url(../images/arrow_LeftLightGrey.svg);
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
     top: 0;
     left: 0;
     z-index: 999;
 }

 .news-single-page .gallery-col .mwa-gallery-slider-wrap .swiper-button-prev:hover::after {
     background-image: url(../images/arrow_LeftDarkGrey.svg);
 }

 .news-single-page .gallery-col .mwa-gallery-slider-wrap .swiper-button-next::after {
     position: absolute;
     content: "";
     width: 100%;
     height: 100%;
     background-image: url(../images/arrow_RightLightGrey.svg);
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
     top: 0;
     left: 0;
     z-index: 999;
 }

 .news-single-page .gallery-col .mwa-gallery-slider-wrap .swiper-button-next:hover::after {
     background-image: url(../images/arrow_RightDarkGrey.svg);
 }

 section.mwa-news-post-navigation {
     padding-top: 70px;
 }

 .news-single-page .container .mwa-news-nav {
     display: flex;
     justify-content: center;
     width: 60%;
     margin: auto;
     padding: 12px 60px;
     background: #fff;
     border-radius: 50px;
     box-shadow: 0 5px 20px #c3c3c3;
     gap: 30px;
 }

 .news-single-page .container .mwa-news-nav .mwa-news-next a.next.page-numbers {
     padding-right: 40px;
     position: relative;
     font-size: 14px;
     font-family: var(--font-muli) !important;
     color: var(--lightbrowncolor) !important;
     cursor: pointer;
 }

 .news-single-page .container .mwa-news-nav .mwa-news-next a.next.page-numbers::before {
     position: absolute;
     content: "" !important;
     width: 12px;
     height: 12px;
     background-image: url(../images/Asset-9.svg);
     background-position: center;
     background-size: contain;
     background-repeat: no-repeat;
     left: auto;
     right: 0px;
     top: 3px;
     bottom: auto;
     display: block;
 }

 .news-single-page .container .mwa-news-nav .mwa-news-prev a.prev.page-numbers {
     padding-left: 40px;
     position: relative;
     font-size: 14px;
     font-family: var(--font-muli) !important;
     color: var(--lightbrowncolor) !important;
     cursor: pointer;
 }

 .news-single-page .container .mwa-news-nav .mwa-news-prev a.prev.page-numbers::before {
     position: absolute;
     content: "" !important;
     width: 12px;
     height: 12px;
     background-image: url(../images/Asset-10.svg);
     background-position: center;
     background-size: contain;
     background-repeat: no-repeat;
     left: 0;
     right: auto;
     top: 3px;
     bottom: auto;
     display: block;
 }

 .news-single-page .container .mwa-news-nav .mwa-news-prev a.prev.page-numbers:hover::before,
 .mwa-news-pagination-inner .mwa-pagination-prev .prev.page-numbers:hover::before {
     background-image: url(../images/Asset-8.svg);
     transform: rotate(0deg);
 }

 .news-single-page .container .mwa-news-nav .mwa-news-next a.next.page-numbers:hover::before,
 .mwa-news-pagination-inner .mwa-pagination-next .next.page-numbers:hover::before {
     background-image: url(../images/Asset-7.svg);
     transform: rotate(0deg);
 }

 .news-single-page .container .mwa-news-nav .mwa-news-next a.next.page-numbers:hover,
 .news-single-page .container .mwa-news-nav .mwa-news-prev a.prev.page-numbers:hover {
     color: var(--darkbgcolor) !important;
 }

 /*NEWS INNER PAGE CSS CODE END::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 /*PROGRAMS PAGE CSS CODE START::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 .program-btn-out .program-btn-innr .mwa-program-grid a.mwa-program-card .mwa-program-overlay p {
     display: none;
 }

 .Program-out {
     padding-top: 140px !important;
 }

 .Program-out .Program-innr {
     max-width: 87%;
     width: 100%;
     margin: auto;
 }

 .program-btn-out .program-btn-innr {
     max-width: 65%;
     margin: auto;
     width: 100%;
 }

 .program-btn-out {
     padding-top: 20px !important;
     padding-bottom: 98px !important;
 }

 .program-btn-out .program-btn-innr .mwa-program-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 20px;
 }

 .program-btn-out .program-btn-innr .mwa-program-grid a.mwa-program-card .mwa-program-image {
     position: absolute;
     top: 0;
     height: 100%;
     width: 100%;
 }

 .program-btn-out .program-btn-innr .mwa-program-grid a.mwa-program-card .mwa-program-image img {
     position: absolute;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .program-btn-out .program-btn-innr .mwa-program-grid a.mwa-program-card {
     position: relative;
     padding-bottom: 0%;
 }

 .program-btn-out .program-btn-innr .mwa-program-grid a.mwa-program-card::before {
     position: absolute;
     content: "";
     width: 100%;
     height: 100%;
     background: var(--darkbgcolor);
     top: 0;
     left: 0;
     opacity: 0.7;
     z-index: 9;
     transition: 0.3s ease;
 }

 .program-btn-out .program-btn-innr .mwa-program-grid a.mwa-program-card:hover::before {
     background: var(--lightbgcolor);
     opacity: 1;
     transition: 0.3s ease;
 }

.program-btn-out .program-btn-innr .mwa-program-grid a.mwa-program-card .mwa-program-overlay {
    position: relative;
    z-index: 9;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 40px 60px;
    min-height: 182px;
}

 .program-btn-out .program-btn-innr .mwa-program-grid a.mwa-program-card h3 {
     font-size: 40px;
     text-align: center;
     margin: 0;
     line-height: 45px;
     font-weight: 600;
     padding: 0;
     color: #fff;
     font-family: var(--font-ubuntu) !important;
 }

 /*PROGRAMS PAGE CSS CODE END::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


 /*SATOP SCREENINGS PAGE CSS CODE START::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 .sa-sc-out {
     padding-top: 8px !important;
 }

 .sa-sc-out .sa-sc-innr,
 .sascVideo-out .sascVideo-innr,
 .steps-out .steps-innr,
 .sasc-text-sec-out .sasc-text-innr {
     max-width: 87%;
     margin: auto;
     width: 100%;
 }

 .sascVideo-out {
     padding-top: 30px !important;
     padding-bottom: 40px !important;
 }

 .sascVideo-out .sascVideo-innr .sascVideo-col {
     display: flex;
     align-items: center;
     gap: 70px;
 }

.sascVideo-out .sascVideo-innr .sascVideo-col .sascVideo-text {
    width: 52%;
    padding: 0 38px;
}

 .sascVideo-out .sascVideo-innr .sascVideo-col .sascVideo {
     width: 48%;
 }

 .sascVideo-out .sascVideo-innr .sascVideo-col .sascVideo .et_pb_video_box {
     position: relative;
     padding-bottom: 64%;
 }

 .sascVideo-out .sascVideo-innr .sascVideo-col .sascVideo .et_pb_video_box video {
     position: absolute;
     width: 100% !important;
     height: 100% !important;
     object-fit: cover;
 }

 .sascVideo-out .sascVideo-innr .sascVideo-col .sascVideo-text h3 {
     text-align: center;
     text-transform: none;
     color: var(--lightbrowncolor) !important;
     font-family: var( --font-rokkititalic) !important;
     font-style: italic;
 }

 .sascVideo-out .sascVideo-innr .sascVideo-col .sascVideo-text h3 a {
     font-family: var( --font-rokkititalic) !important;
 }

 .sascVideo-out .sascVideo-innr .sascVideo-col .sascVideo .et_pb_video_play:before {
     position: absolute;
     content: "";
     background-image: url(../images/play-button-arrowhead.png);
     background-repeat: no-repeat;
     background-size: contain;
     width: 55px;
     height: 55px;
 }

 .et_pb_video_play {
     display: block;
     position: absolute;
     z-index: 100;
     color: #fff;
     left: 54%;
     top: 54%;
 }

 .steps-out .steps-innr {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 50px;
 }

 .steps-out .steps-innr .steps-col {
     width: 100%;
     display: flex;
     gap: 45px;
     padding: 40px 30px;
     box-shadow: 0 5px 10px #a0a0a0;
     flex-direction: column;
     align-items: center;
     justify-content: space-between;
 }

 .steps-out .steps-innr .steps-col .steps h4.mwa-step-number {
     margin: 0;
     text-align: center;
     width: 98px;
     font-size: 60px;
     height: 98px;
     display: flex;
     justify-content: center;
     align-items: center;
     background: var(--lightbluecolor);
     color: #fff;
     font-family: 'Muli' !important;
     font-weight: 700;
     padding: 0;
     border-radius: 50px;
 }

 .steps-out .steps-innr .steps-col .steps .et_pb_text_inner {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 16px;
 }

 .steps-out .steps-innr .steps-col .steps p.mwa-step-description {
     margin-bottom: 0 !important;
     color: var(--lightbrowncolor) !important;
     font-family: var(--font-myriadpro) !important;
 }


 .steps-out .steps-innr .steps-col .steps h2 {
     margin: 0;
     font-family: 'Rokkitt Regular' !important;
     font-style: italic;
     padding-bottom: 0;
     padding-top: 10px;
     font-size: 30px;
     text-align: center;
 }

 .steps-out .steps-innr .steps-col .steps p.mwa-step-note {
     color: var(--lightbrowncolor) !important;
     font-weight: 600;
     font-style: italic;
     font-family: var(--font-myriadpro) !important;
     font-size: 13px;
 }

 .steps-out .steps-innr .steps-col .steps-btn p {
     margin: 0 !important;
 }

 .steps-out .steps-innr .steps-col .steps-btn p a.mwa-step-btn,
 .steps-out .steps-innr .steps-col .steps-btn p a.mwa-step.btn {
     background: none !important;
     color: var(--lightbluecolor) !important;
     padding-left: 0 !important;
     font-family: var(--font-rokkit) !important;
     font-size: 15px !important;
     text-decoration: none !important;
 }

 .steps-out .steps-innr .steps-col .steps-btn p a.mwa-step-btn:hover,
 .steps-out .steps-innr .steps-col .steps-btn p a.mwa-step.btn:hover {
     color: var(--darkbgcolor) !important;
 }

 .sasc-text-sec-out {
     padding-top: 30px !important;
     padding-bottom: 85px !important;
 }

 /*SATOP SCREENINGS PAGE CSS CODE END::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 /*THANK YOU PAGE DESIGN::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 .thankyou-out {
     padding-top: 142px !important;
     padding-bottom: 195px !important;
 }

 .thankyou-out .thankyou-innr {
     max-width: 87%;
     width: 100%;
     margin: auto;
 }

 .thankyou-out .thankyou-innr .thankyou-text h2 {
     font-size: 30px;
     color: var(--lightbluecolor) !important;
     font-family: var(--font-ubuntu) !important;
     text-align: center;
     margin-bottom: 55px;
     font-weight: 600;
 }

 .thankyou-out .thankyou-innr .thankyou-text p {
     font-size: 30px;
     text-align: center;
     color: var(--darkbgcolor) !important;
     font-family: var(--font-rokkit) !important;
     font-style: italic;
 }

 /*THANK YOU PAGE DESIGN::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 /*SATOP PROGRAMMING PAGE DESIGN::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 .sa-pr-out {
     padding-top: 10px !important;
 }

 .sa-pr-out .sa-pr-innr {
     max-width: 87%;
     width: 100%;
     margin: auto;
     gap: 0;
 }

 .sa-pr-title {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     padding-right: 80px;
 }

 .sa-pr-title .sa-pr-text a {
     background: none !important;
     color: var(--lightbluecolor) !important;
     padding-left: 0 !important;
     font-family: var(--font-rokkit) !important;
     font-size: 15px !important;
     padding-top: 35px !important;
     text-decoration: none !important;
 }

 .sa-pr-title .sa-pr-text a:hover {
     padding-top: 35px !important;
     background: none !important;
     color: var(--lightbgcolor) !important;
     padding-left: 0 !important;
 }

 .card-out {
     padding-top: 16px !important;
     padding-bottom: 170px !important;
 }

 .card-out .card-innr {
     width: 100%;
     max-width: 78%;
     margin: auto;
 }

 .card-out .card-innr .midwest-program-schedule-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 20px;
 }

 .card-out .card-innr .midwest-program-schedule-grid .midwest-program-card {
     padding: 30px 48px 60px 48px;
     box-shadow: 0 5px 10px #a0a0a0;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 20px;
 }

 .card-out .card-innr .midwest-program-schedule-grid .midwest-program-card span.program-subtitle {
     font-size: 14px;
     font-family: var(--font-muli) !important;
     color: var(--Slightlybluecolor) !important;
     text-transform: uppercase;
 }

 .card-out .card-innr .midwest-program-schedule-grid .midwest-program-card h3 {
     font-size: 35px;
     color: var(--lightbrowncolor) !important;
     font-family: var(--font-muli) !important;
     text-align: center;
     line-height: 38px !important;
     margin: 0;
     margin-bottom: 20px;
     text-transform: uppercase;
 }

 .card-out .card-innr .midwest-program-schedule-grid .midwest-program-card p {
     color: var(--lightbrowncolor) !important;
     margin-bottom: 30px !important;
     font-family: var(--font-myriadpro) !important;
 }

 .card-out .card-innr .midwest-program-schedule-grid .midwest-program-card a.program-btn {
     font-size: 16px;
     display: block;
     line-height: 16px;
     text-align: center;
     color: #ffffff !important;
     width: 72%;
     border-radius: 60px;
     padding: 25px 43px 25px 43px !important;
     text-transform: uppercase;
     background: var(--lightbluecolor) !important;
     font-family: var(--font-muli) !important;
     text-decoration: none !important;
 }

 .card-out .card-innr .midwest-program-schedule-grid .midwest-program-card a.program-btn:hover {
     background-color: var(--lightbgcolor) !important;
 }

 /*SATOP PROGRAMMING PAGE DESIGN::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


 /*SCHEDULE PAGE DESIGN::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 .schedule-out {
     padding-top: 165px !important;
     padding-bottom: 40px !important;
 }

 .schedule-out .schedule-innr {
     max-width: 87%;
     width: 100%;
     margin: auto;
 }

 .mwa-schedule-filters {
     display: flex;
     justify-content: flex-end;
     display: none !important;
 }

 .up-sch-out {
     background: #f5f5f5;
     margin-bottom: 80px;
     padding-bottom: 80px !important;
     padding-top: 80px !important;
 }

 .up-sch-out .up-sch-innr {
     max-width: 80%;
     margin: auto;
     width: 100%;
 }

 .midwest-program-schedules {
     display: flex;
     flex-direction: column;
     gap: 45px;
 }

 .midwest-program-schedules .schedule-date-group h3.schedule-heading {
     margin: 0;
     padding: 0;
     font-size: 16px;
     font-family: var(--font-ubuntu) !important;
     font-weight: 600;
     color: var(--darkbgcolor) !important;
     text-transform: capitalize;
 }

 .midwest-program-schedules .schedule-date-group .schedule-item {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 20px 20px;
     border: 1px solid #CFCCCA;
 }

 .midwest-program-schedules .schedule-date-group {
     display: flex;
     flex-direction: column;
     gap: 6px;
 }

 .midwest-program-schedules .schedule-date-group .schedule-item .schedule-program {
     width: 25%;
 }

 .midwest-program-schedules .schedule-date-group .schedule-item .schedule-program small {
     display: none;
 }

 .midwest-program-schedules .schedule-date-group .schedule-item .schedule-program .schedule-description {
     display: none;
 }

 .midwest-program-schedules .schedule-date-group .schedule-item .schedule-location {
     width: 16%;
 }

 .midwest-program-schedules .schedule-date-group .schedule-item .schedule-directions,
 .midwest-program-schedules .schedule-date-group .schedule-item .schedule-status,
 .midwest-program-schedules .schedule-date-group .schedule-item .schedule-datetime {
     width: 14%;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
 }

 .midwest-program-schedules .schedule-date-group .schedule-item .schedule-status {
     width: 10%;
 }

 .midwest-program-schedules .schedule-date-group .schedule-item .schedule-location {
     width: 20%;
 }

 .midwest-program-schedules .schedule-date-group .schedule-item .schedule-location span.address {
     font-size: 14px !important;
 }

 .midwest-program-schedules .schedule-date-group .schedule-item .schedule-program h4 {
     margin: 0;
     font-size: 18px;
     font-family: var(--font-ubuntu) !important;
     color: var(--darkbgcolor) !important;
     text-transform: capitalize;
 }

 .midwest-program-schedules .schedule-date-group .schedule-item .schedule-datetime span.mwa-date-label,
 .midwest-program-schedules .schedule-date-group .schedule-item .schedule-datetime span.mwa-time-label {
     font-size: 14px;
     color: var(--lightbrowncolor) !important;
     font-family: var(--font-muli) !important;
     line-height: 22px !important;
 }

 .midwest-program-schedules .schedule-date-group .schedule-item .schedule-datetime span.mwa-location-type-label {
     color: var(--lightbluecolor) !important;
     font-family: var(--font-muli) !important;
     font-weight: 400 !important;
     font-size: 12px !important;
     padding-top: 16px;
 }  

 .midwest-program-schedules .schedule-date-group .schedule-item .schedule-location span {
     color: var(--lightbluecolor) !important;
     font-family: var(--font-muli) !important;
     font-weight: 400 !important;
     font-size: 12px !important;
     line-height: 16px;
     padding-bottom: 6px;
 }

 .midwest-program-schedules .schedule-date-group .schedule-item .schedule-directions a {
     color: var(--lightbluecolor) !important;
     font-family: var(--font-rokkit) !important;
     font-weight: 400 !important;
     font-size: 15px !important;
 }

 .midwest-program-schedules .schedule-date-group .schedule-item .schedule-status a.schedule-btn.register,
 .midwest-program-schedules .schedule-date-group .schedule-item .schedule-status a.schedule-btn.request-info {
     color: var(--lightbluecolor) !important;
     font-family: var(--font-rokkit) !important;
     font-weight: 400 !important;
     font-size: 15px !important;
 }

 .midwest-program-schedules .schedule-date-group .schedule-item .schedule-status a.schedule-btn.class-full {
     color: #ED1C24 !important;
     font-family: var(--font-rokkit) !important;
     font-weight: 400 !important;
     font-size: 15px !important;
 }

 .midwest-program-schedules .schedule-date-group .schedule-item .schedule-status a.schedule-btn.register:hover,
 .midwest-program-schedules .schedule-date-group .schedule-item .schedule-status a.schedule-btn.request-info:hover,
 .midwest-program-schedules .schedule-date-group .schedule-item .schedule-directions a:hover {
     color: var(--lightbgcolor) !important;
 }

 .midwest-program-schedules .schedule-date-group .schedule-item .schedule-location span.address {
     color: var(--lightbrowncolor) !important;
 }

 .midwest-program-schedules .schedule-date-group .schedule-item .schedule-datetime {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     gap: 0px;
 }

 .midwest-program-schedules .schedule-date-group .schedule-item .schedule-datetime br {
     display: none;
 }


 /*SCHEDULE PAGE DESIGN::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 /*VICTIM PAGE DESIGN::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 .vit-sch-out {
     padding-top: 25px !important;
     gap: 10px;
     padding-bottom: 0 !important;
 }

 .vit-img-out {
     padding-top: 0 !important;
 }

 .vit-img-out .vit-img-innr {
     width: 100% !important;
     max-width: 87%;
     margin: auto;
 }

 .vit-img-out .vit-img-innr .vit-img-col {
     display: flex;
     gap: 65px;
     align-items: center;
 }

 .vit-img-out .vit-img-innr .vit-img-col .vit-img-text {
     width: 45%;
 }

 .vit-img-out .vit-img-innr .vit-img-col .vit-img {
     width: 36%;
 }

 .vit-img-out .vit-img-innr .vit-img-col .vit-img span {
     position: relative;
     padding-bottom: 100%;
 }

 .vit-img-out .vit-img-innr .vit-img-col .vit-img span img {
     position: absolute;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .vit-img-out .vit-img-innr .vit-img-col .vit-img-text h4 {
     margin-top: 0;
     color: var(--lightbluecolor) !important;
 }

 .vit-img-out .vit-img-innr .vit-img-col .vit-img-text ul {
     margin-left: 0 !important;
 }

 .vit-sch-out {
     padding-top: 25px !important;
 }

 .vit-sch-out .vit-sch-title-innr {
     width: 87%;
     margin: auto;
     max-width: 100%;
 }

 .vit-sch-out .vit-sch-title-innr h6,
 .vit-sch-out .vit-sch-title-innr h2 {
     text-align: center;
 }

 .vit-sch-out .vit-sch-innr {
     max-width: 100%;
     width: 100%;
     margin: auto;
     background: #f5f5f5;
     margin-bottom: 70px;
     padding-bottom: 60px !important;
     padding-top: 80px !important;
     display: flex;
     justify-content: center;
 }

 .vit-sch-out .vit-sch-innr .vit-sch-col {
     max-width: 80%;
 }

 .vit-sch-out .vit-sch-innr .vit-sch-col p.error-message {
     text-align: center;
     margin: 0;
     padding: 0;
     font-size: 16px;
     font-family: var(--font-ubuntu) !important;
     font-weight: 600;
     color: var(--darkbgcolor) !important;
     text-transform: capitalize;
     margin-bottom: 0 !important;
 }

 /*VICTIM PAGE DESIGN::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 /*PROBATION REPORTING PAGE DESIGN::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 .pr-btn-out {
     padding-top: 25px !important;
     gap: 40px;
     padding-bottom: 65px !important;
 }

 .pr-btn-out .pr-btn-innr-2 {
     width: 100%;
     max-width: 65%;
     margin: auto;
 }

 .pr-btn-out .pr-btn-innr-1 {
     width: 100%;
     max-width: 65%;
     margin: auto;
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 20px;
 }

 .pr-btn-out .pr-btn-innr-1 .pr-btn-col {
     position: relative;
     padding-bottom: 0%;
     overflow: hidden;
 }

 .pr-btn-out .pr-btn-innr-1 .pr-btn-col::before {
     position: absolute;
     content: "";
     width: 100%;
     height: 100%;
     background: var(--darkbgcolor);
     top: 0;
     left: 0;
     opacity: 0.7;
     z-index: 9;
     transition: 0.3s ease;
 }

 .pr-btn-out .pr-btn-innr-1 .pr-btn-col:hover::before {
     background: var(--lightbgcolor);
     opacity: 1;
     transition: 0.3s ease;
 }

 .pr-btn-out .pr-btn-innr-1 .pr-btn-col .pr-btn-img {
     position: absolute;
     top: 0;
     height: 100%;
     width: 100%;
 }

 .pr-btn-out .pr-btn-innr-1 .pr-btn-col .pr-btn-img a,
 .pr-btn-out .pr-btn-innr-1 .pr-btn-col .pr-btn-img a span {
     height: 100% !important;
     width: 100%;
 }

 .pr-btn-out .pr-btn-innr-1 .pr-btn-col .pr-btn-img img {
     height: 100% !important;
     width: 100%;
     object-fit: cover;
     object-position: center;
 }

 .pr-btn-out .pr-btn-innr-1 .pr-btn-col .pr-btn {
     position: relative;
     z-index: 9;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     padding: 0;
     display: flex;
     gap: 10px;
     justify-content: center;
     align-items: center;
     flex-direction: column;
 }

 .pr-btn-out .pr-btn-innr-1 .pr-btn-col .pr-btn p {
     margin-bottom: 0 !important;
 }

 .pr-btn-out .pr-btn-innr-1 .pr-btn-col .pr-btn a {
     font-size: 40px;
     text-align: center;
     width: 100%;
     margin: 0;
     display: block;
     line-height: 45px;
     text-decoration: none !important;
     font-weight: 600;
     padding: 0;
     color: #fff !important;
     font-family: var(--font-ubuntu) !important;
     padding: 70px 50px;
     width: 100%;

 }

 .pr-btn-out .pr-btn-innr-1 .pr-btn-col .pr-btn .et_pb_text_inner {
     width: 100%;
 }

 .pr-btn-out .pr-btn-innr-1 .pr-btn-col .pr-btn a:hover {
     color: #fff !important;
 }

 .pr-btn-out .pr-btn-innr-2 a {
     width: 100%;
     display: block;
     text-align: end;
     font-size: 15px;
     text-decoration: none !important;
     font-family: var(--font-rokkit) !important;
     padding-right: 15px;
     color: var(--lightbluecolor) !important;
     position: relative;
 }

 .pr-btn-out .pr-btn-innr-2 a br {
     display: none;
 }


 .pr-btn-out .pr-btn-innr-2 a:hover {
     color: var(--lightbgcolor) !important;
 }

 .pr-btn-out .pr-btn-innr-2 a::before {
     position: absolute;
     content: "";
     top: auto;
     right: 0;
     left: auto;
     bottom: 7px;
     font-size: 0;
     width: 10px;
     height: 10px;
     background-image: url(../images/icon_ArrowUpRightTeal.svg);
     background-size: contain;
     background-repeat: no-repeat;
 }

 /*PROBATION REPORTING PAGE DESIGN::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 /*PROGRAM INFO PAGE DESIGN::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 .req-info-out {
     padding-top: 0 !important;
     padding-bottom: 70px !important;
 }

 .req-info-out .req-info-innr {
     max-width: 87%;
     width: 100%;
     margin: auto;
     background: #f5f5f5;
     padding: 70px 165px 50px;
 }

 .req-info-out .req-info-innr form h3.contact-form-heading {
     font-family: var(--font-ubuntu-bold) !important;
     color: var(--lightbluecolor);
     margin: 0;
     margin-bottom: 60px;
     text-align: center;
 }

 .req-info-out .req-info-innr form ul.contact-form-list {
     margin-left: 0 !important;
     display: flex;
     flex-wrap: wrap;
     column-gap: 30px;
     justify-content: center;
 }

 .req-info-out .req-info-innr form ul.contact-form-list li {
     width: 48% !important;
 }

 .req-info-out .req-info-innr form ul.contact-form-list li.submit-wrap input {
     margin-top: 45px !important;
 }

 ul.contact-form-list select {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background-image: none !important;
     padding-right: 25px !important;
     position: relative;
 }

 .req-info-out .req-info-innr form ul.contact-form-list li.program span.wpcf7-form-control-wrap {
     position: relative;
 }

 .req-info-out .req-info-innr form ul.contact-form-list li.program span.wpcf7-form-control-wrap::before {
     position: absolute !important;
     content: "" !important;
     width: 20px;
     height: 20px;
     background-image: url(../images/arrow_DownTeal.svg) !important;
     background-position: center;
     background-size: contain;
     background-repeat: no-repeat;
     left: auto;
     right: 16px;
     top: 25px;
     bottom: auto;
 }

 /*PROGRAM INFO PAGE DESIGN::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 /*404 PAGE DESIGN::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

 section.error-404-page {
     padding-top: 142px !important;
     padding-bottom: 195px !important;
 }

 section.error-404-page h1 {
     color: var(--lightbluecolor) !important;
     font-family: var(--font-ubuntu) !important;
     text-align: center;
     margin-bottom: 55px;
     font-weight: 600;
 }

 section.error-404-page h2 {
     font-size: 30px;
     text-align: center;
     color: var(--darkbgcolor) !important;
     font-family: var(--font-rokkit) !important;
     font-style: italic;
     margin-bottom: 0;
 }

 section.error-404-page p {
     text-align: center;
 }

 section.error-404-page a.error-btn {
     text-align: center;
     width: 100%;
     display: block;
 }