body {
	margin:0px;
	padding:0px;
	font-size:15px;
	font-family: 'Red Hat Display', sans-serif;
}

@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300&display=swap');



h1 {
	font-size:35px;
}
h2 {
	font-size:30px;
}
h3 {
	font-size:25px;
}
h4 {
	font-size:20px;
}
h5 {
	font-size:18px;
}
h6 {
	font-size:16px;
}
h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
}
p {
	margin:0px;
	padding:0px;
	line-height:30px;
}
ul {
	margin:0px;
	padding:0px;
}


/*********** slider section ******/

.slider_contant h6 {
    font-size: 14px;
    color: #4F5D75;
    font-weight: 700; font-family: 'Roboto', sans-serif;
}
.slider_contant h1 {
    font-size: 60px;
    font-weight: 900;
    color: #000;
    padding: 20px 0 20px;
    line-height: 65px;
}

.slider_contant p {
    font-size: 16px;
    color: #4F5D75;
    line-height: 25px; font-family: 'Roboto', sans-serif;
}

.slider_contant {
    padding: 20px 0;
}

.facebook_icon {
    background-color: #3B5998;
    border-radius: 10px;
    min-width: 162px;
    text-align: center;
    line-height: 162px; float: left;
}


.gallery_item {
    width: auto;
    height: auto;
    display: inline-grid;
}


.gallery_all_itm {
    text-align: center;
    width: 100%;
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(7, 13%);
    grid-gap: 20px;
}

.social_icons {
    padding: 60px 0 20px;
}

section.slider_section {
    padding-top: 40px;
    width: 100%;
    float: left;
    margin: 0px;
}

/*********** slider section ******/
.likes_bages {
    background-color: #F5F7F7;
    border-radius: 10px;
    padding: 30px; float:left; width:100%;
}

.likes_bages h4 {
    font-size: 24px;
    font-weight: 700;
    color: #2D3142;
    padding: 20px 0 10px;
}
.likes_bages p {
    font-size: 14px;
    color: #7798AB;
    line-height: 21px; width: 100%;
    float: left; padding:7px 0 0;
}

.likes_bages span {
    display: inline-block;
    line-height: 46px;
}

.delivery_section {
    padding: 70px 0;
    width: 100%;
    float: left;
}

.support_content {
    background-color: #F5F7F7;
    border-radius: 100px;
    padding: 20px 30px;
    width: 100%;
    float: left;
}
.support_content img {
    float: left;
    width: 30px;
    margin: 0 13px 0 0;
}

.support_content h6 {
    font-size: 16px;
    color: #2D3142; font-weight: 700;
}

h6.risk_free {
    padding: 9px 0;
}
.card-header.facebook_down {
    background: #3B5998;
    border: none;
    border-radius: 10px;
    padding: 18px 25px;
    color: #fff;
}

.card-header.facebook_down .float-right {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
}

.card-header.facebook_down h5 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 8px 0;
}

.card-header.facebook_down h5 img {
    padding: 0 30px 0 0;
}

.owl-nav-style .owl-nav>div.owl-next {
    right: 0;
    top: -50px;  background-image:url(../images/Arrow-right.png); background-repeat:no-repeat; background-size: 15px;
}


.owl-nav-style .owl-nav>div.owl-prev {
    right: 30px;
    top: -50px;
    background-image: url(../images/Arrow-right2.png);
    background-repeat: no-repeat;
    background-size: 15px;
}
.owl-nav-style.owl-nav-style-5 .owl-nav>div {
	top:-52px
}
.responsive-owl-nav-style.owl-nav-style.owl-nav-style-5 .owl-nav>div {
	top:-52px
}
.owl-nav-style .owl-nav>div {
    position: absolute;
    top: -71px;
    display: inline-block;
    font-size: 0;
    line-height: 1;
    cursor: pointer;
    text-align: center;
    color: #888;
    width: 22px;
    height: 22px;
    background: #fff;
    z-index: 1;
    opacity: 1;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}

.owl-nav-style .owl-nav>div:before {
	font-size:14px;
	line-height:32px;
	display:block;
	font-family:"Ionicons";
	font-weight:600
}


.brand-slider.owl-nav-style .owl-nav>div.owl-next {
	right:15px
}
.slider-home-16.owl-nav-style .owl-nav>div.owl-next {
	right:15px
}

.recent-product-slider .owl-item img {
    border-radius: 10px;
}
.section-title-7 h2 {
    font-size: 36px;
    font-weight: 700;
    color: #2D3142;
}

.section-title-7 {
    padding: 0 0 40px;
}


.section-title-7 span {
    float: right;
    padding: 13px 70px 0 0;
}

.section-title-7 span a {
    font-size: 16px;
    font-weight: 700;
    color:#104F9B; font-family: 'Roboto', sans-serif;
}

section.recent-add-area {
    padding: 0 0 70px;
}
/*********** slider section ******/

