@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* @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'); */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: sf-pro-display;
    src: url(../fonts/sf-pro-display-regular.woff2);
}
@font-face {
    font-family: sf-pro-display-medium;
    src: url(../fonts/sf-pro-display-medium.woff2);
}
@font-face {
    font-family: sf-pro-display-bold;
    src: url(../fonts/sf-pro-display-bold.woff2);
}

 /* .arabic-content { display: none; }
  html[lang="ar"] .english-content { display: none; }
  html[lang="ar"] .arabic-content { 
    display: block; 
}

html[lang="ar"] .container {
  direction: rtl;
} */



.ar-text{
    font-family: "Noto Sans Arabic", sans-serif !important;
}
.ar-text p{
    font-family: "Noto Sans Arabic", sans-serif !important;
    font-size: 16px !important;
}
.arabic-cnt{
    text-align: right !important;
    display: grid;
    justify-items: end;
}
.ar-smart{
        justify-content: flex-end;
}
.ar-flex{
    flex-direction: row-reverse;
}
.ar-menu ul{
    flex-direction: row-reverse;
}

.en-lang-btn{
    position: absolute;
    left: 26%;
    margin-top: 17px;
    color: #fff;
}
.ar-lang-btn{
    position: absolute;
    right: 26%;
    margin-top: 17px;
    color: #fff;
}
.ar-lang-btn p{
    font-size: 21px;
}
.page-header.is-sticky .en-lang-btn{
    color: #000;
}
.page-header.is-sticky .ar-lang-btn{
    color: #000;
}
.page-header.is-sticky .icon-lang{
    filter: none;
}
.ar-ftr{
    direction: rtl;
    text-align: right !important;
}
.ar-adrs img{
    right: 0;
}
.ar-adrs{
    padding-right: 30px;
}
.ar-links{
    direction: rtl;
}

.ar-line{
    justify-content: flex-end !important;
    margin-right: 5rem;
    position: relative;
}
.ar-line::after {
    content: '';
    position: absolute;
    background: url(../images/line.svg);
    height: 115px;
    width: 4px;
    right: 36px;
    top: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.ar-line:last-child::after{
    display: none;
}

.icon-lang{
    width: 18px;
    filter: invert(1);
    margin-right: 9px;
}





 /* .switch {
      position: relative;
      display: inline-block;
      width: 80px;
      height: 36px;
      margin: 20px;
      user-select: none;
    }


    .check-toggle {
      position: absolute;
      opacity: 0;
      width: 0;
      height: 0;
    }

    .check-toggle + label {
      display: block;
      position: relative;
      height: 100%;
          background-color: #eaf5ff;
      border-radius: 999px;
      cursor: pointer;
      transition: background-color 0.3s ease;
      overflow: hidden;
    }


    .check-toggle + label::before {
      content: "";
      position: absolute;
      top: 4px;
      left: 4px;
      width: 28px;
      height: 28px;
      border-radius: 50%;
      background: #fff;
      transition: transform 0.3s ease;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    }


    .check-toggle:checked + label {
      background-color: #eaf5ff;
    }

    .check-toggle:checked + label::before {
      transform: translateX(44px);
          background-color: #7ddbff;
    }


    .check-toggle + label .on,
    .check-toggle + label .off {
      position: absolute;
      top: 8px;
      font-size: 13px;
      font-weight: bold;
      pointer-events: none;
    }

    .check-toggle + label .off {
      left: 10px;
      color: #000;
    }

    .check-toggle + label .on {
      right: 10px;
      color: #000000;
    }

    .check-toggle:focus + label {
      box-shadow: 0 0 0 3px rgba(33,150,243,0.3);
    } */







body{
    font-family: "Urbanist", sans-serif !important;
    font-weight: 500;
}
/* h1,h2,h3,h4,h5,h6{
    font-family: "Ubuntu", sans-serif !important;
} */
p{
    font-family: "Poppins", sans-serif;
}
a{
    text-decoration: none !important;
    color: inherit !important;
}


/* width */
::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: rgb(223, 223, 223);
    border-radius: 50px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: rgb(223, 223, 223);
    border-radius: 50px;
  }


header{
    position: fixed;
    z-index: 2;
    width: 100%;
    border-bottom: 1px solid #ffffff3b;
    padding: 1rem 0rem;
    transition: 0.4s ease all;
}

.page-header.is-sticky {
    animation: slideDown 0.35s ease-out;
    background: #fff;
    border-bottom: 1px solid #efefef;
    padding: 0.7rem 0rem;
  }
  @keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(0);
    }
  }
  .page-header.is-sticky .logo img {
    width: 135px;
    filter: invert(0) brightness(1);
  }
  .page-header.is-sticky .menu ul li a {
    color: #000 !important;
  }
  .page-header.is-sticky .head_left button {
    border: 1.5px solid #0098d0;
    color: #0098d0;
  }

.head_right{
    display: flex;
    align-items: center;
    gap: 4rem;
}
.head_flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo img{
    width: 160px;
    filter: invert(1) brightness(30.5);
}
.menu ul{
    display: flex;
    list-style: none;
    gap: 40px;
    margin: 0;
}
.menu ul li a{
    text-decoration: none;
    color: #ffffff !important;
    font-size: 17px;
}
.head_left button{
    border: 1px solid #ffffff;
    padding: 10px 20px;
    background: transparent;
    font-size: 20px;
    border-radius: 50px;
    color: #fff; 
    transition: 0.3s ease all;
}
.head_left button:hover{
    background: #fff;
    color: #0098d0;
}
.is-sticky .head_left button:hover{
    background: #0098d0;
    color: #fff;
}

