         :root {
             /*    Darkest blue*/
             --color-1: #00267a;
             /*    Light blue*/
             --color-2: #0133A0;
             /*    Yellow*/
             --color-3: #EAAA00;
             /*    Grey*/
             --color-4: #6E7885;

         }

         body {
             font-family: 'Inter', sans-serif;
             overflow-x: hidden
         }

         h1,
         h2,
         h3 {
             font-family: 'Figtree', sans-serif;
         }

         p {
             color: var(--color-4);
         }

         .btn {
             border-radius: 75px;
             padding: 12px 25px;
             font-weight: 600
         }

         .btn--1 {
             border: 2px solid var(--color-3);
         }

         .btn--1:hover {
             color: #fff;
             background-color: var(--color-3);
         }

         .btn--2 {
             background: var(--color-2);
             color: #fff;
         }

         .btn--2:hover {
             background: var(--color-3);
             color: #fff;
         }

         .btn--3 {
             color: var(--color-2);
             border: 2px solid var(--color-2);
         }

         .btn--3:hover {
             background-color: var(--color-2);
             color: #fff;
         }

         .btn--4 {
             color: var(--color-1);
             background-color: var(--color-3)
         }

         .btn--4:hover {
             background-color: var(--color-2);
             color: #fff;
         }

         section {
             scroll-margin-top: 100px;
         }

         @media screen and (max-width: 1366px) {
             section {
                 scroll-margin-top: 80px;
             }
         }

         @media screen and (max-width: 991px) {

             .container,
             .container-lg {
                 padding: 0 20px;
             }
         }


         /*HEADER*/
         /*HEADER*/
         /*HEADER*/

         header {
             padding: 20px 0 0;
         }

         header.fixed-header {
             padding-top: 0;
             position: fixed;
             width: 100%;
             left: 0;
             top: 0;
             box-shadow: 1px 1px 7px rgba(0, 0, 0, .1);
             z-index: 99
         }

         header .site-logo {
             width: 300px;
         }

         header nav {
             font-family: 'Figtree', sans-serif;
         }

         header nav.bg-light {
             background-color: #fff !important
         }

         header nav ul li {
             display: flex;
             align-items: center;
         }

         header nav ul li a {
             padding: 8px 16px !important;
             color: #12224A !important;
         }

         header nav ul li a.active {
             color: var(--color-3) !important
         }

         header nav ul li a:hover {
             color: var(--color-3) !important;
         }

         header .btn {
             margin-left: 15px;
         }

         @media screen and (max-width:1399px) {
             header .site-logo {
                 width: 240px;
             }
         }

         @media screen and (max-width: 1110px) {
             header .site-logo {
                 width: 220px;
             }

             header .btn {
                 padding: 12px 15px;
                 font-size: 14px;
             }

             header {
                 padding: 20px 0 0;
             }
         }

         @media screen and (max-width: 1023px) {
             header .btn {
                 margin-left: 10px
             }
         }

         @media screen and (max-width: 992px) {
             header {
                 padding-top: 10px
             }
         }

         /*HERO SECTION*/

         section.hero {
             padding: 75px 0 50px;
             background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(1, 51, 160, 0.1) 100%);
         }

         section.hero .hero-caption {
             margin-bottom: 50px;
             padding-right: 190px;
         }

         section.hero .hero-caption h1 {
             color: var(--color-1);
             font-weight: 700;
             font-size: 42px;
         }

         section.hero .hero-caption p {
             margin: 15px 0 30px;
         }

         section.hero .hero-caption .btn--3 {
             margin-left: 10px;
         }

         section.hero .affiliations {
             margin-top: 75px;
         }

         section.hero .affiliations .container-lg {
             overflow: hidden;

         }

         section.hero .affiliations .aff-boxes .owl-stage {
             display: flex;
             align-items: center
         }

         section.hero .affiliations .aff-boxes a {
             text-align: center;
             display: flex;
             align-items: center;
             justify-content: center;

             /*
             flex-wrap: nowrap;
             flex-basis: 100%;
             justify-content: space-around;
             animation: scroll-left-animation 60s linear 1s infinite;*/
             /*             background-color: #c7d8ff;*/
         }

         section.hero .affiliations .aff-boxes img {
             /*             max-width: 100%;*/
             /*             padding: 0 15px;*/
             max-height: 100px;
             width: auto;
             max-width: 100%;
         }



         section.hero .affiliations .aff-boxes:hover {
             animation-play-state: paused;
         }


         /* (A) FIXED WRAPPER */
         .hwrap {
             overflow: hidden;
             /* HIDE SCROLL BAR */
             background: #eee;
             background-color: #000;
             color: #fff;
             padding: 8px 0
         }

         /* (B) MOVING TICKER WRAPPER */
         .hmove {
             display: flex;
         }

         /* (C) ITEMS - INTO A LONG HORIZONTAL ROW */
         .hitem {
             flex-shrink: 0;
             width: 100%;
             width: auto;
             box-sizing: border-box;
             padding: 10px 100px;
             text-align: center;
             font-size: 20px;
         }

         /* (D) ANIMATION - MOVE ITEMS FROM RIGHT TO LEFT */
         /* 4 ITEMS -400%, CHANGE THIS IF YOU ADD/REMOVE ITEMS */
         /*
         @keyframes scroll-left-animation {
             0% {
                 transform: translate3d(100%, 0, 0);
             }

             100% {
                 transform: translate3d(-3100%, 0, 0);
             }
         }




         @media only screen and (max-width:576px) {
             @keyframes scroll-left-animation {
                 0% {
                     transform: translate3d(100%, 0, 0);
                 }

                 100% {
                     transform: translate3d(-4100%, 0, 0);
                 }
             }

         }
*/

























         /*

         section.hero .affiliations .container-lg {
             padding: 0 40px;
         }

         section.hero .affiliations .aff-boxes {
             position: relative
         }

         section.hero .affiliations .owl-theme .owl-nav {
             margin-top: 0px;
             display: flex !important;
             justify-content: space-between;
             position: absolute;
             top: 50%;
             width: 105%;
             left: 50%;
             transform: translate(-50%, -50%);
         }

         .owl-theme .owl-nav [class*=owl-]:hover {
             background-color: transparent;
             color: var(--color_two);
         }

         section.hero .affiliations .owl-stage-outer {
             position: relative;
             z-index: 1
         }

         section.hero .affiliations .owl-stage {
             display: flex;
             align-items: center;
         }

         section.hero .affiliations .aff-boxes a img {
             height: 49px;
         }

         section.hero .affiliations .aff-boxes a.greensville img {
             height: 75px;
             height: auto
         }

         section.hero .affiliations .owl-theme .owl-dots {
             display: none
         }


         section.hero .affiliations .owl-carousel .owl-nav button.owl-next,
         section.hero .affiliations .owl-carousel .owl-nav button.owl-prev {
             font-size: 18px;
         }
*/



         @media screen and (max-width:1399px) {
             header nav ul li a {
                 padding: 8px 10px !important
             }

             section.hero .hero-caption {
                 padding-right: 100px;
             }

             section.hero .affiliations .aff-boxes a img {
                 /*
                 height: 50px;
                 width: auto;
*/
             }
         }

         @media screen and (max-width:1199px) {
             section.hero .affiliations .aff-boxes a img {
                 /*                 height: 54px;*/
             }
         }

         @media screen and (max-width:1110px) {
             header nav ul li a {
                 font-size: 15px !important;
             }
         }

         @media screen and (max-width:1023px) {
             header nav ul li a {
                 font-size: 14px !important;
             }
         }

         @media screen and (max-width:991px) {
             section.hero .affiliations .container-lg {
                 padding: 0 50px;
             }

             section.hero .affiliations .owl-theme .owl-nav {
                 width: 110%;
             }

             /*
             section.hero .affiliations .aff-boxes a img {
                 height: 37px;
             }

             section.hero .affiliations .aff-boxes a img {
                 height: 42px;
             }
*/

             header nav ul li {
                 justify-content: center
             }

             header nav ul li a {
                 font-size: 16px !important;
             }

             header .btn {
                 display: inline-block;
                 margin: 10px auto 0 auto
             }

             section.hero {
                 padding-top: 50px
             }

             section.hero .hero-caption {
                 padding-right: 0;
                 text-align: center
             }

             /*
             section.hero .affiliations .aff-boxes {
                 flex-wrap: wrap;
                 justify-content: space-between
             }
*/

             section.hero .affiliations .aff-boxes a {
                 /*                 padding: 20px 20px;*/
             }

             section.hero .affiliations {
                 margin-top: 50px;
             }
         }

         @media screen and (max-width:576px) {
             section.hero .affiliations .aff-boxes a {
                 padding: 0 0
             }

             section.hero .affiliations .container-lg {
                 padding: 0 25px;
             }

             section.hero .affiliations .aff-boxes a img {
/*                 height: 55px;*/
/*
                 width: auto;
                 margin: 0 auto
*/
             }

             section.hero .affiliations .owl-theme .owl-nav {
                 width: 115%;
                 width: 125%;
             }

             section.hero .affiliations .aff-boxes {
                 justify-content: center
             }

             section.hero .affiliations .container-lg {
                 padding: 0 40px;
             }

             section.hero .affiliations .owl-stage {
                 /*                 padding: 0 0px;*/
                 /*                 background-color: #dea3a3*/
             }

             section.hero .hero-caption h1 {
                 font-size: 28px;
             }

             section.hero .affiliations .owl-carousel .owl-nav button.owl-next,
             section.hero .affiliations .owl-carousel .owl-nav button.owl-prev {
                 padding: 0 10px !important;
                 /*                 background-color: #999*/
             }
         }

         /*INFO SECTION */

         section.info .info-box {
             max-width: 625px;
             margin-right: auto;
             padding: 100px 0px 100px 50px;
         }

         section.info .flag-img-box {
             position: relative
         }

         section.info .flag-img-box img.flag-animated {
             position: absolute;
             top: 258px;
             left: 317px;
             width: 176px;
         }

         section.info .info-box .btn-wrapper {
             margin-top: 30px;
         }

         section.info .info-box .btn-wrapper a.btn:first-child {
             margin-right: 10px;
         }

         section.info .info-box p {
             color: #6E7885;
         }

         section.info .info-box h2 {
             color: #00267a;
             margin-bottom: 40px;
         }


         @media screen and (max-width: 1400px) {
             section.info .info-box {
                 max-width: 575px;
                 padding: 100px 50px 100px 50px;
             }
         }

         @media screen and (max-width: 1365px) {
             section.info .flag-img-box img.map {
                 width: 100%;
             }

             section.info .flag-img-box img.flag-animated {
                 position: absolute;
                 top: 36%;
                 left: 47%;
             }
         }

         @media screen and (max-width: 1200px) {
             section.info .info-box {
                 padding-left: 25px;
                 padding-right: 25px;
             }
         }

         @media screen and (max-width: 991px) {
             section.info .info-box {
                 max-width: 100%;
                 padding-top: 0;
                 text-align: center
             }


             section.info .flag-img-box img.flag-animated {
                 position: absolute;
                 top: 36%;
                 left: 47%;
             }
         }

         @media screen and (max-width: 576px) {
             section.info .info-box {
                 padding-bottom: 25px
             }

             section.info .flag-img-box img.map {
                 width: 100%;
             }

             section.info .flag-img-box img.flag-animated {
                 position: absolute;
                 top: 36%;
                 left: 47%;
                 width: 115px;
             }
         }

         /*Executive Board Section*/
         /*Executive Board Section*/
         /*Executive Board Section*/
         section.executive-board {
             padding: 100px 0;
         }

         section.executive-board h2 {
             margin-bottom: 50px;
             color: var(--color-1);
             font-weight: 700;
         }

         section.executive-board img {
             display: block;
             width: 124px;
             margin: 0 auto 20px;
             cursor: pointer;
             transition: .3s;
         }

         section.executive-board .profile-box img:hover {
             transform: scale(1.1);
         }

         section.executive-board .profile-box {
             text-align: center
         }

         section.executive-board .row > div:last-child .short-desc {
             margin-bottom: 0
         }

         section.executive-board .short-desc {
             color: var(--color-4);
         }

         section.executive-board .name {
             font-size: 24px;
             color: var(--color-1);
             font-weight: 700
         }

         section.executive-board .designation {
             background: #E6EBF6;
             color: var(--color-2);
             font-weight: 600;
             border-radius: 50px;
             padding: 5px 15px;
             display: inline-block;
             margin: 0 auto 10px;
         }

         @media screen and (max-width: 1200px) {
             section.executive-board {
                 padding-top: 0
             }
         }

         @media screen and (max-width: 576px) {
             section.executive-board .profile-box {
                 max-width: 400px;
                 margin: 0 auto
             }

             section.executive-board {
                 padding: 75px 0;
             }
         }

         /*popup*/
         /*popup*/
         /*popup*/
         section.executive-board .modal .modal-dialog {
             max-width: 75% !important;
             margin: 0 auto
         }

         section.executive-board .popup-profile-box {
             display: flex
         }

         section.executive-board .profile-info {
             padding-left: 20px;
             display: flex;
             flex-direction: column;
             justify-content: center;
             align-items: flex-start
         }

         section.executive-board .modal .designation {
             margin-right: auto;
             margin-left: 0
         }

         section.executive-board .modal h2 {}

         section.executive-board .modal h2:first-child {
             margin-top: 10px;
         }

         section.executive-board .modal h2 {
             margin: 25px 0 25px;
             font-size: 24px;
         }

         section.executive-board .modal .modal-header,
         section.executive-board .modal .modal-body {
             padding: 25px 25px;
         }

         section.executive-board .modal .btn-close {
             position: absolute;
             top: 20px;
             right: 20px;
             z-index: ;
         }



         @media screen and (max-width: 1200px) {
             section.executive-board .name {
                 font-size: 18px;
             }
         }

         @media screen and (max-width: 576px) {
             section.executive-board .modal .modal-dialog {
                 max-width: 90% !important;
             }

             section.executive-board .modal .short-desc {
                 font-size: 14px;
             }

             section.executive-board .popup-profile-box {
                 align-items: center
             }

             section.executive-board img {
                 width: 100px;
             }

             section.executive-board .modal .modal-header p {
                 /*                 margin-bottom: 0*/
             }

             section.executive-board .modal .modal-header,
             section.executive-board .modal .modal-body {
                 padding: 20px 15px;
             }
         }

         /*MEMBERSHIP SECTION*/
         /*MEMBERSHIP SECTION*/
         /*MEMBERSHIP SECTION*/
         section.membership {
             padding: 100px 0;
             background-color: var(--color-2);
             color: #fff;
         }

         section.membership h2 {
             font-size: 42px;
             margin-bottom: 20px;
         }

         section.membership p {
             color: #fff;
         }

         section.membership .btn:hover {
             background-color: #fff;
             color: var(--color-1);
         }

         @media screen and (max-width: 991px) {
             section.membership {
                 text-align: center
             }
         }

         @media screen and (max-width: 576px) {
             section.membership h2 {
                 font-size: 28px;
             }

             section.membership p:last-child {
                 margin-bottom: 0
             }

             section.membership {
                 padding: 75px 0;
             }
         }

         /*EVENTS SECTION*/
         /*EVENTS SECTION*/
         /*EVENTS SECTION*/
         section.events {
             padding: 100px 0;
         }

         section.events h2.main-heading {
             font-size: 32px;
             margin-bottom: 40px;
         }

         section.events h2 {
             font-size: 42px;
             color: var(--color-2);
             font-weight: 700;
             margin-bottom: 30px;
         }

         section.events img {
             width: 100%;
         }

         section.events h3 {
             font-weight: 700;
             font-size: 20px;
             color: var(--color-2);
         }

         section.events p {
             color: var(--color-4);
         }

         section.events .btn-wrapper {
             display: flex;
             align-items: center;
             margin-top: 40px;
         }

         section.events .event-info-right-col {
             padding-left: 75px;
         }

         section.events .event-info-right-col h3 {
             margin-left: 20px;
         }

         section.events .event-info-right-col a {
             display: block;
         }

         section.events p.location {
             margin-bottom: 0;
             padding: 6px 16px;
             border-radius: 25px;
             background: #E6EBF6;
             color: #0133A0;
             font-weight: 600;
             display: inline-block;
         }

         section.events p.location i {
             padding-right: 12px;
             font-size: 20px;
         }

         section.events p.date {
             display: inline-block;
             padding: 6px 16px;
             border-radius: 25px;
             background: #E6EBF6;
             color: #0133A0;
             margin-top: 15px;
             font-weight: 600;
         }

         section.events p.date i {
             padding-right: 12px;
         }

         section.events p.event-date {
             color: var(--color-3);
             padding: 5px 15px;
             background-color: #fdf7e6;
             display: inline-block;
             margin: 15px 0 20px;
             border-radius: 50px;
             font-weight: 600
         }

         section.events h3.event-title {
             font-size: 24px;
             margin-bottom: 20px;
         }

         section.events h3.event-title a {
             text-decoration: none;
             color: var(--color-2);
             transition: .2s
         }

         section.events h3.event-title a:hover {
             text-decoration: none;
             color: var(--color-3);
         }

         section.events img.event-img {
             width: 100%
         }

         section.events .event-boxes {
             margin-top: 100px;
         }


         @media screen and (max-width: 1399px) {
             section.events .event-info-right-col {
                 padding-left: 30px;
             }
         }

         @media screen and (max-width: 1200px) {
             section.events h2.main-heading {
                 font-size: 32px;
                 margin-bottom: 40px;
             }

             section.events h2 {
                 font-size: 42px;
             }

             section.events .event-info-right-col h3 {
                 margin-left: 10px;
                 font-size: 17px;
             }

             section.events .event-info-right-col {
                 padding-left: 5px;
             }

             section.events h3.event-title {
                 font-size: 20px;

             }

             section.events .event-boxes {
                 margin-top:
             }
         }

         @media screen and (max-width: 991px) {
             section.events .event-info-right-col {
                 margin-top: 50px;
                 text-align: center;
                 padding-left: 0
             }

             section.events .btn-wrapper {
                 justify-content: center
             }

             section.events .event-boxes .row > div:nth-child(1),
             section.events .event-boxes .row > div:nth-child(2) {
                 margin-bottom: 35px;
             }

         }


         @media screen and (max-width: 576px) {
             section.events {
                 padding: 75px 0;
             }

             section.events .btn-wrapper {
                 flex-wrap: wrap;
                 margin-top: 20px;
             }

             section.events .event-info-right-col h3 {
                 margin-top: 20px;
                 font-size: 20px;
             }

             section.events h2.main-heading {
                 font-size: 24px;
             }

             section.events h2 {
                 font-size: 28px;
             }

             section.events .event-boxes .row > div:not(:last-child) {
                 margin-bottom: 35px;
             }

         }

         /*NEWS*/
         /*NEWS*/
         /*NEWS*/
         section.news {
             padding: 100px 0;
             background: #F8F9FC;
         }

         section.news img {
             width: 100%;
         }

         section.news .news-boxes {
             margin-top: 75px;
         }

         section.news .news-right-col {
             padding-left: 75px;
         }

         section.news .news-right-col span {
             color: var(--color-3);
             font-weight: 600
         }

         section.news .news-right-col h2 {
             font-size: 42px;
             color: var(--color-2);
         }

         section.news .news-box h3 {
             font-size: 24px;
             color: var(--color-2);
             margin-top: 25px;
             margin-bottom: 20px;
             font-weight: 700
         }

         section.news .news-box h3 a {
             color: var(--color-2);
             text-decoration: none;
             transition: .2s
         }

         section.news .news-box h3 a:hover {
             color: var(--color-3);
         }

         section.news .news-box-1 {
             padding-right: 20px;
         }

         section.news .news-box-2 {
             padding: 0 10px;
         }

         section.news .news-box-3 {
             padding-left: 10px;
         }

         section.news .social {
             display: flex;
             font-size: 24px;
         }

         section.news .social a:first-child i {
             color: var(--color-1);
         }

         section.news .social a:hover i {
             color: var(--color-3);
         }

         section.news .social i {
             margin: 0 5px;
             color: #6483c5;
         }

         section.news .btn-wrapper span {
             color: var(--color-2);
             font-weight: 600
         }

         section.news .btn-wrapper {
             display: flex;
             justify-content: center;
             align-items: center;
             margin: 50px 0 0;
         }

         section.news .btn-wrapper a.btn {
             margin-right: 15px;
         }

         @media screen and (max-width: 1200px) {
             section.news .news-right-col {
                 padding-left: 25px;
             }
         }

         @media screen and (max-width: 991px) {
             section.news .news-right-col h2 {
                 font-size: 32px;
             }

             section.news .news-box h3 {
                 font-size: 20px;
             }

             section.news .news-box-1 {
                 padding-right: 0
             }

             section.news .news-box-2 {
                 padding: 0
             }

             section.news .news-box-3 {
                 padding-left: 0
             }

             section.news .news-boxes .row > div {
                 margin-bottom: 35px;
             }

         }

         @media screen and (max-width: 767px) {
             section.news .news-right-col {
                 padding-left: 0;
                 padding-top: 50px;
             }
         }

         @media screen and (max-width: 576px) {
             section.news .btn-wrapper {
                 flex-direction: column;
             }

             section.news .btn-wrapper span {
                 margin: 20px 0
             }

             section.news {
                 padding: 75px 0
             }
         }

         /*SPONSORS SECTION*/
         /*SPONSORS SECTION*/
         /*SPONSORS SECTION*/
         section.sponsors {
             padding: 100px 0
         }

         section.sponsors h2 {
             color: var(--color-1);
             margin-bottom: 40px;
             font-weight: 700
         }

         section.sponsors .btn-wrapper {
             margin-top: 25px;
         }

         section.sponsors .btn-wrapper a.btn:first-child {
             margin-right: 10px;
         }

         section.sponsors .sponsors-right-col {
             padding-right: 100px;
         }

         @media screen and (max-width: 1399px) {
             section.sponsors .sponsors-right-col {
                 padding-right: 60px;
             }
         }

         @media screen and (max-width: 1200px) {
             section.events .event-boxes {
                 margin-top: 75px;
             }

             section.sponsors .sponsors-right-col {
                 padding-right: 0px;
             }

             section.sponsors .btn-wrapper .btn:first-child {
                 margin-bottom: 15px;
             }
         }

         @media screen and (max-width: 991px) {
             section.sponsors {
                 text-align: center
             }

             section.sponsors .btn-wrapper .btn:first-child {
                 margin-bottom: 0px;
             }
         }

         @media screen and (max-width: 576px) {
             section.sponsors {
                 padding: 75px 0
             }

             section.sponsors .btn-wrapper a.btn:first-child {
                 margin-bottom: 15px;
             }
         }

         /*LEVELS SECTION*/
         /*LEVELS SECTION*/
         /*LEVELS SECTION*/
         section.levels {
             padding: 100px 0;
         }

         section.levels .level-box {
             text-align: center;
             background: linear-gradient(180deg, rgba(1, 51, 160, 0.1) 0%, rgba(1, 51, 160, 0) 100%);
             padding: 0 30px;
         }

         section.levels .level-box img {
             width: 130px;
             margin-top: calc(-130px/2);
         }

         section.levels .level-box h2 {
             font-size: 24px;
             color: var(--color-1);
             margin: 25px 0 25px;
             font-weight: 700
         }

         section.levels .level-box p.level-desc {
             font-size: 14px;
             min-height: 105px;
             text-align: left;
             display: flex
         }

         section.levels .level-box p.level-desc i {
             color: var(--color-1);
             margin-top: 5px;
         }

         section.levels .level-box p.level-desc span {
             padding-left: 7px;
         }

         section.levels .level-box p.price {
             font-size: 28px;
             color: var(--color-1);
             font-weight: 700
         }

         section.levels .level-box p.price span {
             font-size: 16px;
             font-weight: 400
         }

         section.levels .level-box .btn-contact {
             border: 1px solid #98acd8;
             color: #98acd8
         }

         section.levels .level-box .btn-contact:hover {
             border-color: var(--color-1);
             color: var(--color-1);
         }

         @media screen and (max-width: 1399px) {
             section.levels .level-box {
                 padding: 0 15px;
             }
         }

         @media screen and (max-width: 991px) {

             section.levels .row > div:nth-child(1),
             section.levels .row > div:nth-child(2) {
                 margin-bottom: 150px;
             }

             section.levels .level-box p.level-desc {
                 min-height: 80px;
             }
         }

         @media screen and (max-width: 767px) {
             section.levels {
                 padding-bottom: 0
             }

             section.levels .row > div {
                 margin-bottom: 150px;
             }

             section.levels .level-box p.level-desc {
                 min-height: inherit;
             }
         }

         @media screen and (max-width: 576px) {
             section.levels {
                 padding-top: 65px;
             }

             section.levels .row > div:last-child {
                 margin-bottom: 100px;
             }
         }

         /*HOME CONTACT*/
         /*HOME CONTACT*/
         /*HOME CONTACT*/
         section.home-contact {
             padding: 25px 0 100px;
         }

         section.home-contact .img-box {
             padding-right: 50px;
         }

         section.home-contact h2 {
             color: var(--color-2);
             font-weight: 700;
             margin-bottom: 40px;
         }

         section.home-contact form label {
             font-weight: 700;
             color: var(--color-2);
             margin-bottom: 10px;
         }

         section.home-contact .form-group {
             margin-bottom: 25px;
         }

         section.home-contact form input {
             padding: 15px 15px;
             background-color: #f5f8fe;
             border: none;
             border-radius: 0;
         }

         section.home-contact form ::placeholder {
             color: #93a9d8
         }

         section.home-contact img {
             width: 100%;
         }

         section.home-contact textarea {
             background-color: #f5f8fe;
             border: none
         }

         @media screen and (max-width: 991px) {
             section.home-contact .img-box {
                 padding-right: 10px;
             }
         }

         @media screen and (max-width: 576px) {
             section.home-contact h2 {
                 text-align: center
             }

             section.home-contact .img-box {
                 margin-bottom: 50px;
             }
         }

         /*FOOTER*/
         /*FOOTER*/
         /*FOOTER*/
         footer {
             padding: 75px 0 0;
             color: #fff;
             background-color: var(--color-2);
         }

         footer .footer-col-1 img {
             width: 290px
         }

         footer .btn-wrapper {
             display: flex;
             margin-top: 40px;
             font-size: 16px;
         }

         footer .btn-wrapper .social {
             margin-left: 15px;
         }

         footer .btn-wrapper .social a {
             text-decoration: none
         }

         footer .btn-wrapper .social a:hover i {
             color: var(--color-3);
         }

         footer .btn-wrapper .social a i {
             color: #fff;
             font-size: 18px;
             margin: 0 5px;
         }

         footer .address {
             text-align: left;
             color: var(--color-3);
         }

         footer .address p {
             color: var(--color-3);
             font-size: 20px;
         }

         footer .address h2 {
             margin-bottom: 0;
             font-size: 22px;
             font-weight: 700
         }

         footer .footer-menu {
             color: #fff;
             margin-bottom: 50px;
         }

         footer .footer-menu ul {
             list-style: none;
             padding-left: 0
         }

         footer .footer-menu li {
             padding: 7px 0;
         }

         footer .footer-menu li a {
             color: #fff;
             text-decoration: none;
             font-weight: 700;
             font-size: 18px;
         }

         footer .footer-menu li a:hover {
             color: var(--color-3);
         }

         footer .copyright {
             background-color: var(--color-1);
             padding: 30px 0;
             text-align: center
         }

         footer .copyright .policy {
             padding: 0 0 0 25px;
             margin: 0 25px;
             border-left: 1px solid #667daf;
         }

         @media screen and (max-width: 991px) {
             footer .footer-col-1 {
                 text-align: center
             }

             footer .address {
                 margin: 50px 0;
                 text-align: center
             }

             footer .btn-wrapper {
                 justify-content: center
             }

             footer .footer-menu {
                 text-align: center
             }
         }

         @media screen and (max-width: 576px) {
             footer .copyright {
                 display: flex;
                 flex-wrap: wrap;
                 flex-direction: column
             }

             footer .btn-wrapper {
                 margin-top: 30px;
             }

             footer .copyright .policy {
                 border: none;
                 padding: 10px 0;
                 margin: 10px 0;
                 display: inline-block;
                 border-top: 1px solid #667daf;
             }
         }