/*********** collapse section ******/

section.collapse_section {
    background-color: #2D3142;
    padding: 100px 0;
    float: left;
    width: 100%;
}

.softwareDevelopment {
    padding: 50px 0;
    background: #161517
}

.softwareDevelopment h2 i {
    color: #ffb000;
    font-family: var(--demo);
    text-transform: capitalize
}

.softwareDevelopment h2 span {
    color: #3557f5;
    font-weight: 700
}
.softwareDevelopment p {
    max-width: 1000px;
    margin: auto;
    color: #fff;
    text-align: center
}

.softwareDevelopment h2 {
    font-size: 50px;
    font-weight: 100;
    margin-bottom: 50px;
    color:#fff;
}





#genralQuestions .card-header h2 button {
    font-size: 21px;
    color: #ffff;
    position: relative;
    font-weight: 700;
    text-decoration: none;
    padding: 15px 0;
    border: none !important;
}

#genralQuestions .card-header h2 button[aria-expanded="false"]::before,
#genralQuestions .card-header h2 button[aria-expanded="false"]::after {
   content: '';
    position: absolute;
    right: 0;
    width: 18px;
    height: 1px;
    background: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s linear;
    transition: .3s linear;
}

#genralQuestions .card-header h2 button[aria-expanded="false"]::after {
    height: 16px;
    width: 1px;
    right: 8px;
}

#genralQuestions .card-header h2 button[aria-expanded="true"]::before,
#genralQuestions .card-header h2 button[aria-expanded="true"]::after {
    content: '';
    position: absolute;
    -webkit-transition: .3s linear;
    transition: .3s linear;
    right: 0;
    width: 18px;
    height: 1px;
    background: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#genralQuestions .card-header h2 button[aria-expanded="true"]::after {
    height: 0
}

#genralQuestions .card-header h2 button:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.collapse_content .card-header {
    padding: 0;
    background: none;
    border-top: solid 1px #4F5D75;
    border-radius: 0px;
	border-bottom: none;
}

.collapse_content .card {
    background: none; border: none;
}

.collapse_bg .card-body {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    line-height: 25px; font-family: 'Roboto', sans-serif; padding: 0 0 20px;
}

#genralQuestions {
    overflow-y: scroll;
    height: 457px; padding: 0 25px 0 0;
} 


#genralQuestions::-webkit-scrollbar-track {
  background: #4F5D75; 
}



#genralQuestions::-webkit-scrollbar {
  width: 10px;
}

#genralQuestions::-webkit-scrollbar-thumb {
  background: #fff; 
}
/*********** collapse section ******/

/*********** testimonial ******/

.testimonial_title h1 {
    text-align: center;
    font-weight: 700;
    color: #2D3142;
    font-size: 36px;
}

#testimonials {
    width: 100%;
    float: left;
    padding: 0  0;
}

.tesitmonial_customers h2 {
    font-size: 24px;
    font-weight: 700;
    color: #2D3142;
    padding: 12px 0 0;
}
.tesitmonial_customers img {
    width: auto !important;
}

.facebook_customers {
    float: right;
    background: #104F9B;
    border-radius: 100px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;     position: relative;
    top: -10px;
}
.tesitmonial_customers img {
    width: auto !important;
    text-align: center;
    display: inline-block !important;
}
.tesitmonial_customers ul li {
    display: inline;
}

.tesitmonial_customers ul {
    padding: 14px 0;
}

.tesitmonial_customers span {
    color: #7798AB;
    font-weight: 400;
    font-size: 14px; font-family: 'Roboto', sans-serif;
}

.tesitmonial_customers h3 {
    font-size: 18px;
    color: #2D3142;  font-weight: 700;
    padding: 14px 0 10px;
}

.tesitmonial_customers p {
    font-size: 16px;
    font-weight: 400;
    color: #4F5D75;
    line-height: 25px; font-family: 'Roboto', sans-serif;
}
.read_more {
    color: #50AEEF;
    font-weight: 700;
}

.tesitmonial_customers {
    width: 100%;
    float: left;
    padding: 0 30px 0 0;
}

.large-12.columns {
    padding: 60px 0 0;
}
/*********** testimonial ******/

/********* contact *********/




.form_contact h3 {
    font-size: 30px;
    font-weight: 700;
    color: #2D3142;
}

.form_contact p {
    font-size: 16px;
    color: #7798AB;
    line-height: 25px;
    padding: 8px 0 15px;
    border-bottom: solid 2px #EAECEE;
    margin: 0 0 20px; font-family: 'Roboto', sans-serif;
}

.form_contact input {
    border: solid 2px #EAECEE;
    height: 45px;
    padding: 0px 0 0 16px; margin-bottom:15px;
    -webkit-text-fill-color: #7798AB;
    font-size: 16px; font-family: 'Roboto', sans-serif; outline:none;
}