.toggle_icon{
    display: none;
}
.cp_menu{
    display: none;
}
.mobile_contact{
    display: none;
}




/* ======================== */
/* .banner{
    background-image: url(../images/kuwait.webp);
    height: 100dvh;
    background-size: cover;
    background-position: center;
    width: 100%;
    position: relative;
    display: grid;
    align-items: end;
} */
.slider{
    height: 100dvh;
    background-size: cover;
    background-position: center;
    width: 100%;
    position: relative;
}
.slider::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgb(0 0 0 / 4%) 53%, rgb(0 0 0 / 52%) 100%);
    top: 0;
    left: 0;
}
.slide-bg1{
    background-image: url(../images/kuwait3.webp);
}
.slide-bg2{
    background-image: url(../images/kuwaits3.webp);
}

.slider_cnt{
    position: absolute;
    bottom: 100px;
    color: #fff;
    z-index: 1;
    left: 15%;
}
.slider_cnt h1{
    font-size: 75px;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
}

/* .banner_cnt{
    position: absolute;
    z-index: 1;
    bottom: 100px;
    left: 16.5%;
}
.banner_cnt{
    color: #fff;

} */
/* .banner_cnt h1 {
    font-size: 65px;
    color: #fff;
}
.banner_cnt p{
    color: #fff;
    font-size: 16px;
    width: 50%;
} */

.hero-slider .slick-active .slider_cnt h1 {
    overflow: hidden;
}
.hero-slider .slick-active .slider_cnt p{
    overflow: hidden;
    width: 70%;
}

.hero-slider .slick-active .slider_cnt h1 span {
    display: block;
    animation: reveal 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  }
  .hero-slider .slick-active .slider_cnt p span {
    display: block;
    animation: reveal 3.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  }
  
  @keyframes reveal {
    0% {
      transform: translate(0,100%);
    }
    100% {
      transform: translate(0,0);
    }
  }



  .quotes {display: none;}
/* -------------------------- */



.intro_section{
    padding: 7rem 0rem;
    position: relative;
}
/* .intro_section::before{
    content: '';
    position: absolute;
    background-image: url(../images/banner_shape.svg);
    height: 90px;
    width: 500px;
    top: -77px;
    right: 17%;
    background-repeat: no-repeat;
} */
.intro_img{
    position: absolute;
    top: 45%;
    left: 45%;
    transform: translate(-50%, -50%);
    object-position: center;
    object-fit: contain;
}
.intro_img img{
    width: 100%;
}
.intromain_img img{
    width: auto;
    border-radius: 12px;
    height: auto;
    object-fit: cover;
}
.shape_abt_text{
    font-size: 35px;
    border: 1px solid;
    padding: 9px 0;
    border-radius: 50px;
    position: absolute;
    top: -55px;
    right: 20.5%;
    width: 305px;
    text-align: center;
}
.intro_head span{
    background-color: #C5E9F9;
    padding: 5px 12px;
    display: block;
    width: fit-content;
    font-size: 18px;
    border-radius: 25px;
    color: #00426b;
    margin-bottom: 1rem;
}
.intro_head{
    text-align: left;
}
.intro_head h2{
    font-size: 55px;
    margin-bottom: 1.5rem;
}
.intro_text{
    width: 52%;
    margin: 5rem 0rem 0rem auto;
}
.intro_text p{
    font-size: 30px;
    line-height: 1.44;
    text-align: justify;
    word-break: break-all;
}

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


.mobile_abt{
    display: none;
}

.britco_unique{
    margin-top: 2rem;
    margin-bottom: 6rem;
    background-color: aliceblue;
    padding: 6rem 0rem;
}
.unique_text {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    margin: 0rem 1rem;
    gap: 1rem;
}
.unique_text h2{
    font-size: 45px;
}
.unique_text ul{
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 2.5;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    position: relative;
    font-weight: 500;
}
.unique_text ul li{
    padding-left: 22px;
    line-height: 1.4;
    margin-bottom: 1.22rem;
}
.unique_text ul li::before{
    content: "\2314";
    position: absolute;
    left: 0;
    font-size: 20px;
    margin-top: -9px;
}
.unique_points{
    background-color: #e5f4f9;
    height: 270px;
    padding: 2rem;
    border-radius: 25px;
    position: relative;
    margin-bottom: 2rem;
}
.unique_points::after{
    content: '';
    position: absolute;
    background: url(../images/points_after.svg);
    height: 182px;
    width: 168px;
    bottom: -1px;
    right: -2px;
    background-repeat: no-repeat;
}
.unique_points h5{
    font-size: 27px;
    font-family: sf-pro-display-medium;
    color: #0065a8;
}
.unique_points p{
    font-size: 18px;
    width: 55%;
    color: #282828;
}
.points_icon{
    position: absolute;
    right: -2px;
    z-index: 1;
    bottom: 8px;
}

.smart_points{
    background: #00436f;
    padding: 1.5rem 2rem;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 12px;
    position: relative;
    z-index: 1;
    /* margin: 0rem 1rem; */
    overflow: hidden;
    border: 1px solid #cdf1ffbd;
    color: #fff;
}
.smart_icons img{
    width: 55px;
    background-color: #fff;
    padding: 7px;
    border-radius: 7px;
}
/* .smart_icons::before{
    content: '';
    position: absolute;
    background-color: #5fcfffd9;
    height: 80px;
    width: 60px;
    filter: blur(40px);
    border-radius: 50px;
    z-index: -1;
    overflow: hidden !important;
} */


