.mygtukas {
        padding: 8px 12px;
        background-color: #4285F4;
        color: white;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }
    .mygtukas:hover {
        padding: 8px 12px;
        background-color: #357ae8;
        color: white;
        border: none;
        border-radius: 4px;
        cursor: pointer;    
    }
    .mygtuku-container {
        display: flex;
        gap: 10px; /* Atstumas tarp mygtukų */
        align-items: center;
    }

* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
}

body {
    font-family: 'Poppins', sans-serif;
    font-size:16px;
    color: #676a81;
    background: #fff;
    max-width:1920px;
    margin:0 auto;
    overflow-x:hidden;
}

a,a:hover,a:active,a:focus {
    display:inline-block;
    text-decoration:none;
    color: #6a708e;
    font-size:16px;
    padding:0;
}
h1,h2,h3,h4,h5,h6 {
    margin:0;
    color:#43485c;
    font-size:16px;
    font-family:'Poppins', sans-serif;
    text-transform:capitalize;
}
p {
    margin:0;
    line-height:1.8;
    color:#43485c;
    font-size:14px;
    font-family:'Poppins', sans-serif;
}
img {
    border:none;max-width:100%; height:auto;
}
ul {
    padding:0;
    margin:0 auto;
    list-style:none;
}
select,input,textarea,button {
    box-shadow:none;outline:0!important;
}
button {
    background:transparent;border:0;
}

html,body {
    height:100%;
    position:relative;
}

.fix{position:relative;clear:both;}

[placeholder]:focus::-webkit-input-placeholder {
  transition: opacity 0.3s 0.3s ease;
  opacity:0;
}

/*-------------------------------------
        Header (top-area, navbar)
--------------------------------------*/
.top-area {
    position: relative;
    z-index: 9999;
}

nav.navbar.bootsnav.no-background {
    background-color: #fff;
    border:none;
}

nav.navbar.bootsnav {
    background-color: #fff;
    border-bottom: transparent;
    box-shadow: 0 3px 15px rgba(0,0,0,.2);
}

/*.navbar-brand*/
.navbar-header a.navbar-brand,
.navbar-header a.navbar-brand:hover,
.navbar-header a.navbar-brand:focus {
    display:inline-block;
    color:#FF0000;
    font-size:20px;
    font-weight:600;
    padding:33px 0px 57px;
}

/*.nav li*/
nav.navbar.bootsnav ul.nav>li>a {
    font-size:16px;
    font-weight:400;
    text-transform:uppercase;
    transition:0.3s linear;
    padding:35px 20px;
}
nav.navbar.bootsnav ul.nav>li>a:hover,
nav.navbar.bootsnav ul.nav>li>a:focus,
nav.navbar.bootsnav ul.nav>li.active>a {
    color:#d92cf9;
}

.sticky-wrapper.is-sticky nav.navbar.bootsnav ul.nav>li>a {
    color:#6a708e;
}
.sticky-wrapper.is-sticky nav.navbar.bootsnav ul.nav>li>a:hover,
.sticky-wrapper.is-sticky nav.navbar.bootsnav ul.nav>li>a:focus,
.sticky-wrapper.is-sticky nav.navbar.bootsnav ul.nav>li.active>a {
    color:#d92cf9;
}

/*.menu-ui-design*/
.menu-ui-design {
    overflow-y:scroll;
    height:350px;
}
.menu-ui-design::-webkit-scrollbar {
    width:5px;
}
.menu-ui-design::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 8px #000;
}
.menu-ui-design::-webkit-scrollbar-thumb {
  background-color: #d92cf9;
}

/*.navbar-toggle */
nav.navbar.bootsnav .navbar-toggle {
    position:relative;
    background-color:transparent;
    border:1px solid #d92cf9;
    padding:10px;
    top:0;
}
nav.navbar.bootsnav .navbar-toggle i {
    color:#d92cf9;
}

/*-------------------------------------
        Welcome-hero
--------------------------------------*/
.welcome-hero {
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    background:url(../panevezys-hike.jpg) no-repeat;
    background-size:cover;
    background-position:center;
    height:500px;
}
.welcome-hero:before {
    position:absolute;
    content:" ";
    top:0;left:0;
    background:rgba(31,44,108,.65);
    width:100%;height:100%;
}
.header-text h2 {
    color:#fff;
    font-size:20px;
    font-weight:300;
    text-transform:uppercase;
    line-height:1.5;
}
.header-text p {
    color:#000;
    font-size:20px;
    font-weight:300;
    text-transform:uppercase;
    margin:30px 0 60px;
    letter-spacing:1px;
}
.header-text a {
    width:200px;
    height:40px;
    line-height:40px;
    border-radius:3px;
    text-transform:capitalize;
    color:#fff;
    background:#FF0000;
    border:1px solid #FF4433;
    box-shadow:0 5px 20px rgba(0,0,0,.2);
    transition:0.3s linear;
}
.header-text a:hover{
    box-shadow:0 5px 20px rgba(0,0,0,.4);
    background:#FF4433;
    border:1px solid #FF0000;
}

/*-------------------------------------
        Education
--------------------------------------*/
.education {
    background:  #f9fbfd;
    padding-top:  50px;
}
.education-horizontal-timeline {
    padding: 80px 0;
}
.timeline-horizontal-border {
    display:  flex;
    align-items: center;
    padding: 26px 0 30px;
}
.timeline-horizontal-border i {
    font-size:  10px;
    color: #d92cf9;
    margin-right:  5px;
}
span.single-timeline-horizontal {
    display:  inline-block;
    background: #b2c1ce;
    height:  1px;
    width: 1024px;
}
span.single-timeline-horizontal.spacial-horizontal-line {
    width: 88px;
}

/*-------------------------------------
        Footer
--------------------------------------*/
.hm-footer-copyright p {
    color:#888ea5;
    text-transform:capitalize;
    padding:38px 0;
}
.hm-footer-copyright p a {
    color:#888ea5;
}

/* Scroll Top */
#scroll-Top .return-to-top {
    position:fixed;
    right:30px;
    bottom:30px;
    display:none;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:20px;
    cursor:pointer;
    color:#fff;
    background:#b636ff;
    border:1px solid #b636ff;
    border-radius:50%;
    transition:.5s;
    z-index:2;
}
#scroll-Top .return-to-top:hover {
    background:#fff;
    color:#b636ff;
    border:1px solid #b636ff;
}
#scroll-Top .return-to-top i {
    position:relative;
    bottom:0;
    animation-name:example;
    animation-direction:alternate;
    animation-iteration-count:infinite;
    animation-duration:1s;
}
@keyframes example {
    0%   {bottom:0px;}
    100% {bottom:7px;}
}