.light-bg {
  background-color: #f6f6f6;
}

.pt-10 {
  padding-top: 10px
}

.pt-20 {
  padding-top: 20px
}

.pt-30 {
  padding-top: 30px !important
}

.pt-40 {
  padding-top: 40px !important
}

.pt-50 {
  padding-top: 50px !important
}

.pt-60 {
  padding-top: 60px !important
}

.pt-70 {
  padding-top: 70px
}

.pt-80 {
  padding-top: 80px
}

.pt-90 {
  padding-top: 90px
}

.pt-100 {
  padding-top: 100px
}

@media(max-width: 767.98px) {
  .pt-100 {
      padding-top:65px
  }
}

.pt-105 {
  padding-top: 105px
}

.pt-110 {
  padding-top: 110px
}

.pt-115 {
  padding-top: 115px
}

.pt-120 {
  padding-top: 120px
}

@media(max-width: 767.98px) {
  .pt-120 {
      padding-top:65px
  }
}

.pb-10 {
  padding-bottom: 10px
}

.pb-20 {
  padding-bottom: 20px
}

.pb-30 {
  padding-bottom: 30px !important
}

.pb-40 {
  padding-bottom: 40px !important
}

.pb-50 {
  padding-bottom: 50px !important
}

.pb-60 {
  padding-bottom: 60px !important
}

.pb-70 {
  padding-bottom: 70px
}

.pb-80 {
  padding-bottom: 80px
}

.pb-90 {
  padding-bottom: 90px
}

@media(max-width: 575.98px) {
  .pb-90 {
      padding-bottom:50px
  }
}

.pb-100 {
  padding-bottom: 100px
}

.pb-105 {
  padding-bottom: 105px
}

.pb-110 {
  padding-bottom: 110px
}

@media(max-width: 767.98px) {
  .pb-110 {
      padding-bottom:65px
  }
}

.pb-115 {
  padding-bottom: 115px
}

.pb-120 {
  padding-bottom: 120px
}

@media(max-width: 767.98px) {
  .pb-120 {
      padding-bottom:65px
  }
}

.pb-220 {
  padding-bottom: 220px
}

@media(max-width: 1199.98px) {
  .pb-lg-120 {
      padding-bottom:120px
  }
}

@media(max-width: 767.98px) {
  .pb-lg-120 {
      padding-bottom:65px
  }
}

.pt-150 {
  padding-top: 150px
}

@media(max-width: 767.98px) {
  .pt-150 {
      padding-top:100px
  }
}

.pt-250 {
  padding-top: 250px
}

.ptb-10 {
  padding-top: 10px;
  padding-bottom: 10px
}

.ptb-20 {
  padding-top: 20px;
  padding-bottom: 20px
}

.ptb-30 {
  padding-top: 30px;
  padding-bottom: 30px
}

.ptb-40 {
  padding-top: 40px;
  padding-bottom: 40px
}

.ptb-50 {
  padding-top: 50px;
  padding-bottom: 50px
}

.ptb-60 {
  padding-top: 60px;
  padding-bottom: 60px
}

.ptb-70 {
  padding-top: 70px;
  padding-bottom: 70px
}

.ptb-80 {
  padding-top: 80px;
  padding-bottom: 80px
}

.ptb-90 {
  padding-top: 90px;
  padding-bottom: 90px
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px
}

.ptb-105 {
  padding-top: 105px;
  padding-bottom: 105px
}

.ptb-115 {
  padding-top: 115px;
  padding-bottom: 115px
}

@media(max-width: 767.98px) {
  .ptb-115 {
      padding-top:50px;
      padding-bottom: 50px
  }
}

.ptb-120 {
  padding-top: 120px;
  padding-bottom: 120px
}

@media(max-width: 767.98px) {
  .ptb-120 {
      padding-top:65px;
      padding-bottom: 65px
  }
}

.ptb-150 {
  padding-top: 150px;
  padding-bottom: 150px
}

@media(max-width: 767.98px) {
  .ptb-150 {
      padding-top:80px;
      padding-bottom: 80px
  }
}

