/**
 * Theme Name:     OnePress Child
 * Author:         FameThemes
 * Template:       onepress
 * Text Domain:	   onepress-child
 * Description:    OnePress is an outstanding creative and flexible WordPress one page theme well
 suited for business website, portfolio, digital agency, product showcase, freelancers
 and everyone else who appreciate good design. 
 The theme overall is an elegant and classic one, a fine example of Bootstrap 
 4 WordPress theme which compatibility with latest 
 version of WooCommerce. (Live preview : https://demos.famethemes.com/onepress)
 */

 /* From Uiverse.io by cssbuttons-io */ 


  /* From Uiverse.io by cssbuttons-io */ 
  
  
 
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

.site-main {
    margin-top: 100px !important;
}
.button {
  display: inline-block;
  padding: 12px 24px;
  border: 1px solid #1958A5;
  border-radius: 4px;
  transition: all 0.2s ease-in;
  position: relative;
  overflow: hidden;
  font-size: 16px;
  cursor: pointer;
  color: black;
  z-index: 1;
  font-weight: 600;
}

.button:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(1) scaleX(1.25);
  top: 100%;
  width: 140%;
  height: 180%;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.button:after {
  content: "";
  position: absolute;
  left: 55%;
  transform: translateX(-50%) scaleY(1) scaleX(1.45);
  top: 180%;
  width: 160%;
  height: 190%;
  background-color: #39bda7;
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.button:hover {
  color: #ffffff;
  border: 1px solid #1958A5;
  text-decoration: none !important;
}

.button:hover:before {
  top: -35%;
  background-color: #1958A5;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

.button:hover:after {
  top: -45%;
  background-color: #1958A5;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}
body {
    font-family: 'Poppins', sans-serif !important;
}

.my-header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    transition: background-color 0.3s ease;
    background-color: transparent;
}

.my-header.scrolled {
    background-color: #1958A5; /* Change to your desired color */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Optional shadow */
}
.headers a {
    background-color: transparent;
    transition: background-color 0.3s ease;
    border-radius: 10px;
    padding: 8px 7px !important;
    margin: 0 7px !important;
}

.headers a:focus {
    background-color: #ffffff !important; /* Change to your desired color */
}

.headers a:hover {
    background-color: #ffffff !important; /* Change to your desired color */
}

.headers a:active {
    background-color: #ffffff !important; /* Change to your desired color */
}
.service-box {
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    transition: 0.3s ease;
}
.service-box:hover {
    background-color: #f1f6fd;
}
.service-sec h2{
    font-size: 30px;
  font-family: "Jost", sans-serif;
}
.service-sec p{
    font-family: "Jost", sans-serif;
        font-size: 16px;
}
.service-icons {
    width: 37px;
     color: #000;
}
.personal-servicess h2{
    font-family: "Jost", sans-serif;
    font-size: 16px !important;
    color: #000;
}
.personal-servicess {
    display: flex;
    align-items: center;
}
.service-headtext h2{
    font-size: 30px;
  font-family: "Jost", sans-serif;
}
.extra-tagline {
    font-size: 25px !important;
   font-family: "Jost", sans-serif;
}

.right-images {
    height: 300px !important;
    width: 300px !important;
    border-radius: 100%;
}

/*.service-single {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*}*/
.service-single{
    margin-top: 50px !important;
}

  /* Customize active/inactive button styles */
    .btn-service {
        border-radius: 0;
        padding: 10px 20px;
        border: none;
        transition: background 0.3s;
        background: transparent;
        color: #000;
    }

    .btn-service.active {
        background-color: #FFB400; /* Orange-yellow color */
        color: #000;
    }

    .btn-service:not(.active):hover {
        background-color: #f0f0f0;
        color: #000;
    }

    .service-buttons {
        border-bottom: 1px solid #ccc;
        background: #fff;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        padding: 0;
    }
.btn{
    box-shadow: none !important;
    font-size: 14px !important;
       font-family: 'Poppins', sans-serif !important;

}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
        border-color: transparent !important;
        background-color: #1958A5 !important;
        color: #fff !important;
}
.service-sec {
  /*background: linear-gradient(75deg, #253a4b 30%, rgba(80, 125, 160, 1) 70%);*/
}
.service-headtext p{
   font-size: 16px;
     font-family: "Jost", sans-serif;
}

.include {
    font-size: 22px !important;
}

.blog-cover {
    background-image: url();
}

/*single blog css*/

.single .entry-header .entry-title{
       margin-bottom: 10px;
  font-family: "Jost", sans-serif;
    font-size: 30px !important;
    color: #000 !important;
}
    .entry-title {
    margin-bottom: 10px;
  font-family: "Jost", sans-serif;
    font-size: 30px !important;
    color: #000 !important;
}
    .text-datess {
        font-size: 14px;
        color: #000 !important;
  font-family: "Jost", sans-serif;
    }
    .entry-content p, .text-contant {
        font-size: 16px;
        color: #555;
    font-family: "Jost", sans-serif;
    }
    .text-hedd {
        color: #1958A5;
    }
    .sidebar-widget h5 {
        font-weight: bold;
        border-bottom: 2px solid #eee;
        padding-bottom: 10px;
    }
    .sidebar-widget ul li a {
        color: #333;
        text-decoration: none;
    }
    .sidebar-widget ul li a:hover {
        color: #6610f2;
    }
    .sidebar-widget .badge {
        font-size: 14px;
        font-weight: 600;
        background-color: #f6f6f6;
        color: #6610f2;
    }
    .sidebar-widget input.form-control {
        border-radius: 30px 0 0 30px;
    }
    .sidebar-widget .btn.btn-primary {
        border-radius: 0 30px 30px 0;
        background-color: #1958A5;
        border: none;
    }
    .sidebar-widget .btn.btn-primary:hover {
        background-color: #4b0cc4;
    }
    .text-hedd {
  font-family: "Jost", sans-serif;
}

.headers nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown.menu-is-active {
    padding: 20px 0 !important;
}

.headers ul li{
    margin: 2px 0 !important;
}

.headers .sub-menu  li{
    margin: 0 !important;
}
ul.sub-menu {
    padding: 0 !important;
}

.sub-menu li{
    padding: 10px 0 !important; 
}



@media (min-width: 320px) and (max-width: 768px) {
    .site-main {
    margin-top: 30px !important;
}
    .service-single {
    display: block;
}
.right-images {
    height: 301px !important;
    width: 100% !important;
     border-radius: 0; 
}
.service-buttons{
      display: block; 
}
.service-headtext h2 {
    font-size: 25px;
}
.extra-tagline {
    font-size: 22px !important;
}
.include {
    font-size: 20px !important;
    padding-top: 20px;
}
.service-sec h2 {
    font-size: 25px;
}
.sub-menu a{
    background-color: #fff !important;
    color:#1958A5 !important;
    width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    font-size: 14px !important;
}
.sub-menu{
    padding: 10px 0 !important; 
    margin: 0 10px !important;
}
.sub-menu li{
    padding: 0 !important; 
}
}

@media (min-width: 320px) and (max-width: 425px) {
  .entry-title {
    font-size: 25px !important;
  }
  .top-baneerimg {
    margin-top: 62px !important;
}
}