html, body{
  overflow-x: hidden !important
}
body {
  font-size: 16px;
  line-height: 15px;
  font-family: 'Open Sans', sans-serif;
  overflow-x: hidden !important
}

a {
  text-decoration: none;
  display: inline-block;
  color: #fff
}

p a {
  color: #020130;
  font-weight: 500
}

p {
  line-height: 1.5 !important;
  font-size: 16px !important
}

a:hover {
  text-decoration: none
}

li,
ol,
ul {
  list-style: none !important;
  list-style-position: inside !important
}

section {
  margin: 40px 0
}

h1,
h2,
h3,
h4,
h5 {
  font-family: Montserrat
}

p {
  font-family: Open Sans
}

a {
  font-family: Montserrat
}

.content-box {
  float: left
}

.content-box-outer {
  height: 100%;
  width: 100%;
  display: table
}

.content-box-inner {
  display: table-cell;
  vertical-align: middle
}

.card-deck .card {
  border-radius: 2rem
}

.sm-blue-heading {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 25px;
  line-height: 30px;
  text-transform: uppercase;
  color: #0c09c3
}

.blue-btn a,
.blue-btn button {
  width: 170px;
  height: 51px;
  background: linear-gradient(84.44deg, #270678 18.57%, #0c09c3 99.11%);
  border-radius: 10px;
  color: #fff;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  padding-top: 10px;
  display: block;
  margin: 0 auto
}

.heading36 {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  color: #1b1d21
}

.para17 {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 23px;
  color: #000
}

a.para17:hover {
  color: #000
}

.smh {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  color: #1b1d21;
  word-break: break-word
}

.img-responsive {
  width: 100%;
  display: block;
  height: auto
}

.boximg {
  max-width: 659px;
  margin-top: 10px
}

.divider-heading {
  margin: 0 0 30px 1px;
  border: 4px solid #80b927;
  width: 18%
}

.clearfix {
  clear: both
}

.op15 {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #434343
}

.op16 {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #000
}

a.op16:hover {
  color: #000
}

.op17 {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 23px;
  color: #000
}

.mont36 {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  color: #1b1d21
}

.mont25blu {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 25px;
  line-height: 30px;
  color: #0c09c3
}

.mont17bla {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 21px
}

.mont20white {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #fff
}

.mont25black {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 30px;
  color: #383838
}

#navbar {
  overflow: hidden;
  background-color: none;
  transition: .4s;
  z-index: 99
}

#navbar.scrolled {
  background-color: #fff !important;
  transition: background-color .2s linear;
  box-shadow: 0 5px 2px -2px rgba(0, 0, 0, .2)
}

.imglogo {
  width: 200px;
  outline: 0
}

#navbar .nav-item {
  padding-top: 1rem;
  padding-bottom: 1rem
}

.navbar-nav .nav-item a {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #fff
}

#navbar.scrolled .nav-item {
  padding-top: .5rem;
  padding-bottom: .5rem
}

#navbar.scrolled .nav-item a {
  color: #000;
  font-family: Montserrat;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px
}

#navbar ul li:hover a,
#navbar.scrolled .nav-item.active a,
#navbar.scrolled .nav-item:hover a {
  color: #270678
}

#navbar.scrolled ul li:last-child {
  background: linear-gradient(84.44deg, #270678 18.57%, #0c09c3 99.11%);
  border-radius: 33px;
  transition: all .3s ease
}

#navbar.scrolled ul li:last-child:hover {
  background: linear-gradient(84.44deg, #0c09c3 18.57%, #270678 99.11%)
}

#navbar.scrolled ul li:last-child a {
  color: #fff !important
}

.header-content h5 {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  color: #fff
}

.header-content h1 {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 36px;
  color: #fff
}

.header-content p {
  font-size: 16px;
  line-height: 21px
}

header .header-content a {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  padding: 12px 18px
}

.header-arrow-left,
.header-arrow-right {
  width: 8%;
  opacity: 1
}