.mt-10 {
  margin-top: 10px
}

.mt-20 {
  margin-top: 20px
}

.mt-30 {
  margin-top: 30px
}

.mt-40 {
  margin-top: 40px
}

.mt-50 {
  margin-top: 50px
}

.mt-60 {
  margin-top: 60px
}

.mt-70 {
  margin-top: 70px
}

.mt-80 {
  margin-top: 80px
}

.mt-90 {
  margin-top: 90px
}

.mt-100 {
  margin-top: 100px
}

.mb-10 {
  margin-bottom: 10px
}

.mb-20 {
  margin-bottom: 20px
}

.mb-30 {
  margin-bottom: 30px
}

.mb-40 {
  margin-bottom: 40px
}

.mb-50 {
  margin-bottom: 50px
}

.mb-60 {
  margin-bottom: 60px
}

.mb-70 {
  margin-bottom: 70px
}

.mb-80 {
  margin-bottom: 80px
}

.mb-90 {
  margin-bottom: 90px
}

.mb-100 {
  margin-bottom: 100px
}

.mr-10 {
  margin-right: 10px
}

.mr-20 {
  margin-right: 20px
}

.mr-30 {
  margin-right: 30px
}

.mr-40 {
  margin-right: 40px
}

.mr-50 {
  margin-right: 50px
}

.mr-60 {
  margin-right: 60px
}

.mr-70 {
  margin-right: 70px
}

.mr-80 {
  margin-right: 80px
}

.mr-90 {
  margin-right: 90px
}

.mr-100 {
  margin-right: 100px
}

.ml-10 {
  margin-left: 10px
}

.ml-20 {
  margin-left: 20px
}

.ml-30 {
  margin-left: 30px
}

.ml-40 {
  margin-left: 40px
}

.ml-50 {
  margin-left: 50px
}

.ml-60 {
  margin-left: 60px
}

.ml-70 {
  margin-left: 70px
}

.ml-80 {
  margin-left: 80px
}

.ml-90 {
  margin-left: 90px
}

.ml-100 {
  margin-left: 100px
}

.margin-10 {
  margin: 10px 0
}

.margin-20 {
  margin: 10px 0
}

.margin-30 {
  margin: 10px 0
}

.margin-40 {
  margin: 10px 0
}

.margin-50 {
  margin: 10px 0
}

.margin-60 {
  margin: 10px 0
}

.margin-70 {
  margin: 10px 0
}

.margin-80 {
  margin: 10px 0
}

.margin-90 {
  margin: 10px 0
}

.margin-100 {
  margin: 10px 0
}



.template-btn {
  display: inline-block;
  font-family: "Urbanist",sans-serif;
  font-weight: 600;
  border-radius: 5px;
  padding: 16px 32px;
  color: #fff;
  vertical-align: middle;
  overflow: hidden;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in
}

@media(max-width: 575.98px) {
  .template-btn {
      padding:14px 30px;
      font-size: 15px
  }
}

.primary-btn {
  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);
  position: relative;
  z-index: 1
}

.primary-btn span {
  margin-left: 6px
}

.primary-btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 102%;
  height: 100%;
  background: linear-gradient(95.45deg, #1C40F2 98.23%, #0082F8 0.64%);
  z-index: -1;
  opacity: 0;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in
}

.primary-btn:hover {
  color: #fff
}

.primary-btn:hover::before {
  opacity: 1
}

/* .outline-btn {
  border: 1px solid #fff;
  padding: 15px 32px
}

.outline-btn:hover {
  background-color: #1c40f2;
  border-color: #1c40f2;
  color: #fff
}

@media(max-width: 575.98px) {
  .outline-btn {
      padding:13px 30px
  }
}

.outline-btn-2 {
  border: 1px solid #001042;
  color: #001042;
  padding: 15px 32px
}

.outline-btn-2:hover {
  background-color: #1c40f2;
  border-color: #1c40f2;
  color: #fff
}

@media(max-width: 575.98px) {
  .outline-btn-2 {
      padding:13px 30px
  }
}

.outline-btn-3 {
  border: 1px solid #1c40f2;
  color: #001042;
  padding: 15px 32px
}

.outline-btn-3:hover {
  background-color: #1c40f2;
  border-color: #1c40f2;
  color: #fff
}

@media(max-width: 575.98px) {
  .outline-btn-3 {
      padding:13px 30px
  }
} */

