/* style */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");

body {
    font-family: 'Quicksand', sans-serif;
    background-color: #FDFFFF;
    position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: inherit;
}
a:hover
{
  color:white;
}
.navbar-dark .navbar-toggler-icon {
  background-color: #377dff;
  border-radius: 6px;
}

nav.navbar.navbar-expand-sm.navbar-dark.custom-nav {

  background-color: #EFF5FF;
}

ul.dropdown-menu.custom-header-bar li a {
  margin: 0px !important;
}

ul.navbar-nav.ms-auto.nav-text li a {
  color: #333;
  margin: 0 0 0 20px;
  font-weight: 700;
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show>.nav-link {
  color: #333;
  font-weight: 700;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: rgb(119, 119, 119);
}

span.navbar-toggler-icon {
  padding: 17px;
  border-radius: 6px;
}

.dropdown.custom-dropdown {
  margin-left: 20px;
}
.carousel.slide.custom-slide.Services-head {
    height: 520px !important;
}
section.yellow-full-content {
  background-color: #ffb13b;
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  padding: 1.5rem;
}
.footer-pages h6 {
    color: #ffaf52 !important;
}
section.yellow-full-content-center {
  background-color: #ffb13b;
  padding-bottom: 2rem;

}

.listed-sec ul li {
  padding-bottom: 1rem;
  font-weight: 700;
  font-size: 17px;
}

section.yellow-full-content p {
  margin: 0;
}

.btn a {
  background-color: #377DFF;
  padding: 8px 30px;
  border-radius: 50px;
  text-decoration: none;
  color: #fff;
}

.carousel.slide.custom-slide {
  background-color: #EFF5FF;
  height: 600px;
}

.col-with-us {
  margin-top: 3rem;
}

.start-project-btn {
  background-color: #377DFF;
  padding: 8px 30px;
  border-radius: 50px;
  text-decoration: none;
  color: #fff;
  margin-top: 1rem;
  border: 0;
}

.header-content {
  padding-top: 8rem;
}

.header-vector-img {
  margin-top: 3rem;
}

.header-content h1 {
  font-size: 40px;
  font-weight: 800;
}

img.top-dot {
  position: absolute;
  margin: 10px 0 0 160px;
  z-index: -99;
}

img.left-round {
  position: absolute;
  bottom: 200px;
  left: 50px;
}

.video-custom.mt-5 {
  position: relative;
}

img.bottom-dots {
  position: absolute;
  bottom: 20px;
  left: 420px;
  z-index: -99;
}

.video-white-box-top {
  background-color: #fff;
  width: 13%;
  border-radius: 10px;
  padding: 1rem;
  position: absolute;
  left: 100px;
  top: 6rem;
  box-shadow: 0 3px 12px 0 #b3b3b39e;
}

.video-white-box-top p {
  font-weight: 700;
  font-size: 18px;
}

.video-white-box-top svg {
  color: #FFB13B;
}

.video-white-box-botto-right {
  background-color: #fff;
  width: 16%;
  border-radius: 10px;
  padding: 1rem;
  position: absolute;
  right: 100px;
  bottom: 2rem;
  box-shadow: 0 3px 12px 0 #b3b3b39e;
}
.card-seo.card-web:hover {
    background-color: #ffb13b;
}
.sec-movement.heading-section.other-services {
  margin-top: 9rem;
}

.video-white-box-botto-right img {
  width: 35px;
  border-radius: 60px;
}

video.video-thum {
  width: 70%;
  height: 600px;
}

.heading-section {
  text-align: center;
  margin: 60px 0 60px 0;
}

.heading-section h5 {
  color: #377DFF;
}

.heading-section h3 {
  color: #333;
  font-size: 30px;
  font-weight: 800;
}

button.about-btn-sec {
  background-color: #377dff;
  border: 0;
  padding: 7px 30px;
  border-radius: 50px;
  color: #fff;
}

button.our-story {
  background-color: #FFB13B;
  border: 1px solid #FFB13B;
  padding: 5px 30px;
  border-radius: 50px;
  color: #333;
}

.about-content {
  padding-top: 7rem;
}

.box-experience {
  margin: 56px 0 83px;
}

.box-experience h5 {
  font-size: 42px;
  font-weight: 700;
}

.box-experience p {
  font-size: 18px;
  font-weight: 600;

}

.services-sec {
  background: #eff5ff;
  padding-bottom: 70px;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.card-services {
  flex-basis: 32%;
  text-align: center;
  margin: 13px 0;
  background: #fff;
  padding: 22px;
  border-radius: 10px;
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.card-services img {
  width: 22%;
  margin: 13px 0 24px;
}

.card-services h5 {
  font-size: 23px;
  font-weight: 800;

}

.card-services p {
  font-weight: 500;
  font-size: 16px;
  padding-top: 11px;

}
.seo-company-box p {
  line-height: 20px;
  padding-top: 5px;
  font-size: 14px;
}
.card-seo {
  text-align: center;
  padding: 20px;
  border-radius: 17px;
  margin-bottom: 26px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}

.card-seo img {
  width: 20%;
}

.card-seo h6 {
  padding-top: 13px;
  font-size: 16px;
  margin-bottom: 3px;
  font-weight: 700;
}

.card-seo h5 {
  font-size: 22px;
  color: #377dff;
  font-weight: 700;
}

.card-seo button {
  border: none;
  background: #377dff;
  border-radius: 20px;
  padding: 8px 38px;
  color: #fff;
  font-size: 15px;
  margin-top: 15px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(55, 125, 255, 0.6) 0px 10px 10px -5px;
}

.text-align-left {
  text-align: left;
}

.btn-readmore {
  background: transparent;
  border: none;
  font-size: 18px;
  font-weight: 600;
  color: #377dff;
  display: block;
  margin-left: auto;
}

.btn-readmore img {
  width: 20px;
}

.sec-movement {
  text-align: left;
  padding-right: 100px;
}

.sec-movement p {
  font-size: 18px;
  padding-top: 12px;
}

.card-packages {
  height: 224px;
  padding: 20px 27px 27px;
  text-align: center;
  margin-bottom: 28px;
  border-radius: 15px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

.card-packages img {
  width: 35%;
  margin-bottom: 26px;
  margin-top: 13px;
}

.card-packages h5 {
  font-size: 20px;
  font-weight: 700;
}

.sec-contactus {
  background: #377dff;
  padding: 7rem;
}

.contact-box {
  background: #fff;
  border-radius: 62px;
  padding: 20px 30px;
}

.contact-box h5 {
  font-size: 20px;
  font-weight: 700;
  padding-top: 10px;
  margin-bottom: 2px;
  padding-left: 13px;
}

.contact-box span {
  color: #377dff;
}

.contact-box h4 {
  font-size: 20px;
  font-weight: 700;
  padding-left: 13px;
}
.card-seo.card-web p {
    line-height: 21px;
}
.contact-box button {
  border: none;
  background: #377dff;
  border-radius: 25px;
  padding: 12px 48px;
  color: #fff;
  font-size: 15px;
  margin-top: 15px;
  box-shadow: rgb(0 0 0 / 10%) 0px 20px 25px -5px, rgb(55 125 255 / 60%) 0px 10px 10px -5px;
  display: block;
  margin-left: auto;
  font-weight: 600;
}

.box .box-inner {
  position: relative;
  width: 84%;
  border-radius: 20px;
}

.box .box-inner img {
  width: 100%;
  height: 275px;
  object-fit: cover;
  filter: brightness(.6);
  transition: transform .4s;
  border-radius: 20px;
}

.box .box-inner img:hover {
  -ms-transform: scale(1.3);
  /* IE 9 */
  -webkit-transform: scale(1.3);
  /* Safari 3-8 */
  transition: transform .4s;
  transform: scale(1.3);
}

.box .inner-content {
  position: absolute;
  left: 18px;
  top: 80%;
  color: #fff;
  font-family: 'Roboto', sans-serif;
}

.box .inner-content h3 {
  font-size: 21px;
}

.btn-seeallportfolio {
  border: none;
  background: #377dff;
  border-radius: 25px;
  padding: 12px 48px;
  color: #fff;
  font-size: 15px;
  box-shadow: rgb(0 0 0 / 10%) 0px 20px 25px -5px, rgb(55 125 255 / 60%) 0px 10px 10px -5px;
  display: block;
  margin: 60px auto;
  font-weight: 600;
}
.packages-body a {
  border: none;
  background: #377dff;
  border-radius: 20px;
  padding: 8px 38px;
  color: #fff;
  font-size: 15px;
  display: block;
  width: fit-content;
  margin: 23px auto 0;
  box-shadow: rgb(0 0 0 / 10%) 0px 20px 25px -5px, rgb(55 125 255 / 60%) 0px 10px 10px -5px;
}
.h-collaboration {

  line-height: 1.3;
}

.btn-getstarted {
  margin: 15px 0 0 0 !important;
  display: inherit !important;
  width: fit-content;
}

.img-collaboration {
  width: 86%;
}

.card-blog {
  text-align: center;
}

.img-blog-container {
  width: 100%;
  height: 300px;
  border-radius: 24px;
}

.card-blog img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  border-radius: 24px;
}

.card-blog h6 {
  font-size: 24px;
  font-weight: 700;
  padding-top: 22px;
  padding-bottom: 11px;
}

.card-blog p {
  font-size: 17px;
  line-height: 23px;
  font-weight: 400;
}

.btn-seeallblog {
  background: #FFB13B !important;
  border: 1px solid #FFB13B !important;
  color: #333 !important;
  box-shadow: inherit !important;
  margin: 35px auto !important;
  font-weight: 700;
  padding: 10px 48px !important;
}

.accordion-button::after {
  background-image: url('../Images/plus.png') !important;
}

.accordion-button:not(.collapsed)::after {
  background-image: url('../Images/minus.png') !important;
  margin-top: -14px;
}

.accordion-flush .accordion-item {

  border-radius: 10px;
}

.accordion-button:not(.collapsed) {
  color: #191a1b;
  background-color: #ffffff;
  box-shadow: inherit;
}

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.accordion-body {
  padding: 1rem 1.25rem;
  font-size: 15px;
}

.accordion-flush .accordion-item .accordion-button {
  border-radius: 10px;
  padding: 25px 22px;
  font-size: 15px;
  font-weight: 700;
}

.accordion-item {
  background-color: #fff;
  border: none;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  margin-bottom: 22px;
}

.testimonial-sec {
  position: relative;
  padding: 2rem 15px 75px;
}

.testimonial-sec:before {
  position: absolute;
  content: url('../Images/dots-top.svg');
  top: 15px;
  left: 90px;
  transform: rotate(28deg);
}

.testimonial-sec:after {
  position: absolute;
  content: url('../Images/dots-top.svg');
  bottom: 52px;
  right: 0px;
  transform: rotate(28deg);
}

.owl-theme .owl-dots {
  display: none;
}

.goal-img {
  padding: 48px 38px;
  height: 303px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.goal-img img {
  width: 90px !important;
  height: 90px;

}

.card {
  border: none;
}

.goal-img h5 {
  color: #377dff;
  padding-top: 18px;
  font-size: 22px;
  margin-bottom: 4px;
  font-weight: 600;
  padding-left: 44px;
}

.goal-img h4 {
  font-size: 14px;
  color: #bdb5b5;
  padding-left: 44px;
}

.goal-img p {
  font-size: 17px;
  padding-top: 16px;
}

/* footer-css */
.footer-pages-right.text-end ul li {
  display: block;
}

.footer-pages-right.text-end ul li a {
  color: #fff;
  text-decoration: none;
}

.copyright-text {
  margin: 0;
  color: #fff;
  font-size: 15px;
}



.footer-pages ul {
  padding-left: 0;
  list-style: none;
}

.footer-pages ul li a {
  color: #fff;
  text-decoration: auto;
}

.footer-pages ul li {
  color: #fff;
  font-size: 16px;
  margin: 13px 0 0;
}

.site-footer {
  background-color: #383638;
  padding: 117px 0 49px;
  font-size: 15px;
  line-height: 24px;
  color: #737373;
  margin-top: 50px;
}


.site-footer h6 {
  color: #fff;
  font-size: 18px;
  margin-top: 0px;
  letter-spacing: 0;
  font-weight: 600;
  margin-bottom: 24px;
}

.footer-pages p {
  line-height: 1.8;
  color: #fff;
  font-size: 16px;
  margin: 13px 0 0;
}

.site-footer .social-icons {
  list-style: none;
  padding-left: 0;
  display: block;
  margin: 6rem auto 0;
  text-align: center;
  border-bottom: 1px solid #fff;
  width: 40%;
  padding-bottom: 22px;

}

.site-footer .social-icons li {
  display: inline-block;
}

.site-footer .social-icons a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-left: 6px;
  margin-right: 0;
  border-radius: 100%;
}

.site-footer .social-icons a img {
  width: 35px;
  margin-right: 25px;
}

.copyright-text {
  margin: 14px 0;
  text-align: center;
}


.card-header.text-center h4 span img {
  margin-left: 70px;
}


/* Slider */

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.card-packages:hover {
  background-color: #FFB13B;
}

.card-services:hover {
  background-color: #FFB13B;
}

.video-white-box-botto-right:hover {
  background-color: #FFB13B;
}

.video-white-box-top:hover {
  background-color: #FFB13B;
}

.box-inner.video {
  width: 100%;
}

.box-inner.video video {
  width: 100%;
  height: 100%;
}

/* Web Design & Development */

.web-sec {
  background: #377dff;
  padding-bottom: 70px;
}

.flex-container.flex-web-container {
  gap: 20px;
  flex-wrap: nowrap;

}

.card-services.web-service {
  flex-basis: auto;
}

.card-services.web-service h5 {
  font-size: 20px;
}

.card-services.web-service img {
  width: 95px;
}

.card-services.web-service:hover {
  background-color: #fff;
}

.card-services.web-service p {
  font-size: 14px;
}

.bloging-services-content-last {
  margin-top: 7rem;
}

.card-seo.card-web {
  height: 500px;
  box-shadow: rgba(149, 157, 165, 33%) 0px 8px 24px;
}

.card-seo.card-web img {
  width: 22%;
}

.card-seo.card-web h6 {
  padding: 15px 40px;
  font-weight: 700;
  text-transform: uppercase;
}

.btn-packages {
  background-color: #FFB13B;
  color: black;
}

.card-seo.card-web.next-bottom {
  height: 390px;
}

/* Packages */

.header-quote-form {
  background: white;
  border-radius: 20px;
  padding: 24px 39px;
  width: 70%;
  margin: 30px auto;
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.header-quote-form h5 {

  font-weight: 700;
  color: #377dff;
  padding-bottom: 8px;

}

.header-quote-form form .form-control {
  padding: 12px 12px;
  font-size: 1rem;
  border: 1px solid #ced4da6b;
  margin: 13px 0;
  border-radius: 8px;
  font-size: 14px;

}

.header-quote-form form button {
  width: 100%;
  border-radius: 50px;
  color: #fff;
  background-color: #377DFF;
  font-size: 15px;
  box-shadow: rgb(0 0 0 / 10%) 0px 20px 25px -5px, rgb(55 125 255 / 60%) 0px 10px 10px -5px;
  font-weight: 600;
}

textarea {
  resize: none;
}

.clryellow {
  color: #FFB13B;
  ;
}

.packages-box {
  padding-bottom: 23px;
  transition: all ease-in-out 0.3s;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

.packages-box:hover {
  transform: translateY(-14px);
}

.packages-innerprice {
  text-align: center;
  padding: 26px 18px 13px;
}

.packages-box:hover .packages-heading {
  background-color: #2e3053;
}

.packages-box:hover .ylw-line-bar {
  background-color: #2e3053;
  color: #fff;
}

.packages-heading {
  background-color: #377DFF;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  padding: 14px;
  color: white;
}

.packages-body h4 {
  color: #FFB13B;
  ;
  font-size: 18px;
  font-weight: 700;
}

.packages-body h5 {
  font-size: 38px;
  color: #FFB13B;
  ;
  font-weight: 700;
}

.packages-body h6 {
  padding-top: 13px;
  font-size: 13px;
  margin-bottom: 3px;
}

.packages-body img {
  width: 22%;
  margin: 10px;
}

.ftsize {
  font-size: 12px;
}

.packages-body button {
  border: none;
  background: #377dff;
  border-radius: 20px;
  padding: 8px 38px;
  color: #fff;
  font-size: 15px;
  margin-top: 15px;
  box-shadow: rgb(0 0 0 / 10%) 0px 20px 25px -5px, rgb(55 125 255 / 60%) 0px 10px 10px -5px;
}

.ylw-line-bar {
  background: #FFB13B;
  ;
  padding: 17px 8px;
  text-align: center;
  font-weight: 700;
  font-size: 15px;
  margin-top: 30px;

}

.packagesinner ul {
  padding: 1px 9px 0px 9px;
  list-style-type: none;
}
.blog-content {
  height: 300px;
}
.packagesinner ul li {
  font-size: 14px;
  padding: 12px 0px 4px 14px;
  border-bottom: 1px solid #0000002e;
}

.packagesinner ul li i {
  font-size: 26px;
  position: relative;
  top: -8px;
  right: 5px;
}

.packagesinner ul li i.bi-check {
  color: #0ad01d;
}

.packagesinner ul li i.bi-x {
  color: #ff5d5d;
}

.container.about-show-mobile {
  display: none;
}

.call-sec a {
  color: #333;
  text-decoration: none;
  font-size: 18px;
  font-weight: 700;
  padding-left: 10px;
}

/* section.contact-btn-call-msg {
  display: none;
} */
section.contact-btn-call-msg {
  background-color: #ffb13b;
}

.contact-btn a {
  color: #333;
  text-decoration: none;
  font-size: 18px;
  font-weight: 700;
  padding-left: 10px;
}

.call-sec {
  border-right: 1px solid #333;
  padding: 6px;
}

.contact-btn {
  padding: 6px;
}

.all-contacts {
  display: flex;
  float: right;
}

.seo-company-box {
  text-align: center;
  padding: 15px;
  border-radius: 17px;
  margin-bottom: 26px;
  box-shadow: rgb(0 0 0 / 25%) 0px 0.0625em 0.0625em, rgb(0 0 0 / 25%) 0px 0.125em 0.5em, rgb(255 255 255 / 10%) 0px 0px 0px 1px inset;
  height: 400px;
}

.number-round {
  border: 2px solid #ffb13b;
  width: 60px;
  height: 60px;
  border-radius: 50px;
  padding: 13px 0 0 0;
  font-size: 22px;
  font-weight: 800;
  margin: 10px auto;

}

.seo-company-box h5 {
  font-weight: 700;
}

section.top-seo-company {
  background-color: #eff5ff;
}

.card-services a {
  text-decoration: none;
  color: #333;
}

.team-box-page {
  text-align: center;
  box-shadow: 0 0 8px 0 #c5c5c5;
  border-radius: 10px;
  padding: 0 0 35px 0;
}

.team-box-page img {
  width: 140px;
  height: 140px;
  border-radius: 230px;
  margin: 2rem;
  box-shadow: 0 0 8px 0 #c5c5c5;
}

.team-box-page h4 {
  font-weight: 800;
}

section.team-section {
  margin-bottom: 5rem;
}

section.contact-us-page {
  background-image: url(../Images/contact-us-bg.png);
  width: 100%;
  background-size: cover;
  height: 250px;
  background-position: center;
}
section.blog-page {
  background-image: url(../Images/blog-bg.png);
  width: 100%;
  background-size: cover;
  height: 250px;
  background-position: center;
}
.contact-us-heading {
  text-align: center;
  color: #fff;
  padding-top: 7rem;
}

.contact-us-heading h4 {
  font-size: 30px;
}

.contact-text {
  padding-top: 4rem;
}

#image-gallery .modal-footer {
  display: block;
}

.thumb {
  margin-top: 15px;
  margin-bottom: 15px;
}

.btn-port button {
  background-color: #ffb13b;
  border: 0;
  color: #333;
  border-radius: 50px;
}

.portfolio-box {
  box-shadow: 0 2px 7px 0 #cbcbcb;
  border-radius: 10px;
  padding-bottom: 30px;
  background-color: #fff;

}

.portfolio-box:hover {
  -ms-transform: scale(1.1);
  /* IE 9 */
  -webkit-transform: scale(1.1);
  /* Safari 3-8 */
  transition: transform .8s;
  transform: scale(1.1);
}

.portfolio-box h4 {
  font-size: 21px;
  font-weight: 700;
  padding: 20px 0 0 0;
  text-transform: uppercase;
}

.portfolio-box a {
  color: #ffb13b;
  text-decoration: none;
  font-weight: 800;
}

.project-img {
  height: 320px;
}

.project-img img {
  border-radius: 10px 10px 0 0;
}

.text-main-objective {
  font-weight: 600;
}

.bloging-services-content ul {
  padding-left: 0;
}

.bloging-services-content ul li {
  list-style-type: none;
  line-height: 1.9;
}

.blog-seo-packages {
  margin-top: 5rem;
}

.heading5-section {
  text-align: center;
}

.heading5-section h5 {
  color: #333;
  font-size: 22px;
  font-weight: 800;
}
.card-seo.card-web.custom-web {
  height: auto !important;
}

.btn_Started
{
  display: block;
    margin: auto;
}

.card-packages a
{
  color:#000;
  text-decoration: none;
}

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 88px;
    right: 15px;
    background-color: #377dff;
    color: #FFF;
    border-radius: 50px;
    box-shadow: 0px 0px 25px 0px #397eff;
    text-align: center;
    font-size: 34px;
    line-height: 55px;
    z-index: 100;
    transition: 0.5s;
    border: 2px solid #fff;
}
.float-1 {
    position: fixed;
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    bottom: 200px;
    right: 15px;
    background-color: #ffb13b;
    color: #FFF;
    border-radius: 50px;
    box-shadow: 0px 0px 25px 0px #ffb13b;
    text-align: center;
    font-size: 34px;
    line-height: 49px;
    z-index: 100;
    transition: 0.5s;
}


.whatsapp {
    position: fixed;
    width: 65px;
    height: 65px;
    border: 2px solid #fff;
    bottom: 300px;
    right: 15px;
    background-color: #3cc14d;
    color: #FFF;
    border-radius: 50px;
    box-shadow: 0px 0px 25px 0px #ffb13b;
    text-align: center;
    font-size: 34px;
    line-height: 55px;
    z-index: 100;
    transition: 0.5s;
}
.whatsapp img{
    width:25px;
}

@media (max-width:1199px) {
  .container.about-show-mobile {
    display: block;
  }

  .card-seo button {
    padding: 8px 17px;
  }
}

@media (max-width:991px) {
  .card-services {
    flex-basis: 48%;
  }
    .whatsapp {
    position: fixed;
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    bottom: 300px;
    right: 110px;
    background-color: #3cc14d;
    color: #FFF;
    border-radius: 50px;
    box-shadow: 0px 0px 25px 0px #ffb13b;
    text-align: center;
    font-size: 34px;
    line-height: 50px;
    z-index: 100;
    transition: 0.5s;
}
.float-1 {
    position: fixed;
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    bottom: 200px;
    right: 110px;
    background-color: #ffb13b;
    color: #FFF;
    border-radius: 50px;
    box-shadow: 0px 0px 25px 0px #ffb13b;
    text-align: center;
    font-size: 34px;
    line-height: 49px;
    z-index: 100;
    transition: 0.5s;
}
    .float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 112px;
    right: 110px;
    background-color: #377dff;
    color: #FFF;
    border-radius: 50px;
    box-shadow: 0px 0px 25px 0px #397eff;
    text-align: center;
    font-size: 34px;
    line-height: 55px;
    z-index: 100;
    transition: 0.5s;
    border: 2px solid #fff;
}
  .btn-readmore {
    margin: auto;
  }

  .btn-getstarted {
    margin: 15px auto !important;
    display: block !important;
  }

  .h-collaboration {
    padding-right: 15px;
  }

  .img-collaboration {
    width: 86%;
    margin: auto;
    display: block;
  }

  .sec-movement {
    text-align: center;
    padding-right: 15px;
  }

  .flex-container.flex-web-container {
    flex-wrap: wrap;
  }
}

@media (max-width:767px) {
    .blog-content {
  height: auto;
}
  .seo-company-box {
    height: auto;
  }

  .sec-movement.heading-section.other-services {
    margin-top: 0rem;
  }

  section.yellow-full-content p {
    margin: 6px;
    padding-bottom: 1rem;
  }

  .header-quote-form {
    width: 100%;
  }

  .contact-btn {
    padding: 12px;
  }

  .call-sec {
    border-right: 1px solid #333;
    padding: 12px;
  }

  .all-contacts {
    display: flex;
    justify-content: center;
    float: none;
  }

  nav.navbar.navbar-expand-sm.navbar-dark.custom-nav {
    padding-top: 1rem;
  }

  footer.site-footer img {
    margin-bottom: 2rem;
  }

  .site-footer {
    padding: 40px 15px 0;
  }

  .site-footer .social-icons {
    margin: 3rem auto 0;
    width: 100%;
  }

  .header-content h2 {
    font-size: 33px;
    font-weight: 800;
  }

  .about-content {
    padding-top: 2rem;
    text-align: center;
  }

  .box-experience {
    margin: 20px 0 0px;
  }

  .heading-section {
    text-align: center;
    margin: 30px 0 30px 0;
  }

  .heading-section h2 {
    font-size: 30px;
  }

  .container.about-hide-desktop {
    display: none;
  }

  .header-content {
    padding-top: 2rem;
    text-align: center;
  }

  video.video-thum {
    width: 100%;
    height: auto;
  }

  .carousel.slide.custom-slide {
    background-color: #EFF5FF;
    height: auto;
    padding-bottom: 4rem;
  }

  img.bottom-dots {
    display: none;
  }

  .video-white-box-botto-right.text-left {
    display: none;
  }

  .video-white-box-top {
    display: none;
  }
  .card-seo.card-web.custom-web {
    height: auto !important;
}
  img.top-dot {
    display: none;
  }

  .sec-contactus {
    padding: 2rem;
  }

  .contact-box button {
    margin: 19px auto;
  }

  .img_center {
    justify-content: center;
  }

  .box .box-inner {
    margin: 0 auto 20px;
  }
}

@media (max-width:500px) {
  .header-content {
    padding-top: 1rem;
    text-align: center;
}
  .carousel.slide.custom-slide.Services-head {
    height: auto !important;
}
  .heading-section h3 {
    color: #333;
    font-size: 20px;
    font-weight: 800;
}
  .header-content h1 {
    font-size: 20px;
    font-weight: 800;
}
  .start-project-btn {
    padding: 10px 15px;
}
    footer.site-footer img {
    margin-bottom: 0rem;
}
    .site-footer .social-icons a img {
    width: 35px;
    margin-right: 4px;
}
    .footer-pages {
    margin-top: 2rem;
    line-height: 11px;
}
    footer.site-footer {
    text-align: center;
}
  .project-img {
    height: auto;
}


  .contact-text {
    padding-top: 1rem;
  }

  .card-services {
    flex-basis: 100%;
  }

  .testimonial-sec:after {
    right: 37px;
  }

  .header-vector-img {
    display: none;
  }

  .header-content h2 {
    font-size: 20px;
    font-weight: 800;
  }

  .header-content p {
    font-size: 14px;
  }

  button.start-project-btn {
    width: 100%;
  }

  section.yellow-full-content {
    background-color: #ffb13b;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    padding: 0.5rem;
  }

  .heading-section h2 {
    font-size: 20px;
  }

  .heading-section p {
    font-size: 14px;
  }

  .card-services h5 {
    font-size: 20px;
    font-weight: 800;
  }

  .card-services p {
    font-weight: 500;
    font-size: 14px;
    padding-top: 5px;
  }

  .listed-sec ul li {
    padding-bottom: 1rem;
    font-weight: 700;
    font-size: 14px;
  }

  .box-experience h5 {
    font-size: 30px;
    font-weight: 700;
  }

  .box-experience p {
    font-size: 15px;
    font-weight: 600;
  }

  .card-packages h5 {
    font-size: 14px;
    font-weight: 700;
  }

  .card-packages {
    height: 160px;
    padding: 14px 10px 0;
  }

  .sec-contactus {
    padding: 1rem;
  }

  .contact-box {
    background: #fff;
    border-radius: 62px;
    padding: 17px 10px;
  }

  .contact-box h5 {
    font-size: 15px;
  }

  .contact-box h4 {
    font-size: 15px;
  }

  .accordion-flush .accordion-item .accordion-button {
    font-size: 15px;
  }
}
@media (max-width:375px) {
    .call-sec a {
    font-size: 15px;
}
.contact-btn a {
    font-size: 15px;
}
}
@media (max-width:320px) {

  .call-sec a {
    font-size: 12px;
  }

  .contact-btn a {
    font-size: 12px;
  }
.call-sec {
    border-right: 1px solid #333;
    padding: 7px;
}
.contact-btn {
    padding: 7px;
}
.call-sec a {
    padding-left: 4px;
}

}