.dtbird-hero-section .dtbird-hero-top-text {
    font-size: clamp(2.15rem, 2.15vw, 2.15vw);
    font-size: clamp(2rem, 2vw, 2vw);
    font-weight: 300;
    font-family: "lato";
    color: #3C4152;
    margin-bottom: clamp(1rem,1vw, 1vw);

}
.dtbird-hero-section h1 {
    font-size: clamp(3rem, 3vw, 3vw);
    line-height: 1.2;
    font-family: "lato";
    font-weight: 700;
    color: #3C4152;
    margin-bottom: clamp(2rem, 2vw, 2vw);
}
.dtbird-hero-inner {
    max-width: clamp(50rem, 40vw, 40vw);
    display: flex;
    flex-flow: column nowrap;
    position:relative;
    z-index: 2;
}

.dtbird-hero-inner a, .dtbird-hero-inner button {
    padding-left: clamp(1.5rem, 1.5vw, 1.5vw);
    padding-right: clamp(2.5rem, 2.5vw, 2.5vw);
    padding-top: clamp(0.75rem, 0.75vw, 0.75vw);
    padding-bottom: clamp(0.85rem, 0.85vw, 0.85vw);
    position: relative;
    border-radius: clamp(2rem, 2vw, 2vw);
    width: max-content;
    line-height: 1;
    background: #486FFA;
    color: #FFFFFF;
    transition: all 0.25s ease-in-out;
}

.dtbird-hero-inner a:before, .dtbird-hero-inner button:before {
    content: "";
    background-repeat: no-repeat;
    width: clamp(0.625rem, 0.625vw, 0.625vw);
    height: clamp(1rem, 1vw, 1vw);
    position: absolute;
    right: clamp(1rem, 1vw, 1vw);
    top: 50%;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.886' height='15.222' viewBox='0 0 8.886 15.222'%3E%3Cpath id='DTBIRD_ICONS-11' d='M185.546,115.091l-6.336,6.336,1.265,1.265,7.6-7.6-7.621-7.621-1.265,1.265Z' transform='translate(-179.19 -107.47)' fill='%23fff'/%3E%3C/svg%3E");
    background-size: 100% 100%;
}

.dtbird-hero-inner a:hover, .dtbird-hero-inner button:hover {
    background: #3C4152;
    color: #FFFFFF;
}

.dtbird-hero-image {
    position: absolute;
    left: 50%;
    top: clamp(1.5rem, 1.5vw, 1.5vw);
    z-index: -1;
    pointer-events: none;
}

.dtbird-hero-description {
    font-size: clamp(1.50rem, 1.50vw, 1.50vw);
    line-height: 1.25;
}

@media (max-width:767px) {
    .dtbird-hero-section .dtbird-hero-top-text {text-align:center;}
    .dtbird-hero-section h1{text-align:left;font-size:clamp(2rem, 2vw, 2vw);}
    .dtbird-hero-inner a, .dtbird-hero-inner button{align-self:center;}
    .dtbird-home-hero__section .dtbird-hero-gif{top:100%;transform:translateY(-100%); }
    .elementor-widget-dtbird-home-hero{padding-left:0px;padding-right:0px;}
}