.secondary-btn {
  background-color: #001042
}

.secondary-btn:hover {
  background-color: #1c40f2;
  color: #fff
}

.btn-red {
  background: linear-gradient(287.85deg, #FF0766 0%, #FF7E5D 95.32%);
  padding: 10px 30px;
  position: relative;
  z-index: 1
}

.btn-red::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(287.85deg, #FF7E5D 0%, #FF0766 95.32%);
  z-index: -1;
  opacity: 0;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in
}

.btn-red:hover {
  color: #fff
}

.btn-red:hover::before {
  opacity: 1
}

.btn-small {
  padding: 12px 24px;
  font-size: 15px
}

.outline-primary {
  border: 1px solid #1c40f2;
  color: #1c40f2
}

.outline-primary:hover {
  background-color: #1c40f2;
  color: #fff
}

mark {
  background: rgba(0,0,0,0);
  color: #ffb800;
  padding: 0
}


.left-top {
  left: 0;
  top: 0;
  z-index: -1
}

.left-bottom {
  left: 0;
  bottom: 0;
  z-index: -1
}

.right-top {
  top: 0;
  right: 0;
  z-index: -1
}

.right-bottom {
  right: 0;
  bottom: 0;
  z-index: -1
}

.deep-shadow {
  -webkit-box-shadow: 0px 12px 50px rgba(125,125,125,.1);
  box-shadow: 0px 12px 50px rgba(125,125,125,.1)
}

.primary-shadow {
  -webkit-box-shadow: 0px 20px 80px rgba(0,148,255,.05);
  box-shadow: 0px 20px 80px rgba(0,148,255,.05)
}

.rounded-5 {
  border-radius: 5px
}

.rounded-10 {
  border-radius: 10px
}

.zindex-1 {
  z-index: 1
}

.zindex-2 {
  z-index: 2
}




.template-pagination ul li a {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #000f57;
  color: #001042;
  font-weight: 700;
  font-family: "Urbanist",sans-serif;
  margin-right: 10px;
  position: relative;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
  overflow: hidden;
  z-index: 1
}

.template-pagination ul li a:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);
  z-index: -1;
  opacity: 0;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in
}

.template-pagination ul li a.active,.template-pagination ul li a:hover {
  color: #fff;
  border-color: rgba(0,0,0,0)
}

.template-pagination ul li a.active::after,.template-pagination ul li a:hover::after {
  opacity: 1
}


.promo-area {
  z-index: 1;
  margin-top: -70px
}

.promo-item {
  padding: 25px 20px;
  position: relative;
  z-index: 10
}

.promo-item .promo-top span {
  width: 52px;
  height: 52px;
  background: linear-gradient(95.45deg, rgba(0, 130, 248, 0.1) 0.64%, rgba(28, 64, 242, 0.1) 98.23%);
  font-size: 22px;
  color: #1c40f2
}

.pricing-tab-section {
  /* margin-top: -120px; */
  padding-top: 100px
}

.pricing-tab-section.pricing-details-page {
  padding-top: 120px
}

@media(max-width: 767.98px) {
  .pricing-tab-section.pricing-details-page {
      padding-top:65px
  }
}

.pricing-wrapper .frame-shape {
  left: -50px;
  top: -30px;
  z-index: -1
}

.pricing-column {
  padding: 50px 30px
}

.pricing-column .pricing-badge {
  background: linear-gradient(287.85deg, rgba(255, 7, 102, 0.1) 0%, rgba(255, 126, 93, 0.1) 95.32%);
  right: 30px;
  top: 30px;
  padding: 6px 18px;
  font-weight: 500;
  font-size: 15px
}

.pricing-column .pricing-badge .gradient-txt {
  color: #f16262;
  font-size: 14px
}