.carousel-indicators li {
  width: 12px;
  height: 12px;
  background: #d3e1ff;
  border-radius: 100%;
  border-bottom: 0;
  border-top: 0
}

.carousel-indicators li.active {
  width: 14px;
  height: 14px;
  background: #2f085a;
  border-radius: 100%
}

.carousel-item img {
  width: 100%
}

ciadp Section section.ciadp-section {
  margin-bottom: 6em;
  margin-top: 6em
}

.ciadp-section .col-md-12 {
  text-align: center;
  margin-bottom: 6em
}

.ciadp-block .ciadp-list {
  float: left;
  margin-top: 40px;
  max-width: 316px
}

.ciadp-thumb {
  float: right;
  background: #fff;
  padding: 40px 30px 30px 30px;
  box-shadow: 0 0 20px #dddd;
  text-align: center;
  position: relative;
  width: 100%;
  max-width: 170px;
  min-height: 190px
}

.ciadp-block {
  clear: both;
  float: left;
  width: 100%
}

.ciadp-list li {
  font-size: 17px;
  margin-bottom: 23px;
  line-height: normal;
  position: relative;
  font-weight: 600;
  font-family: Montserrat
}

.ciadp-block+.ciadp-block {
  margin-top: 5em
}

.ciadp-right .ciadp-block .ciadp-thumb {
  float: left
}

.ciadp-right .ciadp-block .ciadp-list {
  float: right
}

.ciadp-right .ciadp-block .ciadp-list ul {
  padding-left: 0
}

.ciadp-thumb h4 {
  margin-bottom: 0;
  margin-top: 20px;
  font-weight: 700
}