.unique_img {
    /* margin-top: 4.1rem; */
    position: relative;
}
.unique_img::after{
    content: '';
    position: absolute;
    background: url(../images/unique.svg);
    height: 75px;
    width: 100%;
    top: -3px;
    left: 0;
    background-repeat: no-repeat;
    right: 0;
    background-position: center;
}
.unique_img img{
    width: 100%;
    border-radius: 25px;
}

.britco_year{
    background-color: #228DCC;
    color: #fff;
    font-size: 25px;
    width: fit-content;
    padding: 7px 44px;
    border-radius: 50px;
    position: absolute;
    top: 0;
    z-index: 1;
    left: 24.5%;
}
.britco_year span{
    font-size: 30px;
    font-family: sf-pro-display-medium;
}

.smart_points h5{
    font-family: sf-pro-display-medium;
    font-size: 18px;
    margin: 0;
}
.smart_points p{
    font-size: 15px;
}
.smart_icons {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

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



.choose_sec{
    margin-top: 10rem;
    margin-bottom: 7rem;
}
.choose_bg{
    background-color: #0198d4;
    border-radius: 25px;
    color: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    padding: 7rem 1rem 5rem;
    position: relative;
}
.choose_bg::after{
    content: '';
    position: absolute;
    background: url(../images/choose.svg);
    background-repeat: no-repeat;
    height: 75px;
    width: 100%;
    top: -66px;
    right: 8%;
    background-position: right;
}
.choose_items h3{
    font-size: 35px;
    font-family: sf-pro-display-medium;
}
.choose_items h6{
    font-size: 20px;
}
.choose_head{
    background-color: #fff;
    border-radius: 50px;
    color: #0198d4;
    padding: 0.5rem 3rem;
    font-size: 35px;
    position: absolute;
    top: -45px;
    right: 14.1%;
    z-index: 1;
}


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


.service_sec {
    margin-top: 12rem;
    margin-bottom: 6rem;
}
.servi_bg{
    background-color: #45aaea; 
    padding: 4rem 3rem;
    position: relative;
    border-radius: 25px;
}
.servi_bg::after{
    content: "";
    position: absolute;
    background: url(../images/servi.svg);
    height: 60px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    top: -57px;
    left: 0;
}
.servi_head{
    position: absolute;
    font-size: 50px;
    top: -15px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    color: #fff;
}
.servi_cnt{
    height: 100%;
    display: grid;
    align-content: space-around;
}
.servi_title h3{
    font-size: 45px;
    color: #ffffff;
}
.servi_title p{
    font-size: 15px;
    color: #ffffff;
}
.servi_btn{
    display: flex;
    gap: 1rem;
}
.eqry{
    background: #ffffff;
    color: #00436d;
    border: none;
    font-size: 20px;
    padding: 8px 35px;
    border-radius: 50px;
    transition: all 0.2s ease-in-out;
}
.eqry:hover{
    background: #0065a8;
    color: #ffffff;
    border: none;
    font-size: 20px;
    padding: 8px 35px;
    border-radius: 50px;
}
.status{
    background: #00426d;
    color: #ffffff;
    border: none;
    font-size: 20px;
    padding: 8px 35px;
    border-radius: 50px;
    transition: all 0.2s ease-in-out;
}
.status:hover{
    background: #0065a8;
    color: #ffffff;
    border: none;
    font-size: 20px;
    padding: 8px 35px;
    border-radius: 50px;
}

.service_items{
    text-align: center;
    background: rgb(245, 245, 245);
    /* background: linear-gradient(180deg, rgb(240 249 252 / 59%) 6%, rgb(182 223 240) 100%); */
    padding: 2rem 0rem;
    border-radius: 20px;
    aspect-ratio: 3.5 / 5;
    display: grid;
    align-content: space-between;
    margin: 0rem 0.8rem;
    justify-items: center;
}
.service_items img{
    width: 100%;
}


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


.testimonial{
    margin-top: 6rem;
    margin-bottom: 6rem;
}
.testi_head{
    margin-bottom: 5rem;
}
.testi_head h2{
    font-size: 50px;
}
.happy_testi{
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-top: 2rem;

}
.testi_img{
    margin-left: 1rem;
}
.testi_img img {
    width: 50px;
    margin-left: -12px;
}
.testi_title h4{
    font-weight: 600;
    font-size: 29px;
    margin-bottom: 0;
}
.testi_title h6{
    font-size: 19px;
    color: #686868;
}

.testi_items{
    background-color: #f0f8fa;
    padding: 1.5rem 1.5rem;
    border-radius: 25px;
    height: 410px;
    display: grid;
    align-content: space-between;
    margin-right: 1.5rem;
}
.testi_items p{
    font-size: 15px;
}
.testimonial_img{
    display: flex;
    align-items: center;
    gap: 1rem;
}
.testimonial_img img{
    width: 45px;
}
.testimonial_img h6{
    font-size: 19px;
    margin: 0;
}



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


footer{
    background: url(../images/ftr_bg.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    padding: 3rem 1rem;
    border-top: 1px solid #004870;
    color: #fff;
}
footer::before{
    content: '';
    position: absolute;
    background: rgb(0 67 107);
    /* background: linear-gradient(180deg, rgb(202 238 206 / 90%) 40%, rgb(35 145 224) 120%); */
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    /* opacity: 0.44; */
    z-index: -1;
    color: #fff;
}

.ftr_flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4rem;
}
.ftr_intro {
    display: flex;
    align-items: flex-end;
    gap: 5rem;
} 
.ftr_logo{
    filter: invert(1) brightness(30.5);
    width: 180px;
    margin-bottom: 2.5rem;
}
.ftr_intro p{
    font-size: 16px;
    width: 45%;
    color: #ffffff;
}
.media_icons img{
    width: 40px;
}
.media_icons ul{
    margin: 0;
    list-style: none;
    display: inline-flex;
    gap: 1rem;
    padding-left: 0;
}


.ftr_links h5{
    font-size: 22px;
    margin-bottom: 1.5rem;
}
.ftr_links ul{
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 2.3;
    font-size: 17px;
}
.ftr-adrs{
    text-align: left;
}
.ftr-adrs p{
    font-size: 15px;
    position: relative;
    padding-left: 30px;
}
.adrs_p img{
    width: 19px;
    position: absolute;
    left: 0;
    top: 1px;
}
.adrs_p{
    width: 74%;
    margin: auto 0px 20px 0px;
}

/* .cp_ftr{
    margin-top: 2.5rem;
} */
.cp_ftr p{
    margin: 0;
    font-size: 13px;
    color: #ffffffb5;
}

.plane1 {
    clip-path: inset(100% 0% 0% 0%);
    transition: all 1s ease-in-out;
}

.plane1.animate {
    opacity: 1;
    clip-path: inset(0% 0% 0% 0%);
}

.cp-ftr-flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2.5rem;
}



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


