/*@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700);*/

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:100,200,300,400,500,600,700');

html 
{
	overflow-x: hidden;
}
body 
{
	padding: 0;
    margin: 0;
    font-family: 'Work Sans', sans-serif;
    /*background: repeating-linear-gradient(45 deg, white, #413d48 100px);*/
    background: url(bg2.jpg);
	background-position: center;
    /*background-size: 107px 108px;*/
    background-attachment: fixed;
}
a 
{
	text-decoration:none;color:unset;
}


input,select,textarea,button {font-family: "Work Sans", sans-serif;}


.counter 
{
    width: fit-content;
    max-width: 200px;
    text-align: center;
    font-size: 10px;
    padding: 2px 12px;
    color: #000;
    border-radius: 3px;
    /*margin: 2px 4px 2px;*/
    margin:0 auto ;
    
}


.light-text
{
    font-family: 'Work Sans', sans-serif;
    font-weight: 200;
}

/*.alert {     padding: 23px;
    width: fit-content;
    font-size: 13px;
    margin: 0px auto;
    font-weight: 500;
    border-radius: 6px;}
	
.danger {background: #ffd0d082;
    color: #d45050;}
.info {    background: #d0deff82;
    color: #5097d4;
}
.success {background: #90ff6c82;
    color: #1aab2c;
}*/
.card
{
	border-radius: 25px;
	width: 400px;
    background: #fff3db;
    overflow: hidden;
    margin: 20px auto;
    z-index: 0;
    background: url(bg/07.png);
    background-size: 100% 100%;
    color: white;
    padding: 0px 0px 27px;
	}
	
.card_logo
{
	margin: 14px auto 10px;
    z-index: 2;
    text-align: center;
    padding: 0px 29px;
}
	
.card_logo img
{
    margin-top: 10px;
    height: 140px;
    max-width: 140px;
    border-radius: 50px;
    border: 3px solid white;
    padding: 3px;background: white;
}
	
.card_info 
{
	z-index: 2;
    text-align: center;
    font-weight: 400;
    margin: 0;
}

.card_info h2
{
	font-weight: 600;
    text-transform: uppercase;
    margin: 5px 30px;
    color: #e5b05c;
    letter-spacing: -1px;
    text-shadow: 2px 2px  #333333;
}

.card_info h6
{
    color: #000;
}
.card_info p
{
	text-transform: capitalize;
    font-weight: 600;
    color: #000;
    font-size: 12px;
    margin: 0px 33px;
}

.dis_flex 
{
    display: block;
    text-align: center;
    padding: 0px 11px;
}