.pricing-column .popular-badge {
  background: linear-gradient(287.85deg, #FF0766 0%, #FF7E5D 95.32%);
  width: 370px;
  font-size: 14px;
  color: #fff;
  padding: 8px 0;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  right: -90px;
  top: 55px
}

.pricing-column .pricing-label {
  color: #1c40f2;
  font-size: 14px;
  font-weight: 600
}

.pricing-column h4 span {
  font-size: 16px;
  font-weight: 600;
  margin-left: 6px
}

.pricing-column .yearly-price {
  display: none
}

.pricing-column .feature-list {
  /* height: 150px; */
  height: auto;
  overflow: hidden;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
  font-size: 14px
}

.pricing-column .feature-list.expand-list {
  height: auto;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in
}

.pricing-column .feature-list li+li {
  margin-top: 12px
}

.pricing-column .feature-list li i {
  color: #1c40f2
}

.pricing-column .expand-btn {
  background-color: rgba(0,0,0,0);
  border: 0;
  font-family: "Urbanist",sans-serif;
  color: #001042;
  font-weight: 600
}

.pricing-column .expand-btn i {
  margin-right: 6px;
  width: 20px;
  height: 20px;
  background: rgba(0,16,66,.1);
  border-radius: 50%;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in
}

.pricing-column .expand-btn.active i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.money-back-area {
  padding: 60px 25px 50px 25px
}

.money-back-area .money-back_ft-list {
  gap: 30px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: left
}

.money-back-area .money-back_ft-list li {
  color: #001042;
  font-weight: 500
}

.money-back-area .money-back_ft-list li i {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);
  border-radius: 50%;
  color: #fff
}

@media(max-width: 1199.98px) {
  .migrate-hosting {
      padding:60px 0
  }
}

.migrate-hosting .rounded-plus {
  top: 80px;
  left: 80px;
  z-index: -1;
  width: 70px
}

.migrate-hosting .migrate-frame {
  right: 80px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1
}



































.h5-about-items li .icon-wrapper {
  width: 70px;
  height: 70px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 3px;
  -webkit-box-shadow: 0px 12px 50px rgba(125,125,125,.1);
  box-shadow: 0px 12px 50px rgba(125,125,125,.1)
}

.h5-tab-controls {
  gap: 24px;
  border: 0;
  position: relative
}

.h5-tab-controls::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background: rgba(0,0,0,.1)
}

.h5-tab-controls li a {
  font-family: "Urbanist",sans-serif;
  font-weight: 700;
  color: #001042;
  position: relative;
  padding: 4px
}

.h5-tab-controls li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in
}

.h5-tab-controls li a.active::after {
  width: 100%
}

@media(max-width: 1199.98px) {
  .h5-tab-controls {
      gap:16px
  }
}

@media(min-width: 992px)and (max-width: 1199.98px) {
  .h5-tab-controls::before {
      display:none
  }
}

@media(max-width: 575.98px) {
  .h5-tab-controls::before {
      display:none
  }
}

.h5-feature-list li span {
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  font-size: 10px;
  -webkit-box-shadow: 0px 12px 50px rgba(125,125,125,.1);
  box-shadow: 0px 12px 50px rgba(125,125,125,.1)
}

.h5-feature-list li p {
  color: #001042
}

.h5-feature-list li+li {
  margin-top: 15px
}

.h5-pricing-controls {
  border: 1px solid #eaeaea;
  border-radius: 3px;
  padding: 8px 10px
}

.h5-pricing-controls li a {
  padding: 8px 24px;
  display: inline-block;
  color: #001042;
  font-family: "Urbanist",sans-serif;
  font-weight: 600
}

.h5-pricing-controls li a.active {
  background: #1c40f2;
  color: #fff;
  border-radius: 3px
}

.h5-pricing-filter-controls {
  padding-bottom: 6px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px
}

.h5-pricing-filter-controls li a {
  font-family: "Urbanist",sans-serif;
  font-weight: 600;
  color: #001042;
  padding: 0 40px;
  position: relative
}

.h5-pricing-filter-controls li a::before {
  content: "";
  position: absolute;
  left: -10px;
  width: 0;
  bottom: -10px;
  height: 2px;
  background: #1c40f2;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in
}