.abt_banner{
    background: url(../images/abt_banner.jpg);
    height: 50dvh;
    background-position: top;
    background-size: cover;
}


.about_page{
    position: relative;
    padding-top: 6rem;
}
/* .about_page::before {
    content: '';
    position: absolute;
    background-image: url(../images/banner_shape.svg);
    height: 90px;
    width: 500px;
    top: -77px;
    right: 17%;
    background-repeat: no-repeat;
} */

.year-plus{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}
/* .shape_abt_text {
    font-size: 35px;
    border: 1px solid;
    width: fit-content;
    padding: 9px 69px;
    border-radius: 50px;
    position: absolute;
    top: -55px;
    right: 21.5%;
} */

.about_page h2{
    font-size: 45px;
    width: auto;
    margin-bottom: 4rem;
}
.abt_image{
    position: relative;
    margin: auto 4rem auto 1rem;
}
.abt_image img{
    border-radius: 30px;
    width: 100%;
}
.abt_image::after{
    content: "";
    position: absolute;
    background: url(../images/abt-shape.svg);
    height: 215px;
    width: 215px;
    bottom: -1px;
    right: -3px;
    background-size: contain;
}
.abt_cnt p{
    font-size: 16px;
    line-height: 1.6;
}


.mission_vision_sec{
    margin-top: 7rem;
    margin-bottom: 5rem;
}
.mission{
    margin: auto 2.5rem auto auto;
}
.vision{
    margin: auto auto auto 2.5rem;

}
.mission img{
    border-radius: 15px;
    width: 100%;
}
.vision img{
    border-radius: 15px;
    width: 100%;
}
.vision_title h2{
    font-size: 50px;
    margin-bottom: 3rem;
}
.mission h4{
    font-size:35px;
    font-family: sf-pro-display-medium;
}
.mission p{
    font-size: 16px;
}
.vision p{
    font-size: 16px;
}
.vision h4{
    font-size:35px;
    font-family: sf-pro-display-medium;
}
.vis_icon img{
    filter: invert(1) brightness(25);
    border-radius: 0;
}
.mission_img{
    position: relative;
    margin-bottom: 3rem;
}
.mission_img::after{
    content: "";
    position: absolute;
    background: url(../images/mis-sahape.svg);
    height: 175px;
    width: 210px;
    bottom: -1px;
    right: -1px;
    background-size: contain;
}
.mis_icon{
    width: 170px;
    padding: 1.5rem 3rem;
    object-fit: contain;
    background-color: #00436b;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    border-radius: 20px;
}
.mis_icon img{
    filter: invert(1) brightness(25);
    border-radius: 0;
}

.vision_img{
    position: relative;
    margin-bottom: 3rem;
}
.vision_img::after{
    content: "";
    position: absolute;
    background: url(../images/vis-shape.svg);
    height: 175px;
    width: 209px;
    bottom: -1px;
    left: -1px;
    background-size: contain;   
}
.vis_icon{
    width: 170px;
    padding: 1.5rem 3rem;
    object-fit: contain;
    background-color: #00436b;
    position: absolute;
    bottom: 5px;
    left: 0;
    z-index: 1;
    border-radius: 20px;
}

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


.repair_sec {
    position: relative;
    padding-top: 5rem;
    padding-bottom: 3rem;
}
/* .repair_sec::before{
    content: '';
    position: absolute;
    background-image: url(../images/banner_shape.svg);
    height: 90px;
    width: 500px;
    top: -77px;
    right: 17%;
    background-repeat: no-repeat;
} */
.repair_title h2{
    font-size: 55px;
}
.repair_title p{
    font-size: 17px;
    width: 55%;
}
.repair_servi_item{
    margin-top: 4rem;
}

.abt_service h2{
    font-size: 50px;
    margin-bottom: 2rem;
}
.abt_service p{
    font-size: 17px;
}
.abt_service img{
    width: 100%;
    border-radius: 25px;
    margin-top: 2rem;
    height: 360px;
    object-fit: cover;
    object-position: center;
}



.bg_servi{
    background-image: url(../images/fix-bg.png);
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: bottom;
}

.service_main{
   margin: 5rem 0rem;
}