.ciadp-thumb span {
  position: absolute;
  top: 0;
  background: linear-gradient(84.44deg, #270678 18.57%, #0c09c3 99.11%);
  left: 0;
  right: 0;
  margin: -20px auto;
  width: 42px;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  color: #fff;
  border-radius: 30px;
  z-index: 1
}

.ciadp-thumb:before {
  height: 100%;
  content: "";
  left: -40px;
  border-left: 2px solid #0c09c3;
  position: absolute;
  top: -40px;
  height: 240px
}

.ci-tleft .ciadp-thumb:after {
  content: "";
  position: absolute;
  left: -40px;
  height: 40px;
  width: 124px;
  border-right: 2px solid #0c09c3;
  top: -40px;
  border-top: 2px solid #0c09c3
}

.ciadp-list li:after {
  content: "";
  width: 28px;
  background: linear-gradient(84.44deg, #270678 18.57%, #0c09c3 99.11%);
  position: absolute;
  right: 0;
  top: 9px;
  height: 2px
}

.ciadp-list li:before {
  content: "";
  width: 10px;
  background: linear-gradient(84.44deg, #270678 18.57%, #0c09c3 99.11%);
  position: absolute;
  right: 22px;
  top: 5px;
  height: 10px;
  border-radius: 30px
}

.ci-bleft .ciadp-thumb:before {
  top: 0
}

.ci-bleft .ciadp-thumb:after {
  content: "";
  position: absolute;
  left: -40px;
  height: 40px;
  width: 124px;
  border-right: 2px solid #0c09c3;
  top: auto;
  border-bottom: 2px solid #0c09c3;
  bottom: -34px
}

.ci-bleft .ciadp-thumb span {
  top: auto;
  bottom: 0
}

.ci-bleft .ciadp-thumb {
  padding: 30px 30px 40px 30px
}

.ciadp-right .ciadp-thumb:before {
  left: auto;
  right: -40px
}

.ciadp-right .ciadp-block .ciadp-list li {
  text-align: right;
  padding-left: 30px
}

.ciadp-right .ciadp-block .ciadp-list li:after {
  left: 0
}

.ciadp-right .ciadp-block .ciadp-list li:before {
  left: 22px
}

.ci-tright .ciadp-thumb:after {
  content: "";
  position: absolute;
  right: -40px;
  height: 40px;
  width: 124px;
  border-left: 2px solid #0c09c3;
  top: -40px;
  border-top: 2px solid #0c09c3
}

.ci-bright .ciadp-thumb span {
  top: auto;
  bottom: 0
}

.ci-bright .ciadp-thumb:before {
  top: 0
}

.ci-bright .ciadp-thumb:after {
  content: "";
  position: absolute;
  right: -40px;
  height: 40px;
  width: 124px;
  border-left: 2px solid #0c09c3;
  top: auto;
  border-bottom: 2px solid #0c09c3;
  bottom: -34px
}

.ciadp-section .col-md-12 p {
  font-size: 18px
}

.ciadp-section .col-md-12 h2 {
  margin-bottom: .5em
}

.ciadp-thumb h4 {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 21px;
  color: #263238
}

#services {
  background-image: url(../images/services-bg-desktop.jpg);
  background-repeat: no-repeat;
  background-position: center
}

.services-spacing {
  padding: 120px 0 60px 0
}

.service-item .service-item-box {
  transition: all 2.5s ease;
  opacity: 1
}

.service-item .fadeinUp .service-item-box {
  opacity: 0;
  transform: translateX(0) translateY(85px)
}

.service_item {
  box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
  border-radius: 24px;
  height: 100%
}

.service_item:hover {
  background: linear-gradient(84.44deg, #270678 18.57%, #0c09c3 99.11%)
}

.service_item:hover * {
  color: #fff !important;
  stroke: #fff
}

.service_item:hover svg.fill path {
  fill: #fff
}

.service-item-box h3 {
  color: #000;
  font-family: Montserrat, Helvetica, Arial, sans-serif;
  margin-bottom: 5px;
  margin-top: 25px;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px
}

.service-item-box p {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  color: #000
}

.row.vertical-divider {
  overflow: hidden
}

.row.vertical-divider>div[class^=col-] {
  text-align: center;
  padding-bottom: 100px;
  margin-bottom: -100px;
  border-left: 3px solid #f2f7f9;
  border-right: 3px solid #f2f7f9
}

.row.vertical-divider div[class^=col-]:first-child {
  border-left: none
}

.row.vertical-divider div[class^=col-]:last-child {
  border-right: none
}

.wwu {
  padding: 85px 85px
}

#vertical-divider {
  border-left: 4px solid #fff;
  border-radius: 2px
}

#work-with-us {
  background-image: url(../images/work-with-us.png);
  background-repeat: no-repeat;
  background-position: center
}

#our-work {
  background-image: url(../images/our-work-bg.png);
  background-repeat: no-repeat;
  background-position: center
}

#testimonials {
  position: relative
}

.testimonial-text-slides {
  width: 965px;
  height: 65px;
  margin: 30px auto 0
}

.hi-slide {
  position: relative;
  width: 965px;
  height: 305px;
  margin: 15px auto 0
}

.hi-slide .hi-next,
.hi-slide .hi-prev {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  border-radius: 50px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  color: #000;
  transition: all .6s;
  font-size: 20px;
  font-weight: 700
}

.hi-slide .hi-next:hover,
.hi-slide .hi-prev:hover {
  opacity: 1;
  background-color: #fff
}

.hi-slide .hi-prev {
  left: -60px
}

.hi-slide .hi-prev::before {
  content: '<'
}

.hi-slide .hi-next {
  right: -60px
}

.hi-slide .hi-next::before {
  content: '>'
}

.hi-slide>ul {
  list-style: none;
  position: relative;
  width: 754px;
  height: 292px;
  margin: 0;
  padding: 0
}

.hi-slide>ul>li {
  overflow: hidden;
  position: absolute;
  z-index: 0;
  left: 377px;
  top: 146px;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: 3px solid #fff;
  background-color: #333;
  cursor: pointer
}

.hi-slide>ul>li>img {
  width: 100%;
  height: 100%;
  background-position: center
}

CLIENT-SLIDER .clients {
  background: url(../images/client-slider-bg.png);
  background-repeat: no-repeat
}

.slick-slide img {
  max-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: 0
}

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

.slick-slider .slick-list,
.slick-slider .slick-track {
  -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: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
}