.h5-pricing-filter-controls li a.active::before {
  width: calc(100% + 20px)
}

@media(max-width: 1399.98px) {
  .h5-pricing-filter-controls {
      gap:16px
  }

  .h5-pricing-filter-controls li a {
      padding: 0 24px
  }
}

@media(max-width: 1199.98px) {
  .h5-pricing-filter-controls {
      gap:16px
  }

  .h5-pricing-filter-controls li a {
      padding: 0 10px
  }
}

.h5-pricing-filter .tab-pane {
  display: none
}

.h5-pricing-filter .tab-pane.active {
  display: block;
  opacity: 1
}

.h5-pricing-single {
  padding: 40px 25px 30px
}

.h5-pricing-single .popular-badge {
  width: 200px;
  font-size: 14px;
  color: #fff;
  padding: 6px 0;
  right: -50px;
  top: 40px;
  text-align: center;
  background: url(../img/home2/badge.png);
  background-repeat: no-repeat;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.h5-pricing-single .icon-wrapper {
  font-size: 36px
}

.h5-pricing-single .price-title {
  color: #ff0766
}

.h5-pricing-single .price-title span {
  font-size: 18px
}

.h5-pricing-single .pricing-feature-list {
  font-size: 15px
}

.h5-pricing-single .pricing-feature-list li {
  color: #001042;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.h5-pricing-single .pricing-feature-list li span {
  width: 12px;
  height: 12px;
  background: #001042;
  border-radius: 50%;
  color: #fff;
  font-size: 8px;
  display: inline-block;
  text-align: center;
  line-height: 12px
}

.h5-pricing-single .pricing-feature-list li+li {
  margin-top: 8px
}

.h5-pricing-single.business_plan {
  z-index: 10
}

.h5-application {
  background: #000f57
}

.h5-application .h5-circle-shape {
  width: 452px;
  height: 452px;
  background: linear-gradient(271.06deg, rgba(28, 64, 242, 0.7) 3.8%, rgba(1, 17, 100, 0) 89.03%);
  position: absolute;
  right: -100px;
  border-radius: 50%;
  z-index: -1;
  bottom: -100px;
  mix-blend-mode: soft-light
}

.h5-feedback .h5-feedback-slider {
  padding: 60px 0;
  width: calc(100% + 300px);
  margin-left: -150px
}

.h5-feedback .h5-feedback-slider .swiper-controls {
  position: absolute;
  width: 45px;
  height: 45px;
  background: #1c40f2;
  text-align: center;
  line-height: 45px;
  border-radius: 50%;
  color: #fff;
  top: calc(50% - 20px);
  z-index: 10;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in
}

.h5-feedback .h5-feedback-slider .swiper-controls:hover {
  background-color: #000f57;
  -webkit-transform: rotate(-25deg);
  transform: rotate(-25deg)
}

.h5-feedback .h5-feedback-slider .swiper-prev {
  left: calc(32% + 15px)
}

.h5-feedback .h5-feedback-slider .swiper-next {
  right: calc(32% + 15px);
  background: #000f57
}

.h5-feedback .h5-feedback-slider .swiper-next:hover {
  background-color: #1c40f2
}

@media(max-width: 1800px) {
  .h5-feedback .h5-feedback-slider {
      width:calc(100% + 600px);
      margin-left: -300px
  }
}

@media(max-width: 1399.98px) {
  .h5-feedback .h5-feedback-slider {
      text-align:center;
      width: 100%;
      margin-left: 0;
      padding-left: 12px;
      padding-right: 12px
  }

  .h5-feedback .h5-feedback-slider .h5-feedback-single {
      opacity: 1;
      text-align: left
  }

  .h5-feedback .h5-feedback-slider .swiper-controls {
      position: initial;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-top: 25px
  }

  .h5-feedback .h5-feedback-slider .swiper-controls.swiper-prev {
      margin-right: 10px
  }
}

@media(max-width: 1199.98px) {
  .h5-feedback .h5-feedback-slider {
      max-width:992px;
      margin-left: auto;
      margin-right: auto
  }

  .h5-feedback .h5-feedback-slider .h5-feedback-single {
      -webkit-box-shadow: 0px 0px 10px rgba(90,108,234,.1);
      box-shadow: 0px 0px 10px rgba(90,108,234,.1)
  }
}

.h5-feedback-single {
  padding: 40px 30px;
  -webkit-box-shadow: 0px 12px 64px rgba(103,151,255,.1),0px 4px 24px rgba(103,151,255,.1);
  box-shadow: 0px 12px 64px rgba(103,151,255,.1),0px 4px 24px rgba(103,151,255,.1);
  opacity: .3;
  position: relative;
  overflow: hidden
}

.h5-feedback-single::before {
  content: "";
  position: absolute;
  width: 252px;
  height: 252px;
  background: rgba(255,7,102,.1);
  top: -125px;
  left: -125px;
  border-radius: 50%;
  z-index: -1
}

.h5-feedback-single .h5-feedback-single-left {
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.h5-feedback-single .h5-feedback-single-left span {
  font-size: 14px
}

.h5-feedback-single .h5-feedback-single-left .client-thumb .quote-icon {
  width: 30px;
  height: 30px;
  background: #ff0766;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  right: -15px;
  top: 25%
}

.h5-feedback-single .h5-feedback-single-right {
  margin-left: 70px
}

.h5-feedback-single.swiper-slide-next {
  opacity: 1
}

@media(max-width: 1600px) {
  .h5-feedback-single .h5-feedback-single-right {
      margin-left:40px
  }
}

@media(max-width: 575.98px) {
  .h5-feedback-single {
      padding:40px 24px
  }

  .h5-feedback-single .h5-feedback-single-right {
      text-align: center;
      margin: 24px 0 0 0
  }
}

.h5-blog-card {
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in
}

.h5-blog-card .feature-img img {
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in
}

.h5-blog-card .h5-blog-article-content {
  padding: 0 24px 40px
}

.h5-blog-card .h5-blog-article-content .h5-blog-author {
  max-width: 270px;
  background: #fff;
  -webkit-box-shadow: 4px 10px 50px rgba(90,108,234,.1);
  box-shadow: 4px 10px 50px rgba(90,108,234,.1);
  padding: 12px 16px;
  border-radius: 4px;
  margin-top: -30px;
  position: relative
}

.h5-blog-card .h5-blog-article-content .h5-blog-author img {
  border: 1px solid #eaeaea
}

.h5-blog-card .h5-blog-article-content .h5-blog-author h6 {
  font-size: 16px
}

.h5-blog-card .h5-blog-article-content .h5-blog-author p {
  font-size: 12px
}

.h5-blog-card .h5-blog-article-content h4 {
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in
}

.h5-blog-card .h5-blog-article-content h4:hover {
  color: #1c40f2
}

.h5-blog-card .h5-blog-article-content hr {
  opacity: .1
}

.h5-blog-card .h5-blog-article-content .share-btn {
  color: #666;
  font-weight: 600;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in
}

.h5-blog-card .h5-blog-article-content .share-btn:hover {
  color: #1c40f2
}

.h5-blog-card .h5-blog-article-content .explore-btn {
  color: #001042;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in
}

.h5-blog-card .h5-blog-article-content .explore-btn:hover {
  color: #1c40f2;
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg)
}

.h5-blog-card:hover {
  -webkit-box-shadow: 12px 26px 50px rgba(90,108,234,.07);
  box-shadow: 12px 26px 50px rgba(90,108,234,.07)
}

.h5-blog-card:hover .feature-img img {
  -webkit-transform: scale(1.03);
  transform: scale(1.03)
}

















.me-0 {
  margin-right: 0 !important
}

.me-1 {
  margin-right: .25rem !important
}

.me-2 {
  margin-right: .5rem !important
}

.me-3 {
  margin-right: 1rem !important
}

.me-4 {
  margin-right: 1.5rem !important
}

.me-5 {
  margin-right: 3rem !important
}

.me-auto {
  margin-right: auto !important
}