@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@300;400;600;800&display=swap');

/* reset css */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
    vertical-align: middle;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	margin: 0;
  font-family: 'Lexend Deca', sans-serif;
  background: #fff;
  color: #000;
  
}
html {
  scroll-behavior: smooth;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
  }

  ::-webkit-input-placeholder { /* Edge */
    color: #797979;
    font-size: 13px;
    font-weight: 300;
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #797979;
    font-size: 13px;
    font-weight: 300;
  }
  
  ::placeholder {
    color: #797979;
    font-size: 13px;
    font-weight: 300;
  }
.container { max-width: 1250px; margin: 0 auto;}
h2 { font-size: 30px; font-weight: 600;}
/* header */

header  {}
header.inner_header  { position: sticky; top: 0; background: #fff; z-index: 99; box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);}
header .top { display: flex; padding: 0.3rem 1rem; align-items: center; justify-content: space-between;border-bottom: solid 1px #ededed;}
header .bottom { display: flex; align-items: center; justify-content: space-between;}
header .top .left a{ color: #333; font-size: 13px; margin: 0 0.4rem;}
header .top .right {display: flex; align-items: center; font-size: 13px; justify-content: center;}
header .top .right .call { text-decoration: none;}
header .top .right .call a { text-decoration: none; color: #333;}
header .top .right span { margin: 0 10px; color: #333; display: flex;}
header .top .right span img { margin-right: 5px; width: 15px;}
header .bottom .left { width: 12%;}
header .bottom .right { width: 88%; display: flex; justify-content: flex-end;}
header .bottom .left .logo img { width: 145px;}
header .bottom .right .navbar { padding: 0;}
header .bottom .right .navbar .navbar-toggler { width: 30px; height: 30px; background: url('../img/nav-icon.svg') left top no-repeat; background-size: 25px 25px;}
header .bottom .right .navbar .navbar-nav { font-size: 13px; align-items: center;}
header .bottom .right .navbar .navbar-nav a.nav-link {  color: #333;}
header .bottom .right .navbar .navbar-nav a.nav-link.higlight { color: #1f88ca; text-decoration: none;}
header .bottom .right .navbar ul li.btn_startb { margin-left: 1rem;}
header .bottom .right .navbar .navbar-nav .dropdown-toggle::after { background: url('../img/acordian_arrow.svg') right 3px no-repeat; margin-left: 5px; border: none; width: 11px; height: 10px; vertical-align: inherit;}
header .bottom .right .navbar ul li.btn_startb a { display: inline-block; background: #000; color: #fff; text-decoration: none; padding: 10px 20px; border-radius: 4px;}
/* header .bottom .right .navbar ul li.dropdown { position: relative;} */
header .bottom .right .navbar .navbar-nav .dropdown-menu { width: 100%; top: 45px; padding:2rem 3rem; border-radius: 12px; border: none; box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);}
header .bottom .right .navbar .navbar-nav .dropdown-menu .submenu_outer { display: flex; justify-content: space-between;}
header .bottom .right .navbar .navbar-nav .dropdown-menu.small_div { width: 320px; padding:1rem 2rem; left: -185px;}
header .bottom .right .navbar .navbar-nav .dropdown-menu.small_div2 { width: 600px;}
header .bottom .right .navbar .navbar-nav .dropdown-menu.small_div.consultpf { left: auto;}
header .bottom .right .navbar .navbar-nav .dropdown-menu.small_div2 .submenu_panel{ width: 50%;}
header .bottom .right .navbar .navbar-nav .dropdown-menu.small_div.ngo { left:-265px;}
header .bottom .right .navbar .navbar-nav .dropdown-menu .submenu_panel { width: 32%;}
header .bottom .right .navbar .navbar-nav .dropdown-menu strong { font-size: 17px; font-weight: 600; color: #3c405c; display: block; margin-bottom: 1.5rem;}
header .bottom .right .navbar .navbar-nav .dropdown-menu .dropdown-item { padding: 0.1rem; transition: all 0.3s ease; margin: 0.8rem 0; color: #4b5768; font-size: 14px;}
header .bottom .right .navbar .navbar-nav .dropdown-menu .dropdown-item:hover { background: transparent; color: #1f88ca;}

/* .wrapper_bg { background: url('../img/banner-bg.svg') center center no-repeat;} */
.wrapper_bg {background: linear-gradient(103.51deg, #EAF8FF -11.85%, #FDF8F9 47.62%, #EAF9F1 108.74%)}
/* .banner { background: url('../img/banner-bg.svg') center center no-repeat; padding: 6rem 0;} */
.banner {padding:2rem 0 3rem 0;}
.banner .left { width: 500px;}
.banner .right { width: 340px;}
.banner .left article { display: inline-flex; background: #fff; border-radius: 50px; padding: 0.4rem 2rem;}
.banner .left article span { margin: 0 0.5rem;}
.banner .wrapper { margin: 0 auto; justify-content: space-evenly; display:flex; align-items: center;}
.banner .request_form { background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); z-index: 9; position: relative; padding:3rem 2rem; border-radius: 12px;}
.banner .request_form button[type="submit"] { background: #1f88ca; border: none; width: 100%; padding: 12px 40px; color: #FFF; display: block; border-radius: 6px;}
.banner .request_form button[type="submit"]:hover{ text-decoration: none; background: #1f88ca;}
.banner .request_form .form-control { height: 42px; border: none; background: #ECECEC;}
.banner .request_form h2 { font-size: 17px; text-align: center; font-weight: 600; margin-bottom: 1rem; color: #000; }
.banner .request_form.f_form { margin: 0 10px 4rem 10px;}
.banner h1 { font-size: 50px; display: flex; align-items: center; font-weight: 600; margin:0 0 20px 0;}
.banner h1 strong { font-weight: bold; margin-right: 0.7rem; color: #000; line-height: normal;}
.banner p { font-size: 16px; font-weight: 300; line-height: 25px; margin-bottom: 2rem;}



.services ul { background: #fff; margin-bottom: -50px; display: flex; justify-content: space-between; position: relative; border-radius: 15px; padding: 2rem 6rem; box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);}
.services ul li { width: 30%; display: flex;}
.services ul li img { width: 40px;}
.services ul li article {  font-weight: 600; font-size: 18px; margin-left: 1rem;}
.services ul li article p { font-weight: 300; font-size: 14px; line-height: 20px; color: #333; margin-top: 0.5rem;}

.product_services { background: #1f88ca; color: #000; padding: 6rem 0 4rem 0;}
.product_services h2 { font-size: 30px; font-weight: 600; margin-bottom: 0.5rem;}
.product_services .pera { font-size: 16px; font-weight: 400; line-height: 22px; }
.product_services .services_tabs { display: flex; justify-content: space-between; background: #fff; padding: 3rem; margin-top: 2rem; border-radius: 20px;}
.product_services .services_tabs .nav-tabs { width: 30%; flex-direction: column; border-bottom: none; }
.product_services .services_tabs .nav-tabs .nav-item .nav-link { border: solid 1px #D8D8D8; padding: 1.8rem 2rem; font-size: 16px; color: #000; margin: 0 0 0.8rem 0; border-radius: 8px;}
.product_services .services_tabs .nav-tabs .nav-item .nav-link.active {background: url('../img/arrow.svg') 90% center no-repeat #1f88ca; border-color: #1f88ca;}

.services_tabs .tab-content { width: 67%;}
.services_tabs .services_pricing { display: flex; justify-content: space-between;}
.services_tabs .services_pricing .box { border: solid 1px #E0E0E0; position: relative; width: 48%; border-radius: 10px; padding-bottom: 3rem;}
.services_tabs .services_pricing .box .outer { padding: 1.5rem 1rem 1.5rem 2rem;}
.services_tabs .services_pricing .box h3 { font-size: 19px; font-weight: 600;}
.services_tabs .services_pricing .box .price { padding:0.8rem 2rem; background: #F4F4F4; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;}
.services_tabs .services_pricing .box .price strong  { font-size: 30px; font-weight: 600; display: flex; align-items: center;}
.services_tabs .services_pricing .box .price strong small { margin-left: 5px;}
.services_tabs .services_pricing .box .price small { font-size: 15px; display: block; margin-top: 5px;}
.services_tabs .services_pricing .box .price small.star_defination { font-size: 13px; font-weight: 300;}
.services_tabs .services_pricing .box ul { padding: 0 2rem;}
.services_tabs .services_pricing .box ul span { font-size: 16px; margin: 1rem 0; font-weight: 600; display: block; margin-bottom: 0.5rem;}
.services_tabs .services_pricing .box ul li { background: url('../img/arrow.svg') left center no-repeat; font-size: 14px; font-weight: normal; background-size: 12px 12px; color: #333; padding: 0.2rem 0 0.2rem 1.5rem;}
.services_tabs .card-body { padding: 0;}
.services_tabs .services_pricing .box .more { position: absolute; right: 20px; bottom: 20px; text-decoration: none; margin-right: 2rem; margin-top: 1rem; display: inline-block; float: right; color: #1f88ca;}
.services_tabs .services_pricing .box .more:hover { color: #000; text-decoration: underline;}
.howitwork { background: #fff; padding: 3rem; margin: 3rem 0; border-radius: 20px; box-shadow: 0 0 50px rgba(0, 0, 0, 0.07); }
.howitwork h2 { text-align: center; margin-bottom: 1.5rem;}
.howitwork ul { display: flex; justify-content: space-between; position: relative;}
.howitwork ul li { width: 27%; display: flex; position: relative;}
.howitwork ul li:after { content: ''; right: -50px; top: 35px; width: 50px; height: 50px; position: absolute; background: url('../img/arrow.svg') right center no-repeat;}
.howitwork ul li:last-child:after { display: none;}
.howitwork ul li img {  font-weight: 600; width: 50px; font-size: 18px; margin-right: 1.5rem;}
.howitwork ul li span strong { font-size: 18px; font-weight: 600;}
.howitwork ul li span p { font-weight: 300; font-size: 14px; line-height: 20px; color: #333; margin-top: 0.5rem;}

.whyloveus { padding:0 0 3rem 0;}
.whyloveus h2 { text-align: center; margin-bottom: 1.5rem;}
.whyloveus .outer { display: flex; justify-content:space-between;}
.whyloveus .outer .box { width: 24%; background: #fff !important; box-shadow: 0 0 20px rgba(0, 0, 0, 0.07); text-align: center; padding: 2rem; border-radius: 12px;}
.whyloveus .outer .box img { width: 80px; display: inline-block;}
.whyloveus .outer .box span { display: block; margin: 1rem 0; font-size: 18px; font-weight: 600;}
.whyloveus .outer .box p { font-weight: 300; font-size: 14px; line-height: 20px; color: #333; margin-top: 0.5rem;}
.whyloveus .outer .box + .box, .whyloveus .outer .box + .box + .box + .box { background: #fffcd4;}
.whyloveus .outer .box + .box + .box { background: #fffcd4;}


@media(min-width:768px) {
  .product_services .services_tabs .nav-tabs {
      display: flex;
  }
  
  .product_services .services_tabs .card {
      border: none;
  }

  .product_services .services_tabs .card .card-header {
      display:none;
  }  

  .product_services .services_tabs .card .collapse{
      display:block;
  }
}



.faqs {}
.faqs .accordion .card .card-header a { display: block; font-size: 18px; text-decoration: none; color: #000; text-align: left; position: relative; padding:0;}
.faqs .accordion .card .card-header a:after {content: ''; opacity: 0.6; width: 20px; height: 20px; position: absolute; right: 0; top: 5px; background: url(../img/acordian_arrow.svg) right center no-repeat;  background-size: 18px 18px;}
.faqs .accordion .card .card-header a[aria-expanded="true"]:after { transform: rotateZ(-180deg); opacity: 1; }
.faqs .accordion { padding: 2rem 0;}
.faqs .accordion .card { border: none; border-bottom: solid 1px #f1f1f1;}
.faqs .accordion .card .card-header { background: #fff; margin: 0.8rem 0; padding: 0; border: none;}
.faqs .accordion .card-body { padding:0 0 1rem 0 !important; color: #666; line-height: 25px;}
.faqs .more_faqbtn { margin-bottom: 2rem ; display: inline-block; font-size: 17px; color: #1f88ca; cursor: pointer;}

.morefaqs { display: none;}

.customer_review { padding-bottom:4rem; padding-top: 2rem;}
.customer_review h2 img { margin-top: -15px;}
.customer_review .carousel-item article { text-align: center; width: 70%; padding:1rem 0; margin: 0 auto;}
.customer_review .carousel-item article p { font-weight: 300; line-height: 24px;}
.customer_review .carousel-item article span.uname { display: block; margin: 1.1rem 0 0.3rem 0;}
.customer_review .carousel-item article span.business { font-weight: 300; font-size: 12px; color: #1f88ca;}
.customer_review .carousel-indicators { margin-bottom: 2rem;}
.customer_review .carousel-indicators li { background-color: #ddd;} 


footer { background: #f8f8f8;display: flex; justify-content:space-between; padding:5rem 1.5rem 2rem 1.5rem; margin-top: 1rem;  font-size: 15px;}
footer .left { width: 20%; font-size: 13px; }
footer .right { width: 78%; }
footer .left .logo { margin-bottom: 1.5rem; }
footer .left span { color: #666; display: block; margin: 0.6rem 0;}
footer .left span strong { color: #000; line-height: normal; vertical-align: top;}
footer .left p { margin: 0.8rem 0; line-height: 20px; color: #666; font-weight: 300;}
footer .left p.copyright { color: #000; font-size: 12px; font-weight: 400;}
footer .left .contact_detail { margin-top: 2rem; line-height: 22px;}
footer .left .contact_detail span { display: flex; margin: 0.3rem 0; color: #000; align-items: flex-start;}
footer .left .contact_detail img { width: 15px; margin-right: 0.5rem;}
footer .left .contact_detail a { color: #000; text-decoration: none;}
footer .left .social_share {  margin: 2rem 0;}
footer .left .social_share a { margin: 0 0.3rem; text-decoration: none; opacity: 0.7;}
footer .left .social_share a img { width: 15px;}
footer .left .social_share a:hover { opacity: 1;}

footer .right .footer_nav {display: flex; flex-wrap: wrap; justify-content: space-between; }
footer .right .footer_nav ul { width: 23.5%; margin-bottom: 1rem; padding: 0;}
footer .right .footer_nav ul strong { display: block; margin-bottom: 0.5rem; font-weight: 600; color: #000;}
footer .right .footer_nav ul li { margin: 0.3rem 0;}
footer .right .footer_nav ul li a  { font-size: 13px; font-weight: 400; color: #5c5c5c; }
footer .right .footer_nav ul li a:hover { color: #000; text-decoration: none;}
.fbottom { background: #f2f2f2; padding: 1.5rem; font-size: 13px; color: #666; font-weight: 300; line-height: 20px;}
.fbottom p { margin-bottom: 10px;}
.fbottom p:last-child { color: #000; font-weight: 400; font-size: 14px;}
.fbottom p a { font-weight: 400; vertical-align: middle; line-height: normal;} 
.fbottom strong { color: #000; display: block; font-weight: 600; margin-bottom: 5px; font-size: 14px;}


.animated_txt{
  display: flex;
}
.animated_txt .text{ font-size: 50px; font-weight: 600; margin-right: 10px;background: #FFCE2B;
  background: linear-gradient(to right, #1f88ca 0%, #1f88ca 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.animated_txt .typed-cursor { display: none;}


/********************* inner pages *****************/

.common_page h2 { text-align: left; font-size: 27px; margin-bottom: 1rem; margin-top: 0; color: rgb(63, 63, 63);}
.common_page h3, .common_page h4 { color: rgb(70, 70, 70);} 
.common_page strong  {font-weight: 600;}
.common_page .howitwork h2 { margin-bottom: 0.5rem;}
.common_page .howitwork ul { margin-top: 2rem;}
.common_page .wrapper_bg { background: linear-gradient(103.51deg, #daecf5 -11.85%, #FDF8F9 47.62%, #e2f5eb 108.74%);}
.common_page p { color: rgb(78, 78, 78) !important; font-size: 15px;}
.common_page ul.list1 { display: flex; flex-direction: column; flex-wrap: wrap; margin-bottom: 1rem;}
.common_page ul.list1 li { background: url('../img/list-icon.svg') left 8px no-repeat; background-size: 18px 18px; margin: 0.2rem 0.8rem 0.2rem 0; padding-left: 1.8rem; line-height: 25px;}

.common_page ul.list2 { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 0.8rem; margin-bottom: 1rem;}
.common_page ul.list2 li { margin: 0.2rem 0.8rem 0.2rem 0; font-size: 15px; background: url('../img/list-icon.svg') left 7px no-repeat; line-height: 25px; background-size: 18px 18px; margin: 0.2rem 1rem 0.2rem 0; padding-left: 1.6rem;}

.common_page ul li { color: #333; padding: 0.2rem 0 0.2rem 0;}
.common_page ul { margin: 0.5rem 0; align-items: flex-start;}
.common_page ul li span { color: #000; font-size: 16px;}
.common_page h3 { font-weight: 600; color: #000; font-size: 18px;}

.common_page .howitwork { padding: 0; box-shadow: none; align-items: flex-start;}
.common_page .howitwork ul li { width: 28%; align-items: center; justify-content: center;}
.common_page .howitwork ul li img { width: 30px;}
.common_page .howitwork ul li:after { top: auto;}
.common_page .howitwork ul li .badge { width: 40px; height: 40px; border-radius: 50%; display: inline-flex; background: #f6f6f6;}

.common_page .bookmark { background: #1f88ca; position: sticky; top: 90px; margin-bottom: 2rem; z-index: 9;}
.common_page .bookmark ul { padding: 0; display: flex; align-items: center; justify-content: center;}
.common_page .bookmark ul li { padding: 0.8rem 0.8rem;}
.common_page .bookmark ul li a { color: #FFF; font-size: 14px; text-decoration: none;}
.common_page .bookmark ul li a:hover {  text-decoration: none;}


 .bookmark_section {scroll-margin-top: 150px;}


.common_page .comon_box { box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); margin-bottom: 2rem; padding: 2rem; border-radius: 10px;}
.common_page .comon_box ul  {}
.common_page .comon_box h2 { margin-top: 0;}

.banner.inner_banner { background: url('../img/triangle.png') right top no-repeat; background-size: contain; padding: 3rem 0;}
.banner.inner_banner h1 { font-size: 40px; display:block;}
.banner.inner_banner h1 strong { color: #1f88ca; margin: 0; vertical-align: text-top;}
.banner.inner_banner .wrapper { justify-content: space-between;}
.banner.inner_banner p { margin-bottom: 0.7rem;}
.banner.inner_banner .left article { margin-top: 1.5rem;}
.banner.inner_banner .left { width: 50%;}
.banner.inner_banner .right { width: 350px;}
.banner.inner_banner .request_form { padding: 2.5rem;}

.banner.inner_banner.banner2 { background: url('../img/banner-2.jpg') center center no-repeat; background-size:cover;}
.banner.inner_banner.banner3 { background: url('../img/banner-3.jpg') center center no-repeat; background-size:cover;}
.banner.inner_banner.banner2 .left article { color: #000;}
.banner.inner_banner.banner2 p { color: #fff !important;}
.banner.inner_banner.banner2 { color: #fff;}

.page_wrapper { display: flex; justify-content: space-between; padding: 0 1.5rem;}
.page_wrapper .left_panel { width: 73%;}
.page_wrapper .right_panel { width: 23%;}
.page_wrapper .left_panel .tab-content .card-body { padding: 0;}
.page_wrapper .right_panel .request_form { position: sticky; top: 160px; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); padding:2rem; border-radius: 12px;}
.page_wrapper .right_panel .request_form h2 { font-size: 16px; text-align: center;}
.page_wrapper .right_panel .request_form button[type="submit"] { background: #1f88ca; border: none; width: 100%; padding: 12px 40px; color: #FFF; display: block; border-radius: 6px;}
.page_wrapper .right_panel .request_form button[type="submit"]:hover{ text-decoration: none; background: #1f88ca;}
.page_wrapper .right_panel .request_form .form-control { height: 42px; border: none; background: #ECECEC;}
.common_page .panel { padding:0 0 1.5rem 0; }
.common_page .faqs .accordion { padding-top: 0;}
.common_page .panel .whyloveus { padding: 0;}
.common_page .panel p { color: #333 !important; font-weight: 400; margin-bottom: 0.5rem; font-size: 15px; line-height: 24px;}
.common_page .panel table { margin-top: 2rem;}
.common_page .panel table tr td, .panel table tr th { border: solid 1px #d9dfe1;color: #333; font-weight: 300; padding: 0.5rem 0.75rem; vertical-align: middle; font-size: 14px; line-height: 22px;}
.common_page .panel table tr th { color: #000; font-weight: 400; background:#f9f9fa }
.common_page .panel table tr.heading { background: #f9f9fa; }
.common_page .panel table tr.heading h4 { font-size: 18px;padding: 0.5rem; font-weight: 600;}
.common_page .highlt_box { background: #fffde7; padding: 2rem; border-radius: 10px; margin-top: 1rem; margin-bottom: 1.5rem;}
.common_page .panel .whyloveus .outer { flex-wrap: wrap;}
.common_page .panel .whyloveus .outer .box { width: 49%; margin-top: 1rem; padding: 1.5rem; box-shadow: none; background: #f4f4f4 !important;}

.back-to-top {
  position: fixed;
  right: 20px;
  bottom: 70px;
  background: #fff;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  border-radius: 4px;
  padding: 10px 12px;
  display: inline-flex;
}

.aboutus {  width: 85%; padding: 3rem; margin: 3rem auto 3rem; box-shadow: 0 0 20px rgba(0, 0, 0, 0.02); border: solid 1px #f4f4f4; border-radius: 20px;}
.aboutus h2 { margin-bottom: 2rem;}
.aboutus p{ font-size: 16px; font-weight: 300; line-height: 25px; margin-bottom: 1rem;}
.aboutus p strong { font-weight: 600;}
.aboutus .box { background: #f9f3d8;font-size: 16px; line-height: 25px; font-weight: 300; padding: 1.5rem; border-radius: 8px; margin-bottom: 1rem;}

.aboutus .box strong { font-weight: 600;}
.aboutus .box strong a { color: #1f88ca; line-height: normal; vertical-align: top;}


.contactus { display: flex; margin: 3rem 0;}
.contactus .container { box-shadow: 0 0 30px rgba(0, 0, 0, 0.08); display: flex; flex-wrap: wrap; justify-content: space-between; padding: 3rem; border-radius: 25px;}
.contactus .container .left, .contactus .container .right { width: 48%;}
.contactus .container .left small { color: #666; font-size: 15px; padding-bottom: 1.5rem; display:block;}
.contactus .container .left small a { color: #1f88ca; text-decoration: none; line-height: normal;}
.contactus .container .left small strong { color: #333; font-size: 16px; line-height: 25px; font-weight: 600; display: block; margin-top: 0.4rem;}
.contactus .container .left h1 { font-size: 30px; margin-bottom: 2rem;}
.contactus .container .left h1 small { padding-bottom: 0; font-size: 15px;}
.contactus .container .left .social_share  { margin-top: 1rem;}
.contactus .container .left .social_share small { padding-bottom: 0.3rem;}
.contactus .container .left .social_share a { margin-right: 0.3rem;}
.contactus .container .left .social_share a img  { width: 20px;}
.contactus .container .right { padding: 1.5rem; border-radius: 25px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); }
.contactus .container .right iframe { border-radius: 20px;}
.contactus .form { padding-top: 5rem;}
.contactus .form h2 { margin-bottom: 2rem;}
.contactus .form label { font-size: 14px; margin-bottom: 0.5rem;}
.contactus .form .form-control { height: 55px; border-color: #bcc2c7; box-shadow: none; border-radius: 4px;}
.contactus textarea.form-control { height: 100px !important; font-size: 16px;}
.contactus .form .btn_submit { background: #000; padding: 1rem 3rem; color: #fff; border-radius: 4px;}


@media only screen and (min-device-width: 1601px) and (max-device-width: 1920px) {

  .page_wrapper { width: 90%; margin: 0 auto;}
}

@media only screen and (max-width:992px){
  h1 { font-size: 22px;}
  h2 { font-size: 17px !important; margin-bottom: 1rem;}
  .common_page h3 { font-size: 16px;}
  p { font-size: 14px !important;}
    ::-webkit-input-placeholder { /* Edge */
        color: #797979;
        font-size: 13px;
      }
      
      :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #797979;
        font-size: 13px;
      }
      
      ::placeholder {
        color: #797979;
        font-size: 13px;
      }
   

      .container { width: auto; padding: 0 18px;}
      header { flex-direction:column; padding:0;}
      header.inner_header { position: relative; box-shadow: none;}
      header .top { text-align: center; border-bottom: none; flex-direction: column; padding-top: 0.3rem;}
      header .top .left a { display: inline-flex;}
      header .top .right { display: none;}
      header .bottom { display:block; padding: 0.7rem;}
      header .bottom .left, header .bottom .right { width: auto;}
      header .bottom .left .logo img { width: 120px;}
      header .bottom .right { display: block;}
      header .bottom .right .navbar .navbar-toggler { position: absolute; right: 0; top: -26px;}
      header .bottom .right .navbar .navbar-toggler[aria-expanded="true"] { width: 30px; height: 30px; background: url('../img/close.svg') left top no-repeat; background-size: 18px 18px;}
      header .bottom .right .navbar .navbar-nav .dropdown-toggle::after { width: 15px; position: absolute; right: 0; top: 15px;}
      header .bottom .right .navbar .navbar-nav .dropdown-toggle[aria-expanded="true"]:after { transform: rotateZ(-180deg);}
      header .bottom .right .navbar .navbar-nav { background: #fff; font-size: 15px; margin-top: 0.5rem; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.06); padding:0.8rem 1.5rem 1.5rem 1.5rem; align-items: flex-start;}
      header .bottom .right .navbar .navbar-nav .nav-item { width: 100%; position: relative !important;} 
      header .bottom .right .navbar .navbar-nav a.nav-link { display: block; outline: none; border: none; margin: 0.2rem 0;}
      header .bottom .right .navbar .navbar-nav a.nav-link:focus { outline: none; border: none;}
      header .bottom .right .navbar .navbar-nav .dropdown-menu.small_div { width: auto; height: auto; left: 0; right: 0; padding: 0;}
      header .bottom .right .navbar .navbar-nav .dropdown-menu.small_div .submenu_outer { height: auto; padding: 0.5rem 1.2rem;}
      header .bottom .right .navbar ul li.btn_startb { margin-left: 0; margin-top: 0.5rem;}
      header .bottom .right .navbar ul li.btn_startb a { background: #fff; padding: 10px 40px; border: solid 1px #000; color: #000;}
      header .bottom .right .navbar .navbar-nav .dropdown-menu { width: auto; box-shadow: none; padding: 0;}
      header .bottom .right .navbar .navbar-nav .dropdown-menu.small_div2 { width: auto;}
      header .bottom .right .navbar .navbar-nav .dropdown-menu.small_div2 .submenu_panel { width: 100%;}
      header .bottom .right .navbar .navbar-nav .dropdown-menu .submenu_outer { background: #fffaea; margin: 0 -15px; border-radius: 6px; height: 280px; overflow: auto; padding:1rem 1.2rem; flex-direction: column;}
      header .bottom .right .navbar .navbar-nav .dropdown-menu .submenu_panel { width: 100%; margin-bottom: 0.5rem;}
      
      header .bottom .right .navbar .navbar-nav .dropdown-menu .dropdown-item { white-space: normal; font-size: 13px; font-weight: 300;}
      header .bottom .right .navbar .navbar-nav .dropdown-menu strong { margin-bottom: 0.7rem; font-size: 15px; color: #000;}
      .banner { padding:2rem 0 1rem 0;}
      .banner .wrapper { flex-direction: column;}
      .banner .left, .banner .right { width: auto;}
      .banner .left { text-align: center;}
      .banner.inner_banner { background-image: none; padding: 1.5rem 0;}
      .banner.inner_banner .left { width: auto;}
      .banner h1 { font-size: 28px; display: block; margin-bottom: 10px;}
      .banner h1 strong { margin: 0; vertical-align: top;}
      .banner.inner_banner h1 { font-size: 26px;}
      
      .animated_txt .text { font-size: 28px;}
      .animated_txt { justify-content: center;}
      .banner p { font-size: 15px; line-height: 22px; margin-bottom: 1rem;}
      .banner .left article { padding: 0.5rem 1rem;}
      .banner .left article span { font-size: 13px;}
      .banner .left article span img { width: 15px;}
      .banner .right { margin-top: 1rem;}
      .banner .request_form h2 { text-align: center;}
      .banner .request_form { padding: 2rem;}
      .banner.inner_banner .wrapper { display: block;}
      .banner.inner_banner .request_form { padding: 2rem;}
      .services { padding-bottom: 0.5rem;}
      .services ul { margin: 1rem 0; flex-direction: column; padding: 1.5rem;}
      .services ul li { width: auto; margin: 0.5rem 0;}
      .services ul li article { font-size: 16px;}
      .services ul li article p { font-size: 13px;}

      .product_services { padding: 1.5rem 0;}
      .product_services h2 { font-size: 20px;}
      .product_services .pera { font-size: 14px; line-height: 20px;}
      .product_services .services_tabs { padding: 0; margin-top: 1rem; background: transparent; border-radius: 10px;}
      .product_services .services_tabs .nav-tabs { display: none;}
      .services_tabs .tab-content { width: 100%;}
      .services_tabs .card { border: none; border-radius: 6px; margin-bottom: 0.5rem; opacity: 1;}
      .services_tabs .tab-content>.tab-pane { display: block;}
      .services_tabs .card-header { background: transparent; border: none; padding:0.5rem 1rem;}
      .services_tabs .card-header a { color: #333; position: relative; text-decoration: none; display: block; padding: 0.8rem 0.3rem;}
      .services_tabs .card-header a:after { content: ''; width: 20px; height: 20px; position: absolute; right: 10px; top: 14px; background: url('../img/acordian_arrow.svg') right center no-repeat; background-size: 18px 18px;}
      .services_tabs .card-header a[aria-expanded="true"]:after { transform: rotateZ(-180deg);}
      .services_tabs .services_pricing { flex-direction: column; padding:0 1rem 1rem 1rem;}
      .services_tabs .services_pricing .box { width: auto; margin-bottom: 0.5rem; padding-bottom: 1rem;}
      .services_tabs .services_pricing .box .outer { padding: 1rem;}
      .services_tabs .services_pricing .box h3  {font-size: 15px;}
      .services_tabs .services_pricing .box .price strong { font-size: 22px;}
      .services_tabs .services_pricing .box .price { padding: 0.5rem 1rem;}
      .services_tabs .services_pricing .box .price small { font-size: 15px;}
      .services_tabs .services_pricing .box ul { padding: 0 1rem;}
      .services_tabs .services_pricing .box ul li { font-size: 13px; background-position:left 5px; padding-left: 1.3rem;}
      .services_tabs .services_pricing .box ul span { font-size: 14px;}
      .services_tabs .services_pricing .box .more { position: relative; bottom: auto; right: auto;}
      .howitwork { margin: 1rem 0 0 0; padding: 1.5rem;}
      .howitwork h2 { font-size: 20px;}
      .howitwork ul {flex-direction: column;}
      .howitwork ul li { width: auto; margin:0 0 1rem 0; align-items: flex-start;}
      .howitwork ul li article { font-size: 16px;}
      .howitwork ul li article p { font-size: 13px;}
      .howitwork ul li:after { display: none;}
      .howitwork ul li span strong { font-size: 16px;}
      .howitwork ul li img { width:40px; margin-top: 0.3rem;}

      .whyloveus { padding:0.5rem 0 2rem 0 ;}
      
      .whyloveus h2 { font-size: 20px; margin-bottom: 0.8rem;}
      .whyloveus .outer { flex-wrap: wrap;}
      .whyloveus .outer .box { width: 100%; margin-bottom: 0.8rem; padding:2rem 1.5rem;}
      .whyloveus .outer .box span { font-size: 16px; margin-bottom: 0; margin-top: 0;}
      .whyloveus .outer .box p { font-size: 13px;}
      .whyloveus .outer .box img { width: 60px;}
      .faqs h2 { font-size: 20px;}
      .faqs .accordion { padding: 0.5rem 0 1.5rem 0;}
      .faqs .more_faqbtn { font-size: 15px;}
      .faqs .accordion .card .card-header a { font-size: 15px; line-height: 20px; width: 93%;}
      .faqs .accordion .card-body { font-size: 14px; line-height: 20px; font-weight: 300;}
      .faqs .accordion .card .card-header a:after { top: 0; background-color: #fff; right: -15px; background-size: 15px 15px;}

      .customer_review { padding: 1rem;}
      .customer_review .carousel-indicators { margin-bottom: 0;}
      .customer_review h2 { font-size: 20px;}
      .customer_review h2 img { width: 25px; margin-top: -10px;}
      .customer_review .carousel-item article { width: auto;}
      .customer_review .carousel-item article p { font-size: 13px; line-height: 20px;}

      footer { flex-direction: column-reverse; padding:2rem 1rem 1rem 1rem;}
      footer .left, footer .right { width: auto;}
      footer .left .logo { display: none;}
      footer .left p { display: none;}
      footer .right .footer_nav { justify-content: space-between;}
      footer .right .footer_nav ul { width: 47%; padding:0;}
      footer .right .footer_nav ul li { margin: 0.4rem 0; line-height: 16px;}
      footer .right .footer_nav ul li a { font-size: 12px;}
      footer .left .social_share a img { width: 25px;}
      footer .left .contact_detail { margin: 1rem 0 1.5rem 0;}
      footer .right .footer_nav ul strong { font-size: 14px;}
      footer .left p.copyright { display: block;}
      .fbottom { padding: 1rem; font-size: 12px;}
      .fbottom p { font-size: 13px !important;}

/* inner pages */
/* .common_page h2 { margin-bottom: 0.8rem;}
.common_page h3 { font-size: 16px;}
.banner.inner_banner { background-image: none; padding: 1rem 0;}
.banner.inner_banner .left, .banner.inner_banner .right  {width: auto;}
.banner.inner_banner h1  {font-size: 24px;}
..common_page  p { text-align: center;}
.common_panel { padding: 0;}
.common_panel table tr td, .common_panel table tr th { font-size: 13px;}
.common_panel table tr.heading h4 { padding: 0;}
.common_page ul.list1 li { font-size: 13px;}
.common_page .whyloveus .outer .box span{ margin-top: 0;}
.common_page .howitwork ul li { margin-bottom: 0; justify-content: flex-start;} */

.page_wrapper .left_panel { width: 100%;}
.banner.inner_banner .right { width: 100%;}
.page_wrapper .right_panel { display: none;}
.common_page .howitwork ul li { width: auto; align-items: flex-start;}
.common_page .howitwork ul li img { width: 40px;}
.common_page .bookmark {  display: none;}
.common_page .bookmark ul { flex-wrap: wrap;}
.common_page .panel .whyloveus .outer .box { width: 100%; margin-top: 0;}
.common_page .panel { padding-bottom: 1rem;}
.common_page .panel h2 { display: none;}
.page_wrapper { padding: 0 1rem;}
.common_page .highlt_box { padding: 1.5rem;}
.common_page ul.list1 li { font-size: 14px; line-height: 21px;}
.page_wrapper .left_panel .tab-content .card-body { padding: 1rem; border-top: solid 1px #ddd;}

.m_accordian .card-header { border: none; padding: 0.5rem; font-size: 16px; background: #fff; border-radius: 8px;}
.m_accordian .card-header h5 {}
.m_accordian .card-header h5 a { color: #333; font-weight: 600; text-decoration: none; display: block; padding: 0.5rem; padding-right: 2rem;}
.m_accordian .tab-content > .tab-pane { margin: 0.5rem 0; border-color: #c7c9ce; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); border-radius: 8px;}
.m_accordian .card-header a:after {content: ''; width: 20px; height: 20px; position: absolute; right: 18px; top: 18px; background: url(../img/acordian_arrow.svg) right center no-repeat; background-size: 18px 18px;}
.m_accordian .card-header a[aria-expanded="true"]:after {transform: rotateZ(-180deg);}


.aboutus { width: auto; margin: 1rem; padding:1.5rem 0 0.5rem 0; border-radius: 8px;}
.aboutus p { line-height: 22px;}
.aboutus h2 { margin-bottom: 1rem;}
.aboutus .box { font-size: 14px; line-height: 22px;}
.contactus { margin: 1rem 0;}
.contactus .container { width: auto; margin: 0 1rem; padding: 1.5rem;}
.contactus .container .left, .contactus .container .right { width: auto;}
.contactus .container .right { display: none;}
.contactus .container .left h1 { font-size: 25px;}
.contactus .container .left small strong { font-size: 16px;}

.contactus .form { border-top:  solid 1px #ddd; margin-top: 2rem; padding-top: 1rem;}
.contactus .form h2 { margin-bottom: 1rem;}
.contactus .form .form-control { height: 45px;}

    }

@media(max-width:767px){
  .common_page .tab-content > .tab-pane {
      display: block !important;
      opacity: 1;
  }
}



@media(min-width:768px) {
  .common_page .nav-tabs {display: flex;}   
  .common_page .card { border: none;}
  .common_page .card .card-header { display:none;}  
  .common_page .card .collapse{ display:block;}
  .faqs .accordion .card .collapse { display: none;}
  .faqs .accordion .card .collapse.show { display: block;}
  .faqs .accordion .card .card-header { display: block;}
}
.common_page .nav-tabs {
  display:none;

}

.common_page .tab-content>.tab-pane { display: block;}
.common_page .fade:not(.show) { opacity: 1;}


@media(max-width:767px){
  .common_page .tab-content > .tab-pane {
       display: block !important;
       opacity: 1;
   }


}