.high_main{
    display: grid;
    align-content: center;
    gap: 100px;
    margin-top: 9.5rem
}
.high_service{
    display: flex;
    align-items: center;
    gap: 1.8rem;
    justify-content: flex-start;
    margin-left: 8rem;
}
.high_img{
    background-color: #21a0de;
    box-shadow: 0px 3px 10px -1px #6666664f;
    width: 80px;
    height: 80px;
    border-radius: 12px;
    display: grid;
    place-items: center;
}
.high_img img{
    width: 40px;
    filter: brightness(0) invert(1);
}

.high_cnt{
    width: 70%;
}
.high_cnt h6{
    font-size: 25px;
    font-family: 'sf-pro-display-medium';
    margin-bottom: 4px;
    color: #0067a9;
}
.high_cnt p{
    color: #545454;
    margin: 0;
}
.dash_line{
    position: relative;
}
.dash_line::after{
    content: '';
    position: absolute;
    background: url(../images/line.svg);
    height: 115px;
    width: 4px;
    left: 36px;
    top: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.fix_grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
    gap: 3.5rem 1.5rem;
    align-items: end;
    padding: 1rem 0rem;
}
.fix_item{
    text-align: center;
}
.fix_item img{
    width: auto;
    /* background: #95cde9; */
    padding: 0.5rem;
    border-radius: 10px;
    filter: drop-shadow(5px 7px 4px #0000002c);
}
.fix_item p{
    margin-top: 1rem;
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
}
.servi_cnt_inner p{
    font-size: 25px;
    width: 90%;
    margin-bottom: 3rem;
}





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

.abt_trading{
    position: relative;
    padding-top: 5rem;
    padding-bottom: 6rem;
}
.abt_trading h2{
    font-size: 45px;
    margin-bottom: 3rem;
}
.trading_img img{
    width: 100%;
    border-radius: 25px;
    height: 500px;
    object-fit: cover;
}
.trading_cnt{
    display: grid;
    align-content: space-between;
    height: 100%;
}
.trading_cnt p{
    font-size: 16.5px;
}

.trading_cnt button{
    background-color: #0198d4;
    color: #fff;
    border: none;
    font-size: 19px;
    padding: 11px 45px;
    border-radius: 50px;
    width: fit-content;
}

/* .abt_trading::before{
    content: '';
    position: absolute;
    background-image: url(../images/banner_shape.svg);
    height: 90px;
    width: 500px;
    top: -77px;
    right: 17%;
    background-repeat: no-repeat;
} */




.brand_sec{
    margin-top: 4rem;
    margin-bottom: 6rem;
}
.brand_head h2{
    font-size: 50px;
    margin-bottom: 3rem;
    text-align: center;
}
.brand_main{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, 1fr);
    max-height: 650px;
    width: 100%;
    justify-items: center;
}
.brand_logo {
    height: 135px;
    width: 100%;
    display: grid;
    place-items: center;
}
.brand_logo img {
    width: 135px;
}

.brand_main .brand_logo:nth-child(1){
    border-right: 1px solid #c0c0c04f;
    border-bottom: 1px solid #c0c0c04f;
}
.brand_main .brand_logo:nth-child(2){
    border-right: 1px solid #c0c0c04f;
    border-bottom: 1px solid #c0c0c04f;
}
.brand_main .brand_logo:nth-child(3){
    border-right: 1px solid #c0c0c04f;
    border-bottom: 1px solid #c0c0c04f;
}
.brand_main .brand_logo:nth-child(4){
    border-right: 1px solid #c0c0c04f;
    border-bottom: 1px solid #c0c0c04f;
}
.brand_main .brand_logo:nth-child(5){
    border-right: 1px solid #c0c0c04f;
    border-bottom: 1px solid #c0c0c04f;
}
.brand_main .brand_logo:nth-child(6){
    border-bottom: 1px solid #c0c0c04f;
}
.brand_main .brand_logo:nth-child(7){
    border-right: 1px solid #c0c0c04f;
    /* border-bottom: 1px solid #c0c0c04f; */
}
.brand_main .brand_logo:nth-child(8){
    border-right: 1px solid #c0c0c04f;
    /* border-bottom: 1px solid #c0c0c04f; */
}
.brand_main .brand_logo:nth-child(9){
    border-right: 1px solid #c0c0c04f;
    /* border-bottom: 1px solid #c0c0c04f; */
}
.brand_main .brand_logo:nth-child(10){
    border-right: 1px solid #c0c0c04f;
    /* border-bottom: 1px solid #c0c0c04f; */
}
.brand_main .brand_logo:nth-child(11){
    border-right: 1px solid #c0c0c04f;
    /* border-bottom: 1px solid #c0c0c04f; */
}
/* .brand_main .brand_logo:nth-child(12){
    border-bottom: 1px solid #c0c0c04f;
} */
.brand_main .brand_logo:nth-child(13){
     border-right: 1px solid #c0c0c04f;
}
.brand_main .brand_logo:nth-child(14){
     border-right: 1px solid #c0c0c04f;
}
.brand_main .brand_logo:nth-child(15){
     border-right: 1px solid #c0c0c04f;
}
.brand_main .brand_logo:nth-child(16){
     border-right: 1px solid #c0c0c04f;
}




.contact_sec{
    position: relative;
    padding-top: 5rem;
    padding-bottom: 5rem;
}
/* .contact_sec::before{
    content: '';
    position: absolute;
    background-image: url(../images/banner_shape.svg);
    height: 90px;
    width: 500px;
    top: -77px;
    right: 17%;
    background-repeat: no-repeat;
} */


