.tp-preloader-logo {
  width: 280px;
  height: 180px;
  line-height: 180px;
  position: relative;
  text-align: center;
  margin: auto;
}

.tpheader__right {
  margin-left: -25px;
}

img.sc_logo{
  max-width: 135px !important;
}

ul.sc_mainMenu li a {
  font-weight: bold !important;
  text-transform: uppercase;
}

.header-green .tpmenu__area ul li:hover > a {
  color: #000000 !important;
}

.sc_customBtn{
  background-color: #efde51; color: black; border: none !important; font-weight: bold !important; text-transform: uppercase;
}

.green-btn:hover {
  background-color: black !important;
  color: white !important;
}

p.sc_servicePunchLine{
  margin-top: 20px; 
  font-weight: bold; 
  font-size: 23px;
}

.accordion-button{
  background-color: transparent !important;
}

.tp-accordion .accordion-item{
  background: transparent !important;
}

.back_to_top-2 .back-to-top-btn {
  background-color: #efde51;
  color: black;
}

.tptestimonial-active-two .slick-dots li.slick-active button {
  background-color: #efde51;
}

.tptestimonial-two-nav button:hover {
  background-color: #efde51;
  border: none;
}

.tptestimonial-two-nav button i:hover {
  color: black !important;
}

.tp-faq-img span {
  height: 80px;
  width: 80px;
  line-height: 77px;
  background-color: #efde51;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
}

.tp-accordion .accordion-button:not(.collapsed) {
  color: #ec7063;
  background-color: var(--tp-common-white);
  box-shadow: none;
}

.tp-accordion .accordion-button:not(.collapsed)::after {
  background-image: none;
  transform: translateY(-50%) rotate(135deg);
  color: #ec7063;
}

.tp-accordion-btn a:hover {
  color: #ec7063;
}

.tp-preloader-circle svg circle:last-child {
  stroke: #efde51 !important;
}

.tpmenu__area ul li.has-mega-menu .tp-menu-banner-wrap {
  background-color: #5362B0;
  text-align: left;
  margin-left: 30px;
  border-radius: 6px;
  padding: 38px 20px 38px 30px;
  position: relative;
}

.header-green .tpmenu__area ul li:hover.has-dropdown a::after {
  color: #efde51;
}

p.sc_aboutUsDesc{
  font-size: 20px;
  line-height: 35px;
  margin-top: 40px;
}

.tpcta-btn:hover {
  color: #efde51;
  border: 1px solid #efde51;
}

.tpbanner-title-two span svg {
  position: absolute;
  left: 1px;
  bottom: -15px;
  z-index: -1;
  width: 100%;
}

div.tpbrand-item{
  margin-right: 20px;
}

.contact-mail:hover i {
  border-color: #efde51;
  background-color: #efde51;
}

.contact-social a:hover {
  color: #efde51;
}

.menu-btn:hover, .tp-btn:hover {
  color: var(--tp-common-white);
  background-color: black;
  border-radius: 0px;
}

.menu-btn:hover, .tp-btn {
  border-radius: 0px;
}

.contact-info {
  padding-right: 50px;
}

.contact-form-input input:focus, .contact-form-input textarea:focus {
  border-color: #f00;
}

.breadcrumb__title {
  color: #0E1331;
  font-family: var(--tp-ff-jakarta);
  font-weight: 900;
  font-size: 50px;
  line-height: 1;
}

.col-custom {
  flex: 1;
  width: 150px;
  height: 265px;
  background-size: cover;
  margin: 0px 15px 20px 15px;
    margin-top: 0px;
  margin-top: 0;
  transition: 0.4s;
}

.tp-panel-item .tp-panel-thumb::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(1, 15, 28, 0) 0%, rgba(1, 15, 28, 0.6) 100%);
}

.tp-panel-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 40px 10px 40px;
  width: 100%;
  visibility: hidden;
  opacity: 0;
}

