*, *:before, *:after {
    box-sizing: inherit;
  }
  /** Generated by FG **/
@font-face {
	font-family: 'F37 Ginger';
	src: url('./../fonts/Ginger Regular.eot');
	src: local('☺'), 
    url('./../fonts/F37 Ginger Regular.woff') format('woff'), 
    url('./../fonts/F37 Ginger Regular.ttf') format('truetype'),
    url('./../fonts/F37 Ginger Regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}
/** Generated by FG **/
@font-face {
	font-family: 'F37 Ginger';
	src: url('./../fonts/F37 Ginger Bold.eot');
	src: local('☺'), 
    url('./../fonts/F37 Ginger Bold.woff') format('woff'),
    url('./../fonts/F37 Ginger Bold.ttf') format('truetype'), 
    url('./../fonts/F37 Ginger Bold.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}
  html {
    box-sizing: border-box;
    scroll-behavior: smooth;
  }
  body{
      
      box-sizing: border-box;
      font-family: 'F37 Ginger';
  }
  #topnav .navigation-menu .has-submenu .menu-arrow {
    border: solid #000000;
    border-radius: 0.5px;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    position: absolute;
    transition: all 0.5s;
    right: -1px;
    top: 32px;
}
@media (min-width: 992px){
  #topnav > div > div:nth-child(2) > div > button {
      color: #000000;
  }
}

  @media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px!important;
    }
    .custom-w-53{
      width: 45.9%;
    }
    .custom-w-47{
      width: 47%;
      margin: 0 auto;
    }
    .form_custom_w44{
      width: 44%;
      margin: 0 auto;
    }
    
  }

  #topnav .navigation-menu > li > a{
    color: #000000;
  }
  .banner-section{
    padding: 80px 0 0 0;
    background: linear-gradient(180deg, #FFFFFF 0%, #E7EFFF 80.92%);
   
  }
  .horizontal-line-top{
    border: 1px solid #000000;
    margin-bottom: 50px;
  }
  h1.main-title{
    margin-top: 41px!important;
    font-style: normal;
    font-weight: 700;
    font-size: 48px!important;
    line-height: 1.3;
    color: #000000;
    margin: 0px;
  }
  h1.main-title span{
    color: #E06A6A;
  }
  .product-sub-title{
    
    font-weight: 700;
    font-size: 18px;
    line-height: 1.33;
    color: #000000;
    margin: 26px 0 53px 0;
    
  }
  .twice_btn_wrapper{
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 81px;
    flex-wrap: wrap;
  }
  .custom_btn_primary{
    display: inline-block;
    padding: 8px 13px;
    background: #E06A6A!important;
    border: 1px solid #000000!important;
    box-shadow: 3px 3px 0px #000000;
    border-radius: 8px;
    color: #FFFFFF!important;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.27;
  }
  .custom_btn_outline_primary{
    display: inline-block;
    padding: 8px 13px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.27;
    text-align: center;
    color: #000000!important;
    border-radius: 8px;
    border: 1px solid #000000!important;
    background-color: transparent;
  }
  .custom_btn_primary:hover{
    color: #000000!important;
    transition: 0.3s ease-in-out;
    background: transparent!important;
    box-shadow: none;
  }
  .card .card-body{
    padding: 0;
  }
  .pl-85{
    padding-left: 85px;
  }
  .form-item .iti{
    display: block;
  }
  .content_form_section{
    padding: 127px 0 120px 0;
    background-color: #FFFFFF;
  }
  .para-content{
    font-weight: 400;
    font-size: 18px;
    line-height: 1.44;
    color: #000000;
    margin-bottom: 1.5rem;
  }
  .form-wrapper{
    padding: 34px 21px 32px 31px;
    background: #FFFFFF;
    border: 1px solid #000000;
    box-shadow: 3px 3px 0px #000000;
    border-radius: 8px;
  }
  label.form_description{
    font-size: 16px!important;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #000000;
  }
  a.privacy_page{
    text-decoration: underline!important;
    color: #000000;
  }
  /* .margin-0auto{
    margin-left:auto;
  } */
  .form_btn_wrapper{
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
  }

  .third_section_wrapper{
    padding: 91px 0 80px 0;
    background-color: #E1DDFE;
  }
  .fourth_section{
    padding: 65px 0 79px 0;
    background: #F1CDDA;
  }
  .fourth_section h2{
    font-weight: 700;
    font-size: 48px!important;
    line-height: 1.31;
    color: #000000;
    margin-bottom: 61px;
  }
  .custom-card{
    border: 1px solid #000000;
    box-shadow: 3px 3px 0px #000000;
    border-radius: 8px;
    padding: 26px 14px 26px 26px;
  }
  .bg_pink{
    background-color: #F3BC84;
  }
  .bg_blue{
    background-color: #B1C8F2;;
  }
  .bg_purple{
    background-color: #ECBAFE;;
  }
  
  .img-heading-wrapper{
      display: flex;
      align-items: center;
  }
  .mr-3 {
    margin-right: 3px;
  }

.bg-icons1{
    display: flex;
    background-color: #FFFFFF;
    justify-content: center;
    align-items: center;
    width: 148px;
    height: 148px;
    border-radius: 6px;
    margin-right: 21px;
}
h6.para-title{
  font-weight: 700;
  font-size: 20px!important;
  line-height: 1.3;
  color: #000000;
  margin-bottom: 17px;
}
p.sub-title{
  font-weight: 400;
  font-size: 11px;
  line-height: 1.27;
  color: #000000;
  margin-bottom: 14px;
}
  .fifth_section{
    padding: 87px 0 114px 0;
    background: #373B55;
  }
  .fifth_section h2{
    font-weight: 700;
    font-size: 48px!important;
    line-height: 1.31;
    margin-bottom: 65px;
    color: #FFFFFF;
  }
  .mr-4{
    padding-right: 4px;
  }
  .mb-50{
    margin-bottom: 50px;
  }
  .pr-16{
    padding-right: 16px;
  }
  .p-custom-card{
    background: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 8px;
    padding: 17px;
  }
  .card-title-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .p-card-title-wrapper{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .p-title{
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #000000;
    flex: 1;
  }
  .moretext {
    display: none;
  }
  .moreless-button{
    color: #e33a3b!important;
    text-decoration: underline!important;
  }

  .p-icons ,.p-icons2, .p-icons3,.p-icons4,.p-icons5,.p-icons6,.p-icons7,.p-icons8,.p-icons9{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 82px;
    height: 82px;
    border-radius: 6px;
    margin-right: 13px;
  }
  .p-icons{
    background: #A98DF2;
  }


  /* hover effect css start */
  .hover-effect:hover {
    background: #a98df2;
    box-shadow: 3px 3px 0px #000000;
  }
  .hover-effect:hover .p-title{
    color: #FFFFFF;
  }
  svg{
    fill: #000000;
  }
  .hover-effect:hover .p-icons svg {
    fill: #a98df2;
  }
  .hover-effect:hover svg{
    fill: #FFFFFF;
  }
  .p-icons svg{
    fill: #FFFFFF;
  }
  .hover-effect:hover .p-icons svg {
    fill: #a98df2;
}
  .hover-effect:hover .p-icons{
    background-color: #fff;
  }
.hover-effect {
  transition: 0.3s ease-in;
}

.p-icons2{
  background: #BEE8CF;
}
.p-icons2 svg,.p-icons3 svg ,.p-icons4 svg, .p-icons5 svg,.p-icons6 svg,.p-icons7 svg,.p-icons8 svg,.p-icons9 svg{
  fill: #fff;
}
.hover-effect:hover .p-icons2 svg {
  fill: #BEE8CF;
}
.hover-effect:hover .p-icons2, .hover-effect:hover .p-icons3, .hover-effect:hover .p-icons5,.hover-effect:hover .p-icons6,.hover-effect:hover .p-icons7,.hover-effect:hover .p-icons8,.hover-effect:hover .p-icons9{
  background-color: #fff;
}
.hover-effect-p2:hover{
  background: #BEE8CF;
}
.p-icons3{
  background: #E1DDFE;
}

.hover-effect-p3:hover{
  background-color: #E1DDFE;
}
.hover-effect-p3:hover .p-icons3 svg{
  fill: #E1DDFE;
}
.p-icons4{
  background-color:#ECD5A6;
}
.hover-effect-p4:hover{
  background-color:#ECD5A6;
}
.hover-effect-p4:hover .p-icons4 svg{
  fill: #ECD5A6;
}
.hover-effect-p4:hover .p-icons4 {
  background-color: #fff;
}
.hover-effect-p5:hover{
  background-color: #E780A5;
}
.hover-effect-p5:hover .p-icons5 svg{
  fill: #E780A5;
}
.p-icons5{
  background-color: #E780A5;
}
.p-icons6{
  background: #F3BC84;
}
.hover-effect-p6:hover{
  background:#F3BC84;
}
.hover-effect-p6:hover .p-icons6 svg{
    fill: #F3BC84;
}
.p-icons7{
  background: #ECBAFE;
}
.hover-effect-p7:hover{
  background:#ECBAFE;
}
.hover-effect-p7:hover .p-icons7 svg{
    fill: #ECBAFE;
}
.p-icons8{
  background:#4BAAFC;
}
.hover-effect-p8:hover{
  background:#4BAAFC
}
.hover-effect-p8:hover .p-icons8 svg{
    fill: #4BAAFC
}
.p-icons9{
  background: #B1C8F2;
}
.hover-effect-p9:hover{
  background:#B1C8F2;
}
.hover-effect-p9:hover .p-icons9 svg{
    fill: #B1C8F2;
}

  .sixth_section{
    padding: 68px 0 84px 0;
    background-color: #E7EFFF;

  }
  .seventh_section{
    padding: 51px 0 74px 0;
    background: #A98DF2;
  }
  .seventh_section h2{
    font-weight: 700;
    font-size: 48px!important;
    line-height: 1.31;
    text-align: center;
    color: #000000;
    margin-bottom: 63px;

  }
  .list_wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-bottom: 63px;
    flex-wrap: wrap;
  }
  .list1{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 211px;
    height: 211px;
    border: 1px solid #000000;
    box-shadow: 3px 3px 0px #000000;
    padding: 30px;
    border-radius: 50%;
  }
  .list1 h6{
    font-weight: 700;
    font-size: 18px!important;
    line-height: 24px;
    text-align: center;
    color: #000000;
    margin-bottom: 0;
  }
  .bg_list2{
    background: #E1DDFE;
  }
  .bg_list2{
    background: #BEE8CF
  }
  .bg_list3{
    background: #ECD5A6;
  }
  /* custom footer css */
  .footer.footer-border, .footer.footer-bar{
    border-top: 1px solid #f8f9fa;
  }
  .footer{
    background: #f8f9fa;
    color: #000000;
  }
  .bg-light{
    background-color: #f8f9fa!important;
  }

  #menu li a{
    color: #000000;
  }
  .bg-light .row.align-items-center{
    border-top: 1px solid #000000;
    padding-block: 1rem;
  }
  #menu li{
    border-left: solid 2px #000000;
  }
  .footer .text-foot{
    color: #000000;
  }
  .text-light.footer-head{
    color: #000000!important;
  }
  .footer-border p{
    color: #000000;
  }
  .logo-footer img{
    margin-bottom: 2rem;
  }

  /*Start form styling label with animation */