.contact_cnt h2{
    font-size: 45px;
    margin-bottom: 4rem;
}
.contact_cnt h2 span{
    font-size: 60px;
    font-family: sf-pro-display-medium;
}
.contact_cnt h6{
    font-size: 20px;
    font-family: sf-pro-display-medium;
    width: 70%;
    margin: 2rem 0rem;
}
.contact_info{
    display: flex;
    gap: 0.8rem;
    margin-bottom: 1.2rem;
}
.contact_info p{
    font-size: 16px;
    margin: 0;
}

.follow_links{
    display: flex;
    gap: 15px;
    margin-top: 2.5rem;
    margin-bottom: 1.2rem;
}
.follow_links p{
    font-family: sf-pro-display-medium;
}
.follow_links ul{
    list-style: none;
    display: inline-flex;
    gap: 0.8rem;
    padding-left: 0;
}

.contact_form{
    background-color: #fff;
    padding: 4rem 3rem;
    box-shadow: 0px 3px 17px -3px #dfdfdf;
    border-radius: 25px;
    height: 100%;
    margin: 0rem 3rem;
    border: 1px solid #f4f4f4;
}
.contact_form h4{
    font-family: sf-pro-display-medium;
    font-size: 25px;
}
.contact_form p{
    font-size: 17px;
}

.form_item{
    margin-top: 2rem;
}
.contact_form input{
    background-color: #f2f2f2;
    border: none;
    padding: 0.8rem 1rem;
    border-radius: 12px;
    margin-bottom: 1.8rem;
    width: 100%;
}
.contact_form textarea{
    background-color: #f2f2f2;
    border: none;
    padding: 0.8rem 1rem;
    border-radius: 12px;
    margin-bottom: 1.8rem;
    width: 100%;
}
.contact_form input::placeholder{
    color: #000;
}
.contact_form textarea::placeholder{
    color: #000;
}

.contact_form button{
    background-color: #0198d4;
    color: #fff;
    border: none;
    font-size: 19px;
    padding: 11px 45px;
    border-radius: 50px;
    width: fit-content;
    margin-top: 4rem;
}





.cta_btn{
    background-color: #008dc8;
    position: fixed;
    bottom: 8%;
    padding: 8px 9px;
    left: 3%;
    border-radius: 12px;
    border: 1px solid #ffffff3b;
    z-index: 1;
}
.cta_btn img{
    width: 25px;
}

.wtsapp_btn{
    background-color: #0065a8;
    position: fixed;
    bottom: 16%;
    left: 3%;
    padding: 8px 9px;
    border-radius: 12px;
    border: 1px solid #ffffff3b;
    z-index: 1;
}
.wtsapp_btn img{
    width: 25px;
}












/* -------------------------unique-new */

.unique-new{
    display: flex;
}

.uniq-cnt{
    background-color: #00436f;
    background: linear-gradient(338deg, rgba(38, 162, 212, 1) -24%, rgba(0, 67, 111, 1) 38%);
    padding: 2rem;
    color: #fff;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 0px 12px 12px 0px;
}
.uniq-cnt h2{
    font-size: 50px;
    margin-bottom: 2rem;
}
.uniq-cnt ul{
    list-style: none;
    padding-left: 0;
    line-height: 60px;
}
.uniq-cnt li{
    font-size: 17px;
    transition: all 0.3s ease-in-out;
    position: relative;
    background-color: #005086;
    border-radius: 12px;
    padding: 11px 3px 11px 29px;
    margin-bottom: 1rem;
    line-height: 1.8;
    border: 1px solid #ffffff17;
}
.uniq-cnt li img{
    width: 15px;
    margin-right: 15px;
    position: absolute;
    top: 20px;
    left: 8px;
}
.unique-new-img img{
    border-radius: 12px 0px 0px 12px;
}
/* .uniq-cnt li:hover{
    border: 1px solid #fff;
    padding: 0rem 1rem;
    border-radius: 12px;
    transition: all 0.3s ease-in-out;
} */


.choose-new-section{
    margin-top: 5rem;
    background-color: #00436d;
    padding: 6rem 0rem;
}
.choose_new{
    display: flex;
    justify-content: space-around;
    color: #ffffff;
    gap: 35px;
}

.choose-new-head{
    color: #fff;
}
.choose-new-head h2{
    font-size: 50px;
}
.choose-new-head p{
    font-size: 16px;
}
.choose-new-points{
    margin-top: 4rem;
}


/* img tags */
.imagesContainer {
    width: 150px;
    height: 65px;
	position: relative;
	overflow: hidden;
}

.imagesContainer img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.fadeInClass1{
	animation-name: fadeIn;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
}

@keyframes fadeIn {
	0% { opacity: 0; }
	20% { opacity: 0; }
	60% { opacity: 1; }
	100% { opacity: 1; }
}

.fadeInClass2{
	animation-name: fadeIn;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
}

@keyframes fadeIn {
	0% { opacity: 0; }
	20% { opacity: 0; }
	60% { opacity: 1; }
	100% { opacity: 1; }
}


.fadeInClass3{
	animation-name: fadeIn;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
}

@keyframes fadeIn {
	0% { opacity: 0; }
	20% { opacity: 0; }
	60% { opacity: 1; }
	100% { opacity: 1; }
}


.fadeInClass4{
	animation-name: fadeIn;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
}

@keyframes fadeIn {
	0% { opacity: 0; }
	20% { opacity: 0; }
	60% { opacity: 1; }
	100% { opacity: 1; }
}


.fadeInClass5{
	animation-name: fadeIn;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
}