.clients {
  text-align: center;
  margin-top: 30px
}

.partner-prev {
  position: absolute;
  top: 50%;
  left: -10px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  transition: all .6s;
  font-size: 20px;
  font-weight: 700
}

.partner-next {
  position: absolute;
  top: 50%;
  right: -20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  transition: all .6s;
  font-size: 20px;
  font-weight: 700
}

footer {
  background-image: url(../images/footer-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  margin-top: 80px;
  min-height: 500px;
  padding: 0 0 2rem;
}

#footer-heading {
  height: 30px;
  position: absolute;
  top: -46px
}

.footer-info {
  padding-top: 50px;
  padding-bottom: 50px
}

footer #address,
footer #mail,
footer #phone,
footer #social-media {
  max-width: 426px;
  min-height: 81px;
  padding: 10px 20px;
  background: #020130;
  border: 1px solid #407bff;
  box-sizing: border-box;
  border-radius: 13px;
  display: flex;
  align-items: center;
  margin: 0 auto;
}

footer .icon {
  padding: 10px 15px;
  border-right: 2px solid #fff;
  clear: left
}

footer .icon img {
  width: 33px;
  height: 36px
}

footer .text img {
  width: 28px;
  height: 28px;
  margin-right: 10px
}

footer .text {
  padding: 5px 20px
}

footer .text h6 {
  font-size: .8rem
}

#contact-form {
  background: #fff;
  border-radius: 15px;
  position: absolute;
  top: -45px;
  padding: 24px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .25)
}

#contact-form input {
  margin-bottom: 10px;
  padding: 0;
  border-radius: 0;
  border: none;
  background-color: transparent;
  border-bottom: 1px solid #ced4da
}

#contact-form1 {
  background: #fff;
  border-radius: 15px;
  position: absolute;
  top: -65px;
  padding: 24px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .25)
}

#contact-form1 input {
  margin-bottom: 10px;
  padding: 0;
  border-radius: 0;
  border: none;
  background-color: transparent;
  border-bottom: 1px solid #ced4da
}

.md-form label {
  color: #5f757d
}

.md-form textarea {
  width: 100%;
  background: 0 0;
  border-color: #ced4da
}

div.p-header-bg {
  background-image: url(../images/banner2.png);
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat
}

.header-content {
  height: 400px;
  position: relative
}

.header-content-inner {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.portfolioFilter a {
  font-family: Montserrat;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  padding: 5px 15px;
  color: #353535;
  display: none
}

.portfolioFilter a.active {
  color: #0085f2
}

.portfolio-item {
  padding: 7px
}

#contact-info {
  padding-left: 15px;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: left
}

#contact-info img {
  width: 36px
}

.contact {
  background: #fefefe;
  box-shadow: 0 0 20px rgba(0, 0, 0, .25);
  border-radius: 50px
}

.form-send-btn {
  margin: 20px 0
}

.form-send-btn a {
  margin: 0 auto
}

.schedule_call {
  background: linear-gradient(84.44deg, #270678 18.57%, #0c09c3 99.11%);
  border-radius: 15px;
  position: relative;
  left: -24px !important;
  bottom: -24px !important
}

.sc-form input,
.sc-form input:focus {
  margin-bottom: 10px;
  padding: 0;
  border-radius: 0;
  border: none;
  background-color: transparent;
  border-bottom: 1px solid #ced4da;
  user-select: none
}

.sc-form input::placeholder {
  color: #fff !important
}

.contct-us-vector {
  position: absolute;
  right: -42px;
  bottom: -42px
}

.about-text {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 23px;
  color: #000
}

#our-core-values {
  background-image: url(../images/about_us/ocv-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1
}

#ocv-overlay {
  background-image: url(../images/about_us/ocv-overlay.png);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 2;
  background: rgba(0, 0, 255, .5);
  padding: 70px 0
}

.sm-heading {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 25px;
  line-height: 30px;
  color: #fff
}

.lg-heading {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  color: #fff
}

.ocv-img {
  width: 48px
}

