@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap');

html { scroll-behavior: smooth }
body { padding: 0; margin: 0; font-family: Gilroy, sans-serif; font-size: 16px }
*, ::after, ::before { box-sizing: border-box; }

a, a:hover { text-decoration: none }



button{ border: none; padding: 0px; }


ul{ margin: 0; padding: 0; list-style: none; }


.themeRow { width: 100%; float: left }

.themeContainer {width: 100%;margin: 0 auto;max-width: 1296px;}

.themeContainerFull{width: 100%;}

input, .form-select{ outline: none; }


/* width */
.scrollBarFix::-webkit-scrollbar {
    width: 5px;
  }
  
/* Track */
.scrollBarFix::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 10px;
}

/* Handle */
.scrollBarFix::-webkit-scrollbar-thumb {
    background: #c4c4c4;
    border-radius: 10px;
}

/* Handle on hover */
.scrollBarFix::-webkit-scrollbar-thumb:hover {
    background: #121325;
}


ul::-webkit-scrollbar{

    width: 4px;

    border-radius: 0px;

}



ul::-webkit-scrollbar-track{

    background: #1ad5975e;

    border-radius: 0px;

}



ul::-webkit-scrollbar-thumb{

    background: #1da1f0;

    border-radius: 0px;

}



ul::-webkit-scrollbar-thumb:hover{

    background: #c0cfd7;

}





#headerBar{background: #fff;width: 100%;display: flex;border-bottom: 1px solid #f2f5f8;}



.headerTopBar{width: 100%;float: left;padding: 17px 0;display: flex;justify-content: space-between;align-items: center;}

.headerInfo{display: flex;align-items: center;float: right;}

.infoBox img{margin-right: 6px;}

.infoBox{display: flex;align-items: center;border-radius: 100px;padding: 0;margin-right: 15px;}

.infoBox:last-child{margin-right: 0;}