@keyframes fadeIn {
	0% { opacity: 0; }
	20% { opacity: 0; }
	60% { opacity: 1; }
	100% { opacity: 1; }
}


.fadeInClass6{
	animation-name: fadeIn;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
}

@keyframes fadeIn {
	0% { opacity: 0; }
	20% { opacity: 0; }
	60% { opacity: 1; }
	100% { opacity: 1; }
}


.fadeInClass7{
	animation-name: fadeIn;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
}

@keyframes fadeIn {
	0% { opacity: 0; }
	20% { opacity: 0; }
	60% { opacity: 1; }
	100% { opacity: 1; }
}


.fadeInClass8{
	animation-name: fadeIn;
	animation-duration: 7s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
}

@keyframes fadeIn {
	0% { opacity: 0; }
	20% { opacity: 0; }
	60% { opacity: 1; }
	100% { opacity: 1; }
}


.fadeInClass9{
	animation-name: fadeIn;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
}

@keyframes fadeIn {
	0% { opacity: 0; }
	20% { opacity: 0; }
	60% { opacity: 1; }
	100% { opacity: 1; }
}

.fadeInClass0{
	animation-name: fadeIn;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
}

@keyframes fadeIn {
	0% { opacity: 0; }
	20% { opacity: 0; }
	60% { opacity: 1; }
	100% { opacity: 1; }
}




.unique-new-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #e8f5fe;
    padding: 1.5rem;
    border-radius: 12px;
    margin-bottom: 0.6rem;
}
.unique-new-head h2{
    font-size: 45px;
}
.unique-new-head p{
    font-size: 16px;
    width: 40%;
    margin-bottom: 0;
}
.grid_items {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(8, 1fr);
    gap: 10px;
    height: 260px;
    width: 100%;
}
.grid_item {
    border-radius: 16px;
    overflow: hidden;
    gap: 15px;
    height: 100%;
    font-weight: 300;
    padding: 1.5rem;
    display: grid;
    align-content: space-around;
    justify-content: center;
}
.grid_item h3{
    font-size: 40px;
    font-weight: 600;
}
.grid_item p{
    font-size: 15px;
}

.item1 {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 8;
    background-color: #FFF0D0;
}
.item1 img{
    width: 180px;
}
.item2 {
    grid-column-start: 8;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 8;
    background-color: #CAE9FF;
}
.item2 h3{
    color: #4F7D9D;
}
.item3 {
    grid-column-start: 13;
    grid-column-end: 8;
    grid-row-start: 1;
    grid-row-end: 8;
    background-color: #EDEDED;
}
.item3 h3{
    color: #9F8282;
}
.item4 {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 6;
    grid-row-end: 15;
    background-color: #B4DBFF;
}
.item4 h3{
    color: #194E77;
}
.item5 {
    grid-column-start: 9;
    grid-column-end: 4;
    grid-row-start: 15;
    grid-row-end: 8;
    background-color: #D7F0DB;
}
.item5 h3{
    color: #464646;
}
.item6 {
    grid-column-start: 13;
    grid-column-end: 9;
    grid-row-start: 15;
    grid-row-end: 8;
    background-color: #C2E6EE;
}
.item6 h3{
    color: #678E97;
}


.pop{
    transition: all ease 0.3s;
}
.pop:hover{
    transform: translateY(-7px) scale(1.01);
    box-shadow: 0 15px 20px -7px rgb(0 0 0 / 13%);
}

.pop-icon{
    transition: all ease 0.3s;
}
.pop-icon:hover{
    transform: translateY(-7px) scale(1.01);
    filter: drop-shadow(2px 14px 7px #0000002c);
}

















.grid_items_prod{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(15, 1fr);
    gap: 10px;
    height: 550px;
    width: 100%;
    margin-top: 4rem;
}
.grid_item_prod {
    border-radius: 16px;
    overflow: hidden;
    gap: 15px;
    height: 100%;
    font-weight: 300;
    padding: 1.5rem;
    display: grid;
    align-content: space-around;
    justify-content: center;
}

.itempro1 {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 16;
    background-color: #f2eae3;
}
.itempro1 img{
    width: 100%;
}
.itempro2 {
    grid-column-start: 9;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 8;
    background-color: #fcf4e8;
}
.itempro2 img{
    width: 200px;
}
.itempro3 {
    grid-column-start: 13;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 8;
    background-color: #EDEDED;
}
.itempro3 img{
    width: 200px;
}
.itempro4 {
    grid-column-start: 5;
    grid-column-end: 9;
    grid-row-start: 8;
    grid-row-end: 16;
    background-color: #e4ebfc;
}
.itempro4 img{
    width: 200px;
}
.itempro5 {
    grid-column-start: 13;
    grid-column-end: 9;
    grid-row-start: 16;
    grid-row-end: 8;
    background-color: #D7F0DB;
}
.itempro5 img{
    width: 200px;
}

.srvi_item{
    text-align: center;
}


/* *****Start Status Checking page**** */


.flex_check {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.check_form {
  width: 50%;
}


.servi_whats {
  background-color: #1e9b3b !important;
  margin-left: 10px;
  cursor: pointer;
}


.sts-checkmain {
  background: #e7f4ff;
  box-shadow: 0px 0px 13px -5px #74bfff;
  margin-top: 100px;
  margin-bottom: 70px;
}

.sts-check-frm {
  padding: 110px;
}

.sts-check-frm h4 {
  color: #1b71b4;
  padding-bottom: 10px;
  text-align: center;
}

.sts-check-frm input {
  border: none;
  padding: 7px;
  width: 100%;
  background-color: #ffffff;
  border-radius: 7px;
  margin-bottom: 15px;
  outline: none;
  box-shadow: 1px 1px 11px -3px #66666663;
}

.sts-check-frm button {
  background: #4791d2;
  color: #fff;
  border: none;
  padding: 5px 18px;
  border-radius: 5px;
  margin-top: 0px;
}

span.psw {
  float: right;
  padding-top: 16px;
}

/* The Modal (background) */

.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto !important;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  padding-top: 55px;
}

/* Modal Content/Box */

.modal-content {
  background-color: #fefefe !important;
  margin: -3% auto 0% auto !important;
  border-top: 7px solid #4eb6e5 !important;
  width: 50% !important;
}

/* The Close Button (x) */

.close {
  position: absolute;
  right: 25px;
  top: 15px;
  color: #000;
  font-size: 35px;
  font-weight: bold;
  z-index: 999;
}

.close:hover,
.close:focus {
  color: red;
  cursor: pointer;
}

/* Add Zoom Animation */

.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
  from {
    -webkit-transform: scale(0)
  }

  to {
    -webkit-transform: scale(1)
  }
}

