* { margin: 0px; padding: 0px; box-sizing: border-box; outline: none;}

body{  color:#000000; font-family: 'Inter', sans-serif important; scroll-behavior: smooth;}

h1,h2,h3,h4,h5,h6,p{margin: 0px; padding: 0px; font-family: 'Inter', sans-serif !important;}

a{
    -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
}
.clear { clear:both;}
.bg-gray{background-color: #f9f9f9;}
.bg-none{background-color:#FFF!important;}

.business-consulting i{color:#ff6600;}
.aditional-pay{max-width:800px; margin:20px auto 100px; text-align:center; border:1px solid #bdbdbd; border-radius:6px;}
/*----header-top start-------*/

#topbar { background-color: #000; color: #FFF;
  transition: all 0.5s; z-index: 996; height: 50px; clear: both; padding-top:12px; font-size: 18px; color:#FFF; font-weight:500;}
  #topbar.topbar-scrolled {
    top: -40px !important;
  }
.list-none{list-style-type:none; margin:0px; padding:0px;}
.list-none h2{font-size:22px; font-weight:600;}
/*----navbar start-------*/

#header {
  transition: all 0.5s;
  z-index: 997; background-color: transparent !important;}
#header.header-scrolled {
  top:0px;   box-shadow: 0px 2px 10px rgba(18, 66, 101, 0.08);background-color: #c8d6e5 !important;color:#000 !important;
}
/* here we need to give the hight form top 50px */
.navbar-wrap {  width: 100%; left: 0px; top:0px; 
 -webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
.navbar-wrap .nav-item { padding: 0px 0.3rem; transition: all 0.2s linear; color: #111111;}
.navbar-wrap .nav-item .nav-link { color: #111111; font-size: 14px; font-weight: 400;} .navbar-wrap .navbar-nav .nav-link:hover { color: #0267ff;}
.navbar-wrap .navbar-nav .nav-link.active { color: #0267ff;}
.navbar-toggler:focus { outline: unset; border: unset; box-shadow: none;} 
.navbar-wrap .dropdown-menu {box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);   box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); border-top: 2px solid #0267ff; font-size: 14px;
   transition: all 0.3s ease-out 0s; border-radius: 0px;}
   .navbar-wrap .dropdown-menu ul { margin: 0; padding: 0px; list-style: none; font-size: 14px;}

   .navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
    color: #0267ff; background-color: #FFF; font-size: 14px;
  }

  .navbar-wrap .dropdown:hover .dropdown-menu {
      display: block;
      margin-top: 0; 
      } 

  .navbar-wrap .dropdown-toggle::after {
    display:none;
}

.navbar-wrap .btn-package-button {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  display: inline-block;
  padding: 8px 20px;
  border-radius: 20px;
  transition: 0.5s; text-align: center;
  color: #fff; text-decoration: none;
  background: #ff3300; text-transform: none;
}
.navbar-wrap .btn-package-button:hover {
  background: #ff0000;
}

@media all and (min-width: 992px) {
	.navbar .dropdown-menu-end{ right:0; left: auto;  }
	.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0; font-size: 14px;  }
	.navbar .nav-item:hover .nav-link{ color: #0267ff;  }
	.navbar .dropdown-menu.fade-up{ top:180%;  }
	.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
}

/*----chanhe-navbar-toggler-icon color-------*/
	
	.navbar-wrap .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-light .navbar-toggler {
border: none !important;
}
.header-box .fixed-top { background: #073036; transition: all 0.5s; top: 0px;}
.navbar-wrap .nav-item .nav-link i { font-size: 10px !important;}
.navbar-wrap .nav-item .nav-link.nav-icon i { font-size: 13px !important;}
.dropdown-item { text-align: left;}
/*----navbar end-------*/ 

/*----welcome start-------*/ 
.welcome { width: 100%; height: auto; float: left; text-align: center; padding-top: 125px; padding-bottom: 0px;} .welcome .title { max-width: 1170px; margin:0px auto; text-align:center; } .welcome .title h1 { font-weight: 600; text-transform:capitalize;}
.welcome .title h2 { max-width: 500px; height: 34px; margin: 0px auto; text-align: center; 
  background: url(https://www.buylandingpagedesign.com/images/title-bg.png) center top no-repeat; font-size: 22px; line-height: 34px; color: #FFF; font-weight: 300;}

  .welcome .item-box {  position: relative; width:100%; float:left;}
  .welcome .item-box .caption {  position: absolute;  top: 20%; left: 8%; right:0%; margin:0px auto; text-align:center; width:auto; font-size: 18px; line-height:24px;
  font-weight: 500;} .welcome .item-box .caption p { margin-top: 5px; text-align:center;} .welcome .item-box .caption h3 { font-size: 24px; line-height: 28px;
  font-weight: 700; text-transform: uppercase; margin-top: 6px;}
.green { color: #66cc00; text-decoration: none;} 
.green:hover {color: #66cc00; text-decoration: underline;} 
.blue { color: #0267ff; text-decoration: none;} 
.blue:hover { color: #0267ff; text-decoration: underline;}
.orange { color: #ff3300; text-decoration: none;} 
.orange:hover { color: #ff3300; text-decoration: underline;}
.package { width: 100%; float: left; text-align: center; padding-top: 40px; font-size: 18px; line-height: 24px;}
  
/* main-packages start */

.main-packages { width: 100%; height: auto; float: left; padding-top: 74px; padding-bottom: 100px; background-color: #f1f1f1;} 
.main-packages .title { width: 100%; height: auto; float: left; text-align: center;}
.main-packages .title h2 { font-weight: 500;}
.main-packages .title h3 { max-width: 500px; height: 34px; margin: 0px auto; text-align: center; 
  background: url(../images/title-bg.png) center top no-repeat; font-size: 22px; line-height: 34px; color: #FFF; font-weight: 300;}

 /* basic-packages start */

 .basic-package { width: 100%; height: auto; float: left; background-color: #FFF; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); border: 1px solid #d8d8d8; padding: 48px 50px 44px 50px; border-radius: 16px;
  position: relative;} .basic-package .title-box { text-align: center;}

 .basic-package.arrow-bottom:after { content: " "; position: absolute; right: 48%; bottom: -15px;
  border-top: 22px solid white; border-right: 22px solid transparent; border-left: 22px solid transparent;
  border-bottom: none;
}
.basic-package .price-tag {  position: absolute; right: 50px; margin-bottom: 0; border: 0; border-color: transparent; top: 50px;}
.basic-package .price-tag .caption {  position: absolute;  top: 0%; left: 0%; right: 0%; width: 100%; font-size: 24px; list-style: 34px; font-weight: 300; color: #FFF; text-align: center; line-height:1.5}
.orange-bar { border-color: #ff3300; border-bottom: 2px solid #ff3300; width: 100px; text-align: center;}
.basic-package ul { font-size: 18px; line-height: 30px; text-align:left;} .basic-package ul p { font-size: 16px;}
.basic-package ul li i { color: #339900; margin-right: 6px;}
.basic-package ul ul {
  list-style: none; font-size: 15px; line-height: 24px; text-align:left;
}

.basic-package ul ul li:before { content: ""; display: inline-block;  width: .45em; height: .45em;
  border-radius: 50%; background: #f4511e; margin-right: 0.5em; margin-top: 0px; margin-bottom: 0px; margin-left: -10px;
}
.basic-package .selling-ribon {  position: absolute; left:0px; margin-bottom: 0; border: 0; border-color: transparent; top:0px;}

/* main-packages end */

/* active-package start */

.active-package { width: 100%; height: auto; float: left; clear: both; padding-top: 4%;
   padding-bottom: 7%; } 
.active-package .title { width: 100%; height: auto; float: left; text-align: center;}
.active-package .title h2 { font-weight: 500;}
.active-package .title h3 { max-width: 500px; height: 34px; margin: 0px auto; text-align: center; 
  background: url(../images/title-bg.png) center top no-repeat; font-size: 22px; line-height: 34px; color: #FFF; font-weight: 300;}
.active-package .card { background-color: transparent; border-radius: 5px; border-color: #e6e4e4;
    font-size: 16px; line-height: 22px; opacity: 1; transition: all 0.5s;}

.active-package .card:hover{  border-color: #b2acac; background-color: #fafafa;
    transform: translateY(-5px);}

.active-package .card-body { padding: 10px;} .active-package .card-body img { margin-bottom:15px;}
.active-package .card h4 { font-weight: 400; color: #000000; transition: ease-in-out 0.3s; font-size: 18px;}
.active-package .card h4::after{ content:''; display: block; background: #ff3300; height: 2px; width: 100px;  transform: translateY(5px)} .active-package .card-body p { margin: 10px 0px;}
.active-package .cta-title h2 { font-weight: 500;}
 .btn-subcribe-button {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 18px;
  display: inline-block;
  padding: 15px 30px;
  border-radius:30px;
  transition: 0.5s; text-align: center;
  color: #fff; text-decoration: none;
  background: #ff3300; text-transform: none;
}
 .btn-subcribe-button:hover {
 background: #ff0000; box-shadow: 0 10px 10px -8px rgba(0, 0, 0,.7);
 -webkit-transform: scale(1.1);
  transform: scale(1.1);
	 color: #fff;
}

/* active-package end */

/* testimonial start */

.testimonial { width: 100%; height: auto; float: left; background-color: #f1f1f1; padding-top: 7%; padding-bottom: 7%;}
.testimonial .title { width: 100%; height: auto; float: left; text-align: center;}
.testimonial .title h2 { font-weight: 500;}
.testimonial .title h3 { max-width: 500px; height: 34px; margin: 0px auto; text-align: center; 
  background: url(../images/title-bg.png) center top no-repeat; font-size: 22px; line-height: 34px; color: #FFF; font-weight: 300;}
  .testimonial .review { color: #0267ff; font-size: 16px; text-decoration: none;}
  .testimonial .review a { color: #0267ff; font-size: 16px; text-decoration: none;}
  .testimonial .review a:hover { color: #ff3300; font-size: 16px; text-decoration: none;}
.testimonial .review img{width:50%;}
  .testimonial .inside { width: 100%; float: left; text-align: center; background-color: #FFF; border: 1px solid #d8d8d8; border-radius: 10px; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); padding-top: 48px;
  padding-bottom: 44px;}

  .carousel-item { padding-left: 80px; padding-right: 80px; font-size: 15px; line-height: 20px;}
  .carousel-control-prev-icon { background: url(../images/prev-icon.jpg); width: 18px; height: 21px;}
  .carousel-control-next-icon { background: url(../images/next-icon.jpg); width: 18px; height: 21px;}
  .carousel-control-next, .carousel-control-prev { opacity: unset; width:13%}
  .carousel-item h3 { font-size: 20px; line-height: 24px; font-weight: 400;}
  .carousel-item i { font-size: 22px; margin-right: 4px; margin-top: 8px; color: #f8b805;}
  .carousel-item p { margin: 20px 0px 6px 0px; text-align:center; line-height:28px; font-weight:500;}

/* testimonial end */

/* question start */

.question { width: 100%; height: auto; float: left; padding-top: 7%; padding-bottom: 7%;}
.question h2 { font-weight: 500;}
a.contact-us-button { background: #0066ff; text-align: center; display: inline-block;color: #fff; font-weight: 400;font-size: 18px; border-radius:30px; text-decoration: none; border:none; text-shadow:none; !important; transition: all 0.5s; padding: 15px 30px;}  
a.contact-us-button:hover{ background: #004eff; color: #FFF; text-decoration:none;
  box-shadow: 0 10px 10px -8px rgba(0, 0, 0,.7);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);  }
 
  /* question end */

    /* footer start */

#footer { width:100%; float:left; text-align:left; }
#footer .footer-top { width:100%; float:left; text-align:left; padding-top:7%; padding-bottom: 4%; background-color: #f1f1f1;}
#footer .footer-top p { margin: 14px 0px 14px 0px; font-size: 14px; line-height: 22px;}
#footer .footer-top h3 { font-weight: 400; font-size: 18px;}

.footer-link { list-style:none; padding-bottom:20px; padding-top:15px;} 
.footer-link ul { margin:0px; padding: 0px;}
.footer-link li {  display:block; font-size:14px; line-height:26px; color:#333333; text-align:left; font-weight:400;} .footer-link a { color:#333333; text-decoration:none; font-weight:400; font-size:14px; }
.footer-link a:hover { color:#0066ff !important; text-decoration:none; font-weight:400; font-size:14px;}

#footer .footer-top .social-icon{  width:100%; float:left;}
#footer .footer-top .social-icon ul{margin: 0px;padding: 0px;}
#footer .footer-top .social-icon ul li{list-style: none; display: inline-block; text-align:center;}
#footer .footer-top .social-icon ul li a{ color: #3b3a49; display: block; float: left; align-items: center; margin-right: 10px; text-align: center; font-size: 18px;}  
#footer .footer-top .social-icon ul li a:hover{ color: #0066ff;} 
#footer .footer-top .social-icon ul li i { font-size:20px;}

 .footer-bottom { padding-top:14px; padding-bottom:14px; width:100%; background-color: #131313; color:#FFF; 
 float:left; text-align:center; font-size: 15px; line-height: 22px;} .footer-bottom a { color:#FFF; text-decoration:none;} .footer-bottom a:hover { color:#66cc00; text-decoration:none;}

 #btn-back-to-top {
  position: fixed;
  bottom: 60px;
  right: 20px;
  display: none;
  border-radius: 50%;
  border:1px solid #000;
  background-color: #000;
}

 /* sign-in-box start */

.sign-in-box { width: 100%; height: auto; float: left; clear: both; }
.sign-in-box .title { width: 100%; height: auto; float: left; text-align: center;}
.sign-in-box .title h1 { font-weight: 600; text-transform:capitalize;} .sign-in-box .title p { margin: 8px 0px 7px 0px; text-align:center;}
.sign-in-box .title h2 { max-width: 500px; height: 34px; margin: 0px auto; text-align: center; 
 background: url(../images/title-bg.png) center top no-repeat; font-size: 22px; line-height: 34px; color: #FFF; font-weight: 300;}

 .sign-in-box .inside { width: 100%; height: auto; border: 1px solid #cfcfcf;}
 .sign-in-box .inside .left { width: 100%; float: left;}
 .sign-in-box .inside .right { width: 100%; float: left; background-color: #f8f8f8; align-items: center;}

 a.sign-in-button { background: #0066ff; text-align: center; display: inline-block;color: #fff; font-weight: 600;font-size: 16px; border-radius:26PX; text-decoration: none; border:none; text-shadow:none;  transition: all 0.5s; padding: 8px 20px;}  
a.sign-in-button:hover{ background: #004eff; color: #FFF; text-decoration:none;
  box-shadow: 0 8px 8px -8px rgba(0, 0, 0,.7);  }

  a.register-button { background: #ff3300; text-align: center; display: inline-block;color: #fff; font-weight: 600;font-size: 16px; border-radius:26PX; text-decoration: none; border:none; text-shadow:none;  transition: all 0.5s; padding: 8px 20px;}  
  a.register-button:hover{ background: #ff0000; color: #FFF; text-decoration:none;
    box-shadow: 0 8px 8px -8px rgba(0, 0, 0,.7);  }

 /* wordpress section start */

.wordpress { width: 100%; height: auto; float: left; clear: both; padding-top:140px;
  padding-bottom: 0px; } 
.wordpress .title { width: 100%; height: auto; float: left; text-align: center;}
.wordpress .title h1 { font-weight: 600;} .wordpress .title p { margin: 12px 0px 7px 0px;}
.wordpress .title h2 { max-width: 500px; height: 34px; margin: 0px auto; text-align: center; 
 background: url(../images/index-title-bg.png) center top no-repeat; font-size: 22px; line-height: 34px; color: #FFF; font-weight: 300;}
 .wordpress .left {text-align:left; width: 100%; float: left; font-size: 22px; line-height: 30px; font-family: 'Inter', sans-serif;}
 .wordpress .left ul { margin: 0px; padding: 0px; list-style: none;}
 .wordpress .left ul li { font-size: 18px; line-height: 30px; display: block;}
 .wordpress .left p { font-size: 16px; font-weight: 700; margin-top: 12px;}
.wordpress .left ul li i { color: green; margin-right: 5px;}

  /* lp-design start */

.lp-design { width: 100%; height: auto; float: left; clear: both; padding-top:0px;
  padding-bottom: 70px; } 
.lp-design .title { width: 100%; height: auto; float: left; text-align: center;}
.lp-design .title h1 { font-weight: 500;} .lp-design .title p { margin: 12px 0px 7px 0px; font-size:18px;}
.lp-design .title h2 { font-weight: 500; font-size:36px;} 
.lp-design .inside { width: 100%; height: auto; float: left;}
.lp-design .inside h2 { font-weight: 500; font-size:22px;}
.lp-design .design { width: 100%; height: auto; float: left;}
.lp-design .card { border-radius: 0px;}
.lp-design .card-img, .card-img-top { border-radius: 0px;}
.lp-design .card-body a { color: #0066ff; text-decoration: none;}
.lp-design .card-body a:hover { color: #ff0000; text-decoration: none;}
.lp-design .card-footer { background-color: #020717; line-height:46px; text-align:center; transition: all 0.4s ease-in-out; color: #FFF; padding:0px}
.lp-design .card-footer:hover { background-color: #000000; text-align: center;} 
.lp-design .card-footer ul { margin:0px; padding:0px; list-style-type:none;}
.lp-design .card-footer ul li { width:2%; height:auto; float:left; text-align:center; display:block;}
.lp-design .card-footer ul li.big { width:49%; text-align:center;}
  
.lp-design .card-footer a {color: #FFF; text-decoration: none; width:40%; text-align:center;}
.lp-design .card-footer a:hover { color: #ffcc00; text-decoration: none;}

.lp-design .category-top { background-color:#f5f5f5; max-width:800px; padding:20px; margin:0px auto; text-align:center;}
.lp-design .category-top .form-select:focus { outline:none; box-shadow:none;}

/*-- overlay css --*/

.overlay,
.overlay-text,
.overlay-sim-text-2{
   transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -o-transition: all .4s linear;
}
.overlay-sim-text-2a{
   transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -o-transition: all .4s linear;
}
.effect-image-1{
	position: relative;
	display: block;
}
	.overlay-text-2{
		opacity: 0;
		visibility: hidden;
		transform: scale(1.1);
	}
	.effect-image-1:hover .overlay-text-2{
		opacity: 1;
		visibility: visible;
		transform: scale(1);
	}

	/*-- overlay text effect 2 --*/

	.overlay-sim-text-2{
		position: absolute;
	    left: 0px; right:0px; top:0px; text-align:center;
	    width: 100%; vertical-align:central; align-items:center;
	    height: 100%; padding-top:32%;
	    background: rgba(0,0,0,.6);
	    opacity: 0;
	}
	.overlay-sim-text-2a{
		position: absolute;
	    left: 0px; right:0px; top:0px; text-align:center;
	    width: 100%; vertical-align:central; align-items:center;
	    height: 100%; padding-top:16%;
	    background: rgba(0,0,0,.6);
	    opacity: 0;
	}

.effect-image-1:hover .overlay-xs-1{
		opacity: 1;
		visibility: visible;
		display: block;	
	}
	.effect-image-1:hover .simple-text{
		visibility: hidden;
		opacity: 0;
	}
	
 a.preview-button { background: #0066ff; text-align: center; display: inline-block;color: #fff; font-weight: 600;font-size: 16px; border-radius:5px; text-decoration: none; border:none; text-shadow:none;  transition: all 0.5s; padding: 12px 0px;}  
a.preview-button:hover{ background: #004eff; color: #FFF; text-decoration:none;
  box-shadow: 0 8px 8px -8px rgba(0, 0, 0,.7);  }

  a.subscribe-button { background: #ff3300; text-align: center; display: inline-block;color: #fff; font-weight: 600;font-size: 16px; border-radius:5px; text-decoration: none; border:none; text-shadow:none;  transition: all 0.5s; padding: 12px 0px;}  
  a.subscribe-button:hover{ background: #ff0000; color: #FFF; text-decoration:none;
    box-shadow: 0 8px 8px -8px rgba(0, 0, 0,.7);  }
.custom-button { width:200px;}

.categories{width:100%;height:auto;float:left;text-align:left;padding-bottom:20px;padding-top:20px;}
.categories ul{margin:0px;padding:0px;list-style-type:none;}.categories ul li{width:100%;height:auto;float:left;text-align:left;display:block;font-size:16px;line-height:30px;color:#101010;font-weight:normal;font-family: 'Inter', sans-serif;}.categories ul li a{font-size:16px;line-height:30px;color:#101010;font-weight:normal;font-family: 'Inter', sans-serif;text-decoration:none;}
.categories ul li a:hover{font-size:16px;line-height:30px;color:#ff3300;font-weight:normal;font-family: 'Inter', sans-serif;text-decoration:none;}
.number{height:auto;float:right;text-align:left;}
.number ul{padding:0px;list-style:none;margin:0px;}
.number ul li{display:block;float:left;text-align:center;font-size:14px;line-height:30px;color:#FFF;font-weight:normal;font-family: 'Inter', sans-serif;text-decoration:none;margin:0px 5px 10px 0px;}
.number ul li a{width:30px;font-size:14px;line-height:30px;float:left;color:#FFF;font-weight:normal;font-family: 'Inter', sans-serif;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#02081b;}
.number ul li a:hover{width:30px;height:30px;float:left;font-size:14px;line-height:30px;color:#FFF;font-weight:normal;font-family: 'Inter', sans-serif;text-decoration:none;background-color:#ff3300;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.number ul li.active a{width:30px;height:30px;float:left;font-size:14px;line-height:30px;color:#FFF;font-weight:normal;font-family: 'Inter', sans-serif;text-decoration:none;background-color:#ff3300;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.number ul li.active2 a{width:30px;height:30px;float:left;font-size:14px;line-height:30px;color:#FFF;font-weight:normal;font-family: 'Inter', sans-serif;text-decoration:none;background-color:#ff3300;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}

/* tag-section start */

.tag { width:100%;height:auto;float:left;text-align:center;padding-top:20px;}
.tag h2 { font-weight: 600;}
.tag .inside{width:100%;height:auto;float:left;text-align:center;padding-top:30px; line-height:40px; }
.tag .inside a{border: 1px solid #cfd8dc; border-radius: 3px; color: #243238; display: inline-block;
 font-size: 14px; line-height: 20px; margin: 0 10px 10px 0; text-decoration: none;
 padding: 5px 10px; } .tag .inside a:hover{border: 1px solid #2196f3; color:#2196f3;background-color:#f0f8fe;}

/* buy-now start */

.sign-in-box .buy-now { width: 100%; height: auto; float: left;}
.sign-in-box .buy-now .left { width: 100%; height: auto; float: left;}
.sign-in-box .buy-now .left .item-box { width: 100%; height: auto; float: left; background-color: #FFF; border: 1px solid rgba(0,0,0,.125); border-radius: 5px; text-align:left;}
.sign-in-box .buy-now .right { width: 100%; height: auto; float: left;}
.sign-in-box .buy-now .right .item-box { width: 100%; height: auto; float: left; background-color: #FFF; border: 1px solid rgba(0,0,0,.125); border-radius: 5px;text-align:left;}
.sign-in-box .buy-now .right .item-box i{color:green;}
.sign-in-box .buy-now .right .item-box .orange { color: #ff3300; text-decoration: none;} 
.sign-in-box .buy-now .right .item-box .orange:hover { color: #ff3300;}
.sign-in-box .buy-now .right .item-box h2 {font-size:18px; font-weight:600;}
.custom2-button { width: 100%;}
.sign-in-box .buy-now .text-warning { color: #ff3300 !important;}
/* preview start */
.sign-in-box .preview { width: 100%; height: auto; float: left; }
.sign-in-box .preview .left { width: 100%; height: auto; float: left;}
.sign-in-box .preview .buylpfix { background-color: #FFF; line-height:26px; border: 1px solid rgba(0,0,0,.125); border-radius: 5px; text-align:left;}

/* ------------------Content------------------- */

.discount-button{background:#ff3300;text-align:center;float:left;padding:10px 20px;height:auto;text-decoration:none;font-size:15px;line-height:30px;color:#FFF;font-weight:bold;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.discount-button:hover{background:#e73003;text-align:center;float:left;padding:10px 20px;height:auto;text-decoration:none;font-size:15px;line-height:30px;color:#FFF;font-weight:bold;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
 /* about start */

  .about { width: 100%; height: auto; float: left; padding-top: 100px; padding-bottom: 100px; background-color:#fafafa;}
  .about h2 { font-weight: 700; color: #FFF;}
  .about h3 { font-weight: 700; color: #202020; font-size: 18px;}
  .about h4 { font-weight: 700; color: #19ce67; font-size: 18px;}
  .about .title { width:100%; height:120px; float:left; position:relative; background-color:#3399ff; clear:both;}
  .about .title h2 { font-weight: 700; color: #FFF;}
  .about .title .img-box { position:absolute; top:10px; bottom:10px; right:10px;}
  .about .title .text-box { position:absolute; top:20px; left:20px;}
  
   .about .title2 { width:100%; height:120px; float:left; position:relative; background-color:#99cc66; clear:both;}
  .about .title2 h2 { font-weight: 700; color: #FFF;}
  .about .title2 .img-box { position:absolute; top:10px; bottom:10px; right:10px;}
  .about .title2 .text-box { position:absolute; top:20px; left:20px;}
  
  .about .item-box { width: 100%; height: auto; float: left; text-align: center;   padding: 15px 20px;
    position: relative; overflow: hidden; background: #fff;
     box-shadow: 0 0 29px 0 rgba(18, 66, 101, 0.08); transition: all 0.3s ease-in-out;
    border-radius: 8px; z-index: 1;} .about .item-box a { color: #19ce67; text-decoration: none;}  
    .about .item-box a:hover { color: #19ce67; text-decoration: none;} 
    .about .item-box:hover {
      transform: scale(1.08); overflow: hidden;
    }
    .about .item-box:hover .icon-box { background-color: #19ce67; color: #FFF;}
    .icon-box { background-color: #e9f6ef; border-radius: 50%; padding: 12px 15px; display: inline-block; text-align: center; margin-bottom: 15px;}
    .about ul { margin: 0px; padding: 0px; list-style-type: none;}
    .about ul li { width: 100%; height: auto; float: left; font-size: 16px; display: block; font-weight: 600; padding: 6px 0px;}
    .about ul li i { color: #19ce67; margin-right: 8px; font-size: 20px;}
/* services-box start */

.services-box { width: 100%; height: auto; float: left; text-align: left; padding-top: 100px; padding-bottom: 100px;}
.services-box .title-box { max-width: 800px; margin: 0px auto; text-align: center;}
.services-box h2 { font-weight: 700;} .services-box h2 .text-success { color: #0066ff !important;}
.services-box h3 { font-weight: 700; font-size: 22px;}
.services-box h4 {  color: #0066ff; font-size: 18px;}
.services-box i { color: #ff6600;} 
.services-box .icon-box { width: auto; background-color: #f7f7f7; padding: 15px; display: inline-block; text-align: center; border-radius: 5px;}

.services-box .item-box:hover{ box-shadow: 0 0 29px 0 rgba(18, 66, 101, 0.08); transition: all 0.3s ease-in-out;}

.services-box .item-box { width: 100%; height: auto; float: left; background-color: #FFF; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 3px 0px; padding: 40px 24px; border-top-left-radius: 10px;
  border-top-right-radius: 10px;}
.services-box .item-box a {  text-decoration: none;}  
    .services-box .item-box a:hover { color: #ff0000; text-decoration: none;} 
    .services-box .item-box:hover { overflow: hidden; }
	.services-box .item-box p{margin-bottom:10px;}
 /* services-box end */

/* about2 start */

.about2 { width: 100%; height: auto; float: left; padding-top:100px; clear: both; padding-bottom: 100px; background-color: #f9f9f9;} .about2 h2 { font-weight: 700; text-transform: capitalize;}
.about2 .left { width: 100%; height: auto; float: left; background-color: #FFF;}
.about2 h3 { font-size: 18px; color: #19ce67; } .video-height { height: 370px;}
.about2 ul { margin: 0px; padding: 0px; list-style-type: none;}
.about2 ul li { width: 100%; height: auto; float: left; font-size: 18px; display: block; font-weight: 600; padding: 6px 0px;}
.about2 ul li i { color: #19ce67; margin-right: 8px; font-size: 20px;}
.about2 ul li a {text-decoration:none;} .about2 ul li a:hover {text-decoration:none; color:#19ce67;}

/* about2 end */

/* review-box start */

.review-box { width: 100%; height: auto; float: left; text-align: left; padding-top: 100px; padding-bottom: 100px; background-color:#f9f9f9;}
.review-box .title-box { max-width: 800px; margin: 0px auto; text-align: center;}
.review-box h2 { font-weight: 700;} .review-box h2 .text-success { color: #0066ff !important;}
.review-box h3 { font-weight: 700; font-size: 22px;}
.review-box h4 {  color: #0066ff; font-size: 18px;}
.review-box .title-box img{width:30%;}
.review-box .item-box { width: 100%; height: auto; float: left; background:#FFF; padding:30px;}

 /* review-box end */

 /* project-banner start */

.project-banner { width: 100%; height: auto; float: left; padding-top: 100px;
padding-bottom: 100px; background-color:#f7f7f7;}
.project-banner .title-box  { max-width: 900px; margin: 0px auto; text-align: center;}
.project-banner .title-box h2 { font-weight: 700; text-transform: capitalize;}
.project-banner .title-box h3 { font-weight: 700; color: #0066ff; font-size: 18px;}
.project-banner .item-box { width: 100%; float: left; border: 1px solid #ccc;
  box-shadow: 0 0.5px 1px 0 rgb(51 77 114 / 10%), 0px 1.6px 3.6px 0 rgb(51 77 114 / 15%); border-radius: 20px; background-color:#FFF;
  }
  .project-banner .item-box h2 { color: #FFF; font-weight: 700;}
  .project-banner .item-box .lp-title { width: 100%; float: left; background-color: #0066ff;
    border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 30px;  color: #FFF;}

.project-banner .item-box .information { width: 100%; float: left; padding: 30px;}
.project-banner .item-box .information ul { margin: 0px; padding: 0px; list-style-type: none;}
.project-banner .item-box .information ul li { width: 100%; float: left; padding: 18px 0px;
border-bottom: 1px solid #dedddd;} 
.project-banner .item-box .information ul li:last-child { border-bottom: none;}
.project-banner .item-box .information .badge { width:30px; height: 30px; background-color: #0066ff;
display: inline-block; text-align: center; border-radius: 50%; color: #FFF; font-size:14px; font-weight: 500; padding: 0px; line-height: 30px;}
.project-banner .item-box .information h4 { font-weight: 500; font-size: 18px; color: #4d4c4c;}
.project-banner .item-box .information i{color:#0066ff;}
.project-banner .item-box .website-title { width: 100%; float: left; background-color: #ff3300;
  border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 30px;  color: #FFF;}

.project-banner .item-box .information2 { width: 100%; float: left; padding: 30px;}
.project-banner .item-box .information2 i{color:#333333;}
.project-banner .item-box .information2 ul { margin: 0px; padding: 0px; list-style-type: none;}
.project-banner .item-box .information2 ul li { width: 100%; float: left; padding: 18px 0px;
border-bottom: 1px solid #dedddd;} 
.project-banner .item-box .information2 ul li:last-child { border-bottom: none;}
.project-banner .item-box .information2 .badge { width:30px; height: 30px; background-color: #2f3337;
display: inline-block; text-align: center; border-radius: 50%; color: #FFF; font-size:14px; font-weight: 500; padding: 0px; line-height: 30px;}
.project-banner .item-box .information2 h4 { font-weight: 500; font-size: 18px; color: #4d4c4c;}

/* project-banner end */

/* recent-project start */

.recent-project { width: 100%; height: auto; float: left; text-align: center; padding-bottom: 140px;}
.recent-project .title { max-width: 900px; height: auto; margin: 0px auto; text-align: center;}
.recent-project .title h2 { font-weight: 700;}
.recent-project .title h3 { max-width: 500px; height: 34px; margin: 0px auto; text-align: center; 
  background: url(../images/title-bg.png) center top no-repeat; font-size: 22px; line-height: 34px; color: #FFF; font-weight: 300;}
  .recent-project .title h4 { font-weight: 700; color: #0066ff; font-size: 18px;}

  .recent-project .item-box { width: 100%; float: left; text-align: center;}
  .recent-project .item-box h3 { font-size: 22px; font-weight: 700;}
  .recent-project .item-box h3 a { font-size: 22px; font-weight: 700; color: #202020;}
  .recent-project .item-box h3 a:hover { font-size: 22px; font-weight: 700; color: #0066ff;}

/* recent-project end */

/* contact-us Start */

 .contact-us { width: 100%; height:auto; float: left; padding-top:160px; padding-bottom:150px;}
  .contact-us h2 { font-weight: 700;}
  .contact-us .question { background-color: #70bf4a; color: #FFF;}
 .contact-us ul { margin: 0px; padding: 0px; list-style: none;}
 .contact-us ul li {  padding-bottom: 40px;} .contact-us .form-label { font-weight: 600;}
 .contact-us .form-control { margin-bottom: 10px; border-color: #d9dadb; border-radius: 5px; font-size: 15px; margin-bottom: 16px; box-shadow: none;} .contact-us .form-control:focus { box-shadow: none; outline: none;} 
 .contact-us .form-select:focus { box-shadow: none; outline: none;} 
 .contact-us .form-control-lg { height: 54px; font-size: 15px;}
 .contact-us .form-select-lg { height: 54px; font-size: 15px;}
 .contact-us .form-select { border-color: #d9dadb; margin-bottom: 10px; border-radius: 5px; color: #888888;} .contact-us textarea { height: 150px;}
 .contact-us .text-box { font-size: 14px; line-height: 20px; color: #565656;}

 .contact-us .item-box { width: 100%; float: left; color: #6a73a4; font-size: 15px;}
 .contact-us .item-box h3 { font-size: 18px; line-height: 24px; color: #202020; font-weight: 600;}
 .contact-us .item-box i { color: #0066ff;}

 input[type=submit] {  background: #0066ff !important; text-align: center; display: inline-block;color: #FFF !important; font-weight: 700; font-size: 18px !important;  text-decoration: none; text-shadow:none;  border: none; transition: all 0.5s; padding: 15px 36px; border-radius: 5px; text-transform: uppercase;} 
   input[type=submit]:hover { background: #004eff !important; color: #FFF !important;
    box-shadow: 0 10px 10px -8px rgba(0, 0, 0,.7);
  -webkit-transform: scale(1.1); transform: scale(1.1);}

  .contact-us .title-box { max-width: 900px; margin: 0px auto; text-align: center;}

  .contact-us .item-box2 { width: 100%; height: auto; float: left; background-color: #FFF; padding: 50px 30px 38px 30px; box-shadow: 0px 20px 45px rgba(51, 77, 114, 0.10); transition: all 0.3s ease-out;}
  .contact-us .item-box2:hover {
    box-shadow: 0px 20px 45px rgba(51, 77, 114, 0.25);
    animation-duration: 0.25s;   border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; transform: translateY(-5px);
    transition: all 0.3s; background-color: #f6f9fd;
  }
  .contact-us .item-box2 a { color: #202020; text-decoration: none;}
  .contact-us .item-box2 a:hover { color: #0066ff; text-decoration: none;}
  .contact-us .item-box2 i { color: #0066ff;}
  .contact-us .item-box2 h3 { font-size: 18px; line-height: 24px; color: #202020; font-weight: 600;}

/* contact-us end */

/* more-help-box start */

.more-help-box { width: 100%; height: auto; float: left; text-align: center; background-color: #f5f7fa;
padding-top: 140px; padding-bottom: 140px;}
.more-help-box .title-box { max-width: 800px; margin: 0px auto; text-align: center;}
.more-help-box .title-box h2 { font-weight: 700;}
.more-help-box .item-box { width: 100%; float: left; text-align: center; background-color: #FFF;
box-shadow: 0 0.5px 1px 0 rgba(51, 77, 114, 0.1), 0px 1.6px 3.6px 0 rgba(51, 77, 114, 0.15);
transition: all 0.3s ease-out; padding: 50px 30px; color: #494949;}
.more-help-box .item-box:hover{ box-shadow: 0px 20px 45px rgba(51, 77, 114, 0.15); }
.more-help-box .item-box h4 { font-weight: 600; font-size:20px; color: #202020;}
.more-help-box .item-box .top { width: 100%; float: left; text-align: center;}
.more-help-box .item-box .top i { color: #3963b9; margin-bottom: 28px;}

.theme-btn {
display: inline-block;
font-size: 18px;
color: #0066ff;
height: 50px;
line-height: 50px;
border-radius: 4px;
position: relative;
z-index: 1;
border: 1px solid #0066ff;
background-color: #FFF;
padding: 0 35px;
overflow: hidden;
text-align: center;
text-transform: capitalize;
font-family: 'Inter', sans-serif;
font-weight: 500;
}

.theme-btn:hover {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left; 
  background-color: #0066ff; color: #FFF;}

  .more-help-box .social-button a {
  display: inline-block;
  text-align: center;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: transparent;
  color: #555555;
  line-height: 37px;
  border: 1px solid #555555;
  margin-right: 15px; }
  .more-help-box .social-button a:last-child {
    margin-right: 0; }
  .more-help-box .social-button a:hover {
    border-color:#3963b9;
    background-color: #3963b9;
    color: #fff !important; }

/* more-help-box end */

/* custom-services start */

.custom-services { width: 100%; height: auto; float: left; padding-top: 100px; padding-bottom: 100px;} 
.custom-services .title { max-width: 1100px; height: auto; margin: 0px auto; text-align: center;}
.custom-services .title h1 { font-weight: 600;}
.custom-services .title h3 { max-width: 500px; height: 34px; margin: 0px auto; text-align: center; 
  background: url(../images/title-bg.png) center top no-repeat; font-size: 22px; line-height: 34px; color: #FFF; font-weight: 300;}

  .custom-services .item-box { width: 100%; float: left; text-align: center; text-decoration: none !important;  }
  .custom-services .item-box:hover { text-decoration: none !important;}
  .custom-services .item-box:hover .tp-sv-sm-title {  text-decoration: none; color: #202020;}
  .custom-services .item-box i { color: #ff885a;}
  .custom-services .item-box:hover .tp-service-item-four__img { background-color: #0066ff;}
  .custom-services .item-box:hover i { color: #FFF;}

/* custom-services end */

/* testimonial-box start */

.testimonial-box { width: 100%; height: auto; float: left; padding-top: 100px; padding-bottom: 100px;
  background-color: #f7f7f7; }
  .testimonial-box .title-box { width: 100%; height: auto; float: left;}
  .testimonial-box .title-box h2 { font-weight: 700; text-transform: capitalize;}
  .testimonial-box .title-box h3 { font-weight: 700; color: #0066ff; font-size: 18px;}
  .testimonial-box .item-box { width: 100%; height: auto; float: left; background-color: #FFF; border-radius:0px; padding-top:40px; padding-bottom: 40px; transition: all 0.3s;  box-shadow: 0px 10px 39.2px 0.9px rgb(0 0 0 / 10%);}
  .testimonial-box .item-box i { color: #ff7200; margin-right: 4px; }

  .more-testimonial-button {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
    display: inline-block;
    padding: 15px 30px;
    border-radius:30px;
    transition: 0.5s; text-align: center;
    color: #fff; text-decoration: none;
    background: #ff3300; text-transform: none;
  }
  .more-testimonial-button:hover {
   background: #ff0000; box-shadow: 0 10px 10px -8px rgba(0, 0, 0,.7);
   -webkit-transform: scale(1.1); color: #FFF;
    transform: scale(1.1); font-weight: 400;
  }

  /* testimonial-box end */

/* services-1 start */

.services-1 { width: 100%; height: auto; float: left; padding-top:100px; padding-bottom:120px;}
.services-1 h2 { font-weight: 700;}
.services-1 h3 { font-weight: 700; color: #0066ff; font-size: 18px;}
.services-1 .row { flex-direction: row-reverse;}
.services-1 .badge { width: 48px; height: 48px; background-color: #dee9f9; display: inline-block; border-radius: 50%; padding: 11px 0px 0px 0px;} .services-1 i {color: #0066ff; font-size:26px;}
.services-1 h4 { font-weight: 600; font-size: 22px;}

.services-1 .right { width: 100%; float: left; position: relative;}
.services-1 .box { right: -30px; top: -30px; width: 60%; height: 200px; position: absolute;}
.services-1 .right .img-box { width: 100%; float: left; position: relative; padding: 0px 0px 0px 0px;}

/* services-1 end */

/* services-2 start */

.services-2 { width: 100%; height: auto; float: left; padding-top:120px; padding-bottom:120px;
  background-color: #f5f7fa;}
.services-2 h2 { font-weight: 700;}
.services-2 h3 { font-weight: 700; color: #0066ff; font-size: 18px;}
.services-2 .badge { width: 48px; height: 48px; background-color: #b4d1fc; display: inline-block; border-radius: 50%; padding: 0px; line-height: 48px; text-align: center; font-size: 22px; font-weight: 700; color: #202020;} 
.services-2 .badge2 { width: 48px; height: 48px; background-color: #fbd0bf; display: inline-block; border-radius: 50%; text-align: center; line-height: 48px; font-size: 22px; font-weight: 700; color: #202020; padding:0px;} 
.services-2 i {color: #202020; font-size:26px;}
.services-2 h4 { font-weight: 600; font-size: 22px;}

.services-2 .right { width: 100%; float: left; position: relative;}
.services-2 .box { left: -150px; top: -30px; width: 60%; height: 200px; position: absolute;}
.services-2 .right .img-box { width: 100%; float: left; position: relative; padding: 0px 0px 0px 0px;}

/* services-2 end */

/* services-3 start */

.services-3 { width: 100%; height: auto; float: left; padding-top:120px; padding-bottom:120px;
  background-color: #f5f7fa;}
  .services-3 .title-box { max-width: 850px; margin: 0px auto; text-align: center;}
.services-3 h2 { font-weight: 700;}
.services-3 h3 { font-weight: 700; color: #0066ff; font-size: 18px;}

.services-3 .item-box { width: 100%; float: left; background-color: #FFF; padding: 28px 24px 22px 24px;
  box-shadow: 0 0.5px 1px 0 rgba(51, 77, 114, 0.1), 0px 1.6px 3.6px 0 rgba(51, 77, 114, 0.15);
  transition: all 0.3s ease-out;}
  .services-3 .item-box:hover { box-shadow: 0px 20px 45px rgba(51, 77, 114, 0.15);}

  .services-3 .item-box h4 { font-size: 20px; font-weight: 700;}
  .services-3 img {box-shadow: 0px 20px 45px rgba(51, 77, 114, 0.15);}

/* services-3 end */

/* our-services start */

.our-services { width: 100%; height: auto; float: left; padding-top: 120px; padding-bottom: 120px; background-color: #f9faff;}
.our-services .title-box { max-width: 800px; margin: 0px auto; text-align: center;}
.our-services .title-box h2 { font-weight: 700; text-transform: capitalize;}
.our-services .title-box h3 { font-weight: 700; color: #3963b9; font-size: 18px;}
.our-services .item-box { width: 100%; float: left; background-color: #FFF;
  box-shadow: 0px 10px 30px 0px rgb(10 30 52 / 4%);
  transition: all 0.3s ease-out; padding: 46px 30px; color: #444444; }
  .our-services .item-box h4 { font-size: 22px; font-weight: 500; color: #202020;}
  .our-services .item-box i {color: #3963b9; margin-bottom: 28px;}
  .our-services .item-box ul { margin: 0px; padding: 0px; list-style-type: none;}
  .our-services .item-box ul li { width: 100%; float: left; display: block; padding-top: 10px;
  padding-bottom: 10px; font-size: 16px;} .our-services .item-box ul li i { color: #3963b9; margin-bottom: 0px; margin-right: 5px;}

  .apply-btn {
    display: inline-block;
    font-size: 18px;
    color: #FFF;
    height: 50px;
    line-height: 50px;
    border-radius: 4px;
    position: relative;
    z-index: 1;
    border: none;
    background-color: #3963b9;
    padding: 0 55px;
    overflow: hidden;
    text-align: center;
    text-transform: capitalize;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    }
    
    .apply-btn:hover {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      transform: scale(1, 1);
      -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
      transform-origin: top left; 
      background-color: #2a70fc; color: #FFF;}

/* our-services end */

/* benefit-box start */

.benefit-box { width: 100%; height: auto; float: left; padding-top: 120px; padding-bottom: 120px;}
.benefit-box h2 { font-weight: 700;}
.benefit-box h3 { font-weight: 700; color: #3963b9; font-size: 18px;}
.benefit-box .item-box { width: 100%; height: auto; float: left;}
.benefit-box .badge { width: 60px; height: 60px; background-color: #dee9f9; display: inline-block; border-radius: 50%; padding: 16px 0px 0px 0px; margin-bottom: 20px;} .benefit-box i {color: #202020; font-size:26px;}
.benefit-box .item-box h4 { font-weight: 500; font-size: 20px;}

/* benefit-box end */

.choose-us-box { width: 100%; height: auto; float: left; text-align: center; padding-top: 120px;
padding-bottom: 120px; background-color: #3963b9; color: #FFF;}
.choose-us-box .title-box { max-width: 820px; height: auto; margin: 0px auto; text-align: center;}
.choose-us-box .title-box h2 { font-weight: 700; color: #FFF;}
.choose-us-box .title-box h3 { font-weight: 700; color: #FFF; font-size: 18px;}
.choose-us-box .item-box { width: 100%; float: left; text-align: center; color: #d9d9d9;}
.choose-us-box .item-box .badge { width: 100px; height: 100px; background-color: #edf3ff; border-radius: 50%; display: inline-block; text-align: center; padding: 33px 0px 0px 0px; margin-bottom: 26px;}
.choose-us-box .item-box h4 { font-weight: 500; color: #FFF;} .choose-us-box .item-box i { color: #3963b9;}

/* choose-us-box end */

   /* faq-box Start */

   .faq-box { width: 100%; float: left; padding-top: 120px; padding-bottom: 120px;}
   .faq-box .title-box { width: 820px; height: auto; margin: 0px auto; text-align: center;}
   .faq-box h2 { font-weight: 700;}
   .accordion-button:not(.collapsed) { background-color: #FFF; border: none; box-shadow: none;}
   .accordion-item:last-of-type .accordion-button.collapsed { border: none; border-radius: 0px; color: #000000;}
   .accordion-body { border: none; padding: 5px 0px; } .accordion-item { border: none; border-bottom:1px solid #ccc; padding: 10px 0px;} 
   .accordion-button:focus { box-shadow: none; outline: unset;} 
   .accordion-button:not(.collapsed) { color: #337ab7;}
   .accordion-button { padding: 10px 0px; font-weight: 700; font-size: 16px;}
   .accordion-item:first-of-type { border-bottom:1px solid #ccc; border-top: 1px solid #ccc;}
   
   /* faq-box end */

@media (max-width: 991.98px) {.services-1 .box { right: 0px; }
.services-2 .box { left: 0px;}
.services-2 { padding-top: 80px; padding-bottom: 80px;}
.services-1 { padding-top: 200px; padding-bottom: 80px;}
}