@import url(./media-query.css);
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
:root{
    --fam:Roboto, Arial, Helvetica, sans-serif;
    --heda-wait:700;
    --heda-wait2:400;
    --heda-lyn-hait:75px;
    --heda-lyn-hait2:24px;
    --heda-fnt-stail:normal;
    --heda-fnt-saiz:11px;
    --col1:#000000;
    --col2-heda:#676767 ;
    --col3:#E3000F;
    --btn-bg-col1:#B00D09;
    --bdy-bg-col:#EEF0F2;
    --nig-radius:7px;
    --dropdown-col:#FF0000;
}
body{
    /* background-color: var(--bdy-bg-col); */
}
/* header */
.header{
    background-color: var(--bdy-bg-col);
    width: 100%;
    /* padding: .2rem 1rem; */
}
/* #phone{ */
    /* opacity: 0; */
    /* display: none; */
/* } */
.header-items{
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
    width: 100%;
    /* padding:0 7.5rem; */
}
.item-1{
    /* width: 50%; */
    margin-left: 7.5rem;
    font-size: var(--heda-fnt-saiz);
    color: var(--col2-heda);
    font-family: var(--fam);
    font-weight: var(--heda-wait2);
    font-style: var(--heda-fnt-stail);
    line-height: var(--heda-lyn-hait2);
    display: flex;
    gap: .4rem;
}
.item-1 a{
    text-decoration: none;
    color: var(--col2-heda);
}
.item-1 .line{
    display: flex;
    /* align-items: center; */
    gap: .5rem;
}
.item-2{
    /* transform: translateX(.5rem); */
    /* margin-left: 25rem; */
    font-size: var(--heda-fnt-saiz);
    color: var(--col2-heda);
    font-family: var(--fam);
    font-weight: var(--heda-wait2);
    font-style: var(--heda-fnt-stail);
    line-height: var(--heda-lyn-hait2);
    display: flex;
    justify-content: space-between;
    /* margin-left: 20rem; */
}
.hov:hover{
    color: var(--col3);
    transition: 0.3s;
    cursor: pointer;
}
.item-2 a{
    text-decoration: none;
    color: var(--col2-heda);
}
.item-2 .a-con{
    display: flex;
    gap: .3rem;
}
.item-2 .line-2{
    display: flex;
    gap: .5rem;
}
.speech-drop{
    display: flex;
    flex-direction: column;
    background-color: var(--bdy-bg-col);
    opacity: 0;
    position: absolute;
    box-shadow: black -1px 1px 5px;
    gap: .3rem;
    padding: .2rem;
    z-index: 9999;
}
.speech-drop h2{
    font-size: var(--heda-fnt-saiz);
}
.speech-drop .plain{
    border:  none;
    background-color: #ffffff;
    color: #676767;
    padding:.5rem 4rem .5rem .5rem;
    z-index: 9999;
}
.speech-drop .colored{
    border:  none;
    background-color: #E3000F;
    padding:.5rem 4rem .5rem .5rem;
    color: #ffffff;
}
.speech-drop .colored:hover{
    border:  none;
    transition: 0.3s;
    background-color:#B00D09;
    color: #ffffff;
    padding:.5rem 4rem .5rem .5rem;
    z-index: 9999;

}
.ever:hover .speech-drop{
    opacity: 1;
    box-shadow: black -1px 1px 5px;
    transition: 0.3s;
    z-index: 9999;
}
.countries{

}
.countries .flag{
    display: flex;
    /* align-items: center; */
    /* width: 100%; */
    gap: .5rem;
    /* align-items: center; */
    /* margin-top: 2px; */
    /* flex-direction: column; */
}
.flag .flag-con{
    /* width: 10%; */
    /* height: 1%; */
    width: 7%;
}
.flag-con .nig{
    /* height: 100%; */
    width: 100%;
    /* margin: ; */
    border-radius: var(--nig-radius);
}
.hidden{
    /* margin-top: 1rem; */
    opacity: 0;
    background-color: #dddedf;
    color: #202020; 
    box-shadow: black -1px 1px 3px;
    position: absolute;
    z-index: 9999;
}
.countries:hover .hidden{
    z-index: 9999 !important;
    opacity: 1;
    transition: 0.3s;
}
.hidden-items{
    display: flex;
    align-items: center;
    padding:.2rem 1rem;
    gap: .7rem;
}
.hidden-items:hover{
    background-color: #F1F1F1;
    transition: 0.3s;
}
.nig-2{
    height: 10px;
    /* transform: translateY(5px); */
}
#select{
    margin-top: 0px;
    height: 100%;
    width: 11.5%;
    border: none;
    outline: none;
    background-color: transparent;
    color: var(--col2-heda);
    font-size: var(--heda-fnt-saiz);
    font-family: var(--fam);
    /* transform: translateY(-2px); */
}
option{
    border: none;
    color: var(--dropdown-col);
    outline: none;
    font-size: var(--heda-fnt-saiz);
    font-family: var(--fam);
    font-weight: var(--heda-wait2);
    font-style: var(--heda-fnt-stail);
    /* line-height: var(--heda-lyn-hait2); */
}
.hi{
    color: #202020;
    /* margin-top: .5rem; */
}
/* header ends */