.ocv-content {
  margin-left: 80px
}

.ocv-content .name {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #fff
}

.ocv-content .description {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #fff
}

#meet-the-team {
  background-image: url(../images/about_us/team-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1
}

#team-overlay {
  z-index: 2;
  background: linear-gradient(180deg, #fff 9.15%, rgba(196, 196, 196, 0) 102.29%);
  padding: 100px 50px
}

.mtt-heading {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  color: #fff
}

.team-member h4 {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 25px;
  line-height: 30px
}

.team-member p {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px
}

.team-member img {
  width: 100%;
  height: auto
}

.wh-us-text {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 23px;
  color: #000
}

.features {
  margin-bottom: 20px
}

.features img {
  width: 34px;
  text-align: center;
  margin-right: 20px;
  display: inline-block
}

.features span {
  display: inline-block
}

#pricing {
  line-height: 25px
}

#pricing .container .row .col-lg-3:nth-child(odd) .pricing-card {
  background: linear-gradient(180deg, #350b68 0, #6418c1 100%);
  box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
  border-radius: 15px;
  padding: 15px 0
}

#pricing .container .row .col-lg-3:nth-child(2n) .pricing-card {
  background: linear-gradient(180deg, #6418c1 0, #350b68 100%);
  box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
  border-radius: 15px;
  padding: 15px 0
}

.display-1 {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 57px;
  text-align: center;
  color: #fff
}

.display-2 {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 60px;
  line-height: 73px;
  text-align: center;
  color: #fff
}

.c-body p:nth-child(odd) {
  background-color: #370a6c;
  padding: 5px 15px
}

section#blog {
  margin-top: 0;
  margin-bottom: 80px
}

.form-for-seach {
  text-align: center;
  padding-bottom: 40px
}

.search-form {
  position: relative
}

p.search {
  display: flex;
  border: 1px solid #fff;
  padding: 0 38px 0 13px;
  border-radius: 38px
}

.search svg {
  color: #fff;
  margin-top: 10px
}

.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -.125em
}

input.search-field {
  color: #fff !important;
  padding: 6px 24px;
  background: 0 0;
  border: 0
}

input.search-field::placeholder {
  color: #fff !important
}

#secondary {
  padding: 1em 0 2em
}

section#categories-4 {
  display: flex;
  padding-bottom: 0;
  margin-bottom: 0
}

.widget ul {
  list-style: none;
  margin: 0
}

#categories-4 ul li,
.widget ol li {
  border-bottom: 0;
  padding: 10px;
  float: left;
  border-top: 0;
  box-shadow: none;
  text-decoration: none
}

section#categories-4 ul li a {
  color: #000;
  font-family: Montserrat;
  font-size: 16px;
  box-shadow: none
}

.has-sidebar #secondary {
  float: right;
  padding-top: 0;
  width: 100%
}

.topsection {
  width: 100%;
  display: flex;
  margin-bottom: 18px
}

.destis {
  position: absolute;
  margin-top: -84px;
  width: 100%
}

.shadw {
  margin: 0 20px 0 0;
  background: #00000094;
  padding: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px
}

.deiatis {
  display: flex;
  width: 100%
}

.deiatis p {
  width: 50%;
  color: #fff;
  font-size: 12px;
  font-family: Montserrat-Regular !important
}

p.autoho {
  text-align: right;
  margin-right: 37px
}

#categories-4 h2.widget-title {
  height: 36px;
  color: #fff;
  font-size: 14px;
  font-family: Montserrat-SemiBold !important;
  margin-top: 3px;
  background: #3479e0;
  padding: 10px 17px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 17px
}

.susbs {
  height: 100%;
  background: #fff;
  box-shadow: 0 3px 88px -20px rgba(0, 0, 0, .18);
  margin: auto;
  border-radius: 10px
}

.susbs div[role=form] {
  height: 100%
}

form.wpcf7-form {
  background: #fff;
  box-shadow: 0 3px 88px -20px rgba(0, 0, 0, .18);
  border-radius: 10px;
  height: 100%
}