.infoBox p{color: #ffffff;font-weight: 400;font-size: 13px;margin: 0;}

.infoBox a{display: flex;justify-content: center;align-items: center;font-size: 16px;font-weight: 500;}

.infoBox a:hover{color: white;}

.infoBox a span{ font-weight: 600; }

.infoBox.fav a{color:#fb8d1e;}
.infoBox.phone a{color:#01c267;}
.infoBox.mail a{color:#3e5a70;}

.infoImg{width: 20px;height: 30px;margin-right:0px;display: flex;align-items: center;justify-content: center;border-radius: 100%;}

.infoImg.whatsapp{}

.infoImg.email{}

.headerOrder{display: flex;align-items: center;float: right;margin-top: 0;margin-left: 35px;}

.orderBox{display: flex;align-items: center;font-size: 16px;color: #ffffff;font-weight: 500;background: #01c267;padding: 12.75px 20px;margin:0;border-radius: 3px;justify-content: center;text-align: center;}

.orderBox img{margin-right: 10px;}

.orderBox p{

    color: white;

}

.orderBox a{}

.orderBox a span{}

.orderSearch{

    position: relative;

}

.orderSearch input{

    background: #322f48;

    border: 0px;

    height: 45px;

    text-indent: 10px;

    font-size: 14px;

    color: #ffffff;

    font-weight: 600;

}

.orderSearch input::placeholder{color: #ffffff;}

.orderSearch button{

    position: absolute;

    right: 0;

    bottom: 0;

    top: 0;

    width: 40px;

    border: 0;

    cursor: pointer;

    background: none;

}



.orderSearch input:focus,.orderSearch input:active{

    background:#322f48;

    box-shadow:none;

    border:0px;

}



.orderSearch input.nonshake{border-radius: 0px!important;background: #000!important;}



.orderSearch button img{}



#footerBar{

    background: #121325;

    width: 100%;

    display: flex;

    margin-top: 20px;

}



.footerLink{

    float: left;

    display: flex;

    align-items: center;

    padding: 17px 0 16px 0;

}

.footerLink a{

    display: flex;

    align-items: center;

    border: 1px solid #23243e;

    padding: 0px 22px;

    line-height: 50px;

    margin-right: 10px;

    color: white;

    border-radius: 5px;

    font-weight: 500;

    font-size: 14px;

    transition: .3s ease;

}

.footerLink a:hover{background: #23243e;}

.footerLink a img{

    margin-right: 10px;

}

.footerLogo{

    float: right;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 85px;

}

.footerLogo img{width: 100%;}



.footerBg{width: 100%;max-width: 300px;float: right;}



#footer{background: #18192f;border-top: 1px solid #4d4e61;width: 100%; display: flex;}



#footer .themeContainer{height: 100%;}



.menuFooter{

    float: left;

    display: flex;

    flex-direction: column;

}

.menuFooter span{

    color: #1e93ff;

    font-weight: 500;

    margin-bottom: 15px;

    line-height: 15px;

}

.menuFooter span:before{

    content: "";

    width: 17px;

    height: 7px;

    background: #1e93ff;

    display: block;

    border-radius: 5px;

    float: left;

    margin-top: 4px;

    margin-right: 4px;

}

.menuFooter ul{

    display: flex;

    flex-direction: column;

}

.menuFooter ul li{margin-bottom: 15px;display: flex;}

.menuFooter ul li a{

    color: #ccccdd;

    font-size: 12px;

    font-weight: 400;

    transition: .3s ease;

    line-height: 14px;

}

.menuFooter ul li a:hover{

    color: #1e93ff;

}

.menuFooter ul li a:before{

    content: "";

    width: 5px;

    height: 5px;

    background: #3f4351;

    border-radius: 5px;

    display: block;

    float: left;

    margin-top: 4px;

    margin-right: 3px;

}

.menuFooter ul li a:hover:before{

    background: #1e93ff;

}



.menuContact{

    height: 100%;

    padding: 34px 40px 27px 20px;

}

.menuContact ul{}

.menuContact ul li{margin-bottom: 25px;}

.menuContact ul li a{

    font-size: 16px;

    color: #ffffff;

    display: flex;

    align-items: center;

    line-height: 20px;

}

.menuContact ul li a img{

    margin-right: 20px;

}

.menuContact ul li a span{

    font-weight: 700;

    margin-left: 4px;

}

.menuContact ul li a p{margin:0px;}



.socialMedia{display: flex;align-items: center;}

.socialMedia a{

    display: flex;

    align-items: center;

    justify-content: center;

    width: 42px;

    height: 42px;

    background: #18192f;

    border-radius: 5px;

    margin-right: 15px;

    color: white;

    font-size: 20px;

    transition: .3s ease-in-out;

}

.socialMedia a:hover{background: black;}

.socialMedia a img{}



#copyright{

    border-top: 1px solid #2d333c;

    width: 100%;

    display: flex;

    margin-top: 30px;

}

.copyright{display: flex;align-items: center;justify-content: space-between;height: 70px;}

.copyright span{

    color: #ffffff;

    font-size: 14px;

    font-weight: 400;

}

.copyImg{display: flex;align-items: center;justify-content: center;}

.copyImg img{}

.headerLinks{float: left;}
.headerLinks a{color: white;font-size: 13px;font-weight: 400;margin-right: 45px;}
.headerLinks a:hover{color: white;}

.otbuts{display: none!important;}

.why-us-text{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
}



/************/

.why-us-text > span {
    font-size: 21px;
    font-weight: bold;
    color: #63677d;
}
.why-us-text h2 {
    font-size: 32px;
    font-weight: 700;
    color: #3e5a70;
    font-family: 'Gilroy';
}
.why-us-text p {
    color: #3e5a70;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 25px;
    font-family: 'Gilroy';
}

/*menu*/

.header-area {
    position: relative;
    padding: 0px 0px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9997;
    margin: 0 auto;
}

.headerMenu{
    width: 100%;
    border-bottom: 1px solid #e7eef5;
    background: #29254400;
}

.headerMenu.menu-toggler.active{
    background: #292544;
}

.head-nav {
    padding: 0px 0px;
    position: unset;
}

@media (min-width: 992px) {
    .menu-toggler {
        display: none;
    }
}

.menuContainer{width: 100%;position: absolute;right: 0px;left: 0;top: 100%;background: #fff;display: none;padding: 30px 0;float: left;z-index: 9999;max-width: 100%;border-top: 1px solid #f2f5f8;}
.menuContainer.p0{padding: 0;}
.menuWrapper{float: right;width: 100%;display: flex;justify-content: space-between;padding: 0px 0;align-items: center;}
.menuWrapper > ul{width: 100%;float: left;display: flex;justify-content: flex-start;}
.menuWrapper > ul > li{float: left;margin-left: 0;text-align: center;}
.menuWrapper > ul > li > a{display: flex;align-items: center;font-size: 16px;color: #444444;font-weight: 600;display: flex;line-height: 80px;text-transform: uppercase;border-right: 1px solid #f2f5f8;justify-content: center;padding: 0 50px;position: relative;}
.menuWrapper > ul > li:first-child > a{
    padding-left: 0;
}
.menuWrapper > ul > li > a:hover{color: #4b5bd2;}
.menuWrapper > ul > li > a:hover:before{content:"";width: 100%;height: 2px;position: absolute;left: 0;top: 0;background: #4b5bd2;}
.menuWrapper > ul > li > a img{margin-left: 4px;}
.menuWrapper ul li ul{display: flex;gap: 10px;justify-content: flex-start;max-width: 1296px;margin: 0 auto;width: 100%;height: auto;/* overflow-y: scroll; */flex-wrap: wrap;}
.menuWrapper ul li:hover .menuContainer{display: flex;}
.menuWrapper ul li ul.institutionalMenu{width: 100%;flex-wrap: nowrap; overflow: unset;}
.menuWrapper ul li ul.institutionalMenu li{width: 100%;display: flex;justify-content: space-between;float: left;}
.menuWrapper ul li ul.institutionalMenu li a{display: flex;width: 100%;align-items: center;font-size: 18px;color: #fff;font-weight: 500;border: 0px solid #8187a1;border-radius: 6px;padding: 15px;/* background-color: #707390; */}
.menuWrapper ul li ul.institutionalMenu li a:hover{background: #f5f5f5;}
.menuWrapper ul li ul.institutionalMenu li a:hover .institutionalIcon img{}
.menuWrapper ul li ul.institutionalMenu li a span{
    font-size: 18px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 22px;
    color: #474747;
}
.menuWrapper ul li ul.institutionalMenu li a span strong{
    clear: left;
    margin-left: 0;
    font-weight: 400;
}
.menuWrapper ul li ul.servicesMenu{gap: 15px;}
.menuWrapper ul li ul.institutionalMenu li a strong{ margin-left: 4px; }
.menuWrapper ul li ul.servicesMenu li{border-radius: 13px;width: calc(20% - 12px);}
.menuWrapper ul li ul.servicesMenu li a{background: #e3eaf1;transition: .3s ease;width: calc(100% - 0px);text-align: center;padding: 20px 0;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;border-radius: 6px;font-size: 18px;color: #3e5a70;font-weight: 600;position: relative;line-height: 23px;}
.menuWrapper ul li ul.servicesMenu li a span{margin-right: 0;font-weight: 400;}
.menuWrapper ul li ul.servicesMenu li a:hover{box-shadow: 1px 1px 11px 7px #0000002b;}
/*.menuWrapper ul li ul.servicesMenu li a.instagram{background-color: var(--colorInstagram);}
.menuWrapper ul li ul.servicesMenu li a.twitter{background-color: var(--colorTwitter);}
.menuWrapper ul li ul.servicesMenu li a.youtube{background-color: var(--colorYoutube);}
.menuWrapper ul li ul.servicesMenu li a.facebook{background-color: var(--colorFacebook);}
.menuWrapper ul li ul.servicesMenu li a.tiktok{background-color: var(--colorTiktok);}
.menuWrapper ul li ul.servicesMenu li a.spotify{background-color: var(--colorSpotify);}
.menuWrapper ul li ul.servicesMenu li a.tinder{background-color: var(--colorTinder);}*/
.menuWrapper ul li ul.menuIcon{}
.menuWrapper ul li ul.toolsMenu li{display: flex;width: calc(100% - 0px);justify-content: flex-start;margin-left: 0;margin-right: 0;/* flex-wrap: wrap; */align-items: flex-start;}
.menuWrapper ul li ul.toolsMenu li ul{flex-direction: column;padding: 0px 0px 25px 52px;gap: 0px;overflow: unset;position: relative;width: 100%;margin: 0;}
.menuWrapper ul li ul.toolsMenu li ul > span{font-size: 18px;color: #444444;font-weight: 600;padding-left: 0;text-align: left;}
.menuWrapper ul li ul.toolsMenu li a{display: flex;align-items: center;border: 0;border-radius: 0;padding: 3px 0px;background: white;font-size: 16px;font-weight: 400;width: calc(100% - 10px);color: #444444;transition: .3s ease;position: relative;display: flex;flex-direction: row;align-items: center;background: none!important;}
.menuWrapper ul li ul.toolsMenu li a:hover{color: #4b5bd2!important;border-radius: 6px;}
.menuWrapper ul li ul.toolsMenu li a span{font-weight: 400;margin-right: 5px;}
.institutionalIcon{display: flex;align-items: center;justify-content: center;margin-right: 15px;float: left;width: 50px;height: 50px;min-width: 50px;min-height: 50px;background: #c9cdf1;border-radius: 100%;}
.institutionalIcon img{}
.servicesIcon{width: 50px;height: 50px;min-width: 50px;min-height: 50px;display: flex;align-items: center;justify-content: center;margin-bottom: 12px;background: url('../img/shape.png');background-repeat: no-repeat;background-position: center;background-size: auto;font-size: 24px;background: #6e7fff;border-radius: 100%;color: white;}
.servicesIcon img{width: 50px;height: 50px;filter: invert(1);}
.menuIcon{ width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; }
.menuIcon img{width: 15px;height: 15px;}
.toolsMenu .menuIcon{width: 40px;height: 40px;border-radius: 100%;position: absolute;left: 0px;top: -7px;background: black;color: white;}
.toolsMenu .menuIcon img{ width: auto; height: auto; }
.menuWrapper ul li ul.toolsMenu{ overflow: unset;padding-top: 40px;}
.menuWrapper ul li ul.toolsMenu li ul.instagram .menuIcon{background: #e1306c;}
.menuWrapper ul li ul.toolsMenu li ul.twitter .menuIcon{background: #1da1f0;}
.menuWrapper ul li ul.toolsMenu li ul.facebook .menuIcon{background: #1873ea;}
.menuWrapper ul li ul.toolsMenu li ul.youtube .menuIcon{background: #ff0000;}
.menuWrapper ul li ul.toolsMenu li ul.tiktok .menuIcon{background: #101626;}

.menuWrapper ul li ul.toolsMenu li ul.instagram{}
.menuWrapper ul li ul.toolsMenu li ul.twitter{}
.menuWrapper ul li ul.toolsMenu li ul.facebook{}
.menuWrapper ul li ul.toolsMenu li ul.youtube{}
.menuWrapper ul li ul.toolsMenu li ul.tiktok{}

@-webkit-keyframes scale-up-ver-center {
    0% {
      -webkit-transform: scaleY(0.4);
              transform: scaleY(0.4);
    }
    100% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
    }
  }
  @keyframes scale-up-ver-center {
    0% {
      -webkit-transform: scaleY(0.4);
              transform: scaleY(0.4);
    }
    100% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
    }
  }
  

.ftmenuWrapper{
    float: left;
    width: calc(100% - 300px);
    display: flex;
    justify-content: space-between;
    padding: 29px 65px 25px 0px;
}

.announcement{
    border-radius: 60px;
    float: left;
    clear: left;
    position: relative;
    padding: 0 0 0 55px;
    margin-bottom: 10px;
}
.announcement > img{
    position: absolute;
    left: -10px;
    top: -40px;
}
.announcement > span{
    color: #ffffff;
    font-size: 22px;
    font-weight: 500;
}
.announcement > span:before{content:"";width: 40px;height: 2px;background: white;position: absolute;left: 0;top: 16px;}
.bannerArea{
    width: 100%;
    background: url(../img/background.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.fast-flex {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 0 0px 0;
}

.fast-first p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
}
.fast-sec {
    width: 100%;
    margin-left: 0px;
    margin-top: 90px;
    background: white;
    padding: 29px 18px 26px 18px;
    margin-bottom: -60px;
    border-radius: 10px;
    z-index: 9;
    display: block;
    position: relative;
    /* box-shadow: 0px 3px 13px 4px #b5abab0f; */
}


.bannerImage{
    position: relative;
    display: flex;
    width: 100%;
    text-align: right;
    margin-bottom: 0;
}
.bannerImage > img{
    width: 100%;
}


.fast-box-area {
    display: flex;
    margin-top: 25px;
  }
  .fast-box {
    color: #444444;
    background: #ffffff;
    padding: 10px 30px;
    margin-bottom: 10px;
    border-radius: 40px;
    margin: 0 10px 0 0;
    font-size: 20px;
    cursor: pointer;
    transition: .2s;
    position: relative;
    top: 0;
    display: flex;
    align-items: center;
    height: 55px;
  }
    .fast-box > a{
    display: flex;
    align-items: center;
}
    .fast-box span img{}
  .fast-box:hover {
    position: relative;
    /* box-shadow: 0px 13px 20px #ffffff40; */
    top: -5px;
  }
  .fast-box:hover i {
    transform: rotate(360deg);
  }
  .fast-box i {
    transition: .3s;
  }
  .fast-box span {
    font-weight: 500;
    font-size: 16px;
    margin-left: 5px;
    position: relative;
    top: 0px;
    margin-right: 10px;
    color: #444444;
  }
.fast-box span strong{
    font-weight: 600;
}

  .fast-box.secondBox{
    color: #444444;
    background: white;
}

.fast-box.secondBox span{
    color: #444444;
}

.widgetsWrapper{
    width: 100%;
    padding: 20px 30px;
    border-bottom: 1px solid #70739024;
}
.wigetsArea{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.widgetsBox{
    display: flex;
    align-items: center;
}
.widgetIcon{
    background: #5c66b5;
    width: 55px;
    height: 55px;
    min-width: 55px;
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    border-radius: 100%;
}
.widgetsBox img{
}
.widgetsBox span{
    display: flex;
    flex-direction: column;
    font-size: 16px;
    color: #707390;
}
.widgetsBox span strong{
    font-size: 23px;
    line-height: 25px;
}

.whyUsWrapper{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.whyUsdesc{
    width: 65%;
}
.whyUsdesc h2{
    width: 100%;
    margin-bottom: 35px;
    color: #19203f;
    font-size: 35px;
    font-family: 'Gilroy';
}
.whyUsdesc h2 span{
    font-weight: bold;
}
.whyUsdesc p{
    font-family: 'Gilroy';
    font-weight: 400;
    font-size: 16px;
    color: #19203f;
    width: 100%;
    margin-bottom: 45px;
}
.whywidgets{
    width: 100%;
    display: flex;
    gap: 15px;
    margin-bottom: 40px;
}
.whyWidgetBox{
    width: 100%;
    position: relative;
    background: #f0f2f6;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: end;
    padding: 20px;
}
.whyWidgetBox:after{
    content: "";
    background: url(../img/filled.png);
    position: absolute;
    top: 30px;
    right: -30px;
    width: 43px;
    height: 43px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    z-index: 9;
}
.whyWidgetBox img{
    margin-bottom: 20px;
}
.whyWidgetBox h3{
    font-size: 15px;
    color: #19203f;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 700;
}
.whyWidgetBox h3 span{
    font-weight: 500;
}
.whyUsdesc ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    display: none;
}
.whyUsdesc ul li{
    width: 35%;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.whyUsdesc ul li img{
    margin-right: 5px;
}
.whyUsImg{
    width: 30%;
    text-align: right;
}
.whyUsImg img{
    width: 100%;
    max-width: 424px;
}

#whyus::after {
    display: none;
}

#bloglast{display: none!important;}

.headLR{display: flex;justify-content: space-between;margin-bottom: 20px!important;}

.titleLeft{
    width: 100%;
    text-align: left;
    padding-right: 10%;
}
.ns-heading .titleLeft h2{
    color: #ffffff;
}
.ns-heading .titleLeft p{
    color: white;
    opacity: 1;
}
.titleRight{
    width: 20%;
}
.commentbe{
    background: #ebf6fc;
    border-radius: 5px;
}
.commentbe a{
    padding: 4px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.testimonialsCard{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 30px;
}
.titleCardComment{
    display: flex;
    align-items: center;
}
.card-img-top{
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: #4865a0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 6px 16px 5px #00000047;
}
.cardTitle{
    text-align: left;
    margin-left: 15px;
}
.cardTitle h5{
    font-size: 18px;
    font-weight: 600;
    color: #343e3f;
}
.cardTitle span{
    font-size: 16px;
    font-weight: 400;
}
.commentStars{
    border: 1px dashed #c9cdd8;
    padding: 12px 15px;
    border-radius: 10px;
}
.commentStars .starts{}
.testiarea{ }
.testiarea .card{ }
.card-text{ }
.contentWrapper{}
.seoWrapper{
    background: none;
    max-height: 380px;
    overflow: auto;
    padding: 0 0 20px 0;
}

.seoWrapper h2{font-size: 22px;color: #ffffff;font-weight: bold;}
.seoWrapper p{
    font-size: 18px;
    color: #8b8b9f;
}

.pad20bgw{
    background-color: #fff;
    padding: 20px 20px 0px 20px;
    position: relative;
}

.pad20bgw:after{
    content: "";
    width: 100%;
    height: 100px;
    background: linear-gradient(0deg, rgb(255 255 255) 0%, rgba(255,255,255,0) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

#aboutus{display: none!important;}

.footerBar{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}
.footerButton{
    display: flex;
}
.footerButton a{
    background: linear-gradient(72deg, rgba(28,147,247,1) 0%, rgba(14,202,255,1) 100%);
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 5px 20px;
    color: white;
    margin-right: 20px;
    color: white;
    border-radius: 3px;
    transition: all .3s ease;
    transition: .2s;
}
.footerButton a:hover{
    /* box-shadow: 0px 13px 20px #ffffff40; */
    margin-bottom: 3px;
    margin-top: -3px;
}
.footerButton a span{color: white;display: flex;align-items: center;gap: 5px;}
.footerButton a:hover span{}
.footerButton a img{}
.footerSocial{}
.footerSocial ul{
    display: flex;
    align-items: center;
}
.footerSocial ul li{}
.footerSocial ul li a{
    width: 50px;
    height: 50px;
    display: flex;
    background: gray;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    margin-left: 10px;
    font-size: 20px;
    color: white;
    transition: .2s;
}
.footerSocial ul li a i{}
.footerSocial ul li a:hover{opacity: .8;}
.footerSocial ul li a.twitter{background:#1da1f0;}
.footerSocial ul li a.youtube{background:#ff0000;}
.footerSocial ul li a.instagram{background:#e1306c;}
.copyright img{max-width: 100%;}

.ftInfo{}
.ftInfo ul{
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.ftInfo ul li{margin-bottom: 0;border-radius: 10px;}
.ftInfo ul li a{display: flex;align-items: center;padding: 20px;border-radius: 20px;}
.ftInfo ul li a > span{display: flex;flex-direction: column;color: #ccd4e3;font-size: 18px;font-weight: 600;line-height: 22px;}
.ftInfo ul li a > span strong{color: #ccd4e3;font-weight: 400;font-size: 18px;}
.ftscIcon{
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    color: white;
}
.ftscIcon i{font-size: 22px;}
.ftscIcon span{}
.ftscIcon span strong{}

.ftscIcon.wsapp{background: #0b4833;}
.ftscIcon.email{background: #511b2a;}

.priceBottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 12px;
}

.splide__slide .packBottom .packBuyBTN img {
    vertical-align: text-top!important;
}

.contactTitle{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 15px 15px;
    border-bottom: 1px solid #e7eef5;
}
.contactTitle h2{
    width: 100%;
    float: left;
    font-size: 18px;
    font-weight: 700;
    color: #6c757d;
    margin:0px;
    font-family: 'Gilroy';
}

.SideContBoxArea.contactArea .ns-label{display: none;}

.SideContBoxArea.contactArea .ftInfo ul{flex-direction: column;display: flex;justify-content: space-between;gap: 20px;}
.SideContBoxArea.contactArea .ftInfo ul li a, .SideContBoxArea.contactArea .ftInfo ul li a > span{color: #444444;font-size: 16px;}
.SideContBoxArea.contactArea .ftscIcon.email{background: #3ba9da;}

.sidebarBanner{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}
.sidebarBanner p{
    font-size: 14px;
    color: #6c757d;
    font-weight: 400;
    margin-bottom: 20px;
}
.sidebarBanner img{
    width: 100%;
}

.contactForm{
    width: 100%;
    padding: 15px;
}

.text-align-right{
    display: flex;
    justify-content: flex-end;
}

.widgetsWrapper{
    background: #3340a3;
    width: 100%;
    padding: 20px 0;
}
.wigetsArea{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.widgetsBox{
    display: flex;
    align-items: center;
}
.widgetsBox img{
    margin-right: 0;
}
.widgetsBox span{
    display: flex;
    flex-direction: column;
    color: #ffffff;
}
.widgetsBox span strong{}

.inPageFaq .faqwell{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 15px;
}

.inPageFaq .faqwell .item{
    width: calc(50% - 7.5px);
    margin-bottom: 0;
}

.inPageFaq .faqwell .item h3{
    font-size: 18px;
    font-weight: 600;
    color: #19203f;
}

.morethanBtn{
    display: flex;
}
.morethanBtn span{display: flex;align-items: center;background: linear-gradient(72deg, rgba(28,147,247,1) 0%, rgba(14,202,255,1) 100%);color: white;line-height: 45px;padding: 0px 20px;border-radius: 50px;}
.morethanBtn span img{
    margin-left: 20px;
}
.morethanBtn span strong{
    margin-right: 4px;
}

.obj-tab {
    list-style: none;
    height: 100%;
    margin: 0px 15px 0 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transform: translate3d(0, 0, 0) scale(1.000000005);
    transition: transform 150ms ease, opacity 200ms ease;
    border: 0px solid #fff0;
    border-radius: 4px;
    /* opacity: .5; */
}
.obj-tab.active{opacity:1;background: none;}
.obj-tab:hover {
  opacity: 0.8;
}
.obj-tablink {
    padding: 0px 20px;
    color: var(--color3) !important;
    font-weight: 500;
    text-decoration: none;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    color: #3e5a70!important;
    z-index: 999;
    font-size: 18px;
    padding: 20px 40px 20px 20px;
    border-radius: 20px;
    background: white;
}
.obj-tab.active .obj-tablink .tabIcon {background: #4b5bd2;}
.obj-tabcontent {
    position: relative;
    display: flex;
    padding: 10px;
    z-index: 50;
}

.obj-tabcontent.specPad{padding: 25px 0px 25px 0px!important;border-top: 1px solid #e8e8e9;margin-top: 25px;}
.card-body.p0{padding: 0px!important;}
.card.specStep{border:none!important;border-radius: 10px;background: none;}

.obj-tabindicator {
  width: 100%;
  height: 100%;
  background: var(--color1);
  position: absolute;
  display: block;
  border-radius: 12px;
  z-index: 1;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
  color: #ffffff;
}

.active .obj-tabindicator {
    opacity: 1;
    background: none;
}

.iconBox{
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #55758f;
    color: #ffffff;
    border-radius: 3px;
    margin-right: 10px;
    border-radius: 100%;
    box-shadow: 1px 1px 13px 5px #55758f57;
}
.iconBox.ucresiz{
    background: #55758f;
}
.pack-item{
    width: 100%;
    border-radius: 10px;
    padding: 20px 20px 20px 20px;
    border-radius: 20px;
    background: white;
}
.pack-item .alert-info{
    color: #6f6f74;
    font-size: 15px;
    font-weight: 400;
    background: #d3d3d5;
    border-radius: 6px;
    border: 0;
}
.pack-item .alert-warning{
    background: #f9d6d6;
    border-radius: 6px;
    font-weight: 400;
    color: #e03131;
    border: 0;
    font-size: 15px;
}

.pack-item .btn-pack-buy.btninput{
    width: 100%;
    background: #4b5bd2;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    height: 70px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    text-align: center;
    justify-content: center;
    opacity: 1;
}

.pack-item .btn-pack-buy.btninput img{}

.contact-area .form-control {
    height: 70px;
    border: 1px solid #c9d2e1;
    border-radius: 10px;
    box-shadow: none !important;
    padding: 5px 20px;
    transition: .3s;
    border: 1px solid #c0c7df;
    color: #444444;
    font-size: 20px;
}

.contact-area .form-control:placeholder{
    color: #444444;
}

.pack-item .btn-pack-buy.ucretsizAraclar {
    height: 50px;
    font-size: 16px;
    color: white;
    float: none;
    width: 100%;
    max-width: 20%;
}

.pack-item .btn-pack-buy {
    background: #1da1f2;
    border-radius: 50px;
    margin: 0 auto!important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.satinAl{
    width: 100%;
    display: flex;
    justify-content: center;
}

.inputIcon{
    position: absolute;
    left: 25px;
    top: 15px;
    width: 30px;
    height: 30px;
    background: #c7cbe7;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inputIcon input{
    background: url(../img/user.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 15px 50%;
    padding-left: 50px!important;
}

.newCommentArea, .specPad.newCommentArea{
    padding: 20px!important;
}

.tocommentArea{
    width: 100%;
    display: flex;
    padding: 20px 30px;
}

.modalBanner{
    width: 100%;
    float: left;
    border-top: 0px solid #c0c7df;
    display: flex;
    justify-content: center;
    padding: 20px 0 20px 0;
}
.modalBanner img{
    width: 100%;
}
.modal-body .sign-in-container{width: 100%;}

body .modal {
    z-index: 99999;
}

body .modal-dialog {
    max-width: 600px;
}

body .modal-dialog .modal-content {
    background: #4553b1!important;
    border-radius: 20px;
}
.aciklamaAlani{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    padding: 20px 30px;
    background: #37428e;
    position: relative;
    bottom: -1px;
}
.aciklamaAlani span{
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
    text-align: left;
}
.aciklamaAlani span strong{}

.aciklamaAlani a{
    padding: 0;
}
.aciklamaAlani a img{}

.modalTitle{ width: 100%; float: left; padding: 0 30px; }
.modalTitle h4{width: 100%;float: left;text-align: center;font-size: 30px;font-weight: 800;color: #ffffff;text-transform: uppercase;margin-bottom: 20px;}
.modalTitle p{width: 100%;margin: 0;text-align: center;color: #ffffff;font-size: 17px;font-weight: 400;margin-bottom: 10px;}
.modalTitle p strong{font-weight: 400;}

.modal-body2 .container2{display: flex;flex-direction: column;padding: 30px;}
.modal-body2 .sign-in-container{width: 100%;position: unset;height: auto;}
.modal-body2 .overlay-container{width: 100%;position: unset;height: auto;}
.kalanSure{
    width: 50%;
    font-size: 18px;
    font-weight: 400;
    color: #18d3a6;
    padding: 0;
    border-radius: 15px;
    border: 1px solid #18d3a6;
    background: #f9f9f9;
    display: flex;
    align-items: center;
    padding: 12px 12px;
    display: flex;
    justify-content: center;
    text-align: center;
}
.kalanSure > div{}
.modal-body2 #timer{
    font-size: 18px;
    font-weight: 500;
    color: #18d3a6;
    border: 0px;
    padding: 0;
}

.timeModal{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: center;
    padding-bottom: 50px;
}
.siraBekleme{
    width: 50%;
    font-size: 18px;
    font-weight: 500;
    color: #ff0000;
    padding: 0;
    border-radius: 15px;
    border: 1px solid #ff0000;
    background: #f9f9f9;
    display: flex;
    align-items: center;
    padding: 15px;
    display: none;
}


.modal-body2 .overlay-right{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: unset;
    width: 100%;
    padding:0px;
}

.modal-body2 .overlay{
    display: flex;
    position: unset;
    width: 100%;
    background: #e1eeff;
    padding: 15px;
}

.kalanSure > img, .siraBekleme > img{margin-right: 15px;}
.spanBox{padding: 2px 0px;margin: 0px 0px;border-radius: 20px;font-size: 22px;color: #50546c;font-weight: 600;}
.kalanSure .spanBox{}
.siraBekleme .spanBox{background: #fac7c7;}
.spanBox > span{margin-right: 0;}
.kalanSure .spanBox .label{display: none!important;}

.allCounter{
    display: flex;
    flex-direction: column;
    color: #50546c;
    font-size: 14px;
}

.modal-body2 .overlay{text-align: left;}
.modal-body2 .overlay h2{font-weight: bold;font-size: 18px;color: #68acff;text-align: left;}
.modal-body2 .overlay p,.modal-body2 .overlay span{font-weight: 400;font-size: 15px;color: #68acff;text-align: left;margin: 0;}
.modal-body2 .overlay .footer-contant-btn{
    background: #68acff;
    color: white;
    font-size: 14px;
    padding: 5px 14px;
    border-radius: 20px;
    font-weight: 400;
    box-shadow: none;
    margin-top: 5px;
}


#exampleModal .modal-body .container2{
    box-shadow: none!important;
    background: none;
    min-height: 380px;
}

body .modal-content .modal-body{
    padding: 60px 0 0px 0;
}

.orderSteps{
    border-bottom: 1px solid #dbdef6;
    width: 100%;
    position: relative;
    height: 80px;
    margin-bottom: 70px;
}
.orderSteps .obj-tabcontent{
    justify-content: center;
    position: absolute;
    left: 0;
    top: 45px;
    padding: 0;
    right: 0;
}
.orderSteps .obj-tabcontent li a .tabIcon{
    border-radius: 100%;
    background: #c4c9db;
    width: 65px;
    height: 65px;
    min-width: 65px;
    min-height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.orderSteps .obj-tabcontent li:hover a .tabIcon{
    /* background: #1da1f0; */
}
.orderSteps .obj-tabcontent li:after{}
.orderSteps .obj-tabcontent li:first-child a{}
.orderSteps .obj-tabcontent li:last-child:after{}
.orderSteps .obj-tab{}
.orderSteps .obj-tab.active.orderColor span{
    color: #4b5bd2;
}
.orderSteps .obj-tab.active:hover a{
    color: #1da1f0!important;
}
.orderSteps .obj-tab.active{}
.orderSteps .obj-tab.orderColor{
    margin: 0 40px;
    opacity: 1!important;
}
.orderSteps .obj-tablink{padding: 0px;flex-direction: column;}
.orderSteps .obj-tablink span{padding: 0px 0px;color: #c4c9db;text-transform: uppercase;margin-top: 10px;}

/*stepler*/

.orPayDetail{
    padding-top: 40px;
}
.orPayDetail h2{
    width: 100%;
    border-bottom: 1px solid #e7eef5;
    padding: 20px;
    font-weight: 600;
    color: #6c757d;
    font-size: 18px;
}
.orPayDetail.pt0{padding-top: 0px!important;}
.orPayDetail{}

.cart-box {
    float: left;
    width: 100%;
}
.cart-box.box {
    /* box-shadow: 0 24px 79px 0 rgb(48 55 84 / 7%); */
    background: #fff;
    border-radius: 4px;
    position: relative;
    border-radius: 20px;
}
.cart-title {
    padding: 25px;
    margin: 0;
    padding-bottom: 15px;
    font-size: 17px;
    font-weight: 600;
}

.os-tabs {
    padding: 0;
    padding-top: 40px;
    display: none
}

.os-tabs.show {
    display: flex;
}

.os-tabs.os-tab3.show#step4 {
    padding: 0;
    padding-top: 35px
}

.os-tabs h4 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 2px;
    color: #555
}

.os-tabs p {
    font-size: 16px;
    color: #777
}

.os-tabs .form-control {
    min-height: 60px;
    border: 3px solid #ececec;
    border-radius: 12px;
    box-shadow: none!important;
    padding: 12px 20px
}

.os-next-btn {
    color: #fff!important;
    font-weight: 600;
    font-size: 20px;
    background: var(--color1);
    padding: 12px 40px;
    border-radius: 15px;
    transition: .3s
}

.os-next-btn:hover {
    padding: 12px 50px
}

.os-pri-btn {
    color: #fff!important;
    font-weight: 600;
    font-size: 20px;
    background: var(--color2);
    padding: 12px 40px;
    border-radius: 15px;
    transition: .3s;
    margin-right: 6px
}

.os-pri-btn:hover {
    padding: 12px 50px
}

button.btn.btn-paket {
    padding: 10px 20px;
    background: #4b5bd2;
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
    display: block;
    float: right;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 30px;
    border-radius: 5px;
}

.cart-box h2{
    width: 100%;
    padding: 0;
    font-weight: 600;
    color: #5f6a73;
    font-size: 16px;
}

.cardContent{
    width: 100%;
    padding: 40px;
    background: white;
}

.cardContent p{
    width: 100%;
    font-weight: 500;
    color: #5f6a73;
    font-size: 14px;
    margin-bottom: 10px;
}
.cart-buttons{
    padding-right: 20px;
}

.PaymentMethod{}
.PaymentMethod ul{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-direction: column;
}
.PaymentMethod ul li{
    border: 1px solid #e3e6ee;
    font-size: 16px;
    font-weight: 500;
    color: #6c757d;
    height: 70px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 13px;
    cursor: pointer;
    width: 100%;
    border-radius: 10px;
}
.PaymentMethod ul li.selectPayment {}
.PaymentMethod ul li.selectPayment.selected{
    background: #4553b1;
    color: white;
    border-color: #4553b1;
}

.chxarea.free label a{
    color: #6c757d!important
}

/*stepler*/

.menuLogo{
    width: 100%;
    float: left;
    padding: 20px;
}
.menuLogo a{}
.menuLogo a img{}

.paymentList{}
.paymentList li{
    border-bottom: 1px solid #e7eef5;
    padding: 14px 20px!important;
}

/*footer acilan menu*/
.footer .fdef ul{}
.footer .fdef ul li{}
.footer .fdef ul li:hover{
    background: white;
}
.footer .fdef ul li ul{display: none;overflow: auto; height: 100%; position: absolute;background: #ffffff;left: 100%;min-width: 70%;z-index: 9999;top: 0;flex-direction: column;padding: 10px;}
.footer .fdef ul li:hover ul{display: flex;}
.footer .fdef ul li:hover ul li{display: flex;}
.footer .fdef ul li ul li a{display: flex;padding: 0;}
.footer .fdef ul li ul li a:hover{color: #fff;}
/*footer acilan menu*/

.srcwell{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.srcwell > span{
    display: flex;
    align-items: center;
    width: 79%;
    position: relative;
}
.srcwell > span > img{
    position: absolute;
    left: 10px;
    height: 38px;
}
.srcwell > span > p{
    color: white;
    font-size: 17px;
    font-weight: 400;
    margin: 0;
    display: flex;
    white-space: nowrap;
    margin-right: 20px;
}
.srcwell{}

.floatingMenu{}
.floatingMenu .ftInfo ul li a > span{}
.floatingMenu .ftInfo ul li a {}
.floatingMenu .ftInfo ul li {}
.floatingMenu .ftInfo ul {}
.floatingMenu .ftInfo {}

.floatingMenu .ftscIcon{ }
.floatingMenu .ftscIcon i{}
.floatingMenu .ftscIcon span{}
.floatingMenu .ftscIcon span strong{}
.floatingMenu .ftscIcon.wsapp{}
.floatingMenu .ftscIcon.email{background: #3ba9da;}
.floatingMenu .ftscIcon.santraltel{background: #455ee0;}

.noneTitle.title {color: #fff0!important;}
.noneTitle.title:after{background: #fff0!important;}

.titleIcon{
    width: 85px;
    height: 85px;
    border-radius: 8px;
    background: #fb5c1f;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    box-shadow: 1px 3px 20px 20px #fb5c1f26;
}
.titleIcon img{}
.titleWrapper{}
.titleWrapper span{
    font-weight: 800;
    color: #444444;
    font-size: 36px;
    display: flex;
    align-items: center;
}
.titleWrapper span.thin{font-weight: 400;margin-right: 10px;}
.titleWrapper span strong{margin-left: 10px;}
.titleWrapper h2{}
.titleWrapper p{}


#offerWe{
    margin: 0px 0px;
}
.offerWrapper{
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 100px;
}
.offerImg{
    max-width: 520px;
    background: url(../img/shadows.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    float: left;
}
.offerImg img{
    width: 100%;
}
.offerDescription{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-right: 40px;
}
.offerTitle{
    display: flex;
    flex-direction: column;
    width: 100%;
    float: left;
    margin-bottom: 25px;
}
.offerTitle p{
    font-size: 18px;
    color: #3e5a70;
    margin: 0px 0px 0px 0px;
    max-height: 100px;
    overflow: hidden;
}
.offerTitle h2{
    font-size: 44px;
    color: #3e5a70;
    font-weight: 800;
    margin: 0px 0px 25px 0px;
    position: relative;
    padding-bottom: 30px;
}
.offerTitle h2:before{
    content: "";
    height: 2px;
    width: 48px;
    background: #63677d;
    display: block;
    border-radius: 20px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.offerTitle h2:after {
    content: "";
    height: 8px;
    width: 28px;
    background: #63677d;
    display: block;
    border-radius: 40px;
    margin-left: 60px;
    position: absolute;
    bottom: 0px;
    display: none;
}
.offerTitle span{
    font-size: 44px;
    color: #3e5a70;
    font-weight: 300;
    margin-bottom: 10px;
    line-height: 26px;
}
.offerTitle{
}
.offerBox{
    width: calc(33% - 10px);
    float: left;
    border-radius: 0;
    display: flex;
    align-items: center;
    padding: 0;
}
.offerIcon{
    width: 55px;
    min-width: 55px;
    height: 55px;
    min-height: 55px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3340a3;
    color: #ffffff;
    margin-bottom: 0;
    font-size: 28px;
    margin-right: 10px;
}
.offerIcon img{}
.offerBox p{
    margin:0px;
    font-size: 18px;
    color: #3e5a70;
    font-weight: 400;
    display: flex;
    flex-direction: column;
}
.offerBox p span{
    font-weight: 600;
    font-size: 28px;
    float: left;
    clear: left;
    line-height: 25px;
}

.offerBoxWrapper{display: flex;flex-wrap: wrap;justify-content: flex-start;}

.offerBoxWrapper .offerBox{display: flex;align-items: center;margin-top: 20px;}
.offerBoxWrapper .offerBox:first-child{}
.offerBoxWrapper .offerBox:nth-child(2){/* display: flex; */}


.fast-flex {
    position: relative;
    display: flex;
    align-items: flex-end;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 70px 0 70px 25px;
    justify-content: space-between;
}

.fast-first {
    width: 63%;
    margin-top: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    z-index: 9;
    float: right;
}

.fast-first > span{
    font-size: 30px;
    color: #ffffff;
    font-weight: 500;
}

.fast-first h1 {
    float: left;
    margin-bottom: 10px;
    font-size: 48px;
    line-height: 123.5%;
    color: #ffffff;
    position: relative;
    width: auto;
    font-weight: 400;
    /* letter-spacing: -1.4px; */
}

.fast-first h1:after {
    content: "";
    background: url(../img/line.png) center no-repeat;
    position: absolute;
    right: 80px;
    bottom: -14px;
    width: 250px;
    height: 21px;
    background-size: contain;
}

.fast-first h1 strong{
    letter-spacing: -3px;
}

.subTitlefk span {
    font-size: 24px;
    color: #fff;
    font-weight: 500
}

.fast-first h1 span {
    padding-top: 0;
    display: inline-block;
    font-weight: 800;
    font-size: 52px;
    color: #fff;
    letter-spacing: -1.4px;
}

.fast-first p {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    width: 100%;
    margin-bottom: 0;
    margin-top: 0px;
}

.fast-sec {
    width: 100%;
    margin-left: 0;
    margin-top: 90px;
    background: #fff;
    padding: 29px 18px 26px;
    margin-bottom: -60px;
    border-radius: 10px;
    z-index: 9;
    display: block;
    position: relative
}

.fast-two {
    display: flex;
    /* position: absolute; */
    margin-top: 0;
    float: right;
    bottom: 0;
    z-index: 0;
    width: 37%;
    justify-content: flex-end;
}

.bannerImage {
    display: flex;
    width: 100%;
    margin-bottom: 0;
    /* margin-left: 25px; */
    justify-content: flex-end;
}

.area1{
    padding: 20px 0;
    position: relative;
    z-index: 99;
}

.area2{
    padding: 20px 0;
    position: relative;
    z-index: 99;
}

.readMore{
    display: flex;
}
.readMore span{
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #ffffff;
    font-weight: 500;
    background: #707390;
    padding: 12.75px 20px;
    margin: 0;
    border-radius: 40px;
    justify-content: center;
    text-align: center;
    box-shadow: 1px 1px 11px 7px #0000002b;
    transition: .3s ease;
}

.readMore span:hover{
    box-shadow: 1px 1px 11px 7px #00000052;
}

.packContent{
    width: 100%;
    display: flex;
    justify-content: center;
    border-radius: 10px;
    margin-top: 10px;
    background: white;
    box-shadow: 1px 1px 4px 0px #00000017;
}

.flexdd .secili.btn-pack-buy {
    background: #eaeef4;
    color: #e1306c!important;
}

.flexdd .btn-pack-buy:hover{
    color: #e1306c!important;
}

.orderLabel{
    color:#707390;
    font-weight: 600;
    margin-bottom: 5px;
    display: none;
}

.ucretsizAraclarKapsar input{
    font-size: 16px;
    color: #444444;
    height: 70px;
}

#mission{
    width: 100%;
    border-radius: 10px;
    margin-bottom: 50px;
}
.missionWrapper{
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 4px 0px #00000017;
    background: white;
    padding: 30px 35px 10px 35px;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.missionWrapper strong{
    font-size: 20px;
    color: #23232d;
    font-weight: 700;
}
.missionWrapper span{
    font-size: 16px;
    color: #23232d;
    font-weight: 400;
    margin-bottom: 25px;
}
.info{
    background: #ffddb0;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 25px;
}
.buttonArea{
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 25px;
}
.buttonArea button{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 35px;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    line-height: 18px;
    border-radius: 5px;
    transition: all .3s ease;
}
.buttonArea button img{}
.action1{background: #8d45f8;}
.action2{background: #1da1f2;}
.action3{background: #1873eb;}
.action4{background: #01c267;}
.missionWrapper button:hover{
    opacity: .7;
}
.inputIcon img{}

.inputIcon input{
    background: url(../img/useric.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 15px 50%;
    padding-left: 80px!important;
}

.otherLink{
    width: 100%;
    float: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.flexdd .otherLink > a.btn-pack-buy{
    border: 1px solid white;
    background: #1873eb;
    display: flex;
    align-items: center;
    white-space: nowrap;
    max-width: unset;
    gap: 10px;
    border-radius: 5px;
    height: auto;
    padding: 10px 10px;
    font-weight: 600;
}
.flexdd.modalBanner .otherLink > a.btn-pack-buy{width: auto;}
.flexdd .otherLink > a.btn-pack-buy:hover{
    color: white!important;
}
.flexdd .otherLink > a.btn-pack-buy span{
    background: white;
    font-size: 14px;
    color: #e0316c;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: 500;
    letter-spacing: .4px;
    margin-left: 10px;
}

#notWait{
    margin-bottom: 50px;
}

.allPackages{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}
.packageDesc{
    display: flex;
    align-items: center;
    font-size: 58px;
    color: #707390;
    font-weight: 700;
    flex-direction: column;
    align-items: flex-start;
}
.packageDesc p{
    font-size: 28px;
    font-weight: 400;
}
.packageDesc img{}

.packagesLinks{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.packagesLinks a{
    width: calc(100% * 1/4 - 15px);
    padding: 20px 50px;
    background: #e0316c;
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: flex-start;
    color: white!important;
    border-radius: 8px;
    transition: all .3s ease;
}
.packagesLinks a:hover{
    opacity: .8;
}
.packagesLinks a img{}
.packagesLinks a span{
    display: flex;
    flex-direction: column;
}
.packagesLinks a span strong{}

.siteTitle{
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-style: italic;
    color: #707390;
}

.widgetsSpec{
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: space-between;
    gap: 60px;
    margin-top: 40px;
}
.widgetsSpecBox{
    width: 100%;
    display: flex;
    align-items: flex-start;
    /* box-shadow: 1px 1px 4px 0px #0000000d; */
    /* background: white; */
    /* padding: 20px 20px 20px 30px; */
    border-radius: 6px;
}
.widgetSpecIcon{
    background: #c2cdd7;
    width: 55px;
    height: 55px;
    min-width: 55px;
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    border-radius: 100%;
}
.widgetsSpec img{
}
.widgetsSpec span{
    display: flex;
    flex-direction: column;
    font-size: 18px;
    color: #3e5a70;
}
.widgetsSpec span strong{
    font-weight: 600;
}
.bgWhite{
    background: white;
}

.testiarea .splide__slide img{filter: grayscale(1);}
.testiarea .splide__slide:hover img{filter: none;}

.copyFunctionBtn{
    position: absolute;
    right: 20px;
    top: calc(50% - 10px);
}

.copyBoard{
    background: none;
    border: 0;
    color: white; }

.specInput{
    position:relative;
    background:#f36827!important;
    color: white!important;
}

.specInput span{
    color:  white!important;
}

/*menu-toggler*/
.menu-toggler {
    display: block;
    width: 30px;
    height: 26px;
    position: relative;
    cursor: pointer;
    margin-left: auto;
}
.menu-toggler .line-1 {
    width: 30px;
    height: 6px;
    position: absolute;
    border-radius: 12px;
    background: var(--color1);
    top: 0;
    left: 0;
    transition: .3s;
}
.menu-toggler .line-2 {
    width: 30px;
    height: 6px;
    border-radius: 12px;
    background: var(--color1);
    position: absolute;
    top: calc(50% - 3px);
    left: 0;
    transition: .3s;
}
.menu-toggler .line-3 {
    width: 30px;
    height: 6px;
    border-radius: 12px;
    background: var(--color1);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: .3s;
}
.menu-toggler.active .line-1 {
    transform: rotate(45deg);
    top: calc(50% - 3px);
}
.menu-toggler.active .line-2 {
    visibility: hidden;
    opacity: 0;
}
.menu-toggler.active .line-3 {
    transform: rotate(-45deg);
    bottom: calc(50% - 3px);
}

@media (max-width: 991px) {
    .menu-toggler.active .line-1, .menu-toggler.active .line-2,.menu-toggler.active .line-3{background: #e36335;}
    .menu-toggler .line-1, .menu-toggler .line-2,.menu-toggler .line-3{background: #e36335;}
}
/*menu-toggler*/

.mov{margin-bottom: 60px;}