/* Animkiraj slike u sadrzaju */ 
.imageLink { position: relative; height: 100%; display: inline-block; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s; }
.imgContainer { position: relative; display: inline-block; overflow: hidden; }
.imgContainer img { position: relative; align-self: stretch; height: auto; flex-shrink: 0; object-fit: cover; max-width: 100%; transition: transform 0.5s  ease-in-out; }
.imgContainer:hover img { transform: scale(1.2);  -webkit-transform: scale(1.1); transform: scale(1.1); }



/* GRID sa crtama */ 
.feature_inner_box_3 { padding: 100px 0px; }
.feature_inner_box_3 .section-title { text-align: center; padding: 0 0 80px 0; }
.feature_inner_box_3 .section-title h2 { color: #fff; }
.feature_inner_box_3 .section-title h6 { color: #999; }
.img-middle-icon-box2 { padding: 75px 90px 90px 90px;text-align: center;border-right: 1px solid rgba(166, 161, 130, 0.5);border-bottom: 1px solid rgba(166, 161, 130, 0.5) }
.img-middle-icon-box2 h3 { font-size: 16px;font-weight: 700; text-transform: uppercase; letter-spacing: 1px;color: #ffffff;margin: 20px 0; }
.img-middle-icon-box2 p { font-size: 14px;font-weight: 500;line-height: 28px;color: #999;letter-spacing: 0px;margin-bottom: 0px; }
.img-middle-icon-box2 img { margin-bottom: 10px; }
.img-middle-icon-box2 a { background: #959595;width: 20px;height: 20px;line-height: 21px;text-align: center; border-radius: 100%;display: block;margin: 0 auto; }
.img-middle-icon-box2:hover a { background: #ffffff; }
.img-middle-icon-box2 a i { color: #000;font-size: 14px;font-weight: bold;margin-left: 2px; }
.feature_inner_box_3 .img-middle-icon-box2:nth-child(2) { border-bottom: 0; }

.bl_0 { border-left: 0px; }
.bt_0 { border-top: 0px; }
.br_0 { border-right: 0px; }
.bb_0 { border-bottom: 0px; }

@media screen and (max-width: 991px) { .full-about .full-about-para { margin-bottom: 25px;}.full-about .full-about-para:first-child,.full-about .full-about-para:last-child { text-align: center;}
.img-middle-icon-box2 { padding: 50px 50px;}.img-middle-icon-box2,.img-middle-icon-box2.bb_0 { border-right: 0px solid #333; border-bottom: 1px solid #333;}.img-middle-icon-box2 h3 { line-height: 24px;}.team_carousel_1 .owl-dots:before,.team_carousel_1 .owl-dots:after { display: none;} }
@media screen and (max-width: 767px) { .full-about { padding: 0px 15px;} }



.menu-item span { font-size: 16px; vertical-align: top; }

/*----  IconBox 3 ----*/
.services_home2 { background: url('../images/line.png');background-position: center;background-repeat: no-repeat; }
.power_iconbox_3 { position: relative;margin: 0px 0px 60px 0px;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s; }
.power_iconbox_3 .power_iconbox_wrapper { text-shadow: none; /* 5px 5px 2px rgba(12, 8, 8, 0.9) */border-width: 0px 0px 0px 0px;border-style: solid;border-color: #0b2e57;-webkit-border-radius: 0px 0px 0px 0px;border-radius: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;padding: 0px 0px;display: block;text-align: center; }
.power_iconbox_3 .power_iconbox_image { position: relative;width: 200px;height: 200px;margin: 0 auto;border-radius: 100%; }
.power_iconbox_3 .power_iconbox_image:before { content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(23, 37, 67, 0.93);border-radius: 100%;-moz-transform: skew(0deg, -30deg);-webkit-transform: skew(0deg, -30deg);-o-transform: skew(0deg, -30deg);-ms-transform: skew(0deg, -30deg);transform: skew(0deg, -30deg);opacity: 0;visibility: hidden;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s; }
.power_iconbox_3:hover .power_iconbox_image:before { -moz-transform:none;-webkit-transform:none;-o-transform:none;-ms-transform:none;transform:none;opacity: 1;visibility: visible; }
.power_iconbox_3 .power_iconbox_image img { width: 100%;height: 100%;border-radius: 100%; }
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_content { position: relative;background: #fff;padding: 20px 0px 0px 0px;margin: 0px 0px 0px 0px; }
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_content .shadow_image { opacity: 0;visibility: hidden;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s; }
.power_iconbox_3:hover .power_iconbox_wrapper .power_iconbox_content .shadow_image { opacity: 1;visibility: visible; }
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_content h4 { color: #1e283c;margin-bottom: 10px;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s; }
.power_iconbox_3:hover .power_iconbox_wrapper .power_iconbox_content h4 { color: #0092ff; }
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_content p { color: #50668f;line-height: 28px;font-weight: 600;margin-bottom: 0px; }
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_icon { position: absolute;left: 50%;top: calc(100% - 25px);z-index: 1;-webkit-transform: translateX(-50%);transform: translateX(-50%); }
.power_iconbox_3:hover .power_iconbox_wrapper .power_iconbox_icon { top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); }
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_icon a { position: relative;width: 50px;height: 50px;line-height: 50px;display: inline-block;text-align: center;font-size: 18px;color: #fff;border-radius: 100%;margin: 0 auto;background: #0092ff;-moz-box-shadow: -3px 0px 15px rgba(71, 89, 216, 0.4);-webkit-box-shadow: -3px 0px 15px rgba(71, 89, 216, 0.4);box-shadow: -3px 0px 15px rgba(71, 89, 216, 0.4);-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s; }
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_icon a:hover { background: rgb(0,146,255);background: -moz-linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);background: -webkit-linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);background: linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0092ff",endColorstr="#285acc",GradientType=1);-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s; }
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_icon a:before { content: "";position: absolute;left: 50%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);display: block;width: 60px;height: 60px;z-index: -1;background: #66bdff;border: 5px solid #c7e4fb;border-radius: 100%;animation: pulse-icon 1500ms ease-out infinite; }
.power_iconbox_3:hover .power_iconbox_wrapper .power_iconbox_icon a:before { width: 65px;height: 65px;border: 7px solid #c7e4fb; }
@keyframes pulse-icon { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;}100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;} }
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_icon a i { opacity: 0;visibility: hidden; }
.power_iconbox_3:hover .power_iconbox_wrapper .power_iconbox_icon a i { opacity: 1;visibility: visible; }
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_icon a h5 { margin: 0px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);color: #fff; }
.power_iconbox_3:hover .power_iconbox_wrapper .power_iconbox_icon a h5 { opacity: 0;visibility: hidden; }













/*---------- Dropcaps ------------*/
.dropcaps_content p { color: #4c668d;font-size: 14px;font-weight: 600;line-height: 26px;margin-bottom: 0px; }
.dropcaps_content p .firstletter { font-family: "Poppins", sans-serif;font-size: 69px;font-weight: 700;line-height: 55px;transform: rotate(-5deg);float: left;margin-right: 36px;width: 44px;height: 45px;text-align: center; }
.dropcaps1 p .firstletter { color: #1e283c;background: #fff;padding: 0px 5px 5px 5px; }
.dropcaps2 p .firstletter { color: #fff;background: #1e283c;padding: 5px 5px 5px 5px;margin-top: 5px; }
.dropcaps3 p .firstletter { color: #1e283c;background: #fff;padding: 5px 5px 5px 5px;border: 1px solid #ececec;margin-top: 5px; }
.dropcaps4 p { color: #c2d4f8; }
.dropcaps4 p .firstletter { color: #fff;background: rgb(0,146,255);background: -moz-linear-gradient(90deg, #0092ff 0%, #285acc 100%);background: -webkit-linear-gradient(90deg, #0092ff 0%, #285acc 100%);background: linear-gradient(90deg, #0092ff 0%, #285acc 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0092ff",endColorstr="#285acc",GradientType=1);padding: 5px 5px 5px 5px;margin-top: 5px; }

.dropcaps5 p { color: #517096; }
.dropcaps5 p .firstletter { color: #fff;background: -webkit-linear-gradient(#0092ff, #285acc);-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding: 5px 5px 5px 5px; }

/*-- Video  -----*/
.abt_video { position: absolute;left: calc(100% - 130px);top: 50%;transform: translateY(-50%); }
.abt_video_button a { position: relative;width: 70px;height: 70px;line-height: 70px;display: inline-block;text-align: center;border-radius: 100%;font-size: 30px;color: #fff;background: rgb(0,146,255);background: -moz-linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);background: -webkit-linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);background: linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0092ff",endColorstr="#285acc",GradientType=1);-moz-box-shadow: -3px 0px 15px rgba(71, 89, 216, 0.4);-webkit-box-shadow: -3px 0px 15px rgba(71, 89, 216, 0.4);box-shadow: -3px 0px 15px rgba(71, 89, 216, 0.4); }
.abt_video_button a:before { content: "";position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: block;width: 70px;height: 70px;z-index: -1;background: #009bfa;border-radius: 100%;animation: pulse-border 1500ms ease-out infinite; }
@keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;}100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;} }
.abt_video_button a i { position: relative;margin-left: 5px; }

.abt_video2 { position: relative;display: -webkit-box;margin-top: 80px; }
.abt_video2 .abt_video_button { margin-right: 15px; }
.abt_video2 .info h5.name { color: #1e283c;font-weight: 700;margin-bottom: 0px; }
.abt_video2 .info p.company { font-size: 14px;color: #0092ff;margin-bottom: 0px; }
.abt_video2 .abt_video_button a:before { z-index: 0; }

@media screen and (max-width: 767px) { .abt_video_button { display: block;}.abt_video_button a { margin: 50px auto;}.power_tab_info h2 { font-size: 24px; line-height: 36px; padding-right: 0px;}.abt_part1_header h2,.abt_part2_header h2 { font-size: 24px; line-height: 36px;}.about_inner2 { padding-right: 30px;}.about_inner2 .abt_video_button a { margin: 0px auto;} }
@media screen and (max-width: 991px) { .abt_part2_image { margin-bottom: 30px; padding-right: 0px;}.abt_part1_header { padding-right: 0px;}.abt_video { left: 50%; transform: translate(-50%, -50%);}.tabsec { margin-top: -54px;}.power_tab_button_group li a { font-size: 16px; padding: 15px 60px;} }




























.power_button_group{
    position: relative;
    z-index: 1;
    display: block;
    margin: 0px 0px;
    text-align: center;
}
.power_button{
    position: relative;
    width: auto;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    line-height: 26px;
    font-weight: 500;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    padding: 12px 45px;
    background: transparent;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #0092ff;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.power_button.large{
    font-size: 12px;
    line-height: 26px;
    letter-spacing: 2px;
    padding: 16px 110px;
}
.power_button.medium{
    font-size: 12px;
    line-height: 26px;
    letter-spacing: 2px;
    padding: 14px 40px;
}
.power_button.small{
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 1.5px;
    padding: 13px 27px;
}
.power_button.xsmall{
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 1.5px;
    padding: 11px 22px;
}
.power_button:hover,
.power_button[type="submit"]:hover{
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.power_button span.button_value {
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.power_button:not([type="submit"]):before,
.power_button:not([type="submit"]):after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/*----------*/
.power_button{
    color: #fff;
}
.transparent_button{
    border-width: 2px;
    border-style: solid;
    border-color: #1e283c;
    color: #1e283c;
}
/*---------- Button Effect 1 ------------*/
.power_button.effect_1:before {
    right: 100%;
    top: 0;
}
.power_button.effect_1:hover::before {
    right: 0;
}
.power_button.effect_1:after {
    left: 0;
    top: 0;
}
.power_button.effect_1:hover::after {
    left: 100%;
}

/*---------- Button Effect 2 ------------*/
.power_button.effect_2:before {
    bottom: 100%;
    left: 0;
}
.power_button.effect_2:hover::before {
    bottom: 0;
}
.power_button.effect_2:after {
    left: 0;
    top: 0;
}
.power_button.effect_2:hover::after {
    top: 100%;
}

/*---------- Button Effect 3 ------------*/
.power_button.effect_3:before {
    left: 100%;
    top: 0;
}
.power_button.effect_3:hover::before {
    left: 0;
}
.power_button.effect_3:after {
    right: 0;
    top: 0;
}
.power_button.effect_3:hover::after {
    right: 100%;
}

/*---------- Button Effect 4 ------------*/
.power_button.effect_4:before {
    top: 100%;
    left: 0;
}
.power_button.effect_4:hover::before {
    top: 0;
}
.power_button.effect_4:after {
    bottom: 0;
    left: 0;
}
.power_button.effect_4:hover::after {
    bottom: 100%;
}

/*---------- Button Effect 5 ------------*/
.power_button.effect_5:before {
    left: 0;
    top: 0;
    transform: scale(0);
}
.power_button.effect_5:hover::before {
    right: 0;
    transform: scale(1);
}
.power_button.effect_5:after {
    left: 0;
    top: 0;
    transform: scale(1);
}
.power_button.effect_5:hover::after {
    left: 0;
    transform: scale(0);
}
/*---------- Button Effect 6 ------------*/
.power_button.effect_6:before {
    right: 90%;
    top: 0;
}
.power_button.effect_6:hover::before {
    right: -90%;
}
.power_button.effect_6:after {
    left: 90%;
    top: 0;
}
.power_button.effect_6:hover::after {
    left: -90%;
}

/*---------- Button Effect 7 ------------*/
.power_button.effect_7:before {
    top: 90%;
    left: 0;
}
.power_button.effect_7:hover::before {
    top: -50%;
    transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
}
.power_button.effect_7:after {
    bottom: 90%;
    left: 0;
}
.power_button.effect_7:hover::after {
    bottom: -50%;
    transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
}

/*---------- Button Effect 8 ------------*/
.power_button.effect_8:before {
    top: 90%;
    left: 0;
}
.power_button.effect_8:hover::before {
    top: -50%;
    transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
}
.power_button.effect_8:after {
    bottom: 90%;
    left: 0;
}
.power_button.effect_8:hover::after {
    bottom: -50%;
    transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
}

/*---------- Button Effect 9 ------------*/
.power_button.effect_9:before{
    top: 0;
    left: 100%;
}
.power_button.effect_9:hover:before{
    top: 0;
    left: 50%;
}
.power_button.effect_9:after{
    top: 0;
    right: 0;
}
.power_button.effect_9:hover:after{
    top: 0;
    right: 50%;
}
.power_button.effect_9:hover {
    border-radius: 30px;
}

/*---------- Button Effect 10 ------------*/
.power_button.effect_10:before{
    top: 0;
    right: 100%;
}
.power_button.effect_10:hover:before{
    top: 0;
    right: 0;
}
.power_button.effect_10:after {
    top: 0;
    left: 0;
}
.power_button.effect_10:hover:after {
    top: 0;
    left: 100%;
}
.power_button.power_button_icon_left.effect_10 .power_button_icon{
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.power_button.power_button_icon_left.effect_10:hover .power_button_icon{
    left: -25%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.power_button.power_button_icon_right.effect_10 .power_button_icon{
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    margin-left: 0px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.power_button.power_button_icon_right.effect_10:hover .power_button_icon{
    left: 130%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*---------- Button Effect 11 ------------*/
.power_button.effect_11:before {
    left: 0;
    bottom: 100%;
}
.power_button.effect_11:hover:before {
    left: 0;
    bottom: 0;
}
.power_button.effect_11:after{
    top: 0;
    left: 0;
}
.power_button.effect_11:hover:after{
    top: 100%;
    left: 0;
}
.power_button.power_button_icon_left.effect_11 .power_button_icon{
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.power_button.power_button_icon_left.effect_11:hover .power_button_icon{
    left: -50%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.power_button.power_button_icon_right.effect_11 .power_button_icon{
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    margin-left: 0px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.power_button.power_button_icon_right.effect_11:hover .power_button_icon{
    left: 115%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/*---------- Button Effect 12 ------------*/
.power_button.effect_12:before {
    content: attr(data-text);
    right: 100%;
    top: 0;
    opacity: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.power_button.effect_12:hover:before {
    right: 0%;
    opacity: 1;
}
.power_button.effect_12:hover span {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
}
.power_button.effect_12:after{
    top: 0;
    left: 0;
}
.power_button.effect_12:hover:after{
    top: 100%;
    left: 0;
}
/*---------- Button Effect 13 ------------*/
.power_button.effect_13:before {
    content: attr(data-text);
    right: 0;
    bottom: 100%;
    opacity: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.power_button.effect_13:hover:before {
    bottom: 0%;
    opacity: 1;
}
.power_button.effect_13:hover span {
    -webkit-transform: translateY(400%);
    -moz-transform: translateY(400%);
    -ms-transform: translateY(400%);
    transform: translateY(400%);
}
.power_button.effect_13:after{
    top: 0;
    left: 0;
}
.power_button.effect_13:hover:after{
    top: 100%;
    left: 0;
}

/*----Accordion --*/
.power_accordion{
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #ececec;
}
.power_accordion div{
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.power_accordion .item{
    position: relative;
    margin: 0px 0px 0px 0px;
}
.power_accordion .item:last-child{
    margin-bottom: 0px;
}
.power_accordion .item .power_accordion_tab{
    position: relative;
}
.power_accordion .item .power_accordion_tab .power_accordion_title{
    position: relative;
    cursor: pointer;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    font-style: normal;         /* default,normal,italic,oblique */
    letter-spacing: 0px;
    text-transform: unset;  /* unset,inherit,uppercase,lowercase,capitalize */
    text-decoration: none;  /* default,none,underline,overline,line-through */
    background: #fff;
    color: #1e283c;
    text-shadow: none; /* none */
    border-radius: 0px 0px 0px 0px;
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    border-color: #ececec;
    margin: -1px 0px 0px 0px;
    padding: 20px 30px 20px 30px;
}
.power_accordion .item:last-child:not(.active) .power_accordion_tab .power_accordion_title{
    margin-bottom: -1px;
}
.power_accordion .item .power_accordion_tab .power_accordion_tab_icon{
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
}
.power_accordion .item .power_accordion_tab .power_accordion_tab_icon i{
    font-size: 18px;
    color: #4c668d;
}
.power_accordion .item .power_accordion_tab .power_accordion_tab_icon i.close_icon{
    display: none;
}
.power_accordion .item.active .power_accordion_tab .power_accordion_tab_icon i.open_icon{
    display: none;
}
.power_accordion .item.active .power_accordion_tab .power_accordion_tab_icon i.close_icon{
    display: block;
}
.power_accordion .item .power_accordion_info{
    position: relative;
    cursor: pointer;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    font-style: normal;         /* default,normal,italic,oblique */
    letter-spacing: 0px;
    text-transform: unset;  /* unset,inherit,uppercase,lowercase,capitalize */
    text-decoration: none;  /* default,none,underline,overline,line-through */
    background: #fff;
    color: #4c668d;
    text-shadow: none; /* none */
    padding: 30px 40px 30px 40px;
    border-radius: 0px 0px 0px 0px;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #ececec;
    border-top: 0;
    display: none;
}
.power_accordion .item .power_accordion_info.active{
    display: block;
}
/* Accordion Style 02*/
.power_accordion.style_2{
    border-color: #272e3a;
}
.power_accordion.style_2 .item .power_accordion_tab .power_accordion_title{
    background: #141d2a;
    color: #fff;
    border-color: #272e3a;
}
.power_accordion.style_2 .item.active .power_accordion_tab .power_accordion_title{
    color: #0092ff;
}
.power_accordion.style_2 .item.active .power_accordion_tab .power_accordion_tab_icon i{
    color: #0092ff;
}
.power_accordion.style_2 .item .power_accordion_info{
    background: #141d2a;
    color: #c2d4f8;
}
/* Accordion Style 03*/
.power_accordion.style_3{
    border-width: 0px 0px 0px 0px;
}
.power_accordion.style_3 .item:not(:last-child){
    margin: 0px 0px 20px 0px;
}
.power_accordion.style_3 .item .power_accordion_tab .power_accordion_title{
    border-width: 1px 1px 1px 1px;
}
.power_accordion.style_3 .item.active .power_accordion_tab .power_accordion_title{
    background: rgb(0,146,255);
    background: -moz-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: -webkit-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0092ff",endColorstr="#285acc",GradientType=1);
    color: #fff;
}
.power_accordion.style_3 .item.active .power_accordion_tab .power_accordion_tab_icon i{
    color: #fff;
}
.power_accordion.style_3 .item .power_accordion_info{
    padding: 30px 30px 30px 30px;
}
.power_accordion.style_3 .item .power_accordion_tab .power_accordion_title span{
    font-size: 16px;
    color: #0092ff;
    margin-right: 15px;
}
.power_accordion.style_3 .item.active .power_accordion_tab .power_accordion_title span{
    color: #fff;
}
/* Accordion Style 04*/
.power_accordion.style_4{
    border-width: 0px 0px 0px 0px;
}
.power_accordion.style_4 .item:not(:last-child){
    margin: 0px 0px 20px 0px;
}
.power_accordion.style_4 .item .power_accordion_tab .power_accordion_title{
    background: #272e3a;
    color: #0092ff;
    border-width: 0px 0px 0px 0px;
}
.power_accordion.style_4 .item.active .power_accordion_tab .power_accordion_title{
    background: rgb(0,146,255);
    background: -moz-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: -webkit-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0092ff",endColorstr="#285acc",GradientType=1);
    color: #fff;
}
.power_accordion.style_4 .item .power_accordion_tab .power_accordion_tab_icon i{
    color: #0092ff;
}
.power_accordion.style_4 .item.active .power_accordion_tab .power_accordion_tab_icon i{
    color: #fff;
}
.power_accordion.style_4 .item .power_accordion_info{
    background: #141d2a;
    color: #c2d4f8;
    padding: 30px 30px 30px 30px;
}
/* Accordion Style 05*/
.power_accordion.style_5{
    border-width: 0px 0px 0px 0px;
}
.power_accordion.style_5 .item:not(:last-child){
    margin: 0px 0px 20px 0px;
}
.power_accordion.style_5 .item .power_accordion_tab .power_accordion_title{
    border-width: 1px 1px 1px 1px;
}
.power_accordion.style_5 .item .power_accordion_tab .power_accordion_title span{
    font-size: 16px;
    color: #0092ff;
    margin-right: 15px;
}
.power_accordion.style_5 .item.active .power_accordion_tab .power_accordion_tab_icon i{
    color: #0092ff;
}


/*----Tab --*/
.tabsec{
    padding-top: 0px;
    margin-top: -80px;
}
.power_tab.horizontal_style .power_tab_button_group{
    display: flex;
    align-items: center;
    justify-content: space-between; /* flex-start, center, flex-end*/
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    border-radius: 0px 0px 0px 0px;
    width: 100%;
    overflow: auto;
}
.power_tab_button_group li{
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.power_tab_button_group li:first-child{
    margin-top: 0px;
}
.power_tab_button_group li:last-child{
    margin-bottom: 0px;
}
.power_tab_button_group li a{
    position: relative;
    display: block;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    font-style: normal;         /* default,normal,italic,oblique */
    letter-spacing: 2px;
    text-transform: uppercase;  /* inherit,initial,unset,uppercase,lowercase,capitalize */
    text-decoration: none;  /* default,none,underline,overline,line-through */
    background: #0092ff;
    color: #fff;
    text-shadow: none; /* none */
    border-radius: 0px 0px 0px 0px;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #0092ff;
    margin: 0px 0px 0px 0px;
    padding: 28px 123px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_tab_button_group li a.selected{
    background: #fff;
    color: #0092ff;
}
.power_tab_container{
    display: block;
}
.power_tab_container .power_tab_info{
    position: relative;
    cursor: pointer;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    font-style: normal;         /* default,normal,italic,oblique */
    letter-spacing: 0px;
    text-transform: unset;  /* inherit,initial,unset,uppercase,lowercase,capitalize */
    text-decoration: none;  /* default,none,underline,overline,line-through */
    background: #fff;
    color: #666;
    text-shadow: none; /* none */
    padding: 100px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #0092ff;
    display: none;
}
.power_tab_info h2{
    line-height: 42px;
    margin-bottom: 40px;
    padding-right: 70px;
}
.power_tab_info h2 span{
    color: #0092ff;
}
.power_tab_info h5{
    line-height: 24px;
    color: #1e283c;
    margin-bottom: 30px;
    padding-right: 30px;
}
.power_tab_info p{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    color: #50668f;
}
.power_tab_image{
    padding-left: 50px;
}
.power_tab_image img{
    width: 100%;
}
.power_tab_image2{
    padding-right: 50px;
}
.power_tab_image2 img{
    width: 100%;
}

@media screen and (max-width: 767px){
    .power_tab_info h2{
        font-size: 24px;
        line-height: 36px;
        padding-right: 0px;
    }
  
}
@media screen and (max-width: 991px) {
    .tabsec{
        margin-top: -54px;
    }
    .power_tab_button_group li a{
        font-size: 16px;
        padding: 15px 60px;
    }
}
/*----  IconBox 1 ----*/
.power_iconbox_1{
    position: relative;
    margin: 15px 0px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_1 .power_iconbox_wrapper{
    background: #0b2e57;
    text-shadow: none; /* 5px 5px 2px rgba(12, 8, 8, 0.9) */
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #0b2e57;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    padding: 30px 30px;
    display: block;
    text-align: left;
}
.power_iconbox_1:hover .power_iconbox_wrapper{
    background: rgb(0,146,255);
    background: -moz-linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);
    background: linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0092ff",endColorstr="#285acc",GradientType=1);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_1 .power_iconbox_icon{
    position: relative;
    color: #fff;
    margin-bottom: 30px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_1 .power_iconbox_icon .secondary_img{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_1:hover .power_iconbox_icon .primary_img{
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_1:hover .power_iconbox_icon .secondary_img{
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_1 .power_iconbox_wrapper .power_iconbox_content h4{
    color: #fff;
    margin-bottom: 10px;
}
.power_iconbox_1 .power_iconbox_wrapper .power_iconbox_content p{
    color: #c2d4f8;
    line-height: 28px;
    margin-bottom: 0px;
}

/*----  IconBox 2 ----*/
.power_iconbox_2{
    position: relative;
    margin: 0px 0px 60px 0px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_2 .power_iconbox_wrapper{
    text-shadow: none; /* 5px 5px 2px rgba(12, 8, 8, 0.9) */
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #0b2e57;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    display: block;
    text-align: left;
}
.power_iconbox_2 .power_iconbox_image{
    position: relative;
}
.power_iconbox_2 .power_iconbox_image img{
    width: 100%;
}
.power_iconbox_2 .power_iconbox_wrapper .power_iconbox_content{
    position: relative;
    background: #fff;
    padding: 30px 30px 50px 30px;
    margin: -30px 30px 0px 30px;
    -webkit-box-shadow: 0px 15px 30px rgba(28, 30, 78, 0.07);
    box-shadow: 0px 15px 30px rgba(28, 30, 78, 0.07);
}
.power_iconbox_2 .power_iconbox_wrapper .power_iconbox_content h4{
    color: #1e283c;
    margin-bottom: 10px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_2:hover .power_iconbox_wrapper .power_iconbox_content h4{
    color: #0092ff;
}
.power_iconbox_2 .power_iconbox_wrapper .power_iconbox_content p{
    color: #50668f;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 0px;
}
.power_iconbox_2 .power_iconbox_wrapper .power_iconbox_icon{
    position: absolute;
    left: 50%;
    bottom: -25px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.power_iconbox_2 .power_iconbox_wrapper .power_iconbox_icon a{
    position: relative;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    color: #fff;
    border-radius: 100%;
    margin: 0 auto;
    background: #0092ff;
    -moz-box-shadow: -3px 0px 15px rgba(71, 89, 216, 0.4);
    -webkit-box-shadow: -3px 0px 15px rgba(71, 89, 216, 0.4);
    box-shadow: -3px 0px 15px rgba(71, 89, 216, 0.4);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_2 .power_iconbox_wrapper .power_iconbox_icon a:hover{
    background: rgb(0,146,255);
    background: -moz-linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);
    background: linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0092ff",endColorstr="#285acc",GradientType=1);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_2 .power_iconbox_wrapper .power_iconbox_icon a:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    z-index: -1;
    background: #66bdff;
    border: 5px solid #c7e4fb;
    border-radius: 100%;
    animation: pulse-icon 1500ms ease-out infinite;
}
@keyframes pulse-icon {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

.power_iconbox_3{
    position: relative;
    margin: 0px 0px 60px 0px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_3 .power_iconbox_wrapper{
    text-shadow: none; /* 5px 5px 2px rgba(12, 8, 8, 0.9) */
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #0b2e57;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    display: block;
    text-align: center;
}
.power_iconbox_3 .power_iconbox_image{
    position: relative;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border-radius: 100%;
}
.power_iconbox_3 .power_iconbox_image:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(23, 37, 67, 0.93);
    border-radius: 100%;
    -moz-transform: skew(0deg, -30deg);
    -webkit-transform: skew(0deg, -30deg);
    -o-transform: skew(0deg, -30deg);
    -ms-transform: skew(0deg, -30deg);
    transform: skew(0deg, -30deg);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_3:hover .power_iconbox_image:before{
    -moz-transform:none;
    -webkit-transform:none;
    -o-transform:none;
    -ms-transform:none;
    transform:none;
    opacity: 1;
    visibility: visible;
}
.power_iconbox_3 .power_iconbox_image img{
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_content{
    position: relative;
    background: #fff;
    padding: 20px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_content .shadow_image{
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_3:hover .power_iconbox_wrapper .power_iconbox_content .shadow_image{
    opacity: 1;
    visibility: visible;
}
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_content h4{
    color: #1e283c;
    margin-bottom: 10px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_3:hover .power_iconbox_wrapper .power_iconbox_content h4{
    color: #0092ff;
}
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_content p{
    color: #50668f;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 0px;
}
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_icon{
    position: absolute;
    left: 50%;
    top: calc(100% - 25px);
    z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.power_iconbox_3:hover .power_iconbox_wrapper .power_iconbox_icon{
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_icon a{
    position: relative;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    color: #fff;
    border-radius: 100%;
    margin: 0 auto;
    background: #0092ff;
    -moz-box-shadow: -3px 0px 15px rgba(71, 89, 216, 0.4);
    -webkit-box-shadow: -3px 0px 15px rgba(71, 89, 216, 0.4);
    box-shadow: -3px 0px 15px rgba(71, 89, 216, 0.4);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_icon a:hover{
    background: rgb(0,146,255);
    background: -moz-linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);
    background: linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0092ff",endColorstr="#285acc",GradientType=1);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_icon a:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    z-index: -1;
    background: #66bdff;
    border: 5px solid #c7e4fb;
    border-radius: 100%;
    animation: pulse-icon 1500ms ease-out infinite;
}
.power_iconbox_3:hover .power_iconbox_wrapper .power_iconbox_icon a:before {
    width: 65px;
    height: 65px;
    border: 7px solid #c7e4fb;
}
@keyframes pulse-icon {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_icon a i{
    opacity: 0;
    visibility: hidden;
}
.power_iconbox_3:hover .power_iconbox_wrapper .power_iconbox_icon a i{
    opacity: 1;
    visibility: visible;
}
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_icon a h5{
    margin: 0px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}
.power_iconbox_3:hover .power_iconbox_wrapper .power_iconbox_icon a h5{
    opacity: 0;
    visibility: hidden;
}

/*----  IconBox 4 ----*/
.power_iconbox_4{
    position: relative;
    margin: 0px 0px 60px 0px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_4 .power_iconbox_wrapper{
    text-shadow: none; /* 5px 5px 2px rgba(12, 8, 8, 0.9) */
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #0b2e57;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    display: block;
    text-align: left;
}
.power_iconbox_4 .power_iconbox_image{
    position: relative;
}
.power_iconbox_4 .power_iconbox_image img{
    width: 100%;
}
.power_iconbox_4 .power_iconbox_image .power_iconbox_icon img{
    max-width: 34px;
}
.power_iconbox_4 .power_iconbox_wrapper .power_iconbox_content{
    position: relative;
    background: #fff;
    padding: 30px 30px 50px 30px;
    margin: 0px 0px 0px 0px;
    -webkit-box-shadow: 0px 15px 30px rgba(28, 30, 78, 0.07);
    box-shadow: 0px 15px 30px rgba(28, 30, 78, 0.07);
}
.power_iconbox_4 .power_iconbox_wrapper .power_iconbox_content h4{
    color: #1e283c;
    margin-bottom: 10px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_4:hover .power_iconbox_wrapper .power_iconbox_content h4{
    color: #0092ff;
}
.power_iconbox_4 .power_iconbox_wrapper .power_iconbox_content p{
    color: #50668f;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 0px;
}
.power_iconbox_4 .power_iconbox_wrapper .power_iconbox_icon{
    position: absolute;
    right: 50px;
    bottom: -37px;
    z-index: 1;
    border-radius: 100%;
    -moz-box-shadow: 0px 15px 15px rgba(28, 30, 78, 0.15);
    -webkit-box-shadow: 0px 15px 15px rgba(28, 30, 78, 0.15);
    box-shadow: 0px 15px 15px rgba(28, 30, 78, 0.15);
}
.power_iconbox_4 .power_iconbox_wrapper .power_iconbox_icon a{
    position: relative;
    width: 75px;
    height: 75px;
    line-height: 75px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    color: #0092ff;
    border-radius: 100%;
    margin: 0 auto;
    background: #fff;
}
.power_iconbox_4 .power_iconbox_wrapper .power_iconbox_icon a:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 90px;
    height: 90px;
    z-index: -1;
    border: 8px solid rgba(255, 255, 255, 0.5);
    border-radius: 100%;
}
.power_iconbox_5{
    position: relative;
    background: #fff;
    padding: 60px 60px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    -moz-box-shadow: 2px 0px 13px rgba(28, 30, 78, 0.07);
    -webkit-box-shadow: 2px 0px 13px rgba(28, 30, 78, 0.07);
    box-shadow: 2px 0px 13px rgba(28, 30, 78, 0.07);
}
.power_iconbox_5 .power_iconbox_wrapper{
    display: flex;
}
.power_iconbox_5:hover{
    background: rgb(0,146,255);
    background: -moz-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: -webkit-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0092ff",endColorstr="#285acc",GradientType=1);
}
.power_iconbox_5 .power_iconbox_wrapper .power_iconbox_content h4{
    position: relative;
    z-index: 1;
    margin-top: 0px;
    margin-bottom: 15px;
    color: #1e283c;
    line-height: 26px;
}
.power_iconbox_5 .power_iconbox_wrapper .power_iconbox_content p{
    position: relative;
    z-index: 1;
    font-weight: 600;
    line-height: 28px;
    color: #4c668d;
    margin-bottom: 0px;
}
.power_iconbox_5:hover .power_iconbox_wrapper .power_iconbox_content h4,
.power_iconbox_5:hover .power_iconbox_wrapper .power_iconbox_content p{
    color: #fff;
}
.power_iconbox_5 .power_iconbox_wrapper .power_iconbox_icon{
    position: relative;
    width: 100px;
    margin-right: 20px;
}
.power_iconbox_5 .power_iconbox_wrapper .power_iconbox_icon img{
    width: auto;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_5 .power_iconbox_wrapper .power_iconbox_icon img.secondary_img{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.power_iconbox_5:hover .power_iconbox_wrapper img.primary_img{
    opacity: 0;
    visibility: hidden;
}
.power_iconbox_5:hover .power_iconbox_wrapper img.secondary_img{
    opacity: 1;
    visibility: visible;
}
.power_iconbox_5 .power_iconbox_wrapper .power_iconbox_content img.shadow_img{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: auto;
}
.power_iconbox_5:hover .power_iconbox_wrapper .power_iconbox_content img.shadow_img{
    opacity: 0.08;
}







body > div.main_wrapper > div.experience.section > div > div > div:nth-child(1) > div




























/* Forms (donation_form) */
.donation_form .to_donation .donation_amount_tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #fd1b5b;
}

.donation_form .to_donation .select_currency_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fef9fa;
  border-radius: 5px;
  border: 1px solid #f6c0cb;
  margin-bottom: 25px;
  overflow: hidden;
}

.donation_form .to_donation .select_currency_box .select_amount {
  border-radius: 0px;
  border: 0px solid #f6c0cb;
  border-left: 1px solid #f6c0cb;
}

.donation_form .to_donation .currency_dropdown {
  width: 45px;
}

.donation_form .to_donation .currency {
  padding: 9px 10px 9px 10px;
  border-left: 1px solid #f6c0cb;
}

.donation_form .to_donation .select_amount_box {
  display: block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  padding: 0px 0px;
  overflow: hidden;
}

.donation_form .to_donation .selectdonate {
  border-right: 1px solid #f6c0cb;
  padding: 10px 10px 10px 10px;
}

.donation_form .to_donation .select_amount {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  border: 1px solid #f6c0cb;
  color: #fd1b5b;
  background: #fef9fa;
  font-weight: 500;
  outline: 0px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 50px;
  padding: 0px 20px;
}

.donation_form .to_donation .select_amount.custom {
  text-align: left;
}

.donation_form .to_donation .select_amount.active:not(.custom) {
  color: #ffffff;
  background: #fd1b5b;
  text-align: center;
}

.donation_form .to_donation button.select_amount:focus {
  outline: 0px;
}

.donation_form .to_donation .dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #fd1b5b;
  border-radius: 100%;
  margin-right: 10px;
}

.donation_form .to_donation .select_amount.active .dot {
  background: #ffffff;
}

.donation_form .to_donation .select_amount input[type=text] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  border: 0px solid #f6c0cb;
  border-radius: 0px;
  background: #ffffff;
  color: #fd1b5b;
  font-weight: 500;
  padding: 10px;
  opacity: 0;
  visibility: hidden;
}

.donation_form .to_donation .select_amount input[type=text]:focus {
  outline: 0px;
}

.donation_form .to_donation .select_amount.custom.active input[type=text] {
  opacity: 1;
  visibility: visible;
  background: #fff;
}

.donation_form .select2-container--default .select2-selection--single .select2-selection__arrow,
.donation_form .select2-container .select2-selection--single,
.donation_form .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px;
  padding: 0px 10px;
  border: none;
}

.donation_form .select2-container--default .select2-selection--single .select2-selection__rendered,
.donation_form .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0px;
  line-height: 52px;
}

.donation_form .as_guest h5 {
  font-weight: 600;
  color: #fd1b5b;
}

.donation_form .as_guest h5 span {
  padding: 0px 20px;
}

.donation_form .as_guest h5 a {
  background: #fd1b5b;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  padding: 12px 24px;
  display: inline-block;
}

.donation_form label {
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 10px;
}

.donation_form .form-group {
  margin-top: 10px;
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
}

.donation_form .form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #fd1b5b;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.donation_form .select2-container--default .select2-selection--multiple,
.donation_form .select2-container--default .select2-selection--single {
  display: block;
  width: 100%;
  height: 50px;
  padding: 0px 15px;
  font-size: 14px;
  line-height: 1.5;
  color: #495057;
  background-color: #fef9fa;
  background-clip: padding-box;
  border: 1px solid #f6c0cb;
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-backface-visibility: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  -webkit-appearance: none;
  outline-offset: 0;
}

.donation_form .select_currency_box .select2-container--default .select2-selection--single {
  border: 0px solid #f6c0cb;
}

.donation_form .select2-container--default .select2-selection--multiple:focus,
.donation_form .select2-container--default .select2-selection--single:focus,
.donation_form .select2-container--default.select2-container--focus .select2-selection--multiple,
.donation_form .select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #fd1b5b;
  outline: none;
  outline-offset: 0px;
}

.donation_form .power_button_group {
  text-align: left;
  margin: 40px 0px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.donation_form .power_button {
  background: #fd1b5b;
  -webkit-box-shadow: 0px 2px 13px rgba(253, 27, 91, 0.5);
          box-shadow: 0px 2px 13px rgba(253, 27, 91, 0.5);
}

.donation_form .power_button:hover {
  background: #ffffff;
  color: #fd1b5b;
}

.donation_form .form-group.typedonate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 50px;
}

.donation_form .form-group.typedonate .select2-container {
  width: 170px !important;
}

.donation_form .payment_getway {
  margin-left: 80px;
}

.donation_form .payment_getway a {
  margin: 0px 10px;
}

.donation_form .payment_getway a:first-child {
  margin-left: 0px;
}

.donation_form .payment_getway a:last-child {
  margin-right: 0px;
}

@media screen and (max-width: 991px) {
  .donation_form {
    margin-bottom: 40px;
  }
}



select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
  display: block;
  width: 100%;
  height: 50px;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 1.5;
  color: #222222;
  background-color: #fef9fa;
  background-clip: padding-box;
  border: 1px solid #f6c0cb;
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  -webkit-appearance: none;
  outline-offset: 0;
}

textarea.form-control {
  display: block;
  width: 100%;
  height: 120px;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 1.5;
  color: #222222;
  background-color: #fef9fa;
  background-clip: padding-box;
  border: 1px solid #f6c0cb;
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  -webkit-appearance: none;
  outline-offset: 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea.form-control:focus {
  border-color: #fd1b5b;
  outline: none;
  outline-offset: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}













.section, section {
    position: relative;
    padding: 115px 0px;
    z-index: 1;
}

/* Section Heading */
.wptb-heading {
    position: relative;
    margin-bottom: 50px;
}
.wptb-heading .wptb-item--subtitle {
    color: rgba(0, 79, 153, 1);
    font-family: "Montserrat", sans-serif;
    font-size: var(--fs-15);
    font-weight: 600;
    line-height: var(--fs-22);
    text-transform: uppercase;
}

.wptb-heading .wptb-item--subtitle svg {
    margin-right: 7px;
}
.wptb-heading .wptb-item--subtitle svg path {
    fill: var(--color-one);
}

.wptb-heading .wptb-item--title {
    position: relative;
    z-index: 1;
    color: var(--color-two);
    font-size: var(--fs-53);
    font-weight: var(--fw-normal);
    line-height: var(--fs-60);
    letter-spacing: -1.06px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.wptb-heading .wptb-item--title.has-line {
    padding-bottom: 18px;
    margin-bottom: 45px;
}
.wptb-heading .wptb-item--title.has-line::after {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    width: 84px;
    height: 2px;
    background-color: rgba(0, 79, 153, 1);
}

.wptb-heading .wptb-item--description {
    color: var(--color-three);
    font-size: var(--fs-20);
    font-weight: var(--fw-normal);
    line-height: var(--fs-30);
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
}

.wptb-heading .wptb-item--description + .wptb-item--description {
    margin-top: 20px;
}

@media screen and (max-width: 1199.9px) {
    .wptb-heading .wptb-item--title {
        font-size: var(--fs-48);
        line-height: 1.3em;
    }
    
    .wptb-heading .wptb-item--description {
        font-size: var(--fs-18);
        line-height: 1.6em;
    }
}

@media screen and (max-width: 767.9px) {
    .wptb-heading .wptb-item--title {
        font-size: var(--fs-40);
    }
    
    .wptb-heading .wptb-item--description {
        font-size: 16px;
    }

    br {
        display: none;
    }
}

@media screen and (max-width: 575.9px) {
    .wptb-heading .wptb-item--title {
        font-size: var(--fs-30);
    }
}



/* Page Heading */
.wptb-page-heading {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.wptb-page-heading .wptb-item--inner {
    position: relative;
    padding: 300px 0px 160px 0px;
}

.wptb-page-heading .wptb-item--title {
    color: var(--color-white);
    font-size: 70px;
    font-weight: 400;
    margin-bottom: 0px;
}

.wptb-breadcrumb {
    color: var(--color-white);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.55em;
    width: 100%;
    margin: 30px 0 0;
    padding: 0px;
    list-style: none;
    text-transform: uppercase;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}

.wptb-breadcrumb li a {
    color: inherit;
}

.wptb-breadcrumb li a:after {
    content: "\F285";
    font-family: 'bootstrap-icons';
    margin: 0 16px;
    color: inherit;
    font-size: 14px;
    font-weight: 400;
}




















/* Image Box 2 */
.wptb-image-box2 .wptb-item--inner {
	position: relative;
    display: flex;
    flex-direction: column;
}

.wptb-image-box2 .wptb-item--image {
    overflow: hidden;
}
.wptb-image-box2 .wptb-item--image img {
    width: 100%;
    transition: var(--transition-base);
}
.swiper-slide-active .wptb-image-box2 .wptb-item--image img,
.wptb-image-box2.active .wptb-item--image img,
.wptb-image-box2:hover .wptb-item--image img {
    transform: rotate(2deg) scale(1.1);
}
.wptb-image-box2 .wptb-item--image a {
	display: block;
}

.wptb-image-box2 .wptb-item--inner .wptb-item--holder {
    position: relative;
    padding: 45px 60px;
    width: 100%;
    min-height: 426px;
    border-top: 0;
	background-color: var(--color-white);
	transition: var(--transition-base);
    box-shadow: 0px 0px 20px rgba(104, 104, 104, 0.07);
}

.wptb-image-box2 .wptb-item--inner .wptb-item--icon {
    margin-bottom: 30px;
	transition: var(--transition-base);
}

.wptb-image-box2 .wptb-item--inner .wptb-item--icon i {
	font-size: 35px;
    color: var(--color-white);
    line-height: 1;
}

.wptb-image-box2 .wptb-item--inner .wptb-item--icon svg {
    position: absolute;
    fill: var(--color-white);
}

.wptb-image-box2 .wptb-item--inner .wptb-item--icon svg:first-child {
    left: -13px;
    top: 26px;
}

.wptb-image-box2 .wptb-item--inner .wptb-item--icon svg:last-child {
    right: -13px;
    top: 26px;
}

.wptb-image-box2 .wptb-item--inner .wptb-item--category {
	font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
}
.wptb-image-box2 .wptb-item--inner .wptb-item--title {
	margin-bottom: 15px;
}

.wptb-image-box2 .wptb-item--inner .wptb-item--title a {
	color: var(--color-dark);
}

.swiper-slide-active .wptb-image-box2 .wptb-item--inner .wptb-item--title a,
.wptb-image-box2.active .wptb-item--inner .wptb-item--title a,
.wptb-image-box2:hover .wptb-item--inner .wptb-item--title a {
	color: var(--color-one);
}

.wptb-image-box2 .wptb-item--inner .wptb-line-paper {
    width: 100%;
    position: relative;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.swiper-slide-active .wptb-image-box2 .wptb-item--inner .wptb-line-paper,
.wptb-image-box2.active .wptb-item--inner .wptb-line-paper,
.wptb-image-box2:hover .wptb-item--inner .wptb-line-paper {
    margin: 1px 0 36px;
    opacity: 1;
    visibility: visible;
}

.wptb-image-box2 .wptb-item--inner .wptb-line-paper:before {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    height: 1px;
    border-top: 1px dotted var(--color-one);
    top: -1px;
    -webkit-transition: all 1s ease .2s;
    -khtml-transition: all 1s ease .2s;
    -moz-transition: all 1s ease .2s;
    -ms-transition: all 1s ease .2s;
    -o-transition: all 1s ease .2s;
    transition: all 1s ease .2s;
}

.swiper-slide-active .wptb-image-box2 .wptb-item--inner .wptb-line-paper:before,
.wptb-image-box2.active .wptb-item--inner .wptb-line-paper:before,
.wptb-image-box2:hover .wptb-item--inner .wptb-line-paper:before {
    right: 10%;
}

.wptb-image-box2 .wptb-item--inner .wptb-line-paper:after {
    content: "\F7CD";
    font-size: 24px;
    font-weight: 700;
    color: var(--color-one);
    font-family: "bootstrap-icons";
    position: absolute;
    top: 0;
    right: 100%;
    transform: translate(100%,-50%) rotate(90deg);
    -webkit-transition: all 1s ease .2s;
    -khtml-transition: all 1s ease .2s;
    -moz-transition: all 1s ease .2s;
    -ms-transition: all 1s ease .2s;
    -o-transition: all 1s ease .2s;
    transition: all 1s ease .2s;
}
.swiper-slide-active .wptb-image-box2 .wptb-item--inner .wptb-line-paper:after,
.wptb-image-box2.active .wptb-item--inner .wptb-line-paper:after,
.wptb-image-box2:hover .wptb-item--inner .wptb-line-paper:after {
    right: 10%;
}

.wptb-image-box2 .wptb-item--inner .wptb-item--description {
    font-size: 17px;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 14px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    
}

.wptb-image-box2 .wptb-item--button {
    margin-top: 30px;
}

.wptb-image-box2 .wptb-item--button .btn--readmore {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase;
	color: var(--color-white);
    width: 100%;
    background: var(--color-one);
    border-radius: 30px;
    padding: 5px 2px 5px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.swiper-slide-active .wptb-image-box2 .wptb-item--button .btn--readmore, 
.wptb-image-box2.active .wptb-item--button .btn--readmore,
.wptb-image-box2:hover .wptb-item--button .btn--readmore {
    background-color: var(--color-two);
}

.wptb-image-box2 .wptb-item--button .btn-readmore--text {
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
}

.wptb-image-box2 .wptb-item--button .btn-readmore--icon {
    display: inline-flex;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 100%;
    background-color: var(--color-white);
    color: var(--color-one);
    position: relative;
    justify-content: center;
    align-items: center;
    font-size: 20px;
	margin-left: 0px;
    z-index: 1;
    transform: rotate(-45deg);
    transition: var(--transition-base);
}

.swiper-slide-active .wptb-image-box2 .wptb-item--button .btn-readmore--icon, 
.wptb-image-box2.active .wptb-item--button .btn--readmore .btn-readmore--icon,
.wptb-image-box2 .wptb-item--button:hover .btn-readmore--icon {
    transform: rotate(0deg);
}



























/* Tabs */
.wptb-tab {
    position: relative;
    z-index: 1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.wptb-tab .wptb-item--inner {
	position: relative;
    display: flex;
    justify-content: flex-end;
    gap: 90px;
}

.wptb-tab .wptb-item--inner .wptb-item--left {
    width: 535px;
}

.wptb-tab .wptb-item--inner .wptb-item--right {
    width: 420px;
}

.wptb-tab .wptb-item--inner .tab-pane {
    background-color: var(--color-white);
    padding: 70px 80px;
    box-shadow: 0px 0px 50px 0px rgba(149, 154, 181, 0.15);
}

.wptb-tab .wptb-item--inner .wptb-item--holder {
    position: relative;
    padding: 0px 0px;
    width: 100%;
    list-style-type: none;
}
.wptb-tab .wptb-item--title .wptb-item--link {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    background-color: transparent;
    color: var(--color-two);
    font-family: var(--font-family-heading);
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    transition: var(--transition-base);
}
.wptb-tab .wptb-item--title .wptb-item--link.active {
    color: var(--color-one);
}

.wptb-tab .wptb-item--title .wptb-item--link i {
    font-size: 17px;
    font-weight: 500;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-one);
    border: 1px solid var(--color-one);
    border-radius: 4px;
    margin-right: 27px;
    transition: var(--transition-base);
}
.wptb-tab .wptb-item--title .wptb-item--link.active i {
    background: var(--color-one);
    color: var(--color-white);
    border-color: transparent;
}

.wptb-tab.style-gradient .wptb-item--title .wptb-item--link.active i {
    background: var(--gradient-one);
}

.wptb-tab .wptb-item--title + .wptb-item--title {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid var(--color-light);
}

/* Tab Content */
.wptb-tab-content .wptb-tab-content--title {
    line-height: 36px;
    margin-top: 40px;
    margin-bottom: 20px;
}
.wptb-tab-content .wptb-tab-content--description {
    font-size: 20px;
    line-height: 30px;
}

.wptb-tab-content .wptb-item--button {
    margin-top: 35px;
}

.wptb-tab-content .wptb-item--button .btn--readmore {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase;
    width: auto;
	color: var(--color-white);
    background: var(--color-one);
    border-radius: 30px;
    padding: 19px 60px;
    text-align: center;
}
.wptb-tab.style-gradient .wptb-tab-content .wptb-item--button .btn--readmore {
    background: var(--gradient-one);
}

.wptb-tab-content .wptb-item--button:hover .btn--readmore {
    background-color: var(--color-two);
}

.wptb-tab-content .wptb-item--button .btn-readmore--text {
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
}

.wptb-tab-content .wptb-item--button .btn-readmore--icon {
    display: inline-flex;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 100%;
    background-color: var(--color-white);
    color: var(--color-one);
    position: relative;
    justify-content: center;
    align-items: center;
    font-size: 20px;
	margin-left: 0px;
    z-index: 1;
    transform: rotate(-45deg);
    transition: var(--transition-base);
}

.wptb-tab-content .wptb-item--button:hover .btn-readmore--icon {
    transform: rotate(0deg);
}

@media screen and (max-width: 991px) {
    .wptb-tab .wptb-item--inner .tab-pane {
        padding: 40px 40px;
    }
    .wptb-tab .wptb-item--title .wptb-item--link {
        font-size: 24px;
    }
}

@media screen and (max-width: 767px) {
    .wptb-tab .wptb-item--inner {
        flex-direction: column-reverse;
        justify-content: flex-start;
        gap: 30px;
    }
    .wptb-tab .wptb-item--inner .wptb-item--left,
    .wptb-tab .wptb-item--inner .wptb-item--right {
        width: 100%;
    }
    .wptb-tab .wptb-item--inner .wptb-item--holder {
        display: flex;
        align-items: center;
        flex-flow: row wrap;
        gap: 25px;
    }
    .wptb-tab .wptb-item--title + .wptb-item--title {
        margin-top: 0;
        padding-top: 0;
        border-width: 0px;
    }
    .wptb-tab .wptb-item--title .wptb-item--link {
        font-size: 20px;
    }
}




















/* Clients/ Partner Logo */
.wptb-partner--image1 {
    text-align: center;
}
.wptb-partner--image1 img {
    width: auto;
    max-height: 110px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.wptb-partner--image1 img:nth-child(2) {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%,-150%);
    -khtml-transform: translate(-50%,-150%);
    -moz-transform: translate(-50%,-150%);
    -ms-transform: translate(-50%,-150%);
    -o-transform: translate(-50%,-150%);
    transform: translate(-50%,-150%);
}
.wptb-partner--image1:hover img:nth-child(1) {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -khtml-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.wptb-partner--image1:hover img:nth-child(2) {
    opacity: 1;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

/* Clients/ Partner Logo - two */
.wptb-partner--image2 {
    text-align: center;
    background-color: var(--color-white);
    border: 1px solid var(--color-light);
    border-radius: 20px;
    box-shadow: 0px 5px 83px 0px rgba(114, 115, 168, 0.08);
    width: 236px;
    max-width: 100%;
    height: 145px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}


























/* FAQ/Accordion - Two*/
.wptb-accordion2 .wptb-item-title {
    position: relative;
    font-size: 24px;
    line-height: 34px;
    padding: 27px 30px;
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: var(--transition-base);
    border: 1px solid transparent;
}
.wptb-accordion2 .wptb-item-title span {
    padding-right: 60px;
}
.wptb-accordion2 .wptb--item + .wptb--item .wptb-item-title {
    border-top: 1px solid var(--color-light);
}
.wptb-accordion2 .wptb-item-title i {
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    background-color: var(--color-light);
    color: var(--color-two);
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100%;
    text-align: center;
}
.wptb-accordion2 .wptb-item-title i.minus {
    opacity: 0;
}

.wptb-accordion2 .wptb--item.active .wptb-item-title {
    border: 1px solid var(--color-one);
}

.wptb-accordion2 .wptb--item.active .wptb-item-title i {
    transform: translateY(-50%) rotateZ(180deg);
    background-color: var(--color-one);
    color: var(--color-white);
}

.wptb-accordion2 .wptb--item.active .wptb-item-title i.plus {
    opacity: 0;
}
.wptb-accordion2 .wptb--item.active .wptb-item-title i.minus {
    opacity: 1;
}

.wptb-accordion2 .wptb--item .wptb-item--content {
    padding: 30px 35px;
    display: none;
}

.wptb-accordion2 .wptb--item.active .wptb-item--content {
    display: block;
}

@media screen and (max-width: 991px) {
    .wptb-accordion2 .wptb-item-title {
        font-size: 22px;
        line-height: 30px;
        padding: 15px 25px;
    }
}





















/* Clients/Partners */
.wptb-partners-one {
    padding: 80px 0px;
}

.wptb-country-tab-two .wptb-country-tab {
    background-color: transparent;
}
.wptb-country-tab-two .wptb-country-tab .wptb-country-tab--item {
    border-color: var(--color-light);
}
.wptb-country-tab-two .wptb-country-tab .wptb-country-tab--title {
    background-color: #F8F8F8;
    color: var(--color-two);
}
.wptb-country-tab-two .wptb-country-tab .wptb-country-tab--item.active .wptb-country-tab--title {
    color: var(--color-white);
}
.wptb-country-tab-two .wptb-country-tab .wptb-country-tab--details {
    color: var(--color-two);
}

.wptb-country-tab-two .wptb-country-tab .wptb-country-tab--details .wptb-heading .wptb-item--subtitle,
.wptb-country-tab-two .wptb-country-tab .wptb-country-tab--details .wptb-heading .wptb-item--title,
.wptb-country-tab-two .wptb-country-tab .wptb-country-tab--details .wptb-heading .wptb-item--description {
    color: var(--color-two);
}

.wptb-country-tab-two .wptb-country-tab .wptb-country-tab--details .wptb-list1 .wptb--item .wptb-item--icon i {
    background: rgba(var(--color-dark-blue-rgb),1);
}
.wptb-country-tab-two .wptb-country-tab .wptb-country-tab--details .wptb-list1 .wptb--item .wptb-item--icon i:after {
    background: rgba(var(--color-dark-blue-rgb),.2);
}

.wptb-country-tab .wptb-country-tab--details .wptb-image-single .wptb-item--image img {
    border-color: var(--color-light);
}

.wptb-country-tab-two .wptb-country-tab .wptb-item--button .btn--readmore {
    background-color: var(--color-two);
    color: var(--color-white);
}
.wptb-country-tab-two .wptb-country-tab .wptb-item--button .btn--readmore:hover {
    background-color: var(--color-one);
    color: var(--color-white);
}




/* Country List */
.wptb-country-list-one {
    padding-top: 200px;
}
.wptb-country-list-one .wptb-country-grid .wptb-item--button .btn--readmore {
    background: var(--gradient-one);
}

.wptb-country-tab-two .wptb-country-tab {
    background-color: transparent;
}
.wptb-country-tab-two .wptb-country-tab .wptb-country-tab--item {
    border-color: var(--color-light);
}
.wptb-country-tab-two .wptb-country-tab .wptb-country-tab--title {
    background-color: #F8F8F8;
    color: var(--color-two);
}
.wptb-country-tab-two .wptb-country-tab .wptb-country-tab--item.active .wptb-country-tab--title {
    color: var(--color-white);
}
.wptb-country-tab-two .wptb-country-tab .wptb-country-tab--details {
    color: var(--color-two);
}

.wptb-country-tab-two .wptb-country-tab .wptb-country-tab--details .wptb-heading .wptb-item--subtitle,
.wptb-country-tab-two .wptb-country-tab .wptb-country-tab--details .wptb-heading .wptb-item--title,
.wptb-country-tab-two .wptb-country-tab .wptb-country-tab--details .wptb-heading .wptb-item--description {
    color: var(--color-two);
}

.wptb-country-tab-two .wptb-country-tab .wptb-country-tab--details .wptb-list1 .wptb--item .wptb-item--icon i {
    background: rgba(var(--color-dark-blue-rgb),1);
}
.wptb-country-tab-two .wptb-country-tab .wptb-country-tab--details .wptb-list1 .wptb--item .wptb-item--icon i:after {
    background: rgba(var(--color-dark-blue-rgb),.2);
}

.wptb-country-tab .wptb-country-tab--details .wptb-image-single .wptb-item--image img {
    border-color: var(--color-light);
}

.wptb-country-tab-two .wptb-country-tab .wptb-item--button .btn--readmore {
    background-color: var(--color-two);
    color: var(--color-white);
}
.wptb-country-tab-two .wptb-country-tab .wptb-item--button .btn--readmore:hover {
    background-color: var(--color-one);
    color: var(--color-white);
}
.wptb-faq-one .wptb-faq--inner .wptb-accordion1 .wptb-item-title,
.wptb-faq-one .wptb-faq--inner .wptb-accordion1 .wptb--item.active .wptb-item-title,
.wptb-faq-one .wptb-faq--inner .wptb-accordion1 .wptb--item .wptb-item--content {
    background-color: var(--color-two);
    color: var(--color-white);
    box-shadow: none;
}

.wptb-faq-one .wptb-faq--inner .wptb-accordion1 .wptb--item {
    border-color: rgba(var(--color-white-rgb), 0.4);
}
.wptb-faq-one .wptb-faq--inner .wptb-accordion1 .wptb--item.active .wptb-item-title {
    border-bottom: 1px solid rgba(var(--color-white-rgb), 0.4);
}























/* Tabs */
.wptb-tab {
    position: relative;
    z-index: 1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.wptb-tab .wptb-item--inner {
	position: relative;
    display: flex;
    justify-content: flex-end;
    gap: 90px;
}

.wptb-tab .wptb-item--inner .wptb-item--left {
    width: 535px;
}

.wptb-tab .wptb-item--inner .wptb-item--right {
    width: 420px;
}

.wptb-tab .wptb-item--inner .tab-pane {
    background-color: var(--color-white);
    padding: 70px 80px;
    box-shadow: 0px 0px 50px 0px rgba(149, 154, 181, 0.15);
}

.wptb-tab .wptb-item--inner .wptb-item--holder {
    position: relative;
    padding: 0px 0px;
    width: 100%;
    list-style-type: none;
}
.wptb-tab .wptb-item--title .wptb-item--link {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    background-color: transparent;
    color: var(--color-two);
    font-family: var(--font-family-heading);
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    transition: var(--transition-base);
}
.wptb-tab .wptb-item--title .wptb-item--link.active {
    color: var(--color-one);
}

.wptb-tab .wptb-item--title .wptb-item--link i {
    font-size: 17px;
    font-weight: 500;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-one);
    border: 1px solid var(--color-one);
    border-radius: 4px;
    margin-right: 27px;
    transition: var(--transition-base);
}
.wptb-tab .wptb-item--title .wptb-item--link.active i {
    background: var(--color-one);
    color: var(--color-white);
    border-color: transparent;
}

.wptb-tab.style-gradient .wptb-item--title .wptb-item--link.active i {
    background: var(--gradient-one);
}

.wptb-tab .wptb-item--title + .wptb-item--title {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid var(--color-light);
}

/* Tab Content */
.wptb-tab-content .wptb-tab-content--title {
    line-height: 36px;
    margin-top: 40px;
    margin-bottom: 20px;
}
.wptb-tab-content .wptb-tab-content--description {
    font-size: 20px;
    line-height: 30px;
}

.wptb-tab-content .wptb-item--button {
    margin-top: 35px;
}

.wptb-tab-content .wptb-item--button .btn--readmore {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase;
    width: auto;
	color: var(--color-white);
    background: var(--color-one);
    border-radius: 30px;
    padding: 19px 60px;
    text-align: center;
}
.wptb-tab.style-gradient .wptb-tab-content .wptb-item--button .btn--readmore {
    background: var(--gradient-one);
}

.wptb-tab-content .wptb-item--button:hover .btn--readmore {
    background-color: var(--color-two);
}

.wptb-tab-content .wptb-item--button .btn-readmore--text {
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
}

.wptb-tab-content .wptb-item--button .btn-readmore--icon {
    display: inline-flex;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 100%;
    background-color: var(--color-white);
    color: var(--color-one);
    position: relative;
    justify-content: center;
    align-items: center;
    font-size: 20px;
	margin-left: 0px;
    z-index: 1;
    transform: rotate(-45deg);
    transition: var(--transition-base);
}

.wptb-tab-content .wptb-item--button:hover .btn-readmore--icon {
    transform: rotate(0deg);
}

@media screen and (max-width: 991px) {
    .wptb-tab .wptb-item--inner .tab-pane {
        padding: 40px 40px;
    }
    .wptb-tab .wptb-item--title .wptb-item--link {
        font-size: 24px;
    }
}

@media screen and (max-width: 767px) {
    .wptb-tab .wptb-item--inner {
        flex-direction: column-reverse;
        justify-content: flex-start;
        gap: 30px;
    }
    .wptb-tab .wptb-item--inner .wptb-item--left,
    .wptb-tab .wptb-item--inner .wptb-item--right {
        width: 100%;
    }
    .wptb-tab .wptb-item--inner .wptb-item--holder {
        display: flex;
        align-items: center;
        flex-flow: row wrap;
        gap: 25px;
    }
    .wptb-tab .wptb-item--title + .wptb-item--title {
        margin-top: 0;
        padding-top: 0;
        border-width: 0px;
    }
    .wptb-tab .wptb-item--title .wptb-item--link {
        font-size: 20px;
    }
}







#palete .main-content {
  display: flex;
  flex-wrap: wrap;
  margin: 3em auto 0;
  max-width: 1000px;
  justify-content: space-around;
  align-items: center;
}

.palette__wrapper {
  flex: 1;
  padding: 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.palette {
  width: 200px;
  height: 200px;
  position: relative;
  display: inline-block;
  perspective: 800px;
}
.palette__cover {
  border-radius: 6px;
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  z-index: 2;
  transition: 0.3s ease;
  transform-origin: top left;
  font: 900 28px/0.9 "Poppins", sans-serif;
  text-transform: uppercase;
  color: #fff;
  overflow: hidden;
}
.palette__cover__border {
  width: 80%;
  height: 80%;
  border: 7px solid #fff;
  margin: 10%;
}
.palette__cover span {
  display: inline-block;
  position: absolute;
  bottom: 7.5px;
  left: 10px;
  padding: 10px;
  max-width: 50%;
}
.palette__cover__top {
  position: absolute;
  left: 0;
  width: calc(100% + 64px);
  margin-left: -32px;
  z-index: 4;
  border-radius: 3px 3px 4px 4px;
  opacity: 0;
}
.palette__base {
  background: #222;
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  border-radius: 8px;
  padding: 15px;
  grid-gap: 8px;
}
.palette:hover .palette__cover {
  transform: rotateX(78deg);
}
.palette:hover .palette__cover__top {
  animation: startTransition 0.17s forwards 0.1s;
}

@keyframes startTransition {
  0% {
    opacity: 0;
    top: 200px;
    transform: scale(0.5);
    height: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    top: 22px;
    opacity: 1;
    transform: scale(1);
    height: 15px;
    box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.2);
  }
}
.palette__shade {
  border-radius: 4px;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.9);
}

.palette--one .palette__base {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.palette--one .palette__shade:nth-child(1) {
  grid-row: 1/span 2;
  grid-column: 2/span 1;
  margin: 20px 0;
  background: #fadc89;
}
.palette--one .palette__shade:nth-child(2) {
  background: #fce95b;
}
.palette--one .palette__shade:nth-child(3) {
  background: #ffd03a;
}
.palette--one .palette__shade:nth-child(4) {
  background: #fde008;
}
.palette--one .palette__shade:nth-child(5) {
  background: #fec309;
}
.palette--one .palette__cover {
  background: #ffc303;
}
.palette--one .palette__cover__top {
  background: #ecb404;
}
.palette--one .palette__cover span {
  max-width: 50%;
  background: #ffc303;
}

.palette--two .palette__base {
  display: grid;
  grid-gap: 12px;
  justify-self: center;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.palette--two .palette__cover {
  background: #ee4266;
}
.palette--two .palette__cover__top {
  background: #e23a5d;
}
.palette--two .palette__cover span {
  max-width: 62%;
  background: #ee4266;
}
.palette--two .palette__shade:nth-child(1) {
  background: #ee898d;
}
.palette--two .palette__shade:nth-child(2) {
  background: #ec6b73;
}
.palette--two .palette__shade:nth-child(3) {
  background: #d25980;
}
.palette--two .palette__shade:nth-child(4) {
  background: #c24d88;
}

.palette--three .palette__cover {
  background: #0075c4;
}
.palette--three .palette__cover__top {
  background: #016cb4;
}
.palette--three .palette__cover span {
  max-width: 48%;
  background: #0075c4;
}
.palette--three .palette__base {
  display: grid;
  grid-gap: 8px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
.palette--three .palette__shade:nth-child(1) {
  grid-row: 1/span 2;
  grid-column: 1/span 2;
  background: #93dfe3;
}
.palette--three .palette__shade:nth-child(2) {
  grid-row: 3/span 2;
  background: #01c0f3;
}
.palette--three .palette__shade:nth-child(3) {
  grid-row: 1/span 2;
  grid-column: 3/span 2;
  background: #21d0e5;
}
.palette--three .palette__shade:nth-child(4) {
  grid-row: 3/span 2;
  grid-column-start: 4;
  background: #00aae7;
}
.palette--three .palette__shade:nth-child(6) {
  background: #69b3cd;
}
.palette--three .palette__shade:nth-child(5) {
  background: #4ad1eb;
}
.palette--three .palette__shade:nth-child(8) {
  background: #0983d5;
}
.palette--three .palette__shade:nth-child(7) {
  background: #149ecb;
}

.palette--four .palette__base {
  display: grid;
  grid-template-columns: 50% auto;
  grid-template-rows: auto 20% 20%;
}
.palette--four .palette__shade:nth-child(1) {
  grid-row: 1/span 2;
  background: #bfbfbf;
}
.palette--four .palette__shade:nth-child(2) {
  grid-row: 3/span 1;
  background: #a1a1a1;
}
.palette--four .palette__shade:nth-child(3) {
  background: #717171;
}
.palette--four .palette__shade:nth-child(4) {
  background: #585858;
}
.palette--four .palette__shade:nth-child(5) {
  background: #4b4b4b;
}
.palette--four .palette__cover {
  background: #2a2e45;
}
.palette--four .palette__cover__top {
  background: #171926;
}
.palette--four .palette__cover span {
  max-width: 59%;
  background: #2a2e45;
}




















.main-content {
  margin: 6em auto 2em;
  width: 100%;
  max-width: 590px;
  position: relative;
  z-index:99999;
}

.shelf__outer {
  display: grid;
  grid-gap: 15px;
  padding: 15px;
  background: #d1e3fa;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 140px);
  border: 3px solid #104891;
}

.shelf__box {
  background: #9cc2f4;
  position: relative;
  overflow: hidden;
  border: 3px solid #104891;
}
.shelf--medium {
  grid-column: span 2;
}
.shelf--tall {
  grid-row: 2/span 2;
  grid-column: 4/span 1;
  text-align: center;
}

.storage-unit {
  padding: 4px;
  position: relative;
}
.storage-unit__item {
  background: #66a1ee;
  height: calc(100% - 6px);
  border-radius: 3px;
  border-bottom: 0;
  border: 3px solid #104891;
}
.storage-unit__item.dark {
  background: #3080e8;
}
.storage-unit__handle {
  background: #104891;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 10px;
  width: 50px;
  height: 12px;
  border-radius: 6px 6px 20px 20px;
  border: 3px solid #104891;
}

.lava-lamp {
  display: inline-block;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  bottom: -38px;
}
.lava-lamp__body {
  height: 140px;
  width: 60px;
  background: linear-gradient(to bottom, #1663c7, #a39cf4);
  border-radius: 300% 300% 280% 280%;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 3px solid #104891;
}
.lava-lamp__cap {
  display: inline-block;
  border-bottom: 60px solid #104891;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-radius: 100% 100% 8px 8px;
  width: 10px;
  height: 0;
  position: absolute;
  left: 5px;
  top: -38px;
}
.lava-lamp__stand--top {
  display: inline-block;
  border-top: 40px solid #104891;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-radius: 3px;
  width: 24px;
  height: 26px;
  position: absolute;
  left: 3px;
  bottom: -40px;
}
.lava-lamp__stand--bottom {
  display: inline-block;
  border-bottom: 40px solid #104891;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-radius: 20px 20px 4px 4px;
  width: 24px;
  height: 15px;
  position: absolute;
  left: -2px;
  bottom: -56px;
}
.lava-lamp__bubbles {
  width: 82%;
  height: 30px;
  bottom: 12px;
  left: 5px;
  border-radius: 100% 200% 50px 80px;
  position: absolute;
  background: linear-gradient(to bottom, transparent, #8f94fb, #4e54c8);
}
.lava-lamp__bubbles-1 {
  position: absolute;
  border-radius: 240% 150% 160% 120%;
  width: 20px;
  height: 30px;
  bottom: 30px;
  left: 20px;
  transform: rotate(-45deg);
  background: linear-gradient(to top right, transparent, #8f94fb, #4e54c8);
}
.lava-lamp__bubbles-2 {
  top: 14px;
  left: 40%;
  width: 20px;
  bottom: auto;
  height: 20px;
}
.lava-lamp__bubbles-3 {
  bottom: 50px;
  height: 30px;
  width: 20px;
  border-radius: 40% 120%;
  background: linear-gradient(to top left, transparent, #8f94fb, #4e54c8);
}
.lava-lamp__bubbles-4 {
  bottom: 70px;
  height: 25px;
  width: 22px;
  left: 30px;
  border-radius: 100%;
  background: linear-gradient(to bottom right, transparent, #8f94fb, #4e54c8);
}

.radio {
  width: 70px;
  height: 45px;
  background: #1663c7;
  bottom: -3px;
  left: 10px;
  border: 3px solid #104891;
  border-radius: 10px;
  position: absolute;
}
.radio__circle {
  border-radius: 50%;
  height: 25px;
  width: 25px;
  border: 3px solid #f1f6f8;
  background: #3080e8;
  left: 10px;
  top: 7px;
  position: absolute;
}
.radio__circle--small {
  border-radius: 50%;
  height: 8px;
  width: 8px;
  background: #f1f6f8;
  padding: 2px;
  line-height: 0.5;
  text-align: center;
  position: absolute;
  right: 9px;
  color: #555;
}
.radio__circle--small:nth-child(2) {
  top: 9px;
  font-size: 12px;
  line-height: 0.8;
}
.radio__circle--small:nth-child(3) {
  bottom: 9px;
  line-height: 0.4;
}
.radio__antenna {
  background: #104891;
  width: 25px;
  height: 3px;
  border-radius: 10px;
  position: absolute;
  top: -13px;
  left: 0;
  transform: rotate(55deg);
}
.radio__antenna--right {
  width: 19px;
  top: -10px;
  left: 14px;
  transform: rotate(-45deg);
}
.radio__switch {
  background: #1b1091;
  border: 3px solid #104891;
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
  width: 15px;
  height: 4px;
  position: absolute;
  top: -10px;
  right: 10px;
  z-index: 4;
}

.speaker {
  width: 55px;
  height: 90px;
  background: #66a1ee;
  border: 3px solid #104891;
  border-radius: 8px;
  position: absolute;
  bottom: -3px;
  right: 10px;
}
.speaker__circle {
  position: absolute;
  border-radius: 50%;
  background: #1663c7;
  border: 3px solid #104891;
}
.speaker__circle:nth-child(1) {
  top: 8px;
  width: 20px;
  height: 20px;
  right: 7px;
}
.speaker__circle:nth-child(2) {
  background: #104891;
  bottom: 10px;
  width: 34px;
  height: 34px;
  left: 27px;
  margin-left: -20px;
}

.cactus {
  position: absolute;
  left: 65%;
  bottom: -3px;
}
.cactus__pot {
  height: 30px;
  width: 50px;
  border: 3px solid #104891;
  border-radius: 0 0 20px 20px;
  background: #66a1ee;
}
.cactus__top {
  position: absolute;
  width: 54px;
  height: 10px;
  background: #3080e8;
  border-radius: 5px;
  border: 3px solid #104891;
  top: -12px;
  left: -2px;
  z-index: 5;
}
.cactus__plant {
  position: absolute;
  border-radius: 30px 30px 0 0;
  height: 70px;
  width: 25px;
  background: #107c91;
  right: 5px;
  top: -80px;
  border: 3px solid #104891;
  border-bottom: 0;
  z-index: 2;
}
.cactus__plant--small {
  border-radius: 60px 60px 0 0;
  top: -62px;
  width: 20px;
  height: 50px;
  right: 25px;
  background: #16a9c7;
  z-index: 1;
}

.succulent {
  position: absolute;
  left: 40px;
  bottom: -3px;
}
.succulent__pot {
  border: 3px solid #104891;
  border-radius: 40px;
  background: #fff;
  width: 120px;
  height: 25px;
  z-index: 10;
  position: relative;
}
.succulent__leaf {
  border-radius: 60% 60% 60% 60%/90% 90% 30% 30%;
  background: #16a9c7;
  width: 22px;
  height: 55px;
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -15px;
  z-index: 8;
  border: 3px solid #104891;
}
.succulent__leaf:before, .succulent__leaf:after {
  content: "";
  position: absolute;
  background: inherit;
  height: inherit;
  width: inherit;
  border-radius: inherit;
  transform-origin: bottom center;
  bottom: 4px;
  border: 3px solid #104891;
}
.succulent__leaf:before {
  transform: rotate(65deg);
  right: -2px;
  background: #107c91;
}
.succulent__leaf:after {
  transform: rotate(-65deg);
  left: -2px;
}
.succulent__leaf__left {
  background: #107c91;
  bottom: 20px;
  transform-origin: bottom center;
  transform: rotate(-36deg);
}
.succulent__leaf__left:before {
  transform: rotate(65deg);
  background: #107c91;
  bottom: -10px;
  left: 3px;
}
.succulent__leaf__left:after {
  content: none;
}

.camera {
  position: absolute;
  top: auto;
  bottom: -6px;
  left: 10px;
  text-align: center;
}
.camera__body {
  width: 85px;
  height: 45px;
  background: linear-gradient(to bottom, #fff 25%, #fff 25%, #104891 25%, #104891 75%, #fff 75%);
  border-radius: 10px;
  display: inline-block;
  border: 3px solid #104891;
}
.camera__lens {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 25px;
  height: 25px;
  background: #1663c7;
  border: 3px solid #111;
  box-shadow: 0 0 0 3px #f6f8f9;
  border-radius: 50%;
}
.camera__lens:before, .camera__lens:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.camera__lens:before {
  left: 50%;
  top: 5px;
  background: #fff;
}
.camera__lens:after {
  background: #3080e8;
  left: -20px;
  top: -5px;
  border: 2px solid #fff;
}
.camera__switch {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 30px;
  height: 6px;
  background: #104891;
  top: -9px;
  bottom: auto;
  border-radius: 6px 6px 0 0;
  z-index: 2;
  padding: 3px 3px 0;
}
.camera__switch:before {
  content: "";
  position: absolute;
  border-radius: 4px 4px 0 0;
  width: calc(100% - 6px);
  height: 10px;
  left: 3px;
  top: 3px;
  z-index: -1;
  background: #fff;
}
.camera__switch:after {
  content: "";
  position: absolute;
  border-radius: 4px 4px;
  width: calc(100% - 12px);
  height: 8px;
  left: 6px;
  bottom: auto;
  top: 6px;
  z-index: -1;
  background: #555;
}
.camera__shutter {
  position: absolute;
  background: #104891;
  width: 14px;
  height: 4px;
  border-radius: 5px 5px 0 0;
  right: 50%;
  margin-right: -35px;
  top: -4px;
}

.books {
  position: relative;
  width: 100%;
  height: 100%;
}
.books__item {
  border: 3px solid #104891;
  border-radius: 2px;
  width: 23px;
  height: 95px;
  background: #a39cf4;
  position: absolute;
  bottom: -3px;
}
.books__item:nth-child(1) {
  left: -3px;
}
.books__item:nth-child(2) {
  left: 23px;
  background: #1663c7;
  width: 15px;
  height: 85px;
}
.books__item:nth-child(3) {
  left: 41px;
  background: #3080e8;
  width: 30px;
  height: 115px;
}
.books__item:nth-child(3):before {
  top: 75%;
}
.books__item:nth-child(3):after {
  border: 0;
  border-radius: 50%;
  background: #66a1ee;
  width: 20px;
  height: 20px;
  top: 10px;
  left: 5px;
}
.books__item:nth-child(5) {
  left: 85px;
  height: 80px;
  background: #104891;
  width: 15px;
  bottom: -1px;
  transform: rotate(-15deg);
}
.books__item:nth-child(6) {
  right: -3px;
  left: auto;
  width: 15px;
  height: 110px;
  background: #107c91;
}
.books__item:nth-child(7) {
  right: 15px;
  left: auto;
  width: 20px;
  height: 95px;
  border-width: 2px 3px;
  background: linear-gradient(to right, #66a1ee 20%, #66a1ee 20%, #fff 15%, #fff 80%, #66a1ee 80%);
}
.books__item:nth-child(8) {
  right: 45px;
  left: auto;
  width: 15px;
  height: 80px;
  background: #1663c7;
  transform: rotate(9deg);
  bottom: 1px;
}
.books__item:nth-child(8):before {
  content: none;
}
.books__item:nth-child(9) {
  right: 78px;
  height: 10px;
  width: 70px;
}
.books__item:nth-child(9):before {
  top: -3px;
  width: 5px;
  left: 10px;
  height: 100%;
}
.books__item:nth-child(10) {
  right: 82px;
  bottom: 13px;
  height: 20px;
  width: 65px;
  border-width: 3px 3px 3px 0;
  background: linear-gradient(to bottom, #8f94fb 20%, #8f94fb 20%, #fff 15%, #fff 80%, #8f94fb 80%);
  border-radius: 2px 30px 30px 2px;
  overflow: hidden;
}
.books__item:nth-child(10):before {
  width: 7px;
  border: 0;
  border-radius: 2px 100% 100% 2px;
  background: #8f94fb;
  height: 16px;
  top: 1px;
  right: -3px;
  left: auto;
}
.books__item--lined:before, .books__item--lined:after {
  content: "";
  height: 8px;
  left: -3px;
  position: absolute;
  border: 3px solid #104891;
  width: 100%;
  top: 10px;
}
.books__item--lined:after {
  top: 70px;
}

.moleskine {
  height: 95px;
  width: 70px;
  left: 80px;
  bottom: -3px;
  position: absolute;
  border: 3px solid #104891;
  border-radius: 5px 12px 12px 5px;
  display: inline-block;
  background: #16a9c7;
}
.moleskine:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 100%;
  top: 0px;
  right: 8px;
  background: #104891;
}
.moleskine__skin {
  height: 100%;
  width: 20px;
  background: #107c91;
}

.mario-box {
  width: 24px;
  height: 24px;
  border: 3px solid #104891;
  border-width: 2px;
  border-radius: 3px;
  position: absolute;
  right: 85px;
  bottom: 37px;
}
.mario-box--gold {
  background: #9cc2f4;
  font: 700 15px/1.8 "Bevan";
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.mario-box--brick {
  bottom: 63px;
  margin-right: -8px;
  background: black;
  display: grid;
  grid-template-columns: 6px 8px 9px;
  grid-template-rows: repeat(3, auto);
  grid-gap: 2px;
  overflow: hidden;
}
.mario-box .brick {
  background: #3080e8;
}
.mario-box .brick:nth-child(5), .mario-box .brick:nth-child(6) {
  margin-left: -7px;
  border: 2px solid #333;
  border-width: 0 2px;
}
.mario-box .brick:nth-child(5) {
  border-left: 0;
}

.photo-frame {
  position: absolute;
  width: 65px;
  height: 90px;
  background: #107c91;
  border: 3px solid #104891;
  bottom: -3px;
  right: 10px;
  padding: 9px;
}
.photo-frame__photo {
  width: 100%;
  height: 100%;
  margin: -2px;
  background: #d1e3fa;
  font-size: 3em;
  overflow: hidden;
  text-align: center;
  padding: 0;
  border: 2px solid #104891;
}
.photo-frame__photo span {
  margin: 15px auto 0;
  display: inline-block;
  transform: rotate(90deg);
}

.cat {
  position: absolute;
  bottom: -5px;
  left: 18px;
}
.cat svg {
  fill: #104891;
  stroke-width: 0.5px;
  stroke: #104891;
  stroke-location: outside;
}

@media screen and (max-width: 768px) {
  .shelf__outer {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 140px);
    margin: 20px;
  }

  .shelf__box:nth-child(3) {
    grid-row: 2/span 1;
    grid-column: 1/span 1;
  }
  .shelf__box:nth-child(4) {
    grid-row: 2/span 1;
    grid-column: 2/span 1;
  }
  .shelf__box:nth-child(6) {
    grid-row: 2/span 1;
    grid-column: 3/span 1;
  }
  .shelf__box:nth-child(9) {
    grid-row: 3/span 2;
    grid-column: 3/span 1;
  }
}


























.p-250 { padding: 250px 0; }



.legalInfoContent ul.legal-grid { list-style: none; padding: 0; margin: 50px 0 110px 0; }
.legalInfoContent ul.legal-grid > li { position: static; line-height: normal; margin: 0; padding-left: 0; }
.legalInfoContent ul.legal-grid > li::before { content: none; }
.legalInfoContent .legal-grid { --card-min: 260px; --card-gap: 20px; display: flex; flex-wrap: wrap; gap: var(--card-gap); padding: 0 20px; margin: 20px 0 0; }

.legalInfoContent .legal-card { flex: 1 1 calc(33.333% - var(--card-gap)); min-width: var(--card-min); display: flex; }
.legalInfoContent .legal-link { display: flex; flex-direction: column; justify-content: flex-start; width: 100%; height: 100%;
  padding: 30px 32px;

  text-decoration: none;
  transition: transform .25s ease,box-shadow .25s ease,border-color .25s ease; }

.legalInfoContent .legal-link:hover,
.legalInfoContent .legal-link:focus-visible {
  border-color: rgba(0,0,0,.35);
  box-shadow:
    0 8px 16px rgba(0,0,0,.15),
    0 14px 22px -12px rgba(0,0,0,.2);
  transform: translateY(-2px); text-decoration: none; outline: none; }

.legalInfoContent .legal-link:focus-visible {
  box-shadow:
    0 0 0 3px rgba(0,0,0,.25),
    0 8px 16px rgba(0,0,0,.15),
    0 14px 22px -12px rgba(0,0,0,.2);
}

.legalInfoContent .legal-eyebrow {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 18px!important;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 25px;
  flex-shrink: 0;
  transition: color .3s ease;
}
.legalInfoContent .legal-title {
	font-family: "Montserrat", sans-serif;
  margin: 0 0 8px 0 !important;
  font-size: 40px!important;
  line-height: 1.2;
  font-weight: 800;
  color: #000;
  flex-shrink: 0;
  text-transform: uppercase;
}

/* Short intro inside each card (clamped) */
.legalInfoContent .legal-intro-short {
 	font-family: "Montserrat", sans-serif;

  font-size: 20px!important;
  line-height: 1.5;
  color: #000;
  margin: 0 0 15px;
  flex-grow: 1;
/*
  display: -webkit-box;
  -webkit-line-clamp: 3; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  */
}

.legalInfoContent .legal-cta {
  flex-shrink: 0;
  margin-top: auto;
  display: contents;
  align-items: center;
  gap: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 0.90rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #a6a182;
  letter-spacing: 0.05em;
  transition: color .3s ease;
}
.legalInfoContent .legal-link:hover .legal-cta,
.legalInfoContent .legal-link:focus-visible .legal-cta, 
.legalInfoContent .legal-link:hover .legal-eyebrow { color: #aaa; }
.legalInfoContent > .legal-grid { padding-left: 0; padding-right: 0; }
.legalInfoContent ul.legal-grid > li:first-child, .legalInfoContent .legal-cta { text-align: right; }

@media (max-width: 1100px) {
  .legalInfoContent .legal-card { flex: 1 1 calc(50% - var(--card-gap)); }
}
@media (max-width: 640px) {
  .legalInfoContent .legal-grid { padding: 0; }
  .legalInfoContent .legal-card { flex: 1 1 100%; }
  .legalInfoContent .legal-title { font-size: 24px; }
}




.usluge ul.usluge-grid { list-style: none; padding: 0; margin: 50px 0 110px 0; }
.usluge ul.usluge-grid > li { position: static; line-height: normal; margin: 0; padding-left: 0; }
.usluge ul.usluge-grid > li::before { content: none; }
.usluge .usluge-grid { --card-min: 260px; --card-gap: 20px; display: flex; flex-wrap: wrap; gap: var(--card-gap); padding: 0 20px; margin: 20px 0 0 0; }

.usluge .usluge-card { flex: 1 1 calc(50% - var(--card-gap)); min-width: var(--card-min); display: flex; text-align: center;
    margin: 0 auto; }
.usluge .usluge-link { display: flex; flex-direction: column; justify-content: flex-start; width: 100%; height: 100%;
  padding: 30px 32px;

  text-decoration: none;
  transition: transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.usluge .usluge-link img { width: 100%; padding: 0; margin-bottom: 50px; border-top-left-radius: 50px; border-bottom-right-radius: 50px; }

.usluge .usluge-link:hover,
.usluge .usluge-link:focus-visible {
  transform: translateY(-2px); text-decoration: none; outline: none; }

.usluge .usluge-eyebrow {
  display: block;
    font-family: "Poppins", sans-serif;
    font-size: 320px !important;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #000;
    transition: color .3s ease;
    position: absolute;
	 top: -30%;
    opacity: 0.07;
    text-align: center;
    margin: 0px auto;
    width: 100%;
}
.usluge .usluge-title {
	font-family: "Montserrat", sans-serif;
  margin: 0 0 8px 0 !important;
  font-size: 40px!important;
  line-height: 1.2;
  font-weight: 800;
  color: #000;
  flex-shrink: 0;
  text-transform: uppercase;
}

/* Short intro inside each card (clamped) */
.usluge .usluge-intro-short {
 	font-family: "Montserrat", sans-serif;

  font-size: 20px!important;
  line-height: 1.5;
  color: #000;
  margin: 0 0 15px;
  flex-grow: 1; 
  /*
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;*/
  overflow: hidden;
  text-overflow: ellipsis;
}

.usluge .usluge-cta {
  flex-shrink: 0;
  margin-top: auto;
  display: contents;
  align-items: center;
  gap: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 0.90rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #a6a182;
  letter-spacing: 0.05em;
  transition: color .3s ease;
}
.usluge .usluge-link:hover .usluge-cta,
.usluge .usluge-link:focus-visible .usluge-cta, 
.usluge .usluge-link:hover .usluge-eyebrow { color: #aaa; }
.usluge > .usluge-grid { padding-left: 0; padding-right: 0; }


@media (max-width: 1100px) {
  .usluge .usluge-card { flex: 1 1 calc(50% - var(--card-gap)); }
}
@media (max-width: 640px) {
  .usluge .usluge-grid { padding: 0; }
  .usluge .usluge-card { flex: 1 1 100%; }
  .usluge .usluge-title { font-size: 24px; }
}







/******************************************************
/// BG, IMG
******************************************************/
.bg {
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.bg-wrap {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
}

.bg-cover {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.bg-contain {
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat
}

.bg-left {
    background-position: left center;
}

.bg-right {
    background-position: right center;
}

.opacity-hover img, .zoom-hover img {
    border-radius: 8px;
    transition: opacity 300ms ease-out, transform 300ms ease-out, filter 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, -moz-transform 300ms ease-out, -moz-filter 300ms ease-out;
    -o-transition: opacity 300ms ease-out, -o-transform 300ms ease-out, -o-filter 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, -webkit-transform 300ms ease-out, -webkit-filter 300ms ease-out;
}

.opacity-hover {
    background: #12bfcc;
    border-radius: 8px;
}

.opacity-hover:hover img {
    border-radius: 8px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.zoom-hover {
    border-radius: 8px;
}

.zoom-hover:hover img {
    border-radius: 8px;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.bg_overlay:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #12bfcc;
    background: -moz-linear-gradient(top, #12bfcc 0%, #00c8c8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #12bfcc), color-stop(100%, #00c8c8));
    background: -webkit-linear-gradient(top, #12bfcc 0%, #00c8c8 100%);
    background: -o-linear-gradient(top, #12bfcc 0%, #00c8c8 100%);
    background: -ms-linear-gradient(top, #12bfcc 0%, #00c8c8 100%);
    background: linear-gradient(to bottom, #12bfcc 0%, #00c8c8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12bfcc', endColorstr='#00c8c8',GradientType=0 );
    opacity: .8;
}

.bg-on-side {
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.bg-on-side:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: linear-gradient(to top, #fff 0%, #fff 8%, #fff 21%, transparent 40%);
    z-index: 2;
    opacity: 1;
}

.bg-on-side-wrap {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    border-top-right-radius: 60px;
}

.bg-on-side-wrap.right {
    border-top-right-radius: 0px;
    border-top-left-radius: 60px;
}

.slider-right {
    z-index: 3;
    box-shadow: -90px 80px 305px rgba(18, 191, 204, 0.8);
    clear: both;
    padding: 80px 0px 50px;
    margin-bottom: 50px;
    position: relative;
    border-top: 10px dashed rgba(222, 222, 222, 0.75);
    border-bottom: 20px dashed rgba(18, 191, 204, 0.45);
}

.slider-right:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: linear-gradient(to bottom, #fff 0%, #f1f1f1 5% ,#f3f3f3 7%, #fff 12%, transparent 55%);
    z-index: 2;
    opacity: 1;
}

.bg-on-side.no-effect:before {
    background: none;
}









.secPaddingTop {
    margin-top: 0px;
    margin-bottom: 0;
}
.section-wrapper {
    margin: 0px 0px 130px 0px;
    clear: both;
    padding: 60px 0px 30px;
    position: relative;
}
.section-content { position: relative; }
.title-wrapper { color: #175280; }
.text-center { text-align: center !important; }
.title-wrapper .main-title {
    text-shadow: 0px 20px 80px rgba(0,0,0,.5);
    font-size: 33px;
    font-weight: 800;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 30px;
    transition: color 200ms;
    -moz-transition: color 200ms;
    -o-transition: color 200ms;
    -webkit-transition: color 200ms;
}
.title-wrapper .main-title a { color: #000; }
.title-wrapper .subtitle { text-transform: uppercase; color: #a6a182; font-size: 14px; 
display: block; font-weight: 600; line-height: 1.3; font-style: normal; letter-spacing: 1px; }

.mx-auto { margin-right: auto !important; margin-left: auto !important; }
.secPaddingBottom { margin-bottom: 0px; margin-bottom: 200px; }
.secPaddingTop { margin-top: 80px; margin-bottom: 0; }
.container-fluid .hover-item:not(:hover) { padding: 0; margin: 0; opacity: 1; -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; box-shadow: 0 3px 26px rgba(0,0,0,0.16), 0px 0px 6px rgba(0,0,0,0.16); }
.container-fluid:hover .hover-item:not(:hover) { opacity: 1; }
.hover-item { width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: start; flex-direction: column; }

/* IMPORTANT for Isotope: let Isotope position items; don't use CSS grid on container */
.projectsWrap {
  position: relative;
}

/* Each item = 50% width on lg+, 100% on small, to emulate 2 columns (fitRows) */
.project {
  padding: 0;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 0;
  position: relative;
  width: 50%;
}
@media (max-width: 991.98px) {
  .project { width: 100%; }
}

.slika-wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; }
.slika {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  background-position: center center;
  transition: all 5s ease; transform: scale(1.05);
}
.slika:hover { transform: scale(1.55); }

.sadrzaj-wrapper { padding: 70px; }
.sadrzaj-wrapper.medium { display: block; padding: 70px; }
.sadrzaj-wrapper.small { padding: 60px 80px; }
.sadrzaj { padding: 0 0 15px 0; }

.sadrzaj-wrapper.left-triangle:before {
  position: absolute; display: block; content: ''; width: 25px; height: 25px;
  border-style: solid; border-width: 60px 60px 60px 0px;
  border-color: transparent rgba(255,255,255,1) transparent transparent;
  left: 50%; transform: translate(-50%,-50%); top: 50%; margin-left: -20px;
}

.sadrzaj-wrapper.right-triangle:after {
  position: absolute; display: block; content: ''; width: 25px; height: 25px;
  border-style: solid; border-width: 60px 0px 60px 60px;
  border-color: transparent transparent transparent rgba(255,255,255, 1);
  right: 50%; transform: translate(-50%,-50%); top: 50%; margin-right: -80px;
}

/* === ADDITIVE UI (filters, loader, pagination, counters) === */

.partners-filters.filters-button-group {
  position: relative;
  text-align: center;
  margin: 0 auto;
  display: inline-block;
  border-bottom: 0.0625rem solid #54595f;
  margin-bottom: 2.5rem;
}

/* Light backgrounds: tweak divider color */
body.bg-dark.bg-white .partners-filters.filters-button-group,
body.bg-white .partners-filters.filters-button-group {
  border-bottom-color: #e6e6e6;
}

/* Base button styles */
.partners-filters.filters-button-group .pf-btn {
  position: relative;
  background: transparent;
  border: 0;
  font-size: 0.75rem;
  line-height: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  border-bottom: 0.1875rem solid transparent;
  padding: 0rem 1.25rem 1.25rem 1.25rem;
  margin-bottom: -2px;
  cursor: pointer;
  outline: none;
  transition: all .5s ease-in-out;
}

/* Light backgrounds: base button text color */
body.bg-dark.bg-white .partners-filters.filters-button-group .pf-btn,
body.bg-white .partners-filters.filters-button-group .pf-btn {
  color: #000;
}

/* Active/hover state */
.partners-filters.filters-button-group .pf-btn.is-checked,
.partners-filters.filters-button-group .pf-btn:hover {
  color: #a6a182;
  outline: none;
  border-color: #a6a182; /* bottom border underline */
}

/* Counter badge (sup) */
.partners-filters.filters-button-group .pf-btn .filter-count {
  position: absolute;
  top: 0rem;
  right: 0.5rem;
  font-size: 0.75rem;
  transition: all .5s ease-in-out;
  opacity: 0;
  visibility: hidden;
  color: #fff;
}

/* Light backgrounds: counter color */
body.bg-dark.bg-white .partners-filters.filters-button-group .pf-btn .filter-count,
body.bg-white .partners-filters.filters-button-group .pf-btn .filter-count {
  color: #000;
}

/* Show counter on the active button (including the first "Svi") */
.partners-filters.filters-button-group .pf-btn.is-checked .filter-count {
  opacity: 1;
  visibility: visible;
  color: #a6a182; /* highlight active counter */
}

/* Load more area */
.partners-loadmore { margin-top: 2rem; }

/* Hidden items during pagination (Isotope-friendly) */
.project.hidden {
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Full-grid overlay loader */
.partners-overlay {
  position:absolute; inset:0; background:rgba(0,0,0,.35);
  display:none; align-items:center; justify-content:center; z-index:10;
  backdrop-filter: blur(2px);
}
.partners-overlay.active { display:flex; }
.partners-spinner {
  width:48px; height:48px; border-radius:50%;
  border:4px solid rgba(255,255,255,.25);
  border-top-color:#a6a182; animation:spin 0.8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg);} }

/* Optional: smoother reflow while JS flips order classes */
.projectsWrap { transition: opacity .25s; }


/* Ego_impressum */
.ego_impressum { position: relative; width: 100%; height: 100vh; overflow: hidden; z-index: 999; }
.impressumWrapp { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); max-width: 650px; width: 100%;  font-weight: 400; text-align: center; text-transform: uppercase; color: #000; animation: credits 60s linear infinite; transition: margin-top 0.6s ease-in-out; }
.impress_wrapper { user-select: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; }
.impressumWrapp a { color: #000 !important; }
.impressumWrapp a:hover { color: #a6a182 !important; }
.impressumWrapp:hover { animation-play-state: paused; }
.paused { animation-play-state: paused !important; }
.hidden { display: none !important; }
.tema { margin-bottom: 0; font-size: 50px; font-weight: 800; padding: 100px 0 50px; }
.tema_logo { margin: 0; padding: 10px 0; }
.tema_logo img { max-width: 460px; }
.funkcija { margin-top: 50px; font-size: 20px; line-height: 32px; font-style: italic; }
.osoba { margin: 5px 0; font-size: 35px; line-height: 50px;font-weight: 800; }
.titula { margin-bottom: 5px; font-size: 14px; line-height: 25px; font-weight: 400; }
.proizvodac { margin: 5px 0; font-size: 35px; line-height: 50px; font-weight: 800; }
.vlasnik { margin: 5px; font-size: 35px; line-height: 50px; font-weight: 800; padding: 30px 0; }
.godina { margin: 30px 0; font-size: 50px; line-height: 70px; font-weight: 800; padding: 100px 0; }
@keyframes credits { 0% { top: 100%; } 100% { top: -500%; } }
#credits { transition: max-height 0.5s ease-out; overflow: hidden; }
.additional-info { transition: opacity 0.5s ease-out; }
.additional-info.hidden { opacity: 0; pointer-events: none; /* Prevent interaction when hidden */ } 
#credits.hidden { max-height: 0; padding: 0; }
.player { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.7); border-radius: 10px; padding: 10px 15px; display: flex; flex-direction: column; align-items: center; width: 320px; z-index: 1000; }
.player-controls { display: flex; justify-content: center; margin-bottom: 10px; }
.player-controls button { background: #333; border: none;color: #fff; padding: 8px 12px; margin: 0 5px; border-radius: 5px; cursor: pointer; font-size: 18px; transition: background 0.3s; outline: none; }
.player-controls button:hover { background: #555; }
.progress-container { width: 100%; background: #555; height: 8px; border-radius: 4px; overflow: hidden; }
.progress-bar { width: 0%; height: 100%; background: #0f0; transition: width 0.1s ease; }













.experience {
    position: relative;
    white-space: nowrap;
    margin: 0 0 2.5rem 0;
}

.experience-border {
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    height: 160px;
    border: 5px solid #a6a182;
    border-right: 0;
}

.experience-content {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: -160px;
    top: 0;
}

.experience-number {
    display: inline-block;
    vertical-align: middle;
    font-size: 110px;
    font-weight: 600;
}

.experience-info {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 35px;
    font-size: 27px;
    line-height: 38px;
}

.experience-info .number {
    display: inline-block;
    font-weight: 600;
    line-height: 1;
    font-size: 170px;
}
@media (max-width: 768px) {
  .experience {
        position: relative;
        white-space: nowrap;
        margin: 5px auto;
        text-align: center;
    }

    .experience-border {
        display: none;
    }

    .experience-content {
        display: block;
        left: 0px;
    }

    .experience-number {
        display: block;
        font-size: 80px;
    }

    .experience-info {
        display: block;
        margin: 30px 0 30px 0px;
        font-size: 27px;
    }

    .experience-info .number {
        font-size: 90px;
    }
}