@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

body {
    padding: 0;
    background-color: #FDFDFD;
    margin: 0;
    font-family: "Poppins", sans-serif;
}

html,
body {
    overflow-x: hidden;
}

a {
    text-decoration: none !important;
}

li {
    list-style: none !important;
}

ul {
    margin-bottom: 0rem !important;
    padding-left: 0rem !important;
}
a {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
a:hover {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
:focus {
    outline: none;
}

/*=================== header section ============================ */

.top-bar {
    display: flex;
    justify-content: space-between;
    margin: 13px 0;
}

.top-bar .left-top {
}

.top-bar .left-top a {font-size: 13px;color: #1f4790;font-weight: 500;}
.top-bar .left-top a:hover {
    color: #FF5500;
}

.top-bar .left-top a i {
    font-size: 18px;

    display: inline-block;

    margin-right: 8px;
}

.top-bar .left-top a span {
    font-weight: 500;
    color: #FF5500;
}

.top-bar .right-top {
}

.top-bar .right-top ul {display: flex;gap: 25px;}

.top-bar .right-top ul li {
}
.top-bar .right-top ul li a {font-size: 13px;color: #1f4790;font-weight: 500;}

.top-bar .right-top ul li a.login-register {color: #FF5500; !important;}

.nav-enkolay-sms{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.nav-enkolay-sms .logo-enkolaysms img{

    width: 220px;
}

.nav-enkolay-sms nav{

}
.nav-enkolay-sms nav ul{display: flex;gap: 36px;}
.nav-enkolay-sms nav ul li{

}
.nav-enkolay-sms nav ul li a{font-weight: 500;color: #1F4790;font-size: 14px;}
.nav-enkolay-sms nav ul li a:hover{
    color: #FF5500;
}
.menu-nav{
    background: #fff;
    padding: 25px 0;
    -webkit-box-shadow: -1px 2px 21px -4px rgba(0,0,0,0.11);
    -moz-box-shadow: -1px 2px 21px -4px rgba(0,0,0,0.11);
    box-shadow: -1px 2px 21px -4px rgba(0,0,0,0.11);
}


.hero-enuygunsms{

    margin: 100px 0 0;
}


.hero-enuygunsms .content-hero h1{

    font-size: 60px;

    line-height: 1.2;

    color: #1F4790;

    font-weight: 600;
}



.hero-enuygunsms .content-hero h1 span{

    display: block;

    font-weight: 400;

    font-size: 40px;

    color: #FF5500;
}


.hero-enuygunsms .content-hero h2{

    color: #1F4790;

    font-size: 18px;

    font-weight: 500;

    margin: 23px 0px 15px;
}

.hero-enuygunsms .content-hero p{

    max-width: 600px;

    font-size: 18px;

    color: #1F4790;

    line-height: 29px;

    font-weight: 200;

    margin-bottom: 25px;
}

.hero-enuygunsms .content-hero p b{font-weight: 500;}

.hero-enuygunsms .content-hero a{

    display: inline-block;

    background: #ffdcca;

    font-weight: 600;

    padding: 18px 50px;

    color: #FF5500;

    font-weight: 300;

    border-radius: 43px;
}
.hero-enuygunsms .content-hero a:hover{
    background: #FF5500;
    color: #fff;
}

.hero-enuygunsms .content-hero a span{


}


.hero-enuygunsms .services-country{

    display: flex;

    align-items: center;

    gap: 15px;

    margin-top: 29px;
}

.hero-enuygunsms .services-country .flag-c{}
.hero-enuygunsms .services-country .flag-c img{

    width: 30px;

    position: relative;
}
.hero-enuygunsms .services-country .flag-c img:nth-child(2){

    position: relative;

    left: -16px;
}
.hero-enuygunsms .services-country .flag-c img:nth-child(3){

    position: relative;

    left: -31px;
}
.hero-enuygunsms .services-country .text-c{

    color: #1F4790;

    position: relative;

    left: -34px;

    font-weight: 400;
}
.hero-enuygunsms .content-hero a span{
    font-weight: 600;
}
.right-img-hero{
    width: 370px;
    position: relative;
}
.right-cnt{
    display: flex;
    position: relative;
    justify-content: center;
    top: -64px;
}

.right-cnt::after{
    content: '';
    width: 750px;
    height: 750px;
    right: -250px;
    border-radius: 1000px;
    position: absolute;
    background: #ffdcca;
    top: -452px;
    z-index: -1;
}

.box-services{
    padding: 79px 0 75px;
    border: 1px solid #D6D6D6;
}


.box-services .box-item-s{

}
.box-services .box-item-s img{

    max-width: 50px;

    height: 50px;

    object-fit: contain;
}

.box-services .box-item-s .img-box-s{
    margin-bottom: 33px;
    position: relative;
    display: inline-block;
}
.box-services .box-item-s .img-box-s::before{

    top: -14px;

    content: '';

    width: 80px;

    left: -15px;

    height: 80px;

    border-radius: 1000px;

    position: absolute;

    background: #ffdcca;

    z-index: -1;

}

.box-services .box-item-s .box-content-s{

    text-align: center;

    margin: 0 40px;

    position: relative;
}

.box-services .box-item-s .box-content-s .title-b-s{

    color: #1F4790;

    margin-bottom: 7px;

    font-size: 18px;

    font-weight: 500;
}
.box-services .box-item-s .box-content-s .desc-b-s{

    color: #000000;

    font-weight: 300;

    font-size: 14px;
}
.box-content-s::after{
    content: '';
    position: absolute;
    right: -57px;
    height: 75px;
    width: 1px;
    background-color: #D6D6D6;
    top: 22%;
}
.bef-none::after{
    content: none;

}


.m-services{

    margin: 75px 0;
}
.m-services .head-services{margin-bottom: 45px;}
.head-services h2{color: #1F4790;text-align: center;display: block;}
.head-services  .search-home-i{

    position: relative;
}
.head-services  .search-home-i i{

    position: absolute;

    color: #FF5500;

    font-size: 20px;

    right: 17px;

    top: 18%;
}
.head-services h2 span{

    color: #FF5500;
}
.head-services input::placeholder{
    font-size: 14px;
    font-weight: 300;
}
.head-services input{

    border: 1px solid #FF5500;

    border-radius: 100px;

    /* background: #F6F6F6; */

    width: 300px;

    font-size: 14px;

    padding: 15px 22px;
}

.m-services .list-services-home{

}
.m-services .list-services-home .l-image-box{display: grid;background: #F6F6F6;justify-content: center;font-size: 14px;border-radius: 1000px;font-weight: 300;align-items: center;gap: 6px;margin-bottom: 18px;border: 1px solid #DFDFDF;padding: 15px 0;}
.m-services .list-services-home .l-image-box img{max-width: 24px;display: table;margin: auto;}

.step-services{

}

.step-services .box-all-step{

    background: #1F4790;

    padding: 60px 50px;

    border-radius: 20px;
}

.step-services .box-all-step h2{

    color: #fff;

    font-weight: 200;

    font-size: 32px;

    line-height: 40px;

    margin-bottom: 22px;

    max-width: 500px;
}
.step-services .box-all-step h2 span{

    font-weight: 400;
}
.step-services .box-all-step p span{
    font-weight: 500;
}
.step-services .box-all-step p{

    font-weight: 300;

    color: #fff;

    margin-bottom: 30px;

    line-height: 25px;

    font-size: 15px;

    max-width: 500px;
}
.step-services .box-all-step a span{
    font-weight: 200;
}
.step-services .box-all-step a:hover{
    background: #fff;
    color: #FF5500;
}
.step-services .box-all-step a{

    color: #fff;

    background: #FF5500;

    border-radius: 100px;

    padding: 17px 30px;

    display: inline-block;
}
.step-services .right-s-step{

    height: 100%;

    align-items: center;

    display: grid;
}

.step-services .right-s-step .all-step{

    display: flex;

    justify-content: space-evenly;

    gap: 40px;
}

.all-step {}

.step-services .right-s-step .all-step .steps-s{

    color: #fff;

    padding: 23px 31px;

    position: relative;

    font-size: 26px;

    line-height: 31px;

    border: 1px solid #ccc;

    border-radius: 25px;

    text-align: center;
}
.step-services .right-s-step .all-step .steps-s span{

    display: block;

    font-size: 16px;

    color: #FF5500;

    margin-bottom: 13px;

    line-height: 1;
}

.step-services .right-s-step p{

    max-width: none;

    text-align: center;

    margin-top: 20px;

    margin-bottom: 0;

    font-size: 16px;

    font-weight: 200;
}


.steps-s::after{
    content: '>';
    position: absolute;
    font-size: 21px;
    color: #fff;
    font-weight: 200;
    right: -35px;
    top: 42%;
}

.all-step .steps-s:last-child:after{
    content: '';

}
.s-s-s{
    margin: 75px 0;
}
.s-s-s .s-s-header h2{
    color: #1F4790;

}
.s-s-s .s-s-header h2 span{
    color: #FF5500;
}
.s-s-s .s-s-header  a{
    color: #1F4790;
    font-size: 16px;
}


.s-s-s .s-s-header{
    display: flex;
    justify-content: space-between;
}
.acc-box{
    margin-top: 40px;
}

.acc-box{

}
.acc-box .accordion-sss{

    -webkit-box-shadow: -1px 2px 21px -4px rgba(0, 0, 0, 0.11);

    -moz-box-shadow: -1px 2px 21px -4px rgba(0, 0, 0, 0.11);

    box-shadow: -1px 2px 21px -4px rgba(0, 0, 0, 0.11);

    margin-bottom: 20px;

    padding: 20px;

    cursor: pointer;

    border-radius: 16px;
}
.acc-box .accordion-sss .title-acc{

    display: flex;

    justify-content: space-between;

    color: #1F4790;

    font-weight: 500;
}
.acc-box .accordion-sss .title-desc{
    display: none;
    font-size: 14px;
    font-weight: 300;
    margin-top: 14px;
}

.blog-list-home{
    margin: 75px 0;
}
.blog-list-home .blog-head{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}


.blog-list-home .blog-head h2{
    color: #1F4790;
}

.blog-list-home .blog-head h2 span{
    color: #FF5500;
}

.blog-list-home .blog-head a{
    color: #1F4790;
    font-size: 16px;
}
.blog-item-home{

}
.blog-item-home img{

    display: block;

    margin-bottom: 17px;
}
.blog-item-home h3{

    color: #1F4790;

    margin-bottom: 14px;

    font-size: 20px;
}
.blog-item-home .date-blog i{
    color: #FF5500;
}
.blog-item-home .date-blog{

    color: #1F4790;

    font-size: 14px;
}
.seo-content{

}
.seo-content .cont-seo{

    padding: 20px 60px 40px;

    border-radius: 50px;



    background: #fff;

    -webkit-box-shadow: -1px 2px 21px -4px rgba(0, 0, 0, 0.11);

    -moz-box-shadow: -1px 2px 21px -4px rgba(0, 0, 0, 0.11);

    box-shadow: -1px 2px 21px -4px rgba(0, 0, 0, 0.11);
}

.seo-content .cont-seo h2{

    font-size: 24px;

    color: #1F4790;

    margin-top: 30px;

    margin-bottom: 8px;
}
.seo-content .cont-seo p{
    margin-bottom: 15px;

    font-size: 14px;

    line-height: 22px;

    color: #868686;

    font-weight: 400;
}
.more-b{
    color: #FF5500;
    cursor: pointer;
}
footer{background-color: #1F4790;position: relative;margin-top: 72px;overflow: hidden;padding: 50px 0;}

footer .footer-p{
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
    margin-top: 31px;
}
footer .footer-link{

}

footer .footer-link a{

    color: #fff;

    margin-bottom: 10px;

    display: inline-block;

    font-weight: 300;

    font-size: 14px;
}
footer .footer-link img{

}

footer .contact-link a{

    font-size: 19px;

    color: #fff;

    display: inline-block;

    margin-bottom: 10px;

    z-index: 9999;

    position: relative;
}
footer .contact-link img{

    width: 200px;

    display: inline-block;

    margin-top: 20px;
}

footer .contact-link i{
    background-color: #ffffff2e;
    padding: 7px 12px;
    border-radius: 29px;
    font-size: 20px;
    display: inline-block;
}
.contact-link::after{
    content: '';
    background-color: #FF5500;
    position: absolute;
    height: 500px;
    z-index: 1;
    top: 0;
    border-radius: 50px 0;
    width: 2000px;
}

footer .contact-link li{

    margin-left: 25px;
}

.p-f-enuygunsms{
    text-align: center;
    margin: 20px 0;
    font-size: 14px;
}

.about-page {

}
.about-page  h1{font-size: 37px;color: #1F4790;}
.about-page  h1 span{color: #FF5500;display: block;}

.right-pages{color: #1F4790;font-weight: 300;line-height: 26px;}

.about-page .about-text{background: #F6F6F6;padding: 34px;border-radius: 19px;}

.about-page .about-text p{margin-bottom: 17px;font-weight: 300;color: #1F4790;font-size: 16px;}


.about-page .header-pages{margin: 75px 0;}


.contact-detail{

}

.contact-detail{

}

.contact-detail .contact-item{

}
.contact-detail .contact-item a{-webkit-box-shadow: -1px 2px 21px -4px rgba(0, 0, 0, 0.11);-moz-box-shadow: -1px 2px 21px -4px rgba(0, 0, 0, 0.11);box-shadow: -1px 2px 21px -4px rgba(0, 0, 0, 0.11);display: grid;gap: 5px;text-align: center;padding: 33px 0;border-radius: 25px;}
.contact-detail .contact-item a span{color: #1F4790;font-weight: 400;}
.contact-detail .contact-item a i{font-size: 51px;line-height: 1;color: #FF5500;}
.contact-detail .contact-item a:hover{
    background: #FF5500;

}
.contact-detail .contact-item a:hover span{

    color: #fff;
}

.contact-detail .contact-item a:hover i{

    color: #fff;
}

.form-box-contact{-webkit-box-shadow: -1px 2px 21px -4px rgba(0, 0, 0, 0.11);-moz-box-shadow: -1px 2px 21px -4px rgba(0, 0, 0, 0.11);box-shadow: -1px 2px 21px -4px rgba(0, 0, 0, 0.11);padding: 33px;border-radius: 25px;}
.form-box-contact h2{font-size: 24px;margin-bottom: 16px;color: #fe5602;}
.form-box-contact .form-item-contact{margin-bottom: 12px;display: grid;}
.form-box-contact .form-item-contact label{color: #1F4790;font-weight: 400;font-size: 13px;margin-bottom: 5px;}
.form-box-contact .form-item-contact input{border: none;background: #efefef;border-radius: 11px;font-size: 14px;padding: 10px;}
.form-box-contact .form-item-contact textarea{border: none;background: #efefef;border-radius: 11px;font-size: 14px;padding: 10px;height: 100px;}
.form-box-contact .form-item-contact button{background: #FF5500;border: none;padding: 15px;border-radius: 15px;font-weight: 500;color: #fff;}

.form-box-contact .form-item-contact input::placeholder{
    font-weight: 300;
    font-size: 14px;
}

.form-box-contact .form-item-contact textarea::placeholder{
    font-weight: 300;
    font-size: 14px;
}

.auth-pages{
    height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.auth-pages .right-auth{background: #1F4790;width: 100%;padding: 38px;position: relative;height: 100%;}

.auth-pages .left-auth{width: 100%;padding: 30px 51px;position: relative;width: 100%;display: grid;align-items: center;}
.auth-pages .left-auth .haed-auth{text-align: center;border-bottom: 1px solid #E5E5E5;margin-bottom: 50px;}
.auth-pages .left-auth .haed-auth h1{color: #000000;margin-bottom: 44px;font-size: 28px;}
.auth-pages .left-auth .haed-auth img{
    width: 200px;
    display: inline-block;
    margin-bottom: 40px;
}
.right-auth{

}
.right-auth h2{font-weight: 500;font-size: 28px;color: #fff;}
.right-auth h2 span{display: block;font-weight: 200;}
.right-auth img{
    width: 100%;
    height: inherit;
    object-fit: contain;
    padding: 45px;
}

.form-auth a img{
    width: 20px;
    display: inline-block;
    margin-right: 6px;
}

.form-auth{
    text-align: center;
    /* display: grid; */
}


.form-auth a.google-a{
    color: #000000;
    font-size: 18px;
  
    margin-bottom: 20px !important;
  
}
.or-auth{
    display: block;
    margin-bottom: 20px;
    font-size: 12px;
}


.form-auth form{margin: 0 120px;}
.form-auth form .auth-form-box input{width: 100%;background: #F4F4F4;border: none;margin-bottom: 13px;padding: 15px 24px;font-size: 14px;border-radius: 38px;}

.form-auth form .auth-form-box button{border: none;width: 100%;background: #FF5500;#:f;#:;color: #fff;padding: 15px 24px;font-weight: 500;font-size: 14px;border-radius: 38px;}
.form-auth form .auth-form-box .check-b{text-align: left;margin-top: 11px;}
.form-auth form .auth-form-box .check-b label{
    font-size: 14px;
    font-weight: 400;
}

.form-auth form .auth-form-box .check-b input{position: relative;width: 10px;top: 1px;margin-right: 3px;}

.auth-bottom-1{color: #FF5500;font-weight: 400;margin: 20px 0 8px;font-weight: 600;display: inline-block;}
.auth-bottom-2{color: #000000;font-weight: 400;margin: 3px 0 8px;display: inline-block;}
.auth-bottom-2 span{color: #FF5500;font-weight: 600;}

.l-aling{

}
.back-auth:hover{
    background: #1f4790;
}
.back-auth{
    position: absolute;
    color: white;
    background: #FF5500;
    padding: 1px 20px 6px;
    z-index: 9999;
    top: 0;
    right: 0;
    font-size: 27px;
    border-radius: 0 0 0 15px;
}


.vt-row svg{
    width: auto !important;

}




.form-spinner {
    position: fixed;
    width: 100%;
    background: #ffffffd6;
    height: 100vh;
    top: 0;
    z-index: 99999;
    justify-content: center;
    align-items: center;
    display: flex;
}
.form-spinner  .text-danger {
    color: #FF5500!important;
    width: 60px !important;
    font-size: 29px !important;
    height: 60px !important;
}
.shows{
    display: none;
}

.auth-form-box i{
    cursor: pointer;
    color: #ff5602;
    position: absolute;
    right: 17px;
    top: 13px;
}
.auth-form-box{
    position: relative;
}


.chck-policy{
    text-align: left;
    margin-bottom: 12px;
}
.chck-policy label{font-size: 13px;}
.chck-policy input{position: relative;top: 2px;}
.chck-policy a{color: #fb5401;font-weight: 600;}
.m-button-o{
    display: none ;
}
.cont-seo li{
    list-style: disc !important;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 22px;
    color: #868686;
    font-weight: 400;
}
.cont-seo ul{
    padding-left: 17px !important;

}
.about-text li{
    margin-bottom: 10px;
    font-weight: 500;
    color: #ff5602;
    list-style: disc !important;
}

.head-web-user{

}
.head-web-user a{
    color: #fff !important;
    background: #ff5602;
    padding: 12px 29px;
    border-radius: 100px;
}

.head-web-user a:hover{
    color: #fff !important;
    background: #1F4790 !important;

}
.about-page h3{
    font-size:16px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #1F4790;
}



.log-sef{
display: flex;
    justify-content: center;
    gap: 36px;

}

.tooltip-trigger {
    position: relative;
    cursor: pointer;
}

.tooltip-box {
    display: none;
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 14px 16px;
    font-size: 13px;
    line-height: 1.6;
    color: #555;
    z-index: 999;
    box-shadow: 0 4px 16px rgba(0,0,0,0.10);
    text-align: left;
    font-weight: normal;
}

.tooltip-box.active {
    display: block;
}

.tooltip-box::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    background: #fff;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

/* Masaüstü: hover ile aç */
@media (hover: hover) {
    .tooltip-trigger:hover .tooltip-box {
        display: block;
    }
}

/* Mobilde ekrandan taşmasın diye */
@media (max-width: 480px) {
    .tooltip-box {
        width: 260px;
        left: auto;
        right: -10px;
        transform: none;
    }

    .tooltip-box::after {
        left: auto;
        right: 14px;
    }
}

.secret-a{
        color: #000000;
    font-size: 18px;
   
}