@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto+Slab:wght@100..900&display=swap');


*,*::before,*::after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html, body{ height: 100%;padding:0; margin:0;} 
body{color: #5e5e5e; background-color:#fff!important;font-size:16px!important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family: "Roboto Slab", sans-serif!important;font-weight: 400;font-style: normal;font-optical-sizing: auto;font-variation-settings: "wdth" 100;background: url(../img/bg.jpg) top center repeat }
html::-webkit-scrollbar-track { background: #f4efe8; box-shadow: inset 0 0 6px #fff; }
html::-webkit-scrollbar-thumb { background: #4eadd4; }
html::-webkit-scrollbar { width: 8px; }
.fonts,.ftext,.quform-1 .quform-submit,.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target,.home-intro h1,.home-intro h2, .title {font-weight: 600!important}

a{color:#5e5e5e;outline:none!important; border: none!important; text-decoration:none}
a:hover{text-decoration:none!important; color:#4eadd4;outline:none!important; border: none!important}
::-moz-selection { background-color:#4eadd4; color:#fff;-webkit-text-fill-color:#fff}
::selection {background-color:#4eadd4; color:#fff;-webkit-text-fill-color:#fff}
a:focus{outline:none!important; border:none!important;text-decoration:none!important}
*:focus{outline:none!important;text-decoration:none!important}
p{margin-top: 0;line-height: 150%!important}
.tc, .tc p, .tc h3{text-align:center!important}
.tr, .tr p, .tr a{text-align:right!important}
.tl, .tl p, .tl a{text-align:left!important}
a,.button a,.quform-1 .quform-field,.quform-1 .quform-submit,.quform-2 .quform-field,.quform-2 .quform-submit,.tadblog-item{-webkit-transition: all 400ms linear!important; -moz-transition: all 400ms linear!important; -o-transition: all 400ms linear!important; transition: all 400ms linear!important}
.pr,.quotes{position: relative!important}
.nm{margin-top: -25px!important}.nm1{margin-top: -40px!important}
.f300, .f300 a, .f300 p{font-weight: 300!important}
.f500, .f500 a, .f500 p{font-weight: 500!important}
.f700, .f700 a, .f700 p{font-weight: 700!important}
.container, .container-fluid{margin-right: auto !important;margin-left: auto !important; width: 100%; max-width: 100%!important}
.container{padding-left: 15px !important; padding-right: 15px !important}
.zi,.slick-dots{z-index:999999!important;position: relative}
.padding{padding-top: 35px; padding-bottom: 35px}
.pb15{padding-bottom: 15px}
.ul li{margin-bottom: 10px}
.u-case{text-transform: uppercase!important}
.font18, .font18 p{font-size: 18px}
.font20, .font20 p{font-size: 20px}
.font24, .font24 p{font-size: 20px}
@media (min-width:992px){.container{max-width:980px!important}}
@media (min-width:1200px){.container{max-width:1140px!important}}
@media (min-width:1400px){.container{max-width:1240px!important}}
.image1, .image2,.image3{width: 100%;height: auto}


/* ------------------- Main ------------------------ */
#page-container{overflow-x: hidden}
.header{padding: 10px 0 10px 0;z-index: 99!important; }
.header .container{border-bottom: 2px solid #4eadd4}
.header .vc_row-o-content-middle{align-items: center}
.footer{color: #fff; padding: 20px 0 0 0;border-bottom: 2px solid #4eadd4;margin-top: 30px }
.logo{height: 70px}
.line{width: 100%; height: 1px; display:block; background-color: #4eadd4; margin-top: -10px; margin-bottom: 10px}
.footer-awards { display: flex; align-items: center; justify-content: center; gap: 20px; width: 100%; margin-top: 40px;}.footer-award { display: flex; align-items: center; justify-content: center;}.footer-award img { display: block; max-width: 100%; height: 70px;}.footer-awards .footer-award:nth-child(1) img { mix-blend-mode: multiply;}

.home-intro div{padding: 0; margin: 0}
.home-intro{background: url(../img/home-bg.jpg) bottom left  no-repeat #00afd7}
.tadblog-excerpt .media-image{
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
}
/* ------------------- Text ------------------------ */
h1{font-size:32px; line-height: 120%!important}
h2, .title{font-size:24px; line-height: 120%!important}
h3{font-size:24px; line-height: 120%!important}

.blue{color: #4eadd4!important}
.c1,.text1{color: #dee4eb!important}
.c2{color: #fff}

.ftext{font-size: 18px;color: #4eadd4}
.home-intro h1{font-size:34px!important;color: #dee4eb!important}
.home-intro h2, .text2{font-size:24px!important;color: #dee4eb!important}
.text1{font-size: 18px}
.text2{margin-top: 30px!important}

ul.liststyle{list-style:none;padding:0;margin:0}.liststyle li{padding-left:15px;text-indent:-10px;text-align:left; padding-bottom: 10px}.liststyle li::before{content:"\2022";font-size:20px;color:#2da7ba;margin-right:5px}
/* ------------------- Menu ------------------------ */
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { font-size:14px; color:#5e5e5e!important;line-height: 14px!important; text-transform: uppercase!important;}
.ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target{  color:#4eadd4!important}
.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target,.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item:hover > .ubermenu-target,.single-portfolio .ubermenu-item-28 .ubermenu-target{color:#4eadd4!important;cursor: default}


#ubermenu-main-3 #menu-item-39 > a {
    background-color: #4eadd4;
    color: #fff !important;
    xpadding: 12px 20px;
    border-radius: 4px; margin-left:10px;

}

#ubermenu-main-3 #menu-item-39 > a:hover {
    background-color: #000!important;
    color: #4eadd4!important;
   
}

body.single-post .ubermenu-main .ubermenu-item-113 > .ubermenu-target {
    color: #4eadd4 !important;
}
/* ------------------- Links ------------------------ */


.quotes .slick-slide:before { content: ''; position: absolute; top:0; left: 15px; display: inline-block; background-image: url('../img/q1.svg'); background-repeat: no-repeat; background-position: left; background-size: contain; width:50px; height: 50px; z-index:2; } .quotes .slick-slide:after { content: ''; position: absolute; bottom:0; right: 15px; display: inline-block; background-image: url('../img/q2.svg'); background-repeat: no-repeat; background-position: left; background-size: contain; width:50px; height: 50px; z-index:2; }
.testimonial-content{padding-top: 50px;margin-left: auto;margin-right: auto;text-align:center}
.t-name{font-size: 20px; color: #4eadd4; font-weight: 600; padding-top:20px}

#totopbutton { display: inline-block; background-color:#1d2a60;width:40px; height:40px; text-align: center;position: fixed; bottom: 0; right: 0; opacity:0; visibility: hidden; z-index:999999!important; cursor: pointer; } #totopbutton svg{fill:#fff; width: 30px; height: 30px; margin-top:8px} #totopbutton:hover svg {fill: #1d2a60!important}#totopbutton:hover{background-color:#4eadd4} #totopbutton.show { opacity: 1; visibility: visible} 

.quform-1 .quform-label-text,.quform-2 .quform-label-text{color:#16132b;}
.quform-1 .quform-field{color:#000; background-color: #d6d9d8;paddingx: 7px 20px!important;font-size:16px!important; border:0;font-family: "Roboto Slab", sans-serif!important}
.quform-2 .quform-field{color:#16132b; background-color: #fff;paddingx: 7px 20px!important;font-size:16px!important; border:0;font-family: "Roboto Slab", sans-serif!important}
.quform-1 .quform-field:focus,.quform-2 .quform-field:focus{background-color:#4eadd4; color:#fff; } 

.quform-1 .quform-submit,.quform-2 .quform-submit{display:inline-block!important;padding: 8px 30px 8px 30px!important;border: 0;text-align:center; color:#fff; font-size: 16px;background-image: linear-gradient(to left,#4eadd4 0%,#4eadd4 50%,#28438b 50%);background-size: 200% 200%; background-position: bottom right;font-family: "Roboto Slab", sans-serif}
.quform-form-1 .quform-submit:hover,.quform-form-2 .quform-submit:hover{background-position:top left !important;color:#6ac6ec}

textarea{max-height: 155px}
.footer .quform-element-submit{margin: 0!important}

.blog-footer{margin:40px 0 40px 0; text-align: center}
.blog-buttons{display:inline-block!important;padding: 8px 35px!important;border: 0;font-size: 16px;  border-radius: 7px;background-color:#28438b; color:#fff} 
.blog-buttons:hover{background-color:#219ccf; color:#28438b}
.buttons a{display:inline-block!important;padding: 8px 35px!important;border: 0;font-size: 16px;  border-radius: 7px;background-color:#4eadd4; color:#000} 
.buttons a:hover{background-color:#28438b; color:#4eadd4}
.tadblog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin: 0 0 40px;
}

.tadblog-item {
    background: #fff;
    border: 1px solid #f1f1f1;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    transition: box-shadow 0.25s ease, transform 0.25s ease, background 0.25s ease;
}

.tadblog-item:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
    transform: translateY(-10px);
    background: #219ccf;
}

.tadblog-link {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    text-decoration: none;
    padding: 30px;
}

.tadblog-title {
    color: #4eadd4;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 12px;
}

.tadblog-excerpt {
    color: #5e5e5e;
    line-height: 1.6;
    margin-bottom: 20px;
    flex-grow: 1;
}

.tadblog-item:hover .tadblog-excerpt,
.tadblog-item:hover .tadblog-title {
    color: #fff;
}

.tadblog-readmore {
    display: inline-block;
    background: #219ccf;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.5px;
    padding: 14px 30px;
    text-align: center;
    width: fit-content;
    transition: background 0.25s ease, color 0.25s ease;
}

.tadblog-item:hover .tadblog-readmore {
    background: #fff;
    color: #219ccf;
}

/* Pagination */
.tadblog-pagination {
    text-align: center;
    margin: 20px 0 40px;
}

.tadblog-pagination ul.page-numbers {
    list-style: none;
    display: inline-flex;
    gap: 10px;
    padding: 0;
    margin: 0;
}

.tadblog-pagination a.page-numbers,
.tadblog-pagination span.page-numbers {
    display: inline-block;
    padding: 10px 20px;
    background: #219ccf;
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    border-radius: 3px;
    transition: background 0.25s ease;
}

.tadblog-pagination a.page-numbers:hover {
 background: #001e4c;
    color: #ffffff;
}

.tadblog-pagination span.page-numbers.current {
    background: #001e4c;
    color: #219ccf;
}

/* Responsive */
@media (max-width: 991px) {
    .tadblog-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .tadblog-grid {
        grid-template-columns: 1fr;
    }
}