.cons h2 {
  font-family: Montserrat-Regular !important;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  padding: 0
}

.son {
  text-align: center
}

.son input[type=email],
.son input[type=text] {
  padding: 6px 20px !important;
  border-radius: 20px !important;
  background-color: #f2f2f2 !important;
  border: #f2f2f2 !important;
  width: 279px;
  margin: 0 auto;
  margin-bottom: 10px
}

.son input[type=email]::placeholder,
.son input[type=text]::placeholder {
  font-size: 14px
}

.sec input[type=submit] {
  background: #39f;
  padding: 7px 35px;
  font-size: 16px;
  font-family: Montserrat-Regular !important;
  text-align: center;
  border-radius: 27px;
  border: none
}

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

.rt-detail {
  padding: 10px
}

.entry-title a {
  color: #333;
  text-decoration: none;
  margin-left: -2px
}

.view-date {
  font-size: 12px;
  padding: 8px 0;
  font-family: Montserrat-Regular !important
}

.view-date span {
  color: gray;
  margin-right: 10px
}

.view-date svg {
  color: gray;
  margin-right: 10px;
  font-size: 12px
}

h2.entry-title {
  font-family: Montserrat-Regular !important;
  font-size: 14px;
  line-height: 22px;
  height: 55px
}

.content-post-inner {
  box-shadow: 0 0 9px 4px rgba(0, 0, 0, .18);
  margin: 10px 0;
  border-radius: 7px
}

.single-post {
  max-width: 900px;
  margin: auto;
  padding: 0 5px
}

h1.title-for-post {
  font-size: 22px;
  line-height: 30px;
  font-family: Montserrat !important;
  font-weight: 600
}

.getpostmeta .col-md-4 p {
  font-size: 12px;
  color: gray;
  font-family: Montserrat !important;
  font-weight: 400;
  margin-bottom: 5px
}

.getpostmeta .col-md-4 p svg {
  margin-right: 7px
}

p.share {
  cursor: pointer;
  width: 80px;
  border: 1px solid;
  float: right;
  padding: 2px 11px;
  border-radius: 15px;
  text-align: right
}

p.share:hover {
  transform: scale(1.05);
  transition: all .2s ease-in
}

.toc-container {
  background: #f9f9f9;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  display: table;
  margin-bottom: 1em;
  padding: 10px;
  position: relative;
  width: 100%
}

.toc-title p {
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  line-height: 1.45;
  margin: 0;
  padding: 0
}

ol li,
ol.toc-list li,
ol.toc-list li ol li {
  list-style: decimal-leading-zero !important;
  padding: 1px !important;
  margin: 1px !important
}

.toc-container a {
  color: #444;
  text-decoration: none;
  text-shadow: none
}

.toc-container a:hover {
  text-decoration: underline
}

.toc-container a:visited {
  color: #9f9f9f
}

.content p {
  line-height: 24px;
  font-family: Montserrat !important;
  font-size: 14px
}

a.related {
  color: #007bff
}

a.related:hover {
  color: #0056b3;
  text-decoration: underline
}

.content h2 {
  color: #000;
  padding: 15px 0;
  font-family: Montserrat !important;
  font-size: 28px
}

.content h2:before {
  content: "";
  height: 30px;
  width: 5px;
  background: #217ae3;
  position: absolute;
  margin-left: -17px
}

.content h3 {
  color: #000;
  padding: 5px 0;
  font-size: 22px
}

.content h3:before {
  content: "";
  height: 30px;
  width: 2px;
  background: #217ae3;
  position: absolute;
  margin-left: -8px
}

.commentsection {
  width: 698px;
  margin: auto;
  padding: 0 15px
}

textarea#comment {
  height: 100px;
  border: 0;
  box-shadow: 0 3px 88px -20px rgba(0, 0, 0, .18);
  border-radius: 7px;
  width: 100%;
  padding-left: 15px;
  padding-top: 10px
}

#cancel-comment,
#reply-title,
label[for=comment] {
  visibility: hidden
}

