a {    text-decoration: unset;

    color: unset;}

	

	.btn_save {background: linear-gradient(45deg, #2196F3, #00BCD4);

    width: fit-content;

    margin: 10 auto;

    padding: 14px;

    color: white;}



.new_tag {position: absolute;

    top: 5px;

    background: #f44336;

    padding: 2px 8px;

    font-weight: 500;

    font-size: 8px;

    border-radius: 29px;

    right: -14px;

    border: 0px;}

.new_lab {z-index: 2;

    position: absolute;

    background: #ff5722;

    padding: 4px 10px;

    right: -13px;

    top: -11px;

    font-size: 12px;

    color: white;

    border-radius: 24px;}

	

	.new_lab2 {        z-index: 2;

    position: absolute;

    background: #4caf50;

    padding: 3px 7px;

    right: 3px;

    top: 2px;

    font-size: 10px;

    color: white;

    border-radius: 4px;}

.slider_image {width: 100%;

    position: relative;

    height: auto;

    background: white;}

.slider_image .mySlides {width: 100%;animation:fadeIn 1s linear forwards;}

@keyframes fadeIn {

	0% {opacity:0;}

	100% {opacity:1;}

}

.new_label {}



.head_up {background: black;

    color: white;display:flex;}

.head_up p{padding: 4px 26px;

    margin: 0px;

    font-size: 13px;

    float: unset;}

.head_up p i{}



.wtsp_chat {

            width: fit-content;
    position: fixed;
    bottom: 12px;
    right: 6px;
    z-index: 8;

}

.wtsp_chat i {

    font-size: 46px;

    background: linear-gradient( 

45deg, #4caf50, #009688);

    color: white;

    padding: 7px 10px;

    border-radius: 7px;

    border: 2px solid white;

    z-index: 312;



}

header { background: black;

    width: -webkit-fill-available;

    padding: 0;

    overflow: unset;

    position: sticky;

    display: flex;

    padding: 0px 68px;

    top: 0;

    z-index: 22;

   

}

header .logo{    display: flex}

header .logo h3  {  margin: 7px 0px;

    font-size: 32px;

    font-weight: 200;

    color: white;

    font-family: Amita;

    text-transform: capitalize;

}



header .logo img{width: 77px;

    height: auto;

    margin: -3px 0px 0px;}

	

header .head_txt {display: flex;

    position: absolute;

    right: 80px;}

header .head_txt h3{ font-weight: 500;

    padding: 22px 11px;

    cursor: pointer;

    color: white;

    font-size: 14px;

    letter-spacing: -1px;



	}

	

header .head_txt h3:hover {

	transition:0.3s;

}



header .head_txt h3 .notification {

	background: white;

    color: #4c4c4b;

    font-weight: 500;

    padding: 10px;

    border-radius: 6px;

    font-size: 10px;

    position: relative;

    top: 8px;

	

}





.search_page {text-align: center;

    padding: 40px 0px;}

.search_page h2 {font-weight: 700;

    text-transform: uppercase;

    font-size: 34px;} 

.bc_bg {        color: white;

    background: #2196f3;

    border-radius: 47px;

    padding: 6px;

    min-width: 69px;

    display: inline-block;

    border-left: 2px solid #0d4775;} 







.sub_title {    text-align: center;

    color: #353637;}

.search_box,.search_result {display: inline-block;}

.search_result {width: 400px;

    vertical-align: middle;

    max-height: 400px;

    margin: 0px;

    overflow-y: overlay;

    background: #ffffff;

    position: absolute;

    z-index: 26;

    left: 0px;

    top: 37px;

    padding: 0px 0px 0px 0px;

}







.search_box {

   background: white;

    width: 400px;

    height: 200px;

    z-index: 1;

    padding: 23px;

    border-radius: 7px;

    margin: 0 auto;

    position: relative;

    

}



.close_search {    color: #f54646;

    font-size: 46px;

    text-align: end;

    margin: 0px 26px;

    padding: 0px 10px 0px;

    right: -3px;

    z-index: 3;

    top: -2px;

    border-radius: 24px;}



.search_box .close {   color: #ff0808;

    width: fit-content;

    font-size: 42px;

    position: absolute;

    right: 31px;

    top: 14px;

    z-index: 3;cursor:pointer;}

.search_box h2 {font-size: 24px;

    text-align: center;

    font-weight: 500;

    color: #323332;

    text-transform: capitalize;

}	



.search_box input{padding: 12px;

    display: block;

    margin: 17px auto;

    width: -webkit-fill-available;

    outline: none;

    border-radius: 29px;

    background: #b44d4d17;

    border: 0px;

    font-size: 20px;

    text-align: center;

    border-bottom: 2px solid #1284df;

}

.search_box button{  margin: 0 auto;

    position: relative;

    display: block;

    padding: 12px 20px;

    border-radius: 52px;

    border: 0px;

    background: linear-gradient( 

45deg

 , #9c0202, #1284df);

    color: white;

    width: -webkit-fill-available;

    outline: none;

    font-size: 21px;}

.search_box button:active {

	transition:0.3s;

	transform:scale(0.8);

}



.search_card_preview {position: relative;

    display: grid;

    grid-template-columns: 20% 60% 20%;

    text-align: center;

    align-items: center;

    margin: 4px 2px;

    box-shadow: 0px 0px 8px 0px #d8d8d859;

    background: white;

    border: 1px solid #b9b9b940;

    border-radius: 5px;

    padding: 4px;

}

.search_card_preview img{width: 92%;}

.discrip {text-align: left;}

.discrip h2{margin: 8px 0px 0px;

    font-size: 15px;

    color: #084a7e;

    text-transform: capitalize;}

.discrip p{    margin: 4px 0px;

    font-size: 12px;

    color: gray;}



.see_more_btn {background: #1284df;

    padding: 10px;

    align-self: center;

    width: 39px;

    font-size: 19px;

    align-items: center;

    color: white;

    border-radius: 31px;

    margin: 0px auto 0px;

}

	

.alert_unavailable,.alert_info {background: #ff000008;

    color: #f44336;

    width: fit-content;

    padding: 24px;

    margin: 0 auto;

    border-radius: 7px;}

.alert_info {background: #ffffff08;

    color: #4caf50;

    font-weight: 500;}



#facebook_icon {  color: #ffffff;

    background: linear-gradient(0deg, #3F51B5, #8946ff);

    border: 0px;

    border-radius: 6px;

    width: 100px;}



.fa-line-chart {color: #4caf50;

    font-weight: 800;}

.mobile_home {display:none;}



.main {background: #9c0202;

    overflow: hidden;

    height: 81vh;}

	



	



#wave1 {position: absolute;

}

#wave1 path{}

	

.design_div_block1,.design_div_block2,.design_div_block3 {    position: absolute;

    width: 300px;

    height: 200px;

    background: #ffffff24;

    z-index: 1;

    border-radius: 20px;

}

.design_div_block1 {

	animation: ddb1 7s linear infinite alternate;

	-webkit-animation: ddb1 7s linear infinite alternate;

	-moz-animation: ddb1 7s linear infinite alternate;

    left: 30%;

}



.design_div_block2 {

	animation: ddb1 20s linear infinite alternate;

	-webkit-animation: ddb1 20s linear infinite alternate;

	-moz-animation: ddb1 20s linear infinite alternate;

    left: 30%;

}



.design_div_block3 {

	animation: ddb1 25s linear infinite alternate;

	-webkit-animation: ddb1 25s linear infinite alternate;

	-moz-animation: ddb1 25s linear infinite alternate;

    left: 30%;

}

@keyframes ddb1 {

	0% {transform: translate(100%, 5%) rotate3d(1,1,1,0deg);}

	50% {transform: translate(140%, 140%) rotate3d(1,1,1,180deg);}

	0% {transform: translate(5%, 100%) rotate3d(1,1,1,360deg);}

}@-webkit-keyframes ddb1 {

	0% {transform: translate(100%, 5%) rotate3d(1,1,1,0deg);}

	50% {transform: translate(140%, 140%) rotate3d(1,1,1,180deg);}

	0% {transform: translate(5%, 100%) rotate3d(1,1,1,360deg);}

}@-moz-keyframes ddb1 {

	0% {transform: translate(100%, 5%) rotate3d(1,1,1,0deg);}

	50% {transform: translate(140%, 140%) rotate3d(1,1,1,180deg);}

	0% {transform: translate(5%, 100%) rotate3d(1,1,1,360deg);}

}







.main .main_txt{ margin: 8% 0% 5% 6%;

    text-align: left;

    z-index: 4;

    color: white;

    width: 50%;position: relative;}

.main .main_txt h1{   font-size: 53px;

    letter-spacing: -3px;

    margin: 0;

    font-weight: 700;

    text-transform: uppercase;

}



/*water wave*/



.main .main_txt h2{font-size: 22px;

    font-weight: 500;

    margin: 16px 0px;

    text-align: justify;}

.main .main_txt p{    font-size: 15px;

    font-weight: 500;

    margin: 47px auto 5px;}

.btn_1 {  width: fit-content;

    margin: 38px auto;

    color: #ffffff;

    padding: 13px 36px;

    border-radius: 50px;

    font-size: 20px;

    border: 2px solid;

    background: #1284df;}

	

	

.btn_2 { background: #1284df;

    width: fit-content;

    margin: 38px auto;

    color: white;

    padding: 13px 36px;

    border-radius: 40px;

    border: 2px solid;

    font-size: 23px;

    animation: shining1 1s linear infinite;}



.btn_2:after {

    content: '';

    position: absolute;

    height: 100%;

    left: 0;

    top: -1px;

    width: 0px;border-radius: 40px;

    background: #ffffff26;

}

.btn_2:hover:after {

	content: '';

    position: absolute;

    height: 100%;

    left: 0;

    top: -1px;

    width: 100%;

    background: #ffffff26;

	transition:0.4s;

}	

@keyframes shining1 {

	

}

	

	iframe {    height: 300px;
    cursor: zoom-out;
    border: 0px;
    box-shadow: unset;
    width: auto;
    border-radius: 5px;
    padding: 0px;
    margin: 0px;
}



iframe.youtube {    max-width: 500px;

    max-height: 500px;

    width: -webkit-fill-available;

    height: 281px;

    cursor: zoom-out;

    border: 0px;

    box-shadow: unset;

    border-radius: 5px;

    margin: 0 auto !important;

    position: relative;

    left: 50%;

    transform: translate(-50%);}

	

	

.w_l_f {color: #653bb7;

    width: auto;

    margin: 0 auto;

    padding: 20px;}	

.w_l_f h1{  margin: 0px;

    padding: 20px 39px;

    font-weight: 600;

    text-align: center;

    color: black;}	

.w_l_f h3{background: linear-gradient(5deg, #444fb6, #9C27B0);

    width: fit-content;

    margin: 0 auto;

    text-align: center;

    color: white;

    font-weight: 500;

    padding: 16px;

    border-radius: 5px;}	

.w_l_f img{width: 401px;}	

.w_l_f ul,img{display:inline-block}	

.w_l_f ul {vertical-align: top;

    background: white;

    border-radius: 0px;

    overflow: hidden;

    padding: 0px 53px;

    font-weight: 600;

    color: black;

}

.w_l_f ul li{padding: 13px;}	

.w_l_f ul li:nth-child(2n) {

    background: #efefef;

}	



	.business2 {    background: #0c192e;

    color: white;

    padding: 44px 10px;

    margin: 0;

    text-align: center;}

	.business2 h1{text-align: center;

    text-transform: capitalize;

    font-size: 35px;}

	.business2 h3{font-size: 17px;

    text-align: center;

    font-weight: 400;}

	

	.elmnta {text-align: center;

    width: fit-content;

    padding: 16px 28px;

    border-radius: 59px;

    margin: 5% auto 27px;

    background: white;

    color: var(--color);}

	.elmntb {}

	.elmntb h2{}

	.elmntb h3{}

	

	.bubble_s1,.bubble_s2,.bubble_s3 {width: 200px;

    height: 200px;

    background: radial-gradient(#ffffff78, transparent);

    border-radius: 100%;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translate(0,-50%);

		animation:bubble_s 30s linear infinite alternate;

		-webkit-animation:bubble_s 30s linear infinite alternate;

		animation-delay:5s;

		-webkit-animation-delay:5s;

	}	

	



	

	.bubble_s2 {width: 100px;

    height: 100px;-webkit-animation-delay:10s;}

	

	

	.bubble_s3 {width: 150px;

    height: 150px;-webkit-animation-delay:30s;}

	

	@keyframes bubble_s{

	from {left:0;}

	to{left:85%;}

}

@-webkit-keyframes bubble_s{

	from {left:0;}

	to{left:85%;}

}

.fr_offer {         background: black;

    width: fit-content;

    max-width: 400px;

    color: white;

    padding: 10px;

    margin: 10px;

    display: inline-grid;

    vertical-align: text-top;

    border-radius: 8px;}

.fr_offer h2{           padding: 10px;

    font-size: 18px;

    background: #18153b;

    color: white;

    margin: 10px;

    width: -webkit-fill-available;

    font-weight: 500;}

.fr_offer h1{       padding: 3px 17px 17px;

    color: #009688;

    font-size: 22px;}

.fr_offer li del {     color: #ff5252;}



.fr_offer li{              list-style-type: decimal;

    padding: 4px 32px;

    text-align: left;

    font-size: 14px;

    color: #e4e4e4;}

	

	.fr_offer li:nth-child(2n+2) {

   

}

.fr_offer h3 {    font-size: 22px;

    padding: 16px;

    font-weight: 600;}

.fr_offer h3 del{    color: gray;

    font-size: 12px;}



.offer_btn{           width: fit-content;

    text-align: center;

    margin: 10px auto;

    background: #0f3b5f;

    padding: 10px 20px;

    color: white;

    border-radius: 63px;

    font-size: 15px;

    border: 2px solid;}

	

	

	/*scroll bar*/

	/* width */

::-webkit-scrollbar {

  width: 10px;

}



/* Track */

::-webkit-scrollbar-track {

  background: #f1f1f14a; 

}

 

/* Handle */

::-webkit-scrollbar-thumb {

  background: #888; 

}



/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

  background: #555; 

}

	

	

	/* page 3 */

	

	.display_flex {display: flex;

    padding: 50px;

    background: linear-gradient(90deg, #4c4bb6, #942bb2);}

	.side1,.side2 {    width: -webkit-fill-available;

    padding: 18px;

    text-align: center;}

	

	

	#imgd2 {    position: absolute;

    left: 50%;

    transform: translate(-50%);

    box-shadow: 0px 0px 20px 0px #0000003d;

    top: 99px;}

	

	@keyframes upDown {

		0% {   top:10px}

		100% {	top:50px;	}

	}

	

	@-webkit-keyframes upDown {

		0% {   top:10px}

		100% {	top:50px;	}

	}

	.demo_card_side {position: absolute;

    z-index: 3;

    border: 1px solid black;

    width: 200px;

    right: 17%;

    top: 10%;

	animation:scaleMe 5s linear infinite alternate;

	-webkit-animation:scaleMe 5s linear infinite alternate;

	-moz-animation:scaleMe 5s linear infinite alternate;

	}

	

	@keyframes scaleMe {

		0%{transform:scale(1);}

		100%{transform:scale(1.1);}

	

	}@-webkit-keyframes scaleMe {

		0%{transform:scale(1);}

		100%{transform:scale(1.1);}

	

	}@-moz-keyframes scaleMe {

		0%{transform:scale(1);}

		100%{transform:scale(1.1);}

	

	}

	.mobile_cover {

		    z-index: 3;

    width: 100%;

    position: absolute;

    top: 0;

	}

	.mobile_cover_img {

		z-index: 2;

    width: 89%;

    position: absolute;

    top: 48px;

    left: 50%;

    transform: translate(-50%);

	}

	.side2 p{font-weight: 500;

    text-align: center;

    

    font-size: 23px;}

	.side2 h1{font-weight: 500;

    text-align: left;

    font-size: 41px;

    

    text-transform: capitalize;

}



	.side2 h3{font-size: 15px;

    line-height: 2;

   

    text-align: initial;

    font-weight: 400;}

	



.row_backimg {   

   padding: 0px 7px;

    overflow: hidden;

    text-align: center;

   }

   

   .row2 {

    padding: 2px;

    text-align: center;

}

.row_backimg h1{

    font-size: 34px;

    margin: 20px 0px 56px;}

.row_backimg .flex_box{display: flex;

   }



.back_dg2 {background: #9c02023b;

    width: 300px;

    height: 300px;

    position: fixed;

    bottom: 10%;

    border-radius: 100%;

    left: 30px;animation: ddb1 25s linear infinite alternate;

    -webkit-animation: ddb1 25s linear infinite alternate;

    -moz-animation: ddb1 25s linear infinite alternate;}

.back_dg3 {background: #0000003b;

    width: 200px;

    height: 200px;

    position: fixed;

    bottom: 50%;

    border-radius: 100%;

    right: 30;

    FONT-WEIGHT: 300;

    z-index: -1;animation: ddb1 25s linear infinite alternate;

    -webkit-animation: ddb1 25s linear infinite alternate;

    -moz-animation: ddb1 25s linear infinite alternate;}

.back_dg4 {z-index: -1;

    background: #3f51b554;

    width: 150px;

    height: 150px;

    position: fixed;

    bottom: 70%;

    border-radius: 100%;

    left: 50%;animation: ddb1 25s linear infinite alternate;

    -webkit-animation: ddb1 25s linear infinite alternate;

    -moz-animation: ddb1 25s linear infinite alternate;}

	.row_backimg .flex_box .flex_boxin{ background: linear-gradient( 

45deg , #ffffff, #ffffff);

    margin: 15px;

    width: -webkit-fill-available;

    padding: 25px 24px;

    border-radius: 5px;



}

	.row_backimg .flex_box .flex_boxin:hover {

		transform: rotate(0deg);

	}

.row_backimg .flex_box .flex_boxin i{ font-size: 60px;

    color: #1284df;}

.row_backimg .flex_box .flex_boxin h1{font-size: 19px;

    margin: 33px 0px;

    font-weight: 500;

    letter-spacing: -1px;color:black;}

.row_backimg .flex_box .flex_boxin p{  font-weight: 500;

    color: #999999;

    font-size: 10px;}

	

.row2 {

	padding: 50px;

}

.row2 h1 {   text-align: center;

    font-size: 42px;

    font-weight: 500;

    color: #673bb7;}

.row2 h2 {   text-align: center;

    font-size: 35px;

    color: #000000;}

.flex_pricing {    display: block;

    width: fit-content;

    margin: 0 auto;

    background: white;}

.flex_pricingin {     padding: 0px 0px;

    box-shadow: 0px 0px 10px 0px #00000038;

    text-align: left;

    width: auto;

    display: inline-block;

    max-width: 400px;

    vertical-align: text-top;

    margin: 6px;

    border-radius: 5px;

}

.flex_pricingin h3{        background: #1284df;

    margin: 0px;

    padding: 13px 20px;

    text-align: center;

    color: white;

    font-weight: 400;

    font-size: 16px;

    letter-spacing: -0.7px;

}



.mobile_close {display:none;position: absolute;

    top: 0;

    font-size: 50px;

    z-index: 3;

    color: white;

    right: 16px;

    padding: 0;}



.flex_pricingin h1 p{    font-size: 10px;}

.flex_pricingin h1 del {    font-size: 22px;

    color: #000000;}



.flex_pricingin h1{    color: #ffffff;

    background: #005ca6;

    margin: 0;

    padding: 14px;

    font-size: 23px;}

.flex_pricingin ul{padding: 0px 0px;}

.flex_pricingin li{background: white;

    padding: 7px 26px;

    list-style-type: none;

    font-size: 12px;

    font-weight: 600;}

.flex_pricingin li.back{background: #3f5c8417;}

.flex_pricingin li i{    background: #1284df;

    color: white;

    border-radius: 50px;

    padding: 6px;

    font-size: 11px;

    margin: 0px 10px;

}



.flex_pricingin li:nth-child(2n+1) {

    background: #f6f6f6;

}

.del_item {    text-decoration: line-through;

    color: #e20000;}

.title_alert {    background: #dedede;

    width: 20px;

    padding: 3px;

    text-align: center;

    border-radius: 12px;

    position: relative;

    display: inline-block;

    margin: 0px 10px;}

.title_alert_box {   display:none;     background: #dedede;

    padding: 10px;

    border-radius: 3px;

    width: 300px;

    position: absolute;

    z-index: 3;

    margin: 10px;

    top: 13px;

    left: 50%;

    transform: translate(-50%);}

.title_alert:hover .title_alert_box {display:block;} 

	

	.row_contact {  background: transparent;

    color: black;

    padding: 91px 50px;

    text-align: center;}

	.row_contact h3{font-weight: 500;

 

    width: fit-content;

    margin: 5px auto;

    padding: 20px;}

	.row_contact h1{font-size: 50px;

    font-weight: 500;

    background: #ffffff;

    width: fit-content;

    margin: 0 auto;

    padding: 20px;

    box-shadow: 0px 0px 10px 0px #544d4d33;

    border-radius: 7px;}

	

	.row_features {padding: 50px;text-align:center}

	.row_features p{   text-align: center;

    color: #000000;

    font-weight: 500;

    width: fit-content;

    margin: 20px auto;

}

	

	.row_features h1{    text-align: center;

    font-size: 38px;

    color: #363c3f;

    width: auto;

    letter-spacing: -0.6px;

    font-weight: 600;

    text-transform: capitalize;}

	

	#svg_fea {position: absolute;

    width: 100%;

    z-index: -1;

    left: 0;

    height: auto;

    bottom: 0;}

	.cont_share_boxes {

             width: 200px;

    display: inline-grid;

    font-size: 16px;

    margin: 5px 2px;

    text-align: center;

    box-shadow: 0px 0px 20px 0px #d9d9d940;

    padding: 13px 13px 26px;

    font-weight: 500;

    border-radius: 5px;

    color: #2a2a2a;

    z-index: 2;

    background: white;

    height: 160px;



}



.cont_share_boxes:hover:after {

    content: '';

    position: absolute;

    border: 6px solid orange;

    width: 30px;

    height: 27px;

    border-bottom: none;

    border-left: none;

    right: 0;

    top: 0;

	transition:0.3s;

}

.cont_share_boxes:hover:before {

    content: '';

    position: absolute;

    border: 6px solid orange;

    width: 30px;

    height: 27px;

    border-top: none;

    border-right: none;

    left: 0;

    bottom: 0;

	transition:0.3s;

}



.cont_share_boxes:hover {

	box-shadow: 0px 0px 10px 0px #0000002e;

	color:black;

}





	.cont_share_boxes i{font-size: 43px;

    margin: 20px;

    color: var(--color);

    }

	

	.row_features .cont_share_boxes:nth-child(3) i {

    color: #009688;

}

.row_features .cont_share_boxes:nth-child(4) i {

    color: #00bcd4;

}

	.row_features .cont_share_boxes:nth-child(5) i {

    color: #ff5722;

}

.row_features .cont_share_boxes:nth-child(6) i {

    color: #4caf50;

}

.row_features .cont_share_boxes:nth-child(7) i {

    color: #ffc107;

}



.row_features .cont_share_boxes:nth-child(8) i {

    color: #e91e63;

}

.row_features .cont_share_boxes:nth-child(9) i {

    color: #243489;

}

.row_features .cont_share_boxes:nth-child(10) i {

    color: #2196f3;

}

.row_features .cont_share_boxes:nth-child(12) i {

    color: #607d8b;

}

.row_features .cont_share_boxes:nth-child(13) i {

    color: #ff9800;

}

.row_features .cont_share_boxes:nth-child(14) i {

    color: #00bcd4;

}

.row_features .cont_share_boxes:nth-child(15) i {

    color: #8bc34a;

}

.row_features .cont_share_boxes:nth-child(16) i {

    color: #f44336;

}

.row_features .cont_share_boxes:nth-child(17) i {

    color: gold;

}

.row_features .cont_share_boxes:nth-child(18) i {

    color: #009688;

}

	

	.row_bottom {         background: #0a0a0a;

    color: white;

}

	.row_bottom  .side1{text-align: left;

    padding: 20px 0px 20px 62px;

    background: #ffffff00;

    color: white;

    width: 63%;}

	.row_bottom  .side1 h1 img{width: auto;

    height: 45px;

    margin: 0px;

    padding: 0px;

    filter: none;

    border-radius: 0px;}

	.row_bottom  .side1 h1{     display: flex;

    margin: 0px;

    margin: 24px 0px;

    padding: 0px;

    font-weight: 400;

    font-size: 23px;}

	.row_bottom  .side1 h3{font-weight: 500;

    font-size: 27px;

    color: #000000;}

	.row_bottom  .side1 .row_bt_p{display: flex;

    margin: 10px 0px;

}

	.row_bottom  .side1 .row_bt_p h4{line-height: 2;

    margin: 8px;

    font-weight: 500;

    font-size: 14px;}

	.row_bottom .side1 .row_bt_p i {

    padding: 12px 7px;

    width: 48px;

    text-align: center;

    font-size: 21px;

    margin: 2px 10px 0px 0px;

    height: fit-content;

    border: 2px solid;

    border-radius: 47px;

}

	.row_bottom  .side2 h3{text-align: center;

    font-size: 30px;

    margin: 0;}

	.row_bottom  .side2 form{}

	.row_bottom  .side2 input,.row_bottom  .side2  textarea {width: 63%;

    padding: 14px;

    background: #00000000;

    border: 1px solid #ffffff;

    border-bottom: 2px solid white;

    margin: 38px auto 0px;

    color: white;

    font-size: 13px;

    border-radius: 7px;

    outline: none;}

	

	.row_bottom input[type=submit]{      width: 355px;

    background: #2196f3;

    padding: 8px;

    border-radius: 5px;

    border-bottom: 0px;

    margin: 20px;

    font-size: 19px;

    border: 2px solid white;}

	.row_bottom  .side2  textarea  {

		        height: 100px;
    color: black;
    background: white;

	}

	

	.row_bottom  .side2 input::placeholder,	.row_bottom  .side2 textarea::placeholder {color:#dcd6d6;font-style: italic;}

	

	.success_alert,.danger_alert  {padding: 16px 43px;

    background: #ececec1f;

    width: fit-content;

    font-size: 13px;

    margin: 6px auto;

    border-radius: 5px;}

	

	.temp_preview {    padding: 50px;

    text-align: center;

    width: auto;

    margin: 0 auto;

    overflow-x: scroll;}

	.temp_preview h1{text-align: center;

    font-weight: 400;

    margin: 0px 10px 40px;}

	

	.demo_slider {

	}

	

	.expander {  overflow: hidden;

    height: auto;

    display: inline-block;

    margin: 10px 3px;

    padding: 10px;

    border-radius: 17px;

    background: #ffffff;

    vertical-align: top;}

	

	.expander .temp_pre {    display: inline-grid;

    margin: 10px 16px;

    text-align: center;

}

.expander_slide {}



	.card_tag {    color: #020202;

    width: fit-content;

    padding: 14px 25px;

    border-radius: 26px/13px;

    left: 50%;

    transform: translate(-50%);

    top: 12px;

    font-size: 26px;

    z-index: 3;

    text-transform: uppercase;

    font-weight: 700;}

	

	.card_tag:before {

    content: '';

    position: absolute;

    width: 100px;

    height: 5px;

    background: #1284df;

    bottom: 0px;

    left: 50%;

    transform: translate(-50%);

    border-radius: 20px;

}

	

	

	.card_tag:hover:before {

		transition:1s;

    width:150px;

}



.demo_slider .card_tag:nth-child(2){background:green}	

	

	@keyframes slowslide{

		0% {left:0;}

		100% {right:0;}

	}

	

	.temp_pre img {width: 85px;

    border: 20px solid #000000;

    height: 176px;

    border-radius: 11px;

    border-left: 5px solid #000000;

    border-right: 5px solid #000000;

    padding: 0px;}

	

	

	.temp_pre:after {

    content: '';

    position: absolute;

    width: 16px;

    height: 16px;

    background: linear-gradient( 

90deg , #7d7b7b, #5555558f,#9c9b9bd6);

    z-index: 7;

    bottom: 2px;

    border: 1px solid #828282;

    left: 50%;

    transform: translate(-50%);

    border-radius: 20px;

}

.temp_pre:before {

    content: '';

    position: absolute;

    width: 26px;

    height: 3px;

    background: #6a6a6a;

    top: 11px;

    left: 50%;

    transform: translate(-50%);

}





.slide_popup_btn{    position: absolute;

    background: #1284df;

    color: white;

    font-size: 12px;

    padding: 8px 10px;

    bottom: 0;

    z-index: 333;

    border-radius: 4px;

    left: 50%;

    transform: translate(-50%);

    width: 102px;

    opacity: 0;}



.temp_pre:hover .slide_popup_btn{   

    

    opacity: 1;

    bottom: 23px;

    border: 3px solid;

    box-shadow: 0px 0px 10px 0px #78787896;}

	

	.join_facebook {width: 51% !important;

    border-radius: 11px !important;

    margin: 5px !important;

    filter: brightness(1) !important;

}

	 .pre_btn{      background: #ffffff;

    width: fit-content;

    margin: 18px auto;

    color: #1284df;

    padding: 10px 31px;

    font-weight: 500;

    border-radius: 35px;

    cursor: pointer;

    font-size: 15px;}

	

	.pre_btn:hover {

	background: #000000;

    transition: 0.3s;

    color: white;

	}

	

	

	#qr_code_d {left: 50%;

    position: relative;

    transform: translate(-50%, 0px);

    margin: 0px 0px 24px;

}

	

	.services {

  

    padding: 20px;

    text-align: center;

    overflow: auto;

    display: flex;

}

	#servicesh2 {      text-align: center;

    font-size: 38px;

    font-weight: 700;

}



		.services h3 {       height: 80px;
    margin: 0px;
    font-weight: 600;
    font-size: 17px;
    width: 182px;
    display: grid;
    align-items: center;
   }

	 .services_box{          max-width: 370px;

    vertical-align: middle;

    height: auto;

    background: #1284df;

    width: fit-content;

    padding: 27px;

    text-align: center;

    color: white;

    margin: 10px 4px;

    border-radius: 8px;

    display: inline-grid;}

	.scroll_cont {display: flex;

    position: relative;

    margin: 0 auto;}

	.services_box h2 {}

	.services_box p{font-size: 12px;

    height: 65px;}

	

	

	.share_wtsp form{    display: flex;

    margin: 14px auto 20px;

    position: relative;

    width: fit-content;}

	.wtsp_share_btn  {background: #1aab2c;

    font-size: 12px;

    padding: 10px;cursor:pointer}

	.wtsp_share_btn i {}

	

	

	.share_box .close { font-size: 47px;

    text-align: end;

    padding: 0px 10px;

    font-weight: 400;

    color: red;}

	

	#whatsapp2 {background:#1aab2c;color:white}

	.fa-comment-dots	 {background: #1cbdff;

    color: white;}

	.share_box .close i {}

	.share_box {

		display:none;

		background: white;

    color: black;

    position: fixed;

    top: 10%;

    width: 351px;

    padding: 10px;

    box-shadow: 0px 0px 10px 0px #00000033;

    z-index: 3;

    border-radius: 11px;}

	.shar_btns {    width: 100px;

    text-align: center;

    display: inline-block;}

	.shar_btns i{padding: 10px;

    border-radius: 8px;}

	.shar_btns p{font-size: 10px;}

	

	/* animated button */

	

	

	.row33 {padding: 20px;

    color: #313131;

    text-align: center;}

	.row33 h1{        margin: 21px 0px 10px;

    text-align: center;

    font-weight: 600;

    color: #333333;

    text-transform: capitalize;

}

	.row33 p{font-size: 15px;

    text-align: center;

    width: 80%;

    margin: 27px auto;

    color: #313131;}

	.row33 .benefit_box {           width: 208px;

    display: inline-grid;

    margin: 6px 3px;

    background: #ffffff;

    text-align: center;

    padding: 16px;

    height: -webkit-fill-available;

    vertical-align: top;

    align-items: center;

    box-shadow: 0px 0px 20px 0px #d7d7d72e;

    border-radius: 6px;

    color: #0b5ea1;

    min-height: 225px;





}





	.row33 .benefit_box i {font-size: 29px;

    }

	.row33 .benefit_box h3 {    margin: 7px;

    font-weight: 600;

    font-size: 18px;

    color: black;}

	.row33 .benefit_box p {    color: black;

    font-size: 12px;

    font-weight: 400;

    margin: 0px auto;}

	

	/*view counter*/

	

	.view_counter {    width: fit-content;

    max-width: 200px;

    text-align: center;

    font-size: 10px;

    padding: 2px 8px;

    background: linear-gradient(

45deg

, #3f51b5, #673ab7);

    color: white;

    border-radius: 35px;

    margin: 5px auto;

    z-index: 5;

    font-weight: 500;

    display: block;}

	.checked {

  color: orange;

}

	

	

	/*footer*/

	

	

	

	

	footer {background: black;

    color: white;}

	footer p{margin: 0px;

    padding: 14px;

    text-align: center;

    font-size: 11px;}

	

	/*order online */





#checkout{width: 400px;

    margin: 0 auto;

    border: 2px solid #3F51B5;

    border-left: 2px solid red;

    border-bottom: 2px solid green;

    border-radius: 9px;

    box-shadow: 0px 0px 20px 0px #6f60603d;

    padding: 21px;

}



.checkout_preview {overflow: hidden;

    background: white;

    padding: 10px;

    margin: 14px 0px;

    border-radius: 10px;}

.checkout_preview img{width: 50%;

    max-height: 150px;

    position: relative;

    margin: 0 auto;

    left: 50%;

    transform: translate(-50%, 0px);}

.checkout_preview h2{    margin: 6px;

    text-align: center;

    font-weight: 500;

    color: black;

    font-size: 16px;}

.checkout_preview h4{ margin: 6px;

    text-align: center;

    font-weight: 500;

    display: inline-block;

    color: #757575;

    font-size: 16px;}

.checkout_preview p{    margin: 6px;

    text-align: center;

    font-weight: 500;

    color: black;

    font-size: 16px;}





.checkout_payment {}



.row_bt_p {}

.row_bt_p img{    height: auto;

    border: 0px;

    width: 204px;

    margin: 14px auto;

    border-radius: 0;}



.card2 form input, .card2 form select {

    width: -webkit-fill-available;

    font-size: 14px;

    border-radius: 5px;

    padding: 10px;

    border: 1px solid #dedede;

    margin: 4px 26px;

    resize: vertical;

    background: #00000005;

	

	

}



.order_confirmation {background: white;

    padding: 34px 20px 20px;

    width: 300px;

    text-align: center;

    margin: 100px auto;

    font-size: 14px;

    line-height: 2;

    box-shadow: 0px 0px 10px 0px #0000001c;

    border-radius: 10px;}

.order_confirmation i{font-size: 55px;

    color: #8BC34A;}

.order_confirmation p{}



.back_btn {background: #03A9F4;

    color: white;

    width: fit-content;

    padding: 5px 18px;

    margin: 0 auto;

    border-radius: 5px;}	





.card_loader_back {    z-index: 100000;

    background: #ffffff;

    width: -webkit-fill-available;

    height: -webkit-fill-available;

    overflow: auto;

    position: fixed;

    top: 0;

    left: 0;

}

.loader2 {       background: repeating-linear-gradient(45deg, #f3faff, white 50%);

    width: -webkit-fill-available;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

}

.loader2 img{   

                 width: 130px;
    margin: 73px auto 0px;
    display: block;
    border-radius: 114px;
    background: black;
    max-height: 130px;
    border: 2px solid transparent;
}

.loader2 h2 {   text-align: center;

    color: #000000;

    font-size: 18px;

    text-transform: uppercase;

}

.loader_box {           width: fit-content;

    max-width: 246px;

    margin: 5% auto 0px;

    display: grid;

    grid-template-columns: auto auto auto auto auto auto auto;

    text-align: center;

    height: 100px;

    position: absolute;

    align-items: center;

    color: black;

    font-size: 31px;

    left: 50%;

    transform: translate(-50%);}

	

.load1,.load2 {}

.load1 {

    width: 27px;

    height: 27px;

    border-radius: 29px;

    

    bottom: 0;    text-align: center;

	animation-delay:0s;

	}

	



.load2 {

    width: 27px;

    height: 27px;

    border-radius: 29px;

    text-align: center;

    bottom: 0;

		animation-delay:0.2s

	}



.load1,.load2 {          position: relative;

    display: grid;

    margin: 1px;

    animation: bounce 1s ease-in-out infinite alternate;

    background: #2196f3;

    align-items: center;

    text-align: center;

    padding: 3px;

    font-size: 12px;

    font-family: sans-serif;

    font-weight: 600;

    border-radius: 4px;

}



.load1 {animation-delay:0s;}

.load2 {animation-delay:0.2s;}



.load1:after,.load2:after {

    content: '';

    position: absolute;

    width: 0px;

    height: 0px;

    background: linear-gradient(

180deg

, black, transparent);

    top: -3px;

    left: 12px;

}

@keyframes bounce {

	0% {transform: translate(0, 0);

    height: 27px;

    box-shadow: 0px 22px 10px 0px #6d6d6d4f;

}

	30% {height: 27px;

    box-shadow: 0px 0px 0px 0px #6d6d6d4f;

}

	100% {transform: translate(0, -20px) ;height:27px;}

}

@-webkit-keyframes bounce {

	0% {transform: translate(0, 0);

    height: 27px;

    box-shadow: 0px 22px 10px 0px #6d6d6d4f;

}

	30% {height: 27px;

    box-shadow: 0px 0px 0px 0px #6d6d6d4f;

}

	100% {transform: translate(0, -20px) ;height:27px;}

}



.circle_loader {    width: 70px;

    height: 70px;

    margin: 65px auto 0px;

    border-radius: 100px;

    position: relative;

    border: 20px solid #2196f3;

    border-bottom: 20px solid #eeeeee;

    animation: circle_loadera 1s linear infinite ;

    -webkit-animation: circle_loadera 1s linear infinite ;

	}

	

	

@keyframes circle_loadera {

	0% {transform:rotate(0deg);}

	100% {transform:rotate(360deg);}

	

}

@-webkit-keyframes circle_loadera {

	0% {transform:rotate(0deg);}

	100% {transform:rotate(360deg);}

	

}



.circle_loader2 {           position: absolute;

    border: 2px solid #2196f3;

    border-bottom: 2px solid #ffffff;

    top: 63px;

    width: 150px;

    height: 150px;

    left: 50%;

    transform: translate(-50%);

    border-radius: 200px;

    animation: circle_loadera2 1s linear infinite;

    -webkit-animation: circle_loadera2 1s linear infinite;}



		

	

@keyframes circle_loadera2 {

	0% {transform:translate(-50%) rotate(0deg) ;}

	100% {transform:translate(-50%) rotate(360deg) ;}

	

}	

@-webkit-keyframes circle_loadera2 {

	0% {transform:translate(-50%) rotate(0deg) ;}

	100% {transform:translate(-50%) rotate(360deg) ;}

	

}







.row2 {padding: 50px;

    text-align: center;}

.category_box {  width: 200px;

    display: inline-block;

    grid-template-columns: 50% 50%;

    height: 184px;

    margin: 5px;

    vertical-align: text-top;

    border-radius: 7px;

    overflow: hidden;cursor:pointer;box-shadow: 0px 0px 20px 0px #afafaf52;



}

.category_box .sidea1{}

.category_box .sidea1 img{width: 100%;

    height: 100%;}

.category_box .sldea2{        position: absolute;

    color: white;

    display: grid;

	grid-template-rows: 34% auto;

    align-items: baseline;

    width: 100%;

    height: 100%;

    bottom: -127px;

    left: 0;

    overflow: hidden;

    background: #000000bf;

    border-radius: 0px;transition:0.3s;}

.category_box .sldea2:hover,.category_box:hover  .sldea2{bottom: 0px;transition:0.3s;background:#252424;}

.category_box .sldea2 h3{margin: 0px;

    padding: 19px 0px 0px;}

.category_box .sldea2 p{margin: 0px;}

.category_name_card_pre {     width: 219px;

    overflow: hidden;

    display: inline-block;

    margin: 10px;

    vertical-align: top;

    border-radius: 5px;

    box-shadow: 0px 0px 20px 0px #e2e2e2;

}

.category_name_card_pre img {    max-width: 100px;

    max-height: 100px;

    display: block;

    margin: 0 auto;}

.category_name_card_pre .discript {    text-align: center;}

.category_name_card_pre .discript h2{  text-align: center;

    margin: 0px;

    font-weight: 500;

    font-size: 18px;}

.category_name_card_pre .discript p{        text-align: center;

    margin: 2px;

    font-size: 12px;}

	.see_more_btn2 {

       background: #000000;

    padding: 10px;

    display: block;

    align-self: center;

    min-width: 40px;

    font-size: 19px;

    align-items: center;

    color: white;

    width: fit-content;

    border-radius: 30px;

    margin: 27px auto 0px;

    top: 50%;

    transform: translate(0px, -50%);

    text-align: center;

}

.search_result_for {    margin: 10px;

    color: #737070;

    font-weight: 600;

}



.city_change {}

.city_change form{text-align: right;}

.city_change form select{    width: 102px;

    text-align: center;

    padding: 3px;

    border-radius: 4px;

    border: 1px solid #1284df1c;

}

.city_change form input[type=submit]{background: #1284df;

    color: white;

    border: 0px;

    padding: 5px;

    border-radius: 4px;}

	

.hero_text {    background: white;

    color: black;

    padding: 10px;

    border-radius: 10px;

    vertical-align: text-top;}