@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

.demo-2 {
	--white: #fff;
    --bg: lch(71.43% 50.33 153.3);
    --main: #0f2e5c;

    --color-title: #fff;
	--color-subtitle: #0f2e5c;
}
.navbar-light .navbar-nav .nav-link{
    color: var(--main);
    font-size: 18px;
    font-weight: 500;
    padding: 10px 15px;
    transition: all ease-in .3s;
    font-family: Lexend;
}
.navbar-light .navbar-nav .nav-link:hover{
    color: var(--main);
}
.navbar.sticky-header {
    background: rgba(255, 255, 255, 0) !important;
    background-color: rgba(255, 255, 255, 0) !important;
    
}
.navbar{
    /* background: linear-gradient(to bottom, rgb(105, 233, 243), rgba(0, 0, 0, 0)); */
    background: rgba(255, 255, 255, 0);
    transition: background-color 0.3s ease;
    
}

.main_section{
  padding: 100px 200px;
}
.main_text_h{
    font-size: 30px;
     font-family: Lexend;
}
.main_text_h span{
    font-size: 30px;
     font-family: Lexend;
     color: #ed232a;
}
.main_text_ss{
    font-family:Lexend ;
    font-size: 55px;
}
.main_text_p{
    font-size: 16px;
    font-family: Inter;
}
body{
       background: #ffffff;
    background: linear-gradient(179deg,rgba(255, 255, 255, 1) 43%, rgba(140, 247, 255, 0.5) 100%);
    height: 100vh;
}
.cont_d_flex{
        display: flex;
    justify-content: center;
    gap: 10px;
}
.main_a{
    text-decoration: none !important;
    color: #000;
    font-family: Inter;
    font-size: 16px;
    transition: all ease-in-out .3s;
}
.main_a:hover{
    color: #0a1333;
     
}
.animate__animated.animate__backInLeft{
    --animate-duration: 1.2s;
}
.address_card{
    font-family: Inter;
    font-size: 16px;
    background-color: #ffffff83;
    padding: 20px;
    border-radius: 15px;
   box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
   /* height: 155px; */
}
.second_padd{
    padding-top: 30px;
}
.cmb-30{
    margin-bottom: 30px;
}
.sph{
    font-family: Inter;
}
.phone span{
    font-weight: 300    ;
}
@media screen and (max-width:763px) {

}
/* Extra Small Devices (Very small phones) */
@media (max-width: 320px) {
  /* Styles for very small phones */
      .main_section {
    padding: 0px 10px;
}
.main_text_h {
    font-size: 17px;
 
}
.main_text_h span{
    font-size: 17px;
 
}
.main_text_ss {

    font-size: 42px;
}
.main_text_p {
    font-size: 14px;
    
}
    body {
        height: 100vh;
        padding-bottom: 15px;
    }
.cmb-30 {
    margin-bottom: 15px;
}
}

/* Small Devices (Phones) */
@media (max-width: 768px) {
    .main_logo_jj{
        padding-bottom: 30px;
    }
}
@media (max-width: 480px) {
  /* Styles for standard mobile phones */
      .main_section {
    padding: 0px 10px;
}
.main_text_h {
    font-size: 17px;
 
}
.main_text_h span{
    font-size: 17px;
 
}
.main_text_ss {

    font-size: 42px;
}
.main_text_p {
    font-size: 14px;
    
}
    body {
        height: 100vh;
        padding-bottom: 15px;
    }
.cmb-30 {
    margin-bottom: 15px;
}
}

/* Medium Small Devices (Phones Landscape) */
@media (min-width: 481px) and (max-width: 767px) {
        .main_section {
    padding: 0px 10px;
}
.main_text_h {
    font-size: 17px;
 
}
.main_text_h span{
    font-size: 17px;
 
}
.main_text_ss {

    font-size: 42px;
}
.main_text_p {
    font-size: 14px;
    
}
    body {
        height: 100vh;
        padding-bottom: 15px;
    }
.cmb-30 {
    margin-bottom: 15px;
}
  /* Styles for landscape phones */
}

/* Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 1024px) {
      .main_section {
    padding: 0px 10px;
}
.main_text_h {
    font-size: 17px;
 
}
.main_text_h span{
    font-size: 17px;
 
}
.main_text_ss {

    font-size: 42px;
}
.main_text_p {
    font-size: 14px;
    
}
    body {
        height: 100vh;
        padding-bottom: 15px;
    }
.cmb-30 {
    margin-bottom: 15px;
}
}

/* Tablets and below */
@media (max-width: 1024px) {
     .main_section {
    padding: 0px 10px;
}
.main_text_h {
    font-size: 17px;
 
}
.main_text_h span{
    font-size: 17px;
 
}
.main_text_ss {

    font-size: 42px;
}
.main_text_p {
    font-size: 14px;
    
}
    body {
        height: 100vh;
        padding-bottom: 15px;
    }
.cmb-30 {
    margin-bottom: 15px;
}
}

/* Small Laptops */
@media (min-width: 1025px) and (max-width: 1280px) {
  /* Styles for small laptops */
}

/* Medium Desktops */
@media (min-width: 1190px) and (max-width: 1440px) {
  /* Styles for medium desktops */
  .navbar-light .navbar-nav .nav-link {
    color: var(--main);
    font-size: 14px;
    font-weight: 600;
    transition: color 0.3s;
    padding: 0px 10px;
    font-family: var(--main-font);
}
    body {
        height: 100vh;
        padding-bottom: 15px;
    }
}

/* Large Desktops */
@media (min-width: 1441px) {
  /* Styles for large desktops */
}

/* Extra Large Screens / 4K */
@media (min-width: 1920px) {
  /* Styles for 4K and ultra-wide screens */
}

/* Orientation: Portrait */
@media (orientation: portrait) {
  /* Styles for portrait orientation */
}

/* Orientation: Landscape */
@media (orientation: landscape) {
  /* Styles for landscape orientation */
}