@keyframes animatezoom {
  from {
    transform: scale(0)
  }

  to {
    transform: scale(1)
  }
}




.quotes {
  display: none;
}

.align_oath_main {
  position: absolute;
  text-align: center;
  right: 0px;
  left: 10px;
  top: 133px;
  margin: 25px 360px;
}

.align_oath_ml_main {
  position: absolute;
  text-align: center;
  right: 0px;
  left: 10px;
  top: 133px;
  margin: 25px 360px;
}

.align_oath {
  position: absolute;
  text-align: center;
  right: 0px;
  left: -9px;
  top: 133px;
  margin: 0px 137px;
}

.align_oath_ml {
  position: absolute;
  text-align: center;
  right: 0px;
  left: -9px;
  top: 92px;
  margin: 0px 137px;
}


.eng_oath h3 {
  font-family: 'Cabin';
  color: #1e6bb1;
}

.eng_oath p {
  text-align: center;
  font-family: 'Cabin';
  font-size: 15px;
}

.oath_ml h3 {
  font-family: 'Cabin';
  color: #1e6bb1;
}

.oath_ml p {
  text-align: center;
  font-family: 'Cabin';
  font-size: 10px;
  line-height: 16px;
}

.eng_oath_main h3 {
  font-family: 'Cabin';
  color: #1e6bb1;
}

.eng_oath_main p {
  text-align: center;
  font-family: 'Cabin';
  font-size: 18px;
}

.arb_oath h3 {
  font-family: 'Lateef', cursive;
  font-size: 30px;
  margin-bottom: 3px;
  color: #1e6bb1;
}

.arb_oath p {
  font-family: 'Lateef', cursive;
  font-size: 20px;
}

.arb_oath_main h3 {
  font-family: 'Lateef', cursive;
  font-size: 30px;
  margin-bottom: 3px;
  color: #1e6bb1;
}

.arb_oath_main p {
  font-family: 'Lateef', cursive;
  font-size: 23px;
}

.quick_links_bg {
  background-image: url(./images/links-bg.jpg);
  background-position: center;
  background-size: cover;
}

.quick_links_bg h6 {
  padding: 78px 66px 15px;
  font-size: 17px;
  color: #0560b3;
}

.quick_links_bg span {
  font-size: 14px;
}

.link-main {
  padding: 10px 35px;
}

.link-main p {
  font-size: 15px;
  font-family: 'Cabin';
}

.quick-web i {
  float: left;
  font-size: 25px;
  margin-right: 12px;
}

.quick-fb i {
  float: left;
  background-color: #0059b9;
  color: #fff;
  border-radius: 50px;
  padding: 4px 7px;
  font-size: 14px;
  margin-right: 12px;
}

.quick-insta i {
  background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
  color: #fff;
  border-radius: 50px;
  padding: 4px 6px;
  font-size: 15px;
  float: left;
  margin-right: 9px;
}

.quick-tube i {
  background-color: #dd2536;
  color: #fff;
  border-radius: 50px;
  padding: 5px 5px;
  font-size: 14px;
  float: left;
  margin-right: 9px;
}

.quick-twitt i {
  background-color: #1DA1F2;
  color: #fff;
  border-radius: 50px;
  padding: 5px 5px;
  font-size: 14px;
  float: left;
  margin-right: 9px;
}

.quick-google i {
  background-color: #0c8f00;
  padding: 5px 3px;
  color: #fff;
  border-radius: 50px;
  font-size: 14px;
  float: left;
  margin-right: 9px;
}
.logo-check{
  margin-top: 2rem;
}
.logo-check img{
  width: 150px;
}
.terms_link{
color: #ffffff;
position: absolute;
right: 10%;
bottom: 40px;
font-size: 15px;
text-decoration: underline;
text-shadow: 1px 1px 15px #00000088;
}
.terms_link a{
  text-decoration: none;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .flex_check {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
  }
  .check_form {
    width: auto;
  }
  .sts-check-frm {
    padding: 25px 10px;
  }
  .check_img img{
    width: 100%;
  }
  .sts-checkmain {
    margin-top: 30px;
}

}

.terms p{
    margin: 0;
    font-size: 13px;
    color: #ffffffb5;
    transition: all 0.2s ease-in-out;
}
.terms p:hover{
    color: #ffffff;
    transition: all 0.2s ease-in-out;
}
.policy-ftr{
    display: flex;
    gap: 3rem;
}