body{
    margin: 0%;
    padding: 0%;
    /* overflow-x: hidden; */
    -webkit-font-smoothing:antialiased !important;
    letter-spacing: 0.5px !important;
    /* -webkit-overflow-scrolling: touch !important; */

}


/* 
Nav */
.navbar{
    background-color:white;
    margin-top: -70px;
    z-index: 6;
    position:fixed !important;
    width: 100%;
}
.nav-content{

    height: fit-content

}
.logo{
    font-size: 20px;
    font-family: Helvetica,Arial,sans-serif;
    padding-left: 5px;
    font-weight: 700 !important;
}
.nav-item{
    -webkit-font-smothing:antialiased !important;
    font-family: "open sans", Helvetica, Arial,sans-serif;
    letter-spacing: 0.5px;
}



.butt1{
    border: none !important;
    background-color: #f4f4f6 !important;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-font-smothing:antialiased;
    border-radius: 0.25rem !important;
    height: 40px;
    margin-right: 20px !important;
}
.butt2{
    border: none !important;
    background-color: #f4f4f6 !important;
    padding-right: 20px;
    padding-left: 20px;
    background-color: rgb(13, 79, 202) !important;
    color: #ffffff !important;
    -webkit-font-smothing:antialiased;
    font-size: 14px;
    border-radius: 0.25rem !important;
    height: 40px;
    margin-right: 20px !important;

}



/* 
Carousel */

.main{
    margin-top: -20px !important;
}
.hero{
    margin-top: 90px !important;
}

.carousel-inner > .carousel-item > img {
    width:100vw !important;
    object-fit: cover;
    height:80vh;
  }

  .carousel-caption {
    width: 70%;
    position: absolute;
    top: 20% !important;
    right: 40% !important;
    transform: translateX(-10%);
    text-align: left;
    font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: white;
    /* font-size: 40px !important; */
    /* outline: thick solid red; */
 
}
.carousel-caption > h2{
     font-size: 40px !important; 
    
}
.carousel-caption > h1{
     font-size: 40px !important; 
    
}
.carousel-caption >p{
    font-size: 17px;
    width: 85%;
    /* font-weight: 1000; */
    margin-top: 10px;
    line-height: 25px;
}

.but-3{
    border: none !important;
    margin-top:-3px ;
    background-color: #f4f4f6 !important;
    padding-right: 50px;
    padding-left: 50px;
    background-color: rgb(13, 79, 202) !important;
    color: #ffffff !important;
    -webkit-font-smothing:antialiased;
    font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: 14px;
    border-radius: 0.25rem !important;
    height: 50px;
    letter-spacing: 1px;
    margin-top: 05px; 
    display: block;
}

.but-2{
    border: none;
    background-color: #f4f4f6 !important;
    padding-right: 50px;
    padding-left: 40px;
    background-color: rgb(13, 79, 202) !important;
    color: #ffffff !important;
    -webkit-font-smothing:antialiased;
    font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: 14px;
    border-radius: 0.25rem !important;
    height: 60px;
    letter-spacing: 1px;
    margin-top: 05px; 
}


.but-2:hover{
    background-color: white !important;
    color: rgb(13, 79, 202) !important ;
    border: 1px solid rgb(13, 79, 202);
}
.but-3:hover{
    background-color: white !important;
    color: rgb(13, 79, 202) !important ;
    border: 1px solid rgb(13, 79, 202);

}

/* Body */

.vic-ccinfo{
    margin-right:30px ;
    margin-top: 70px !important;
    /* outline:  thick solid red ; */
}

.our-fixful{
    -webkit-font-smothing:antialiased !important;

    /* outline:  thick solid red; */
}
para-fixtul{
    line-height: 25px;
    font-weight: 450;
    -webkit-text-size-adjust: 100%;
    /* font-size: px !important; */
    letter-spacing: 0.5px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.image{
    /* height: 60vh !important; */
    width: 100% !important;
}
.h1-fixtul{
    font-family: "open sans", Helvetica, Arial,sans-serif;
    font-weight: 400;
}

.container {
    max-height: 30vh;
    overflow-y: scroll;
    position:relative;
    scroll-snap-type: y mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .headline {
    align-items: center;
    background-color: var(--color);
    display: flex;
    font-family: 'Lexend Deca', sans-serif;
    font-weight: 700;
    font-size: calc(1rem + 15vmin);
    height: 30vh;
    justify-content: center;
    overflow: hidden;
    perspective: 1000px;
    scroll-snap-align: start;
    width: 100vw;
  }

  
  .vic-ccinfo-ds{
    width: 100%;
    height: 200px;
    background-color: white;
    margin-top: -5px;
    display: flex;
}
.x-factor::-webkit-scrollbar{
    display: none;}
    
    .container::-webkit-scrollbar {
      display: none;}


/* 
      footer */


      .footer{
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 14px;
    background-color: rgb(13, 79, 202)  ;
        margin-top: 50px;
      }
      .foot{
        background-color: rgb(13, 79, 202)  ;
        margin-top: 50px;
        margin-right: 40px;
      }


      .nw-fixtul{
        margin: 50px;
        color: white;
    }
    .contents{
        /* margin-left: 100px;
        width: 20vw; */
        color: white !important;
        margin-top: 20px;
    }


    .col-white{
        color: white;
        text-decoration: none;
    }

    .col-white:hover{
        color: rgb(130, 103, 130);
    }



    .social{
        /* width: 95vw; */
        margin-top:-21px ;
        border-top: 0.5px solid rgb(139, 138, 138);
        color: white;
        padding-top: 5px;
    }

    .soc-fxt{
        letter-spacing: 0.5px;
        font-weight:500 ;
    }

    .soc-fxt-lo{
        letter-spacing: 0.5px;
        font-weight:500 ;
        gap: 05px;
    }
    /* .you{
     outline:  thick solid red; 
     margin-left: 5px;
    } */


@media (min-width:990px) and (max-width:1080px){
   .p-text{
       /*margin-left:-130px !important;*/
       font-size:12px !important;
       width:inherit;
   }
   .titi{
       width:450px !important;
       border:none !important;
       display:block !important;
   }
   .margin{
        margin-left:10px !important;   
   }
   .fix-nwboard{
       display:none !important;
   }
   .img{
        margin-top:-70px;
   }
   .carde{
       width:600px !important;
   }
}