.dis_flex .link_btn
{
	background: linear-gradient(to bottom right, #f2d473 0%, #db944c 100%);
    color: black;
    border-radius: 890px 120px 890px 0px;
    padding: 5px 11px;
    width: fit-content;
    font-size: 14px;
    margin: 10px 0px;
    display: inline-block;
    box-shadow: 3px 3px  #333333;
    border: 1px solid white;
}

.dis_flex .btn_l
{
	background:#4f060a;
    color: white;
    border-radius: 20px;
    padding: 5px 11px;
    width: fit-content;
    font-size: 15px;
    margin: 10px 0px;
    display: inline-block;
    box-shadow: 1px 1px 10px 0px #00000040;
    border: 1px solid white;
}


.contact_details
{
    padding: 21px 24px;
}

.contact_details .contact_d
{
    display: flex;
}

.contact_details .contact_d i
{
	margin: 4px;
    color: #e5b05c;
    height: 25px;
    font-size: 15px;
    padding: 4px;
    border-radius: 100%;
    text-align: center;
    width: 25px;
    background: black;
    border: 1px solid #e5b05c;
}

.contact_details .contact_d p
{
	margin: 6px 15px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    max-width: 260px;
    line-height: 1.5;
}

.dis_flex .share_wtsp 
{
	padding: 0pc;
    margin: 10px auto;
    text-align: center;
}

.dis_flex .share_wtsp select {}

.dis_flex  .share_wtsp input 
{
	font-size: 13px;
    border: 0px;
    padding: 10px;
    outline: none;
    background: white;
    box-shadow: 0px 0px 10px 0px #0000002e;
}

.dis_flex  .share_wtsp input[type=submit]
{
    background: #47b303;
    color: white;
    font-size: 10px;
    padding: 11px;
    top: -2px;
    position: relative;
}

.dis_flex .sbtns 
{
	background: linear-gradient(to bottom right, #f2d473 0%, #db944c 100%);
    color: black;
    border-radius: 890px 120px 890px 0px;
    font-size: 12px;
    padding: 10px;
    display: inline-block;
    text-align: center;
    margin: 3px 0px;
    border: 1px solid white;
    width: 139px;
    font-weight: 500;
    box-shadow: 3px 3px  #333333;
}

.dis_flex .big_btns i{}

.dis_flex .social_med 
{
    padding: 2px;
    margin: 21px 0px 32px;
    display: inline-block;
}

.dis_flex .social_med i
{
	font-size: 20px;
    width: 19px;
    text-align: center;
    border-radius: 100%;
    padding: 9px 10px;
}

.social-logo
{
    width: 34px;
    height: 34px;
}

.social-yt
{
    width: 40px;
    height: 34px;
}


.card2
{
	border-radius: 25px;
	background: black;
    width: 400px;
    margin: 7px auto;
    padding: 0px;
    border-radius: 6px;
    overflow: hidden;
}

.card2 h1{}
.card2 h2{}

.card2 h3
{
	text-align: center;
    font-size: 22px;
    /*background: #2e2c41;*/
    color: white;
    font-weight: 500;
    letter-spacing: -1px;
    width: -webkit-fill-available;
    border-top: 3px solid;
    border-bottom: 3px solid;
    padding: 10px;
    margin: 0px 0px 21px;
}

.card2 p
{
    
    color: white;
}

.card2 form{}

.card2 form input,.card2 form textarea
{
	width: -webkit-fill-available;
    font-size: 14px;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #dedede;
    margin: 4px 26px;
    resize: vertical;
    background: #00000005;
    color: white;
}

.card2 form input[type=submit]
{
	color: white;
    font-size: 20px;
    background: black;
}

.card2 iframe 
{
	margin: 8px auto;
    position: relative;
    display: flex;
    border-radius: 5px;
    width: auto;
    height: 188px;
}
	
.btn_6 
{
	background: #ffffff;
    width: fit-content;
    padding: 9px;
    font-size: 12px;
    margin: 0 auto;
    border-radius: 4px;
    color: #000000;
    box-shadow: 0px 0px 10px 0px #0000
}	
	
.btn_5
{
	background: #4CAF50;
    width: fit-content;
    padding: 9px;
    font-size: 12px;
    margin: 0 auto;
    border-radius: 4px;
    color: white;
    box-shadow: 0px 0px 10px 0px #0000
}	
	
.pro_dis 
{
	color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    margin: 10px;
}

.pro_price 
{
	color: #188e1d;
    font-weight: 500;
    margin: 9px;
}

/*prouct services*/

.product_title
{
    color: #ffffff;
}


.product_s
 {
	text-align: center;
    background: black;
    padding: 10px;
    width: 100%;
    border-radius: 7px;
	margin: 20px auto;
}
	
#product_services
{
	text-align:center
}

.product_s p
{
	font-weight: 600;
    text-transform: capitalize;
}	

.product_s img
{
	width: auto;
    max-width: 100%;
    background: white;
    border-radius: 5px;
    max-height: 1100px;
}		


/*image gallery*/

.img_gall 
{
	text-align: center;
    margin: 10px;
}

.img_gall img
{
	max-width: 100%;
    background: white;
    max-height: 600px;
    border-radius: 10px;
    display: inline-block;
}
/* about us*/

#about_us {}
#about_us h3{}

#about_us p
{
	white-space: pre-line;
    font-size: 12px;
    font-weight: 500;
    line-height: 2;
    padding: 10px 20px;
    margin: 0;
}


/*payment */

#payment {}

#payment p
{
	font-size: 19px;
    font-weight: 500;
    color: white;
    width: 77%;
    margin: 8px auto;
}

#payment h2
{
	font-size: 12px;
    font-weight: 500;
    color: white;
    width: 77%;
    margin: 0 auto;
}

#payment img
{
	width: 100%;
    border-radius: 20px;
    margin: 10px 0px;
}

label .hamburger 
{
  position: absolute;
  top: 135px;
  left: 60px;
  width: 15px;
  height: 2px;
  background: #000;
  display: block;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

label .hamburger:after, label .hamburger:before 
{
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
}

label .hamburger:before { top: -10px;}

label .hamburger:after { bottom: -10px;}

label input { display: none; }

label input:checked + .menu
{
  box-shadow: 0 0 0 100vw #f8fafe, 0 0 0 100vh #f8fafe;
  border-radius: 0;
}

label input:checked + .menu .hamburger 
{
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background:black;
}

label input:checked + .menu .hamburger:after 
{
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  bottom: 0;
  background:black;
}

label input:checked + .menu .hamburger:before 
{
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  top: 0;
}

label input:checked + .menu + ul { opacity: 1; }



label .menu 
{
  position: absolute;
  right: -100px;
  top: -100px;
  z-index: 100;
  width: 200px;
  height: 100px;
  border-radius: 50% 50% 50% 50%;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  box-shadow: 0 0 0 0 #FFF, 0 0 0 0 #FFF;
  cursor: pointer;
}

label ul
{
  z-index: 200;
  position: absolute;
  top: 22%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: .25s 0s ease-in-out;
  transition: .25s 0s ease-in-out;
}

label a 
{
  margin-bottom: 1em;
  display: block;
  color: #000;
  text-decoration: none;
}


.share_wtsp form
{    
	display: flex;
    margin: 10px auto 20px;
    position: relative;
    width: fit-content;
    height:auto;
}


.wtsp_share_btn
{
	background: green;
    font-size: 14px;
    padding: 8px;
    cursor:pointer;
}

.about
{
    text-align: center;
}

a:link {
    text-decoration: none;
  }

  a:visited {
    text-decoration: none;
  }



/*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*/
/*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*/
/*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*/
/*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*/
/*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*/
/*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*/
/*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*//*Mobile style*/



@media screen and (max-width:700px){
	.card {
    width: -webkit-fill-available;
    background: #fff3db;
    overflow: hidden;
   margin: 0px auto 10px;
    z-index: 0;
    background: url(bg/07.png);
    background-size: 100% 100%;
}

.card2 {
   width:auto;
    margin: 0 5px;
    
}

body
{
	background : black;
}