/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Poppins: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&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

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

@import url('https://fonts.googleapis.com/css2?family=Italiana&display=swap');


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

html {
  scroll-behavior: smooth;
}
.cormorant-upright-light {
  font-family: "Cormorant Upright", serif;
 
}
.hind-regular {
  font-family: "Hind", sans-serif;
 
}
.italiana-regular {
  font-family: "Italiana", sans-serif;
 
}


:root{
  --cor: "Cormorant Upright", serif;
  
}


body {
  font-family: "Hind", sans-serif;
  float: left;
  width: 100%;
  color: #000;
  font-weight: 300;
  background-attachment: fixed;
  background-size: 40%;
  padding-right: 0 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  letter-spacing: 1px;
}

.modal-open {
  padding-right: 0!important;
  overflow: hidden;
}

::-moz-selection {
  /* Code for Firefox */
  color: #000;
  background: #d7c07f;
}

::selection {
  color: #000;
  background: #d7c07f;
}

.btn {
  box-shadow: none;
  outline: none;
}

button {
  box-shadow: none;
  outline: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
}

p {
  color:rgba(90, 90, 90, 1);
  line-height: 30px;
  font-size: 14px;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none;
}

a:hover {
  color: #0e2c18;
}

ul li,
ul li a,
ol li,
ol li a {
  color: #161616;
  font-size: 14px;
  font-weight: 300;
  line-height: 26px;
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}

:focus {
  outline: none;
}

/* Styles for images */
img {
  max-width: 100%;
  height: auto;
}

:root{--pc:rgba(24, 72, 156, 1)}


.hero-section{height: 100vh;background: url(../media/banner.png)right/cover;background-attachment: fixed;display: flex ;align-items: center;position: relative;}
.hero-section h2{font-weight: 300;text-transform: uppercase;font-size: 15px;}
h1{font-size: 45px;font-weight: 600;text-transform: capitalize; font-family: "Italiana", sans-serif;letter-spacing: 3px;margin-bottom: 1rem;}
.hero-section p{font-size: 18px;line-height: 24px;}
.hero-section .primary-btn{background: #fff;font-size: 15px;border-radius: 3rem;padding: 7px 40px;text-transform: capitalize;color: #000;display: inline-block;font-weight: 400;border: none ;line-height: 29px;}
.header-area{display: flex;justify-content: space-between}
header{position: absolute;width: 100%;top: 0;left: 0;padding-top: 25px;}
.dropdown-toggle::after{border: none;content: "\f078";font-family: "FontAwesome";vertical-align: top;font-size: 10px;}
.service-box{text-align: center;}
.s-img{margin-bottom: 10px;}
.service-box h3{font-size: 24px;text-transform: capitalize;font-family: var(--cor);font-weight: 700;}
.service-box p{line-height: 22px;}
.service{padding: 4rem 0 3rem;}
.title{font-size: 35px;font-weight: bold;text-transform: capitalize;font-family: var(--cor);margin-bottom: 2rem;}
.flex-box{display: flex;gap: 3rem;margin: 5rem 0;}
.flex-box:nth-child(odd){flex-direction: row-reverse;}
.img{flex-shrink: 0;}
.flex-box h3{font-size: 25px;font-family: var(--cor);font-weight: bold;text-transform: capitalize;}
.primary-btn{background: #fff;font-size: 13px;border-radius: 3rem;padding: 7px 35px;text-transform: capitalize;color: #000;display: inline-block;font-weight: 400;border: 1px solid #000;}
.content{width: 900px;}
.service-detail{padding: 3rem 0;}
.download-app{background: url(../media/bg.jpg)center/cover;padding: 5rem 0;height: 500px;overflow: hidden;}
.download-app *{font-family: 'Poppins';}
.download-app p{color: rgba(47, 47, 47, 1);}
.download-app .title{font-weight: 500;}
.phone-img{position: absolute;top: 0;right: 0;width: max-content;}
.d-link-area img{display: block;}
.d-link-area{display: flex;align-items: center;}
.d-link-area > div img{margin: 10px;}
footer{background: #000;} /* padding-top: 4rem;*/
footer h3{text-transform: capitalize;font-size: 18px;font-weight:400;color: #fff;}
footer h3 + ul li a{font-size: 13px;color: #cdcdcd !important;font-weight: 100;}
footer h3 + ul{list-style: none;padding: 0;}
footer p{color: #cdcdcd;line-height: 25px;}
footer h3 + ul li{margin: 5px 0;}
.f-logo{margin-bottom: 40px;}
.f-bottom-area ul li a{color: #cdcdcd !important;font-size: 15px;}
.f-bottom-area ul{list-style-type: none;padding: 0;margin: 0;display: flex;gap: 1.5rem;align-items: center;}
.f-bottom-area{display: flex;justify-content: space-between;}
.footer-bottom{padding: 3rem 0;margin-top: 2rem;} /*border-top: 1px solid #cdcd;*/




   @media only screen 
     and (min-device-width: 320px) 
     and (max-device-width: 479px) {

      h1{font-size: 30px;}
      .hero-section p {
        font-size: 14px;
        line-height: 20px;
    }
    .hero-section .primary-btn {
      background: #fff;
      font-size: 12px;
      border-radius: 3rem;
      padding: 4px 25px;
      text-transform: capitalize;
      color: #000;
      display: inline-block;
      font-weight: 400;
      border: none;
      line-height: 29px;
  }
  .hero-section{height: 500px;    background: url(../media/banner.png) bottom / cover;}
  .hero-section h2{margin-top: 4rem;}
  .service div[class*='col']{width: 50%;}
  .service-box h3{font-size: 15px;}
  .service-box p{font-size: 13px;}
  .title{font-size: 25px;}
  .service-detail{padding: 2rem 0;}
  .flex-box {
    display: block
;
   
}
 
.flex-box h3{font-size: 15px;}
p{font-size: 13px;}
.primary-btn {
  background: #fff;
  font-size: 12px;
  border-radius: 3rem;
  padding: 6px 20px;
  text-transform: capitalize;
  color: #000;
  display: inline-block;
  font-weight: 400;
  border: 1px solid #000;
}
.img{width: 170px;margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;}
.content {
  width: auto;
}
.flex-box{text-align: center;margin: 40px 0;}
.download-app div[class*='col']{width: 100%;}
.phone-img{display: none;}
footer .col-4{width: 100%;}
footer .col-2{width: 50%;}
footer h3{font-size: 15px;}
footer h3 + ul li {
  margin: 0px 0;
}
.g-5, .gx-5 {
  --bs-gutter-x: 0;
}
.g-5, .gy-5 {
  --bs-gutter-y: 1rem;
}
.f-bottom-area {
  display: flex
;
  justify-content: space-between;
  flex-direction: column;
  gap: 2rem;
}
.f-bottom-area ul:first-child{display: block;}
.f-bottom-area ul li a {
  color: #cdcdcd !important;
  font-size: 13px;
}

}