.mb-25{
  margin-bottom: 25px!important;
}
.form-item{
  position: relative;
}
.form-item input{
  display: block;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.4);
  transition: all .3s ease;
  border-radius: 7px;
  padding: 11px 20px 11px 30px;
}

.form-item label{
  font-weight: 400;
  font-size: 16px;
  line-height: 1.31;
  color: rgba(0, 0, 0, 0.4);
  position: absolute;
  cursor: text;
  z-index: 2;
  top: 12px;
  left: 22px;
  background: #fff;
  padding: 0 10px;
  transition: all .3s ease;
  margin-bottom: 0;
}
.form-item input:focus{
  border-color: #000000;
}
.form-item input:focus + label,.form-item input:valid + label{
  font-size: 14px;
  top: -8px;
  color: #000000;
}
 /*End form styling label with animation */
.third_section_wrapper h2{
  font-weight: 700;
  font-size: 48px!important;
  line-height: 1.31;
  color: #000000;
  margin-bottom: 61px;
}
 /* Start mobile responsive media queries */
 @media (max-width: 767px){
  .flex-direction {
      flex-direction: column-reverse;
  }
  .horizontal-line-top{
    border: none;
  }
  .mr-4{
    padding-right: 1rem;
    margin-bottom: 1.5rem;
  }
  .custom-card-body{
    margin: 0 auto;
  }
  .card-title-wrapper{
    display: table-caption;
    text-align: center;
  }
  .p-title{
    padding: 15px 0;
  }
  .p-icons, .p-icons2, .p-icons3, .p-icons4, .p-icons5, .p-icons6, .p-icons7, .p-icons8, .p-icons9{
    margin: 0 auto;
  }
  .hover-effect-p7,.hover-effect-p8,.hover-effect-p8{
    margin-bottom: 50px;
  }
  .custom-card{
    flex-direction: initial;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
  .mr-4{
    margin-bottom: 1.5rem;
  }
  .p-card-title-wrapper{
    flex-wrap: nowrap;
  }
  .pr-16{
    margin-bottom: 50px;
  }
}

 /* End mobile responsive media queries */


 /* Start Modal css  */
 .m-wd-600 {
    max-width: 600px;
  }
 /* End modal css  */
 .serviced_apartment_section{
  padding: 91px 0 80px 0;
  background-color: #f3bc84;
 }
 .serviced_apartment_section h2{
  font-weight: 700;
  font-size: 48px!important;
  line-height: 1.31;
  color: #000000;
  margin-bottom: 61px;
 }