/* header-2 */
.header-2{
    position:sticky ;
    top: 0;
    z-index: 9;
    /* background-color:var(--h2-bg-col) ; */
    background-color: white;
    font-size: var(--heda-fnt-saiz);
    color: var(--col2-heda);
    font-family: var(--fam);
    font-weight: var(--heda-wait);
    font-style: var(--heda-fnt-stail);
    line-height: var(--heda-lyn-hait2);
}
.header2-items{
    padding: .5rem 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.header2-items a{
    text-decoration: none;
    color: var(--col2-heda);
}
a:hover{
    color: var(--col3) !important;
    transition: 0.3s;
}
.itemm-1{
    display: flex;
    align-items: center;
    gap: 1rem;
}
.itemm-1 .inter{
    height: 30px;
    border: none;
    border-radius: 16px;
    background-image: linear-gradient(to right, #E3000F, #990a08 );
    /* background-color: var(--btn-bg-col1); */
    color: var(--bdy-bg-col);
    padding: 1.1rem 1.2rem;
    /* text-align: center; */
    font-size: var(--heda-fnt-saiz);
    font-weight: var(--heda-wait);
    display: flex;
    align-items: center;
    gap: .5rem;
}
.itemm-1 .anchors{
    display: flex;
    gap: 1.9rem;
    /* position: relative; */
}
.me{
    /* position: absolute; */
    color: #E3000F;
    /* top: 0; */
}
.itemm-2{
    display: flex;
    gap: 1.5rem;
}
.itemm-2 .search{
    display: flex;
    /* gap: 1rem; */
    /* justify-content: space-between; */
    align-items: center;
}
.fa-magnifying-glass{
    transform: translateX(-2rem);
}
.search input{
    /* margin: 0 2rem ; */
    height: 35px;
    padding: 1rem;
    border: 1px solid #676767;
    color: black;
    background-color: transparent;
    width: 100px;
    border-radius:16px;
    font-size: var(--heda-fnt-saiz);
    font-weight: var(--heda-wait);

}
/* .itemm-2 .zenith-con{
    height: 29%;
    width: 29%;
} */
.zenith-con img{
    height: 50px;
    /* width: 70%; */
    object-fit: cover;
}
.person{
    z-index: 9;
    position: absolute;
    background-color: white;
    padding: 2rem .4rem .5rem;
    color: var(--col2-heda);
    font-family: Roboto, Arial, Helvetica, sans-serif;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 0rem;
    grid-template-rows: 1fr;
    display: none;
}
.per:hover .person{
    z-index: 9;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0rem;
}
.person .p-it1{

}
.p-it1 h5{
    font-size: 12px;
    font-weight: var(--heda-wait);
    line-height: 16.5px;
    margin-bottom: 1.7rem;
    margin-left: .4rem;
}
.p-it1 h5:hover{
    color: var(--btn-bg-col1);
}
.p-it1 p{
    margin-bottom: .7rem;
    font-size: 13px;
    font-weight: 500;
    line-height: 17.6px;

}
.mobil{
    background-color: var(--bdy-bg-col);
    width: 100%;
    /* visibility: hidden; */
    display: none;
    /* opacity: 0; */
}
@media screen and (max-width:900px) {
    .header{
        display: none;
    }
    .header-2{
        display: none;
        /* width: 100%; */
    }
    .mobil{
        /* display: block; */
        display: flex;
        justify-content: center;
        align-items: center;
        gap: .8rem;
    }
    .mobil .line{
        font-size: 12px;
        color: var(--col2-heda);
        font-family: var(--fam);
        font-weight: var(--heda-wait2);
        font-style: var(--heda-fnt-stail);
        line-height: var(--heda-lyn-hait2);
        display: flex;
        gap: .5rem;
    }
    .line a{
        text-decoration: none;
        color: var(--col2-heda);
    }
    .phone:hover{
        color: var(--dropdown-col);
    }
    /* .kk{
        text-decoration: none;
        color: var(--col2-heda);
        margin-left: 7.5rem;
        font-size: var(--heda-fnt-saiz);
        color: var(--col2-heda);
        font-family: var(--fam);
        font-weight: var(--heda-wait2);
        font-style: var(--heda-fnt-stail);
        line-height: var(--heda-lyn-hait2);
    } */
    .navbar {
        display: block !important;
        display: flex;
        /* flex-direction: column; */
        align-items: center;
        background-color: #ffffff;
        /* padding: 10px 20px; */
        color: var(--col3);
    }

    .menu-icon {
        font-size: 24px;
        cursor: pointer;
        margin-right: 10px;
    }

    .header-words {
        display: none; /* Initially hidden */
        flex-direction: column;
        /* position: absolute; */
        margin-left: 20px;
    }

    .header-words a {
        /* position: absolute; */
        color:#444444;
        font-weight: 700;
        font-size: var(--heda-fnt-saiz);
        text-decoration: none;
        padding: 10px 0;
    }

    .header-words a:hover {
        /* text-decoration: underline; */
    }
    .mobil-2{
        position: sticky;
        top: 0;
        z-index: 9;
        padding: 1.5rem;
        /* position: relative; */
        background-color: white;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .first{
        display: flex;
        align-items: center;
        gap: .6rem;
    }
    .sag{
        display: block !important;
        /* position: absolute; */
        color: var(--col3);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /* gap: 1.2rem; */
        /* padding-bottom: 1.2rem; */
    }
    .sag p{
        transform: translateY(.4rem);
    }
    .second{
        display: block !important;
    }
    .zenit-con{
        height: 100px;
        /* width: 60px; */
    }
    .zenit-con img{
        object-fit: cover;
        height: 100%;
        /* width: 100%; */
    }
}
.navbar{
    display: none;
}
.sag{
    display: none;
}
.second{
    display: none;
}
/* header-2 ends */
/*carousel */
.d-block{
    height: 500px;
    object-fit: cover;
}
.tran{
    transform: translateY(-28rem);
    color: #ffffff;
    /* padding-top: 10rem; */
    padding: 1rem 3rem;
}
.tran h1{
    font-size: 50px;
    font-weight: 700;
}
.len{
    padding: .5rem 2rem;
    color: #ffffff;
    background-color: var(--col3);
    border: none;
}
.len:hover{
    padding: .5rem 2rem;
    color: #ffffff;
    background-color: var(--btn-bg-col1);
    transition: 0.7s;
    border: none;
}
.reed{
    padding: .5rem 2rem;
    background-color: #ffffff;
    color: var(--col2-heda);
    font-weight: 700;
    font-size: 11px;
    border: none;
}
.reed:hover{
    background-color: #E4E4E4;
    transition: 0.7;
}
/* carousel ends */
/* social media icons nd co  */
.social{
    margin: 1rem 3rem;
    font-size: 30px;
    position: fixed;
    /* top: 25rem; */
    bottom: 0;
    left: 0;
    z-index: 9;
}
.co{
    background-color: white;
    color: var(--col2-heda);
    padding: 1rem;
    /* margin-top: 90rem; */
    font-size: 10px;
    font-weight: 700;
    width: 150px;
    /* height: 260px; */
    position: fixed;
    top: 10rem;
    /* bottom: 0; */
    right: 0;
    z-index: 9;
}
.same{
    /* margin-top: 1rem; */
    /* border-top:1px solid #444444; */
    width: 100%;
    padding: .5rem .07rem;
}
.same .pos{
    text-decoration: none;
    color: var(--col2-heda);
    /* font-size: 10px; */
    /* font-weight: 700; */
    /* padding-top: 16rem; */
    /* padding: .6rem 3rem ; */
}
.same:hover{
    padding: .5rem;
    background-color: var(--col3);
    color: #ffffff !important;
}
.same:hover .pos{
    color: #ffffff !important;
}
@media screen and (max-width:850px) {
    .social{
        display: none;
    }
    .co{
        display: none;
    }
}
@media screen and (max-width:1000px) {
    .social{
        /* display: none; */
    }
    .co{
        /* display: none; */
    }
}
/* social media icons nd co ends */
/* small section */
.small{
    /* width: 80%; */
    /* margin: auto; */
    /* padding: 1rem; */
    background-color: white;
    display: flex;
    justify-content: center;
    gap: 3.5rem;
    align-items: center;
    font-size: 11px;
    font-weight: 700;
    line-height: var(--heda-lyn-hait2);
    /* grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */
}
.small .small-items{
    text-align: center;
    /* display: flex; */
    align-items: center;
    padding: .3rem 1.8rem;
}
.small-items:hover{
    background-color: var(--bdy-bg-col);
    color: var(--col3);
}
.small-items::after{
    content: "";
    position: absolute;
    height: 1px;
    width: 0;
    bottom: -5.5rem;
    left: 0;
    right: 0;
    background-color: var(--col3);
    transition: 0.3s ease;
    /* transform: translateY(-200%); */
}
.small-items:hover::after{
    width:100%;
}
.ways-con:hover{
    /* background-color: var(--bdy-bg-col) !important; */
}
.small-items .smm-con{
    /* background-color: white; */
    padding-top: 3rem;
    display: flex;
    justify-content: end;
    gap: 8rem;
    opacity: 0;
    color: var(--col2-heda);
    position: absolute;
    z-index: 9;
}
.small-items:hover .smm-con{
    opacity: 1;
    transition: 2s;
}
.small-items .smm-con2{
    /* background-color: white; */
    padding-top: 3rem;
    display: flex;
    color: var(--col2-heda);
    /* justify-content: start; */
    gap: 5rem;
    opacity: 0;
    position: absolute;
    z-index: 9;
}
.small-items:hover .smm-con2{
    opacity: 1;
    transition: 2s;
}
.small-items img{
    /* width: 20px; */
    height: 50px;
    object-fit: cover;
}
.relative{
    background-color: white;
    color: white;
    position: relative;
    width: 100%;
    height: 23vh;
    /* display: none; */
}
.small:hover .relative{
    display: block !important;
}
.relative h4{
    padding-bottom: 5rem;
}
@media screen and (max-width:850px) {
    .small{
        display: none;
    }
    .relative{
        display: none;
    }
}
@media screen and (max-width:1150px) {
    .small{
        /* width: 80%; */
        /* margin: auto; */
        /* padding: 1rem; */
        background-color: white;
        display: flex;
        justify-content: start;
        gap: 0rem;
        align-items: center;
        font-size: 11px;
        font-weight: 700;
        line-height: var(--heda-lyn-hait2);
        display: none;
        /* grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */
    }
    .relative{
        display: none;
    }
    
}
/* small section ends */
/* medium-section */
.medium{
    background-image: url(../project-images/medium-page-girl.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #676767;
}
.medium h3{
    font-weight: 700;
    font-size: 28;
    color: #444444;
}
.medium-items{
    padding-top: 15rem;
    padding: 10rem 8rem 8rem;
    /* width: 500px; */
    /* margin: auto; */
}
.btn-con{
    display: flex;
    gap: 1rem;
}
.btn1{
    padding: .8rem 1.2rem;
    border: none;
    background-color: var(--col3);
    color: white;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
}
.btn1:hover{
    background-color: var(--btn-bg-col1);
    transition: 0.7s;
}
.btn1 a{
    text-decoration: none;
    color: #ffffff;
}
.btn1 a:hover{
    color: white !important;
}
@media screen and (max-width:850px) {
    .medium{
        background-image: url(../project-images/medium-page-girl.jpg);
        background-position:center;
        background-repeat: no-repeat;
        background-size: auto;
        color: #676767;
    }
    .medium-items{
        padding: 1rem 1.4rem;
        /* padding-top: 15rem; */
        /* padding: 10rem 8rem 8rem; */
        /* width: 500px; */
        /* margin: auto; */
    }
    .medium-items h3{
        text-align: center;
    }
    .medium-items p{
        margin-bottom: 2rem;
        text-align: center;
    }
    .medium-items p br{
        display: none;
        /* text-align: center; */
    }
}



.section-4{
    background-color: #ff0000;
  }
  
  .tab-content-container {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        text-align: left;
        height: 400px ;
        background-size: cover;
      }
  
      .tab-content-container img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
      }
  
      .tab-content-container h2 {
        margin: 0;
        font-size: 1.5rem;
      }
  
      .tab-content-container p {
        margin-top: 5px;
        font-size: 1rem;
        color: #000000;
      }
      
      .bootstrap-p{
        width: 400px;
      }
      
  
      @media (max-width: 768px) {
        .tab-content-container {
          flex-direction: column;
          text-align: center;
        }
      }







/* medium-section ends */
/* main section */
.main{
    background-color: var(--col3);
    color: var(--bdy-bg-col);
    padding: 1rem;
    text-align: center;
    display: flex;
    gap: .8rem;
    /* flex-wrap: wrap; */
}
.main a{
    text-decoration: none;
    color: #d6d4d4;
    font-size: 12px;
    font-weight: 700;
    /* text-align: center; */
    /* padding: 1; */
}
.main h3{
    font-size: 22px;
}
a:hover{
    color: white;
    /* font-weight: 700; */
}
.main .more{
    border:none;
    outline: none;
    background-color: white;
    color: black;
    font-size: 12px;
    line-height: 12px;
    font-weight: var(--heda-wait);
    padding: 1rem 1.5rem;
    margin-top: .5rem;
}
.main .more:hover{
    background-color:#E4E4E4;
    transition: 0.3s;
}
@media screen and (max-width:850px) {
    .main{
    background-color: var(--col3);
    color: var(--bdy-bg-col);
    padding: 1rem;
    text-align: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .8rem;
    }
    .main p br{
        display: none;
    }
}
/* main section ends */
/* main2 section */
.main-2{
    background-image: linear-gradient(to bottom,  rgba(12, 12, 12, 0.72), rgba(15, 1, 12, 0.63)), url(../project-images/zenith-car.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom: 5px solid var(--col3);
    color: white;
    text-align: center;
    padding: 5rem .5rem;
    font-weight: 700;
}
.main-2 p{
    font-size: 15px;
    font-weight: 400;
}
.main-2 a{
    text-decoration: none;
    color: white;
    font-weight: 700;
    font-size: 12px;
}
a .but{
    outline: none;
    border:2px solid white;
    padding: .5rem 1rem;
    background-color: transparent;
    color: white;
}
a .but:hover{
    outline: none;
    border:2px solid none;
    /* padding: .5rem 1rem; */
    background-color: white;
    color: var(--col3);
    transition: 0.7s;
}
@media screen and (max-width:850px) {
    .main-2{
        background-image: linear-gradient(to bottom,  rgba(12, 12, 12, 0.72), rgba(15, 1, 12, 0.63)), url(../project-images/zenith-car.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        border-bottom: 5px solid var(--col3);
        color: white;
        text-align: center;
        padding: 6rem .5rem;
        font-weight: 700;
    }
    .m2{
        max-width: 450px;
    }
    .main-2 p br{
        display: none;
    }
}
/* main2 section ends */
/* footer */
.footer{
    background-color: #F7F7F7;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 5.5rem .3rem;
}
.foot-item1{
    display: flex;
    gap: 1.5rem;
}
.ite1{
    display: flex;
    flex-direction:column ;
    gap: .7rem;
}
.ite1 p{
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
}
.ite2{
    display: flex;
    flex-direction:column ;
    /* gap: .7rem; */
}
.ite2 p{
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
}
.ite2 a{
    font-size: 10.5px;
    font-weight: 400;
    line-height: 20px;
}
.ite2 a:hover{
    color: var(--col3);
    transition: 0.7s;
}
/*  */
.ite3{
    display: flex;
    flex-direction:column ;
    /* gap: .7rem; */
}
.ite3 p{
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
}
.ite3 a{
    font-size: 10.5px;
    font-weight: 400;
    line-height: 20px;
}
.ite3 a:hover{
    color: var(--col3);
    transition: 0.7s;
}
/*  */
.ite4{
    display: flex;
    flex-direction:column ;
    /* gap: .7rem; */
}
.ite4 p{
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
}
.ite4 a{
    font-size: 10.5px;
    font-weight: 400;
    line-height: 20px;
}
.ite4 a:hover{
    color: var(--col3);
    transition: 0.7s;
}
/*  */
.ite5{
    display: flex;
    flex-direction:column ;
    /* gap: .7rem; */
}
.ite5 p{
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
}
.ite5 a{
    font-size: 10.5px;
    font-weight: 400;
    line-height: 20px;
}
.ite5 a:hover{
    color: var(--col3);
    transition: 0.7s;
}
.foot-item2{
    border: 2px solid #d8d5d5;
    padding: .7rem;
    width: 99%;
    background-color: white;
}
.foot-item2 .icons{
    display: flex;
    gap: 1rem;
}
.foot-item3{
    display: flex;
    justify-content: space-between;
    /* gap: 1rem; */
}
.foot-item3 .c{
    display: flex;
    gap: .2rem;
    align-items: center;
}
.l{
    display: flex;
    gap: .2rem;
    align-items: center;
}
.c p{
    font-size: 10.5px;
    font-weight: 400;
    color: var(--col2-heda);
}
.foot-item3 .ctr{
    display: flex;
    gap: .2rem;
    /* align-items: center; */
}
.l2{
    display: flex;
    gap: .2rem;
    /* align-items: center; */
}
.ctr p{
    font-size: 10.5px;
    font-weight: 100;
    color: var(--col2-heda);
}
.ctr a{
    font-size: 10.5px;
    font-weight: 400;
    color: var(--col2-heda);
}
.ctr a:hover{
    color: var(--col3);
    transition: 0.7s;
}
.footer a{
    text-decoration: none;
    color: var(--col2-heda);
    /* gap: 5rem; */
}
.up{
    /* background-color: white; */
    padding: .0rem 41.55rem;
    color: var(--col2-heda);
    width: 100px;
    position: sticky;
    bottom: 0;
    position: relative;
}

.bi-chevron-up{
    /* width: 50px; */
    margin: auto;
    text-align: center;
    animation: up 5s infinite;
}
.up p{
    /* display: none; */
    color: red;
    text-align: center;
    /* display: none; */
    opacity: 0;
    animation: up 5s infinite;
}
.bi-chevron-up:hover .up p{
    /* display: block !important; */
    opacity: 1;
}
@keyframes up {
    from{
        margin-top: 50px;
    }
    to{
        margin-top:0px;
    }
}
@media screen and (max-width:850px) {
    .footer{
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        padding: 1rem;
    }
    .foot-item1{
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        text-align: center;
        /* margin: auto; */
    }
    .ite1{

    }
    .ite1 iframe{
        width: 99%;
    }
    .foot-item2{
        width: 100%;
    }
    .foot-item3{
        display: flex;
        flex-direction: column;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        text-align: center;
        /* margin: auto; */
    }
    .foot-item3 .c{
        /* display: grid; */
        /* grid-template-columns: 1fr; */
        /* grid-template-rows: 1fr; */
        display: flex;
        gap: 0;
        /* text-align: center; */
        /* margin: auto; */
    }
    .l{
        display: flex;
        gap: 0.1rem;
        align-items: center;
    }
    .foot-item3 .ctr{
        display: flex;
        text-align: center;
        margin: auto;
        /* margin: auto; */
    }
    .up{
        /* background-color: white; */
        padding: .0rem 10rem;
        color: var(--col2-heda);
        width: 100px;
        position: sticky;
        bottom: 0;
        position: relative;
    }
    @keyframes up {
        from{
            margin-top: 40px;
        }
        to{
            margin-top:0px;
        }
    }
}
/* footer ends */