.form_contact textarea {
    border: solid 2px #EAECEE;
    padding: 12px 0 0 16px; margin-bottom:15px;
   -webkit-text-fill-color: #7798AB;
    font-size: 16px; font-family: 'Roboto', sans-serif; outline:none;
}

.contact_section {
    background: url(../images/artwork-contact.png) no-repeat right 0px top -250px,url(../images/banner5.png) no-repeat left 0px top 297px;
    float: left;
    width: 100%;
    padding: 0 0 150px;
}


input.form_submit {
    background: #50AEEF;
    color: #fff !important;
	-webkit-text-fill-color: #fff;
    float: left;
    padding: 0px 28px;
    border: none;
    border-radius: 100px; cursor: pointer;
}


.form_contact {
    background: #fff;
    box-shadow: 0 0 5px 1px #0000001c;
    float: left;
    padding: 30px 30px;
    border-radius: 10px;
}





/*********** footer *************/



.footer_menu {
    text-align: center;
    width: 100%;
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(5, 19%);
    grid-gap: 15px;
}

.footer_menu .sub-menu-items { text-align:left;}
.footer_menu .sub-menu-items h4 {
    font-size: 18px;
    padding: 30px 0 10px;
    color: #2D3142; font-weight:700;
}

.footer_menu .sub-menu-items ul li { list-style:none;
}


.footer_menu .sub-menu-items ul li a {
    color: #4F5D75;
    padding: 0 0 6px;
    display: inline-block; font-weight:400;
    width: 100%; font-family: 'Roboto', sans-serif;
}



.footer_section {
    background: url(../images/Footer.png) no-repeat right 0px top 0px;
    padding: 80px 0 50px; width:100%; float:left; background-size: 100% 100%; position:relative;
} 



.footer_menu_two {
    padding: 50px 0 0;
}

.footer_menu_two p {
    font-size: 16px;
    color: #4F5D75; font-family: 'Roboto', sans-serif;     padding: 10px 0;
}

.footer_menu_two ul li {
    list-style: none;
    display: inline;
}

.footer_menu_two ul li a img {
    height: 25px;
    padding: 0 10px 0 0;
    margin: 0px 0 0;
}




.footer_section:before {
    content: '';
    position: absolute;
    background: #f5f7f7;
    left: 0;
    right: 0;
    bottom: 0;
    top: 100px;
}



/************* footer ***********/



/************* priching tabel ***********/


.use_view_table { width:100%; float:left; margin:0px; padding:0px; text-align:center;}
.use_view_table {
    padding: 30px 0 50px; width:100%; float:left;
}.use_view_table a {
    margin: 0px 10px;
    padding: 12px 25px;
    background-color: #F35C5C;
    font-size: 16px;
    border-radius: 100px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    display: inline-block;
}




.pricing_arrow1 {
    width: 25px;
    padding: 0px;
    margin: 0px;
    left: -40px;
    opacity: 9;
}
.pricing_arrow2 {
    width: 25px;
    padding: 0px;
    margin: 0px;
    right: -40px;
    opacity: 9;
}


.carousle_slider_demo {
    width: 20%;
    padding: 0 15px;
}

.slider_info h3 {
    font-size: 30px;
    font-weight: 700;
    color: #2D3142;
}

.slider_info h2 {
    font-size: 16px;
    color: #2D3142;
    font-weight: 700;
    padding: 10px 0;
}
.slider_info h1 {
    font-size: 60px;
    font-weight: 900;
    color: #104F9B;
    padding: 0px 0 20px;
}
.slider_info h1 sup {
    font-size: 16px;
    color: #2D3142;
    position: relative;
    top: -30px;
    padding: 0 5px 0 0;
}

.slider_info {
    background-color: #F5F7F7;
    border-radius: 10px;
    padding: 30px; width:100%; float:left;
}

.slider_info p {
    font-size: 16px;
    color: #4F5D75;
    padding: 0 0 8px; font-family: 'Roboto', sans-serif;
}

.buy_now_btn {
    width: 100%;
    padding: 15px 30px;
    text-align: center;
    background: #50AEEF;
    border-radius: 100px;
    float: left;
    color: #fff;
    font-weight: 700; margin-top: 20px
}




/************* priching tabel ***********/

/************* how it work ***********/

.stap_bg {
    background-color: #7798AB;
    color: #fff !important;
    display: inline-block;
    border-radius: 100px;
    text-align: center;
    font-size: 30px !important;
    font-weight: 700;
    min-width: 80px;
    min-height: 80px;
    padding: 6px 0 0;
    line-height: 26px;
}

.stap_bg span {
    color: #fff; font-family: 'Roboto', sans-serif;
}

.priching_facebook_likes .tesitmonial_customers {
    padding: 0px;
    float: left;
    width: 100%;
}

.priching_facebook_likes .tesitmonial_customers h2 {
    padding: 30px 0 15px;
}
.how_itwork h2 {
    padding: 30px 0 20px;
}


/*************how it work ***********/