.comment-form-cookies,
.comment-form-url,
label[for=comment] {
  display: none
}

form.comment-form label {
  color: gray;
  font-family: Montserrat !important;
  font-weight: 700
}

.comments-area input[type=email],
.comments-area input[type=text] {
  padding: 12px 20px !important;
  border-radius: 25px !important;
  background-color: #fff !important;
  border: #f2f2f2 !important;
  display: block
}

input:focus,
textarea:focus {
  outline: 0
}

.form-submit {
  text-align: right
}

.form-submit input[type=submit] {
  background: #39f;
  padding: 10px 30px;
  font-size: 15px;
  font-family: Montserrat !important;
  font-weight: 600;
  text-align: center;
  border-radius: 27px;
  border: none;
  color: #fff
}

.imagenewsletter img {
  width: 100%
}

.afterblog h2 {
  font-size: 13px;
  text-transform: uppercase;
  font-family: Montserrat-Regular !important;
  padding-bottom: 7px;
  color: #000
}

.afterblog .col-md-7 {
  padding: 14px 22px 0 0
}

.afterblog-form form {
  background: #fff;
  box-shadow: 0 3px 88px -20px rgba(0, 0, 0, .18);
  border-radius: 10px
}

.inuts {
  display: flex;
  margin-bottom: 10px
}

.afterblog .col-md-7 {
  width: 100%;
  padding: 15px
}

.inuts input[type=email],
.inuts input[type=text] {
  padding: 4px;
  padding-left: 15px;
  margin-right: 10px;
  border-radius: 25px !important;
  background-color: #f2f2f2 !important;
  border: #f2f2f2 !important;
  width: 93%
}

.inuts input[type=email]::placeholder,
.inuts input[type=text]::placeholder {
  font-size: 13px
}

.afterblog .sec {
  text-align: left
}

.afterblog .sec input[type=submit] {
  background: #39f;
  padding: 5px 20px !important;
  font-size: 15px;
  color: #fff
}

#action_box {
  background: linear-gradient(84.44deg, #270678 18.57%, #0c09c3 99.11%);
  padding-top: 38px;
  padding-bottom: 30px
}

.ac-content {
  padding-left: 28px;
  border-left: 6px solid #fff
}

.ac-content h3 {
  font-size: 36px;
  font-weight: 600
}

.ac-button {
  padding-left: 40px
}

.ac-btn {
  padding: 13px 35px 13px 35px;
  box-shadow: rgba(62, 63, 65, .35) 0 2px;
  background-color: #fff;
  color: #00f;
  border-radius: 3px
}

#ito {
  background-color: #eaeaea
}

#ito .sec-top h3 {
  font-size: 36px;
  line-height: 42px;
  font-weight: 700;
  font-style: normal;
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 10px
}

#ito .sec-top p {
  padding: 27px 55px 0;
  margin-bottom: 20px
}

.fields .col-md-4:nth-child(odd) {
  background-color: #fff;
  box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, .15)
}

.fields .col-md-4:nth-child(2n):hover {
  background-color: #fff;
  box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, .15)
}

.ito-item {
  padding-top: 40px;
  padding-bottom: 60px
}

.ito-item .heading {
  padding-left: 51px;
  font-size: 20px;
  line-height: 22px;
  font-weight: 600
}

.ito-item .content {
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 39px
}

.ito-item .content ul {
  list-style: none;
  margin-bottom: 10px
}

.ito-item .content ul li {
  line-height: 24px
}

.ito-item .content ul li:before {
  content: "";
  display: inline-block;
  width: 7px;
  background-color: #80b927;
  height: 8px;
  margin-left: -17px
}

.btn-port2 {
  background-color: #80b927 !important;
  border: 2px #80b927 solid !important;
  color: #fff !important;
  border-color: #80b927;
  padding: 13px 35px 13px 35px !important;
  box-shadow: rgba(62, 63, 65, .35) 0 2px
}

.buttonText {
  transition: .35s;
  font-size: 14px;
  font-weight: 600
}

