* {
    margin: 0;
    padding: 0;
}

body {
    background: #FFFFFF;
}

:root {
    --baseColor: #9E1C37;
    --secondaryColor: #515252;
    --lightColor: #FFFFFF;
    --grayColor: #F3F3F3;
    --darkColor: #1F2427;
    --blackColor: #121212;

    --baseFont: "Montserrat", sans-serif;
    --secondaryFont: "Abel", sans-serif;
}


/* ===== CSS For "Common Cases" Starts Here ===== */
a {
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a:hover {
    text-decoration: none;
}

img,
video {
    max-width: 100%;
    vertical-align: middle;
}

/* ======================== */

.grid_item {
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: center;
    align-content: center;
}

/* ======================== */

.heading {
    margin-bottom: 20px;
}

.heading h3 {
    color: var(--darkColor);
    font-family: var(--secondaryFont);
    font-weight: bold;
    font-size: 42px;
    margin-bottom: 0px;
}

/* ======================== */

.para_texts p {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.para_texts p .bold_texts {
    font-weight: 600;
}

.para_texts p:last-child {
    margin-bottom: 0px;
}

/* ======================== */

.cta_btn_wrap {
    margin-top: 20px;
}

.cta_btn {
    color: var(--lightColor);
    background: var(--baseColor);
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 18px;
    border-radius: 5px;
    min-width: 200px;
    text-align: center;
    display: inline-block;
    padding: 10px 25px;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.cta_btn:hover {
    color: var(--lightColor);
    text-decoration: none;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

/* ===== CSS For "Common Cases" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Navbar" Ends Here ===== */
.humbergur_icon {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.humbergur_icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    border-radius: 10px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.humbergur_icon span {
    background: var(--baseColor);
}

.humbergur_icon span:nth-child(1) {
    top: 0px;
}

.humbergur_icon span:nth-child(2),
.humbergur_icon span:nth-child(3) {
    top: 10px;
}

.humbergur_icon span:nth-child(4) {
    top: 20px;
}

.humbergur_icon.open span:nth-child(1) {
    top: 11px;
    width: 0%;
    left: 50%;
}

.humbergur_icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.humbergur_icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.humbergur_icon.open span:nth-child(4) {
    top: 11px;
    width: 0%;
    left: 50%;
}

/* ============================== */
/* ============================== */

.navbar-toggler {
    padding: 0px;
}

.navbar {
    padding: 10px 0px;
}

.navbar .navbar-brand {
    padding: 0px;
    line-height: 1;
}

.navbar .navbar-brand img {
    max-width: 300px;
}

.navbar .navbar-nav .nav-item {
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-right: 40px;
}

.navbar .navbar-nav .nav-item:last-child {
    margin-right: 0px;
}

.navbar .navbar-nav .nav-item .nav-link {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 16px;
    padding: 0px;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.navbar .navbar-nav .nav-item .nav-link:hover,
.navbar .navbar-nav .nav-item .nav-link.active {
    color: var(--baseColor);
}

/* ===== CSS For "Navbar" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Hero Banner" Starts Here ===== */
.hero_banner {
    background: url('images/Hero_Banner.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
}

.hero_banner .overlay {
    background: rgba(0, 0, 0, 0.5);
    padding: 175px 0px;
}

.hero_banner .contents {
    max-width: 860px;
    margin: 0px auto;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    padding: 30px;
    border-radius: 10px 10px 0px 0px;
}

.hero_banner .contents h3 {
    color: var(--lightColor);
    font-family: var(--secondaryFont);
    font-weight: bold;
    font-size: 42px;
    margin-bottom: 0px;
}

.hero_banner .experience_txts {
    background: var(--baseColor);
    text-align: center;
    padding: 10px;
    border-radius: 0px 0px 10px 10px;
    max-width: 860px;
    margin: 0px auto;
}

.hero_banner .experience_txts h2 {
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 36px;
    margin-bottom: 0px;
}

/* ===== CSS For "Hero Banner" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Suppliers" Starts Here ===== */
.suppliers {
    background: var(--lightColor);
    padding: 30px 0px;
    padding-top: 25px;
}

.suppliers .heading {
    text-align: center;
    margin-bottom: 30px;
}

.suppliers .heading h3 {
    color: var(--baseColor);
}

.suppliers .single_supplier {
    border: 1px solid var(--baseColor);
    border-radius: 5px;
    padding: 2.5px 7.5px;
}

.suppliers .single_supplier img {
    height: 50px;
    width: auto;
    display: inline-block;
}

.suppliers .single_supplier.black_bg {
    background: var(--secondaryColor);
}

/* ===== CSS For "Suppliers" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "About Us" Starts Here ===== */
.about_us_wrap {
    background: var(--grayColor);
    padding: 50px 0px;
}

.about_us {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 40px;
}

.about_us .president_info {
    border-top: 1px solid #D2D2D2;
    margin-top: 15px;
    padding-top: 15px;
}

.about_us .president_info h4 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 5px;
}

.about_us .president_info h6 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 18px;
    font-style: italic;
    margin-bottom: 0px;
}

.about_us .image img {
    border-radius: 10px;
}

/* ===== CSS For "About Us" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Our Mission" Starts Here ===== */
.our_mission_wrap {
    background: var(--lightColor);
    padding: 50px 0px;
}

.our_mission {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 40px;
    text-align: center;
}

.our_mission .icon {
    margin-bottom: 20px;
}

.our_mission .icon img {
    max-width: 90px;
}

.our_mission .image img {
    border-radius: 10px;
}

/* ===== CSS For "Our Mission" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "What We Offer" Starts Here ===== */
.what_we_offer_wrap {
    background: var(--grayColor);
    padding: 50px 0px;
}

.what_we_offer {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 0px;
    background: var(--lightColor);
    border-radius: 15px;
}

.what_we_offer .image_wrap,
.what_we_offer .image_wrap img {
    border-radius: 15px 0px 0px 15px;
}

.what_we_offer .contents_wrap {
    padding: 30px;
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: center;
    align-content: center;
    border-radius: 0px 15px 15px 0px;
}

.what_we_offer .bullet_points {
    margin-bottom: 20px;
}

.bullet_points ul {
    margin-bottom: 0px;
}

.bullet_points ul li {
    list-style: none;
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px;
}

.bullet_points ul li:last-child {
    margin-bottom: 0px;
}

.bullet_points ul li:before {
    content: "\f058";
    color: var(--baseColor);
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 18px;
    position: absolute;
    left: 0px;
    top: 0px;
}

/* ===== CSS For "What We Offer" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Services" Starts Here ===== */
.services_wrap {
    background: var(--lightColor);
    padding: 50px 0px;
}

.services_wrap .heading {
    text-align: center;
    margin-bottom: 15px;
}

.services_wrap .heading h3 {
    color: var(--baseColor);
}

.services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0px -10px;
}

.services .single_service {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(20% - 20px);
    flex: 0 0 calc(20% - 20px);
    max-width: calc(20% - 20px);
    margin: 10px;
    background: #F9FDFF;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
}

.services .single_service .icon {
    margin-bottom: 10px;
}

.services .single_service .icon img {
    height: 90px;
}

.services .single_service .txts h6 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 0px;
}

.services .single_service .txts h6 .break {
    display: block;
}

/* ===== CSS For "Services" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Vendors" Starts Here ===== */
.vendors_wrap {
    background: var(--lightColor);
    padding: 50px 0px;
    padding-top: 0px;
}

.vendors .single_vendor {
    border: 1px solid #DADBDD;
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 40px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
}

.vendors .single_vendor:last-child {
    margin-bottom: 0px;
}

.vendors .single_vendor .vendor_logo {
    margin-bottom: 20px;
    text-align: center;
}

.vendors .single_vendor .vendor_logo img {
    max-height: 75px;
}

/* ============================== */

.vendors .challengers_images {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 390px;
    grid-template-columns: 1fr 390px;
    grid-auto-rows: auto;
    gap: 30px;
}

.vendors .challengers_images .single_image {
    border: 1px solid #E4E5E7;
    border-radius: 10px;

    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.vendors .challengers_images .single_image img {
    border-radius: 10px;
}

.vendors .challengers_images .para_texts {
    background: var(--baseColor);
    padding: 15px;
    border-radius: 0px 0px 10px 10px;
    text-align: center;
}

.vendors .challengers_images .para_texts p {
    color: var(--lightColor);
}

/* ============================== */

.vendors .hunter_images {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 365px;
    grid-template-columns: 1fr 1fr 365px;
    grid-auto-rows: auto;
    gap: 20px;
}

.vendors .hunter_images .single_image {
    border: 1px solid #E4E5E7;
    border-radius: 10px;

    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.vendors .hunter_images .single_image img {
    border-radius: 10px;
}

.vendors .hunter_images .single_image.img_txts img {
    border-radius: 10px 10px 0px 0px;
}

.vendors .hunter_images .para_texts {
    background: var(--baseColor);
    padding: 15px;
    border-radius: 0px 0px 10px 10px;
    text-align: center;
}

.vendors .hunter_images .para_texts p {
    color: var(--lightColor);
}

/* ============================== */

.vendors .single_vendor .vendor_logo.ev_logo img {
    max-height: 125px;
}

.vendors .ev_images {
    max-width: 760px;
    margin: 0px auto;
    margin-bottom: 20px;
}

.vendors .ev_texts {
    background: var(--baseColor);
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    max-width: 760px;
    margin: 0px auto;
}

.vendors .ev_texts p {
    color: var(--lightColor);
}

/* ============================== */

.vendors .procut_images {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 20px;
    max-width: 760px;
    margin: 0px auto;
    margin-bottom: 20px;
}

.vendors .procut_images .single_image {
    border: 1px solid #E4E5E7;
    border-radius: 10px;

    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.vendors .procut_images .single_image img {
    border-radius: 10px;
}

.vendors .procut_texts {
    background: var(--baseColor);
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    max-width: 760px;
    margin: 0px auto;
}

.vendors .procut_texts p {
    color: var(--lightColor);
}

/* ============================== */

.vendors .bilt_contents {
    background: #F4FBFE;
    border-radius: 10px;

    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 0px;
}

.vendors .bilt_contents .image img {
    border-radius: 10px 0px 0px 10px;
}

.vendors .bilt_contents .contents_wrap {
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 30px;
}

.vendors .bilt_contents .contents_wrap h6 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 20px;
}

.vendors .bilt_contents .bullet_points ul li {
    font-weight: 500;
}

/* ============================== */

.vendors .hayley_images {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 563px;
    grid-template-columns: 1fr 563px;
    grid-auto-rows: auto;
    gap: 20px;
}

.vendors .hayley_images .single_image {
    border: 1px solid #E4E5E7;
    border-radius: 10px;

    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.vendors .hayley_images .single_image img {
    border-radius: 10px;
}

.vendors .hayley_images .single_image.img_txts img {
    border-radius: 10px 10px 0px 0px;
}

.vendors .hayley_images .para_texts {
    background: var(--baseColor);
    padding: 15px;
    border-radius: 0px 0px 10px 10px;
    text-align: center;
}

.vendors .hayley_images .para_texts p {
    color: var(--lightColor);
}

/* ============================== */

.vendors .alemite_images {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    gap: 20px;
    margin-bottom: 20px;
}

.vendors .alemite_images .single_image {
    border: 1px solid #E4E5E7;
    border-radius: 10px;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.vendors .alemite_images .single_image img {
    border-radius: 10px;
    max-height: 400px;
}

.vendors .alemite_texts {
    background: var(--baseColor);
    padding: 15px;
    border-radius: 10px;
    text-align: center;
}

.vendors .alemite_texts p {
    color: var(--lightColor);
}

.vendors .single_vendor .alemite_logo img {
    max-height: 125px;
}

/* ============================== */

.vendors .stand_design_images {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 350px;
    grid-template-columns: 1fr 350px;
    grid-auto-rows: auto;
    gap: 30px;
}

.vendors .stand_design_images .single_image {
    border: 1px solid #E4E5E7;
    border-radius: 10px;

    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.vendors .stand_design_images .single_image img {
    border-radius: 10px;
}

.vendors .stand_design_images .para_texts {
    background: var(--baseColor);
    padding: 15px;
    border-radius: 0px 0px 10px 10px;
    text-align: center;
}

.vendors .stand_design_images .para_texts p {
    color: var(--lightColor);
}

/* ============================== */

.vendors .single_vendor .dev_sys_logo img {
    max-height: 125px;
}

.vendors .dev_sys_images {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 20px;
    max-width: 760px;
    margin: 0px auto;
    margin-bottom: 20px;
}

.vendors .dev_sys_images .single_image {
    border: 1px solid #E4E5E7;
    border-radius: 10px;

    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.vendors .dev_sys_images .single_image img {
    border-radius: 10px;
}

.vendors .dev_sys_texts {
    background: var(--baseColor);
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    max-width: 760px;
    margin: 0px auto;
}

.vendors .dev_sys_texts p {
    color: var(--lightColor);
}

/* ============================== */

.vendors .eurovac_images {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 437px;
    grid-template-columns: 1fr 437px;
    grid-auto-rows: auto;
    gap: 30px;
}

.vendors .eurovac_images .single_image {
    border: 1px solid #E4E5E7;
    border-radius: 10px;

    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.vendors .eurovac_images .single_image img {
    border-radius: 10px;
}

.vendors .eurovac_images .single_image.img_txts img {
    border-radius: 10px 10px 0px 0px;
}

.vendors .eurovac_images .para_texts {
    background: var(--baseColor);
    padding: 15px;
    border-radius: 0px 0px 10px 10px;
    text-align: center;
}

.vendors .eurovac_images .para_texts p {
    color: var(--lightColor);
}

/* ============================== */

.vendors .cps_contents {
    background: var(--baseColor);
    border-radius: 10px;

    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 300px 0px 1fr;
    grid-template-columns: 300px 1fr;
    grid-auto-rows: auto;
    gap: 0px;

    border: 1px solid var(--baseColor);
}

.vendors .cps_contents .image img {
    width: 100%;
    border-radius: 10px 0px 0px 10px;
}

.vendors .cps_contents .contents_wrap {
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 30px;
}

.vendors .cps_contents .contents_wrap p {
    color: var(--lightColor);
}

/* ===== CSS For "Vendors" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "You Name It" Starts Here ===== */
.you_name_it_wrap {
    background: var(--grayColor);
    padding: 40px 0px;
}

.you_name_it_wrap .txts {
    max-width: 780px;
    margin: 0px auto;
    margin-bottom: 25px;
    text-align: center;
}

.you_name_it_wrap .txts h5 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 10px;
}

.you_name_it_wrap .txts h4 {
    color: var(--baseColor);
    font-family: var(--secondaryFont);
    font-weight: bold;
    font-size: 36px;
    margin-bottom: 0px;
}

.you_name_it {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto;
    gap: 15px;
}

.you_name_it .single_image {
    background: var(--lightColor);
    border-radius: 10px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    text-align: center;

    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.you_name_it .single_image img {
    max-height: 260px;
    border-radius: 10px;
}

/* ===== CSS For "You Name It" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Footer" Starts Here ===== */
.footer {
    padding-top: 30px;
    padding-bottom: 25px;
    background: var(--secondaryColor);
}

.footer .logo_site_links {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 300px 100px 1fr;
    grid-template-columns: 300px 1fr;
    grid-auto-rows: auto;
    gap: 100px;
    border-bottom: 1px solid #9083A9;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.footer .logo_site_links img {
    background: #FFF;
    padding: 7.5px;
    border-radius: 5px;
}

.footer .site_links {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 3fr 20px 2fr 20px 2fr;
    grid-template-columns: 3fr 2fr 2fr;
    grid-auto-rows: auto;
    gap: 20px;
}

.footer .site_links .sub_heading {
    margin-bottom: 15px;
}

.footer .site_links .sub_heading h6 {
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.footer .site_links ul {
    margin-bottom: 0px;
}

.footer .site_links ul li {
    list-style: none;
    margin-bottom: 10px;
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 14px;
}

.footer .site_links ul li .break {
    display: block;
}

.footer .site_links ul li:last-child {
    margin-bottom: 0px;
}

.footer .site_links ul li a {
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 14px;
}

.footer .site_links ul li a:hover {
    text-decoration: underline;
}

.footer .social_media ul li {
    margin-bottom: 0px;
    margin-right: 10px;
    display: inline-block;
}

.footer .social_media ul li:last-child {
    margin-right: 0px;
}

.footer .social_media ul li i {
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: var(--baseColor);
    background: var(--lightColor);
    text-align: center;
    font-size: 18px;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.footer .social_media ul li i:hover {
    color: var(--lightColor);
    background: var(--baseColor);
}

.footer .copyright p {
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    margin-bottom: 0px;
}

/* ===== CSS For "Footer" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Legal Modal" Starts Here ===== */
.legal_modal .modal-lg {
    max-width: 580px;
}

.legal_modal .modal-header {
    background: #ECECEC;
    padding: 15px;
    position: relative;
}

.legal_modal .close {
    width: 22px;
    height: 22px;
    line-height: 21px;
    color: var(--lightColor);
    background: var(--baseColor);
    border-radius: 50%;
    text-align: center;
    font-family: var(--secondaryFont);
    font-weight: 300;
    font-size: 18px;
    position: absolute;
    right: 2px;
    top: 2px;
    padding: 0px;
    float: none;
    opacity: 0.75;
    z-index: 99;
    margin: 0px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    padding-left: 1px;
}

.legal_modal .close:hover {
    opacity: 1 !important;
}

.legal_modal .modal-header h3 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 22px;
    line-height: 1;
    margin-bottom: 0px;
}

.legal_modal .modal-body {
    padding: 20px 15px;
}

.legal_modal .sub_heading {
    margin-bottom: 5px;
}

.legal_modal .sub_heading h4 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 0px;
}


.legal_modal .single_part {
    margin-bottom: 25px;
}

.legal_modal .single_part:last-child {
    margin-bottom: 0px;
}

.legal_modal .bullet_points h6 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 10px;
}

.legal_modal .bullet_points ul {
    margin-bottom: 0px;
}

.legal_modal .bullet_points ul li {
    list-style: none;
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 5px;
    padding-left: 15px;
}

.legal_modal .bullet_points ul li:before {
    content: "";
    width: 6px;
    height: 6px;
    background: var(--baseColor);
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 8px;
}

.legal_modal .bullet_points ul li:last-child {
    margin-bottom: 0px;
}

.legal_modal .bullet_points ul li .bold_texts {
    font-weight: 600;
}

.legal_modal .para_texts p {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 15px;
}

.legal_modal .para_texts p:last-child {
    margin-bottom: 0px;
}

.legal_modal .para_texts p .bold_texts {
    font-weight: 600;
}

.legal_modal .para_texts p .italic_texts {
    font-style: italic;
}

.legal_modal .para_texts p a {
    color: var(--baseColor);
    font-weight: 500;
}

/* ===== CSS For "Legal Modal" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Scroll to Top" Starts Here ===== */
.scrolltotop {
    position: fixed;
    right: 5%;
    bottom: -40px;
    z-index: 99;

    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.scrolltotop.show {
    bottom: 0px;
}

.scrolltotop i {
    color: var(--lightColor);
    background: var(--baseColor);
    width: 36px;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    border-radius: 2.5px 2.5px 0px 0px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.scrolltotop i:hover {
    -webkit-box-shadow: 0px 0px 10px var(--baseColor);
    -moz-box-shadow: 0px 0px 10px var(--baseColor);
    box-shadow: 0px 0px 10px var(--baseColor);
}

/* ===== CSS For "Scroll to Top" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */