body {
    font-family: "Poppins", sans-serif;
    background-color: #fff;
    background-image: url("../img/bg.jpg");
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
a {
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
}
.btn-template {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    background: -webkit-linear-gradient(top, #235c8f 37.5%, #61b0cd 100%);
    background: linear-gradient(180deg, #235c8f 37.5%, #61b0cd 100%);
    box-shadow: 0px 3px 15px rgba(174, 196, 211, 0.7);
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    padding: 21px 30px;
    min-width: 170px;
    border-radius: 30px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.btn-template:before {
    content: "";
    position: absolute;
    height: 56%;
    top: 1px;
    left: 10px;
    width: calc(100% - 20px);
    background: -webkit-linear-gradient(top, #4592ae 0%, rgba(169, 255, 218, 0) 78.65%);
    background: linear-gradient(180deg, #4592ae 0%, rgba(169, 255, 218, 0) 78.65%);
    -webkit-filter: blur(2px);
    filter: blur(2px);
    z-index: -1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    border-radius: inherit;
}
.btn-template:hover {
    color: #fff;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}
.btn-orange {
    background: -webkit-linear-gradient(top, #f15f25 37.5%, #ebd751 100%);
    background: linear-gradient(180deg, #f15f25 37.5%, #ebd751 100%);
}
.btn-orange:before {
    background: -webkit-linear-gradient(top, #ebb25e 0%, rgba(169, 255, 218, 0) 78.65%);
    background: linear-gradient(180deg, #ebb25e 0%, rgba(169, 255, 218, 0) 78.65%);
}
.btn-green {
    background: -webkit-linear-gradient(top, #72ab34 37.5%, #ddfff1 100%);
    background: linear-gradient(180deg, #72ab34 37.5%, #ddfff1 100%);
}
.btn-green:before {
    background: -webkit-linear-gradient(top, #c4e79f 0%, rgba(169, 255, 218, 0) 78.65%);
    background: linear-gradient(180deg, #c4e79f 0%, rgba(169, 255, 218, 0) 78.65%);
}
.btn-100 {

}
.header {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 20px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
}
.box {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 50px;
    border-radius: 20px;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
}
.content-section .sec-title {
    color:#235c8f;
}
.content-section .sec-subtitle {
    color:#235c8f;
}

.service-item {
    padding: 20px;
    border-radius: 20px;
    border:1px solid #9dbedd;
    margin-bottom: 20px;
    text-align: center;
    background-color:#fff;
}
.service-item .service-info .title {
    color: #6f96bb;
    font-weight: bold;
}
.trat-section .service-item .service-info .title {
    color:#f15f25
}
.trat-section .service-item .service-info .title span {
    color:#235c8f;
    font-size:1rem;
}
.owl-carousel  {
    border-radius: 20px;
}
.owl-carousel .item img {
    border-radius: 20px;
}
.whats {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 10000;
    animation: tada 2s infinite;
}
.whats a {
    background-color: #00bf49;
    color: #fff;
    padding: 10px 15px;
    border-radius: 20px;
    display: block;
}
.blink {
    animation: blink 1s;
    animation-iteration-count: infinite;
}
@media (max-width: 592px) {
    .box {
        padding: 20px;
    }
    .service-item {
        padding:15px 10px;   
    }
}
@keyframes blink {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}