:root {
  --dark: #5B5B5B;
  --white: #fff;
  --gray-dark: #E0E0E0;
  --lightgray: #F5F5F5;
  --black: #000;
  --brown: #B73587;
  --browndark: #732652;
  --Gray: #7EC4FF;
  --black-light: #6C6C6C
}
body {
  margin: 0;
  padding: 0;
  width: 100%;font-size: 16px;
  text-rendering: optimizeLegibility; 
  font-family: Poppins;
  text-size-adjust: 100%;
  font-weight:normal;font-weight: 400; padding-top: 10px;
  color:var(--black); }


  #primary-menu-list, #primary-menu-list > *,
.header, header, *, button, input[type="button"], input[type="submit"], .btn{ -webkit-transition: all 0.2s ease-in-out;    outline: none;

  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;}



.btn{padding: 0.5rem 0.75rem; border-radius: 30px;}

a,button, input[type="button"], input[type="submit"],

a:hover,button:hover, input[type="button"]:hover, input[type="submit"]:hover{cursor: pointer;      outline: none!important; box-shadow: none!important;}

h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 0; 

}
.h1, h1 {
  font-size: 44px;line-height: 54.5px; margin-bottom: 10px;font-weight: 600;
}
.h2, h2 {
  font-size: 40px;line-height: 54.5px;margin-bottom: 10px; color: var(--brown);font-weight: 600;
}
.h3, h3{font-size: 30px; text-transform: capitalize;line-height: 42px; font-weight: 600;}
.h4, h4{font-size: 24px; text-transform: capitalize; color: var(--white);line-height: 34px;}
.h5, h5 {font-size: 18px;line-height: 31px;}
a,button, input[type="button"], input[type="submit"] {

  text-decoration: none;color:var(--white); 

}

a:hover{color:var(--brown);text-decoration: none; }

.btn-check:focus+.btn, .btn:focus{box-shadow:none;}

section{padding: 30px 0 ; position: relative; background-position: center; background-size: cover;}

p {
  padding: 0;
  margin: 0 0 20px;font-weight: 400;
 line-height: 29px;
}
p:last-child{margin-bottom: 0;}
.our_instagram_section p{margin-bottom: 25px;}
img {
width: 100%;
  max-width: 100%;

  margin: 0;

  padding: 0;max-width: 100%!important; 

}

ul, ol, li{list-style: none; margin: 0; padding: 0;}

.common_ul {

  margin: 0;
  padding: 0;
  list-style: none;

}

.col-md-logo{max-width: 300px;}

.logo, .logo_sticky {
  display: inline-block;  
  height: 75px;
  position: relative;
  z-index: 99999; padding-top: 8px;
}

.logo img, .logo_sticky img {

  width: auto; display: block;float: left; height: 100%;

}
.logo_sticky, .btn_write_to_us, .primary-menu-container-sticky{display: none;}
.header{position: fixed; left: 0; right: 0; top: 60px; z-index: 99999; padding: 0px 0 0; }

.header.fixed{ padding: 10px 0 5px; background: var(--brown); top: 0;}

.header_black.fixed{background: var(--brown);}
.header.fixed .logo_sticky, .header.fixed .btn_write_to_us{display: inline-block;}

.btn_write_to_us{margin-right: 15px;}
.header .logo{margin-left: 30px;}
.header.fixed .logo{margin: 0;}

.header.fixed .logo, .header.fixed .logo img{height: 50px; padding-top: 1px; }
.col-md-sticky_h{display: inline-block; vertical-align: top; margin-top: 0px;}

.header.fixed .logo_sticky{float:left;position: absolute;  left: 15px;}
.header.fixed .col-md-sticky_h{}

  .header.fixed #site-navigation{margin-top: 8px;
    margin-bottom: 6px;}

.slider_home {padding: 0; overflow: hidden; z-index: 2;}

.slider_home video{width: 100%; position: absolute; }

#primary-menu-list{float: right; margin-right: 15px;}

#primary-menu-list li{float: left; margin:5px 0px 0;}
.header.fixed #primary-menu-list li{margin-top: 0px;    margin-top: 3px;}

#primary-menu-list a{color: var(--white); text-transform: capitalize; display: block; font-size: 16px; position: relative; padding: 8px 15px;}
#primary-menu-list a:hover{color: var(--black);}

#primary-menu-list li:nth-child(4) a{margin-left: 15px;}
#primary-menu-list li:nth-child(4) a, #primary-menu-list li:nth-child(5) a{border: 1px solid var(--white); border-radius: 50px; margin-right: 20px; }