section.sc_serviceWebDev{
  margin-top: 150px;
  position: relative;
  background: linear-gradient(336.37deg, rgba(192, 223, 214, 0.8) -2.49%, rgba(233, 234, 201, 0.8) 92.36%);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

section.sc_serviceMobileDev{
  margin-top: 150px;
  position: relative;
  background: linear-gradient(336.37deg, rgba(255, 249, 196, 0.8) -2.49%, rgba(255, 236, 179, 0.8) 92.36%);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

section.sc_serviceCms{
  margin-top: 150px;
  position: relative;
  background: linear-gradient(156.78deg, #FEDCCA -2.14%, #FAF3E5 110.36%);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

section.sc_serviceEcommerce{
  margin-top: 150px;
  position: relative;
  background: linear-gradient(336.37deg, rgba(192, 223, 214, 0.8) -2.49%, rgb(210, 201, 255) 92.36%);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

section.sc_serviceWebApp{
  margin-top: 150px;
  position: relative;
  background: linear-gradient(153.59deg, rgba(158, 251, 211, 0.6) 1.62%, rgba(69, 212, 251, 0.6) 97.94%);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

section.sc_serviceApi{
  margin-top: 150px;
  position: relative;
  background: linear-gradient(153.59deg, #FEB8C0 1.62%, #FDCEC9 97.94%);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.tpbanner-content-two p {
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: var(--tp-common-11);
  margin-bottom: 40px;
}

.tpseo-bg4{
  position: absolute;
  background: linear-gradient(336.37deg, rgba(192, 223, 214, 0.8) -2.49%, rgb(210, 201, 255) 92.36%);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;

}

.tpseo-bg5{
  position: absolute;
  background: linear-gradient(153.59deg, #FEB8C0 1.62%, #FDCEC9 97.94%);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;

}


.tpseo-bg6{
  position: absolute;
  background: linear-gradient(336.37deg, rgba(255, 249, 196, 0.8) -2.49%, rgba(255, 236, 179, 0.8) 92.36%);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;

}


.tpseo {
  padding: 50px 38px 0 37px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  min-height: 330px;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width:900px) {

.footer-2-col-2 {
  padding-left: 0px;
}

}

@media screen and (max-width:768px) {
    
   svg.sc_faqStrokeCss{
     width: 135px !important;
     float: left;
     margin-left: -230px;
     top: 55px;
   }

  .tpbanner-title-two span svg {
    position: absolute;
    left: 1px;
    bottom: -15px;
    z-index: -1;
    width: 100%;
  }

  .tpbanner-two-shape {
    margin-bottom: 75px;
  }

  p.sc_servicePunchLine{
    margin-top: 10px; 
    font-weight: bold; 
    font-size: 16px;
  }

  .breadcrumb__title {
    color: #0E1331;
    font-family: var(--tp-ff-jakarta);
    font-weight: 900;
    font-size: 30px;
    line-height: 1;
  }

  img.sc_homeRightImgMobile{
    display: none;
  }

  .tptestimonial-two-avatar {
    margin-top: 190px;
  }

  .tp-main-menu-mobile ul > li.has-dropdown > a.expanded {
    color: #efde51;
  }

  .tpbanner-space-two {
    padding: 130px 0 80px 0;
   }  

  .tp-main-menu-mobile ul > li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened {
    background-color: #efde51;
    border: none;
    color: black;
  }

  div.tp-menu-banner-wrap{
    background-color: #5362B0;
    padding: 15px;
    border-radius: 10px;
  }

  .contact-info {
    padding-right: 20px;
  }
  
  .services-two-title {
    font-size: 16px;
  }

  .services-two-icon {
    min-width: 100px;
  }
  
  .contact-mail i {
    right: -15px;
  }
  
  .tpseo-content p {
    font-size: 20px;
  }
  
  .tp-accordion .accordion-button:not(.collapsed)::after {
    display: none !important;
  }
  
  .tp-accordion .accordion-button::after{
      display:none;
  }

}