.btn-port2:hover {
  opacity: 1 !important;
  border: 2px #fff solid !important;
  background-color: #fff !important;
  color: #80b927 !important
}

.text-box {
  padding-top: 5px;
  padding-bottom: 20px
}

.you {
  font-size: 16px !important;
  padding-bottom: 25px;
  line-height: 1.3
}

.text-box ul li {
  display: flex;
  justify-content: start;
  align-items: baseline;
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2
}

.text-box ul li::before {
  content: "✓";
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 25px;
  max-height: 25px;
  padding: 10px;
  background-color: #80b927;
  color: #fff;
  border-radius: 50px;
  margin-right: 7px;
  transition: .8s
}

.provide {
  font-family: Montserrat;
  font-size: 40px;
  line-height: 50px;
  color: #000 !important
}

.provide1 {
  font-size: 23px !important;
  margin-top: -17px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  line-height: 30px;
  color: #333 !important
}

.content_title {
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
  line-height: 1.3
}

.center {
  position: absolute;
  top: 30%
}

.page-id-3171 .static-content__title,
.page-id-7182 .static-content__title {
  margin-top: 0 !important
}

.static-content__subtitle,
.static-content__title {
  word-break: normal
}

.static-content__title {
  font-size: 64px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
  line-height: 1.3
}

.about {
  font-size: 46px;
  font-weight: 600;
  line-height: 50px;
  color: #fff
}

.about1 {
  font-size: 27px !important
}

.provide {
  margin-top: 0 !important
}

.provide1 {
  font-size: 20px;
  margin-top: -17px;
  font-family: Nunito;
  font-weight: 300
}

.testimonial-slider video {
  width: 100%
}

.testimonial-slider .owl-nav button {
  position: absolute;
  font-size: 31px !important;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: linear-gradient(84.44deg, #270678 18.57%, #0c09c3 99.11%) !important;
  color: #fff !important;
  text-align: center;
  top: 54%
}

.testimonial-slider .owl-nav button:focus {
  outline: 0
}

.testimonial-slider .owl-nav button span {
  display: block;
  margin-top: -5px
}

#form-schedule input {
  color: #fff
}

@media (min-width:992px) {
  .col-md-6 {
    width: 50%
  }
}

@media (min-width:992px) {

  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9 {
    float: left
  }
}

.testimonials {
  padding: 100px 0
}

.testimonials h3 {
  margin-bottom: 20px
}

.testimonials .card {
  border-bottom: 3px #0c09c3 solid !important;
  transition: .5s;
  margin-top: 60px
}

.testimonials .card i {
  background: linear-gradient(84.44deg, #270678 18.57%, #0c09c3 99.11%);
  color: #fff;
  width: 75px;
  height: 75px;
  line-height: 75px;
  margin: -40px auto 0 auto
}

.testimonials footer {
  background: 0 0 !important
}

.accordion__wrapper {
  background-color: #fff;
  box-shadow: 0 60px 56px -12px rgba(9, 40, 163, .05);
  border-radius: 2.5rem;
  width: 100%;
  max-width: 60rem;
  padding: 5rem 1rem;
  margin: 0 auto
}

.accordion__title {
  font-size: 32px;
  font-weight: 600;
  color: #000;
  text-align: center;
  margin-bottom: 4rem
}

.accordion {
  border-bottom: .1rem solid #270678;
  padding-bottom: 1.2rem;
  margin-bottom: 1.2rem;
  user-select: none;
}

.accordion__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  cursor: pointer
}

.accordion__icon {
  background: linear-gradient(84.44deg, #270678 18.57%, #0c09c3 99.11%);
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #fff;
  flex-shrink: 0
}

.accordion__question {
  font-size: 22px;
  font-weight: 600;
  color: #000
}

.accordion__answer {
  padding: 2rem 0
}

.accordion__content {
  overflow: hidden;
  height: 0;
  transition: .4s ease-in-out
}

@media screen and (min-width:580px) {
  .accordion__wrapper {
    padding: 5rem
  }
}