#primary-menu-list li:nth-child(5) a{background: var(--white); color: var(--black);}
#primary-menu-list li:nth-child(5) a:hover, #primary-menu-list li:nth-child(4) a:hover{background: var(--black); color: var(--white);}

#primary-menu-list a:hover, 
#primary-menu-list .current_page_item > a, 
#primary-menu-list .current_page_parent > a, 
#primary-menu-list .open > a, 
#primary-menu-list .current-page-ancestor > a{}

#primary-menu-list .open > a::after,
#primary-menu-list .current-page-ancestor > a::after,
#primary-menu-list .current_page_parent > a::after, 
#primary-menu-list .current_page_item > a::after, #primary-menu-list a:hover::after{opacity: 1;}

.title_heading_small{font-size: 30px;  margin-bottom: 30px;}
.title_heading{font-size: 40px; margin-bottom: 40px;font-weight: 300; color: var(--white);  position: relative;}

.banner_area{position: relative;}
.banner_area .pixel-box{position: absolute; right: 0; width: 40%; top: 50%; color: var(--white); padding-right: 50px; -webkit-transform: translate3d(0%, -50%, 0)!important;
  -ms-transform: translate3d(0%, -50%, 0)!important;
  -o-transform: translate3d(0%, -50%, 0)!important;
  transform: translate3d(0%, -50%, 0)!important;}
.banner_area p{max-width: 70%;}
.banner_area{border-radius: 30px; overflow: hidden;}
#banner-box{padding-bottom: 0; z-index: 1;}
#aboutus{padding-top: 0;}
.about_area{margin-top: -50px; border-radius: 30px; background-position: center right; background-size: cover;padding:140px 90px 90px; min-height: 580px; display: flex; align-items: center; z-index: 0; position: relative;}
.features_list{background: url(../images/feature.jpg) center no-repeat; background-size: cover; border-radius: 10px; padding: 40px; margin-bottom: 25px; color: var(--black); background: var(--lightgray); }
.features_list:last-child{margin-bottom: 0;}

.Download_area h2{color: var(--black);}
.Download_area h2 span{color: var(--brown);}
.appstore_links li{display: inline-block; vertical-align: top; margin: 15px 5px 0;}
.appstore_links img{max-width: 215px;width: auto;}
.service_providers_area{padding: 90px 40px; background-size: auto 100%; background-repeat: no-repeat; background-color: #fcfafb; border-radius: 30px;}
.btn_main{background: var(--brown); color: var(--white); border-radius: 50px; padding: 8px 15px; display: inline-block; vertical-align: top;}
.btn_main:hover{background: var(--black); color: var(--white);}
.appstore_links a:hover{opacity: 0.8;}


.container_footer{border-radius: 30px;background: var(--black) url(../images/footer_bg.svg) center right no-repeat; background-size: auto 100%; padding: 30px; padding-top: 150px;color: var(--white); margin-bottom: 30px;} 
.container_footer  .row{ align-items: end; }
.logo_footer img{max-width: 160px; width: auto;}
.container_footer p{margin: 0; margin-top: 15px; color: var(--white);}

.social_links li,
.footer-menu-container li{display: inline-block; vertical-align: top; }
.footer-menu-container li a{font-size: 14px;border-left: 1px solid #fff;  line-height: 12px;   display: inline-block;  padding: 0 10px;}
.footer-menu-container li:first-child a{border: none;}
.social_links a{border: 1px solid var(--white); border-radius: 40px; padding: 7px 15px;display: inline-block; font-size: 16px; margin-left: 15px; margin-top: 15px;font-weight: 300;}
.social_links a i{margin-right: 5px; font-size: 14px;}

.inner-area-banner{background: url(../images/inside_page_bg.jpg) center no-repeat; border-radius: 30px; background-size: cover; color: var(--white); padding: 180px 30px 80px;}

.card{border: none;}
.card-body{padding:15px 0;color: #8E8E8E;border-bottom: 1px solid #E2E2E2;}
.card-header, .card-header button{padding: 0; background: none; border: none; color: var(--black); font-size: 18px; font-weight: 600;}
.card-header button{padding: 15px 0; border-bottom: 1px solid #E2E2E2; display: block;  padding-right: 40px;  width: 100%;  text-align: left; position: relative;}
.accordion .card:first-child .card-header button{border-top: 1px solid #E2E2E2;}

.card-header button::after{content: '+'; position: absolute; right: 0; font-size: 24px;     top: 10px;}
.card-header button.collapsed::after{content: '-';}
.entry-content h3{margin-bottom: 15px;}