/* Color Variable Area */
a.gflag {vertical-align:middle;font-size:32px;padding:1px 0;background-repeat:no-repeat;background-image:url('');}
a.gflag img {border:0;}
a.gflag:hover {background-image:url('');}
.skiptranslate{display: none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
:root{
    --white             :       #fff;
    --softBlue          :       #63BCE5;
    --softBlueHover     :       #3499C8;
    --softBlack         :       #2F2F2F;
    --softGray          :       #667177;
    --blue              :       #172755;
    --black             :       #000000;
}
/* Background Color Variable Area */
:root{
    --bgBlue            :       #172755;
    --bgDarkBlue        :       #182655;
    --bgSoftBlue        :       #63BCE5;
    --bgSoftBlueHover   :       #3499C8;
    --bgWhite           :       #ffffff;
    --bgPink            :       #F48585;
    --bgGreen           :       #33D587;
    --bgGray            :       #F7F7F7;
    --bgWhiteSmoke      :       #FCFCFC;
}
/* Fontsize Control Area */
/* Media Size Control Area */

/* Reset Css */
*{box-sizing: border-box;font-family: 'Josefin Sans', sans-serif;}
a{text-decoration: none;}
a,p,div,span,i,h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}

body{background-color: var(--bgDarkBlue);}

/* Header Area */
header{position: fixed;top: 0;left: 0;width: 100%;transition: top .3s ease-in-out;background-color: var(--bgDark);z-index: 299;padding: 16px 0;background-color: var(--bgDarkBlue);}
header.hidden{top: -100px;}
header .header-navbar{display: flex;gap: 20px;}
header .nav-item{color: var(--white);position: relative;}
header .nav-item::after{content: '';position: absolute;top: calc(100% + 3px);left: 50%;transform: translateX(-50%);width: 0;height: 2px;background-color: var(--white);transition: .2s linear;}
header .nav-item:hover:after{width: 100%;}
header .app-link .app-prop{padding: 14px 20px;border-radius:8px;background-color: var(--bgSoftBlue);color: var(--white);transition: .2s linear;}
header .app-link .app-prop:hover{background-color: var(--bgSoftBlueHover);}
header .language-area{margin-left: 46px;position: relative;}
header .language-area .lang-prop{background-color: transparent;border: none;display: flex;}
header .language-area .lang-prop span{font-weight: 400;margin: 0 9px 0 3px;color: var(--white);}
header .language-area .dropdown-area{display: flex;flex-direction: column;gap: 10px;margin-top: 10px;background-color: var(--bgSoftBlue);padding: 10px;border-radius: 12px;position: absolute;top:25px;opacity: 0;pointer-events: none;transition: .2s linear;}
header .language-area .dropdown-area:hover{opacity: 1;pointer-events: unset;pointer-events: all;top: 16px;}
header .language-area .lang-prop:hover ~ .dropdown-area{opacity: 1;pointer-events: unset;pointer-events: all;top: 16px;}

@media(width<992px){
    header{padding: 22px 0;}
    header .logo-area .logo-prop{max-width: 75px;}
    header .app-link .app-prop{padding: 10px 14px 7px 14px;font-size: 14px;}
    header .mobile-menu img{width: 25px;}
}

.mobile-menu-area{position: fixed;top: 0;bottom: 0;left: -100%;width: 100%;height: 100%;z-index: 399;transition: .25s ease-in-out;}
.mobile-menu-area .background-controller{background-color: var(--bgBlue);}
.mobile-menu-area .container{height: 100vh;display: flex;flex-direction: column;align-items: center;position: relative;justify-content: center;}
.mobile-menu-area .mobile-header{display: flex;justify-content: space-between;width: 100%;padding: 22px;position: absolute;top: 0;left: 0;width: 100%;height:auto;align-items: center;}
.mobile-menu-area .logo-area img{max-width: 75px;}
.mobile-menu-area .app-link .app-prop{padding: 10px 14px 7px 14px;font-size: 14px;border-radius: 8px;background-color: var(--bgSoftBlue);color: var(--white);}
.mobile-menu-area .language-area{position: relative;}
.mobile-menu-area .language-area .lang-prop{background-color: transparent;border: none;display: flex;}
.mobile-menu-area .language-area .lang-prop span{font-weight: 400;margin: 0 9px 0 3px;color: var(--white);}
.mobile-menu-area .language-area .dropdown-area{display: flex;flex-direction: column;gap: 10px;margin-top: 10px;background-color: var(--bgSoftBlue);padding: 10px;border-radius: 12px;position: absolute;top: 25px;opacity: 0;pointer-events: none;transition: .2s linear;}
.mobile-menu-area .header-navbar{display: flex;flex-direction: column;gap: 15px;font-size:20px;font-weight: 400;}
.mobile-menu-area .header-navbar a{color: var(--white);}
.mobile-menu-area .container hr{width: 100%;border-top: 2px solid var(--bgWhite);}
.mobile-menu-area .language-area .dropdown-area.active{opacity: 1;pointer-events: unset;pointer-events: all;top: 16px;}
.mobile-menu-area .mobile-menu img{width: 25px;}
@media(width<992px){
    .mobile-menu-area.active{left: 0;}
}

/* İndex Html Css Property */
/* Welcome Banner */


.welcome-banner{height: 100vh;background-image: url('../img/newbg.jpg');background-size: cover;background-position: right;background-repeat: no-repeat;}
.welcome-banner .background-controller{height: 100%;}
.welcome-banner .position-controller{display: flex;align-items: center;height: 100%;}
.welcome-banner .header-area .sub-title{color: var(--white);font-size: 20px;font-weight: 400;}
.welcome-banner .header-area .title{font-size: 42px;font-weight: 700;color: var(--white);position: relative;display: inline;}
/* @keyframes shineEffect {
    0% {
      opacity: .3;scale: .9;
    }
    50% {
      opacity: 1;scale: 1.1;
    }
    100% {
        opacity: .3;scale: .9;
      }
  } */
.welcome-banner .header-area .title::after{content: url(../img/effect.png);position: absolute;top:-68px;right: -82px;}
.welcome-banner .banner-info{font-weight: 400;color: var(--white);line-height: 17px;max-width: 370px;}
.welcome-banner .row .col-lg-6:first-child{display: flex;align-items: center;}
.welcome-banner .has-background{position: relative;}
.welcome-banner .has-background img{max-width: 100%;}
.welcome-banner .login-area{display: flex;gap: 24px;margin-top: 46px;margin-bottom: 68px;}
.welcome-banner .login-area a{width: 220px;text-align: center;font-weight: 400;padding: 18px;border-radius:8px;transition: .2s linear;}
.welcome-banner .login-area .login{border: 1px solid var(--bgSoftBlue);color: var(--softBlue);visibility: hidden;}
.welcome-banner .login-area .login:hover{background-color: var(--bgSoftBlue);color: var(--white);}
.welcome-banner .login-area .register{background-color: var(--bgSoftBlue);color: var(--white);}
.welcome-banner .login-area .register:hover{background-color: var(--bgSoftBlueHover);visibility: hidden;}
.welcome-banner .partner-header{font-size: 18px;color: var(--white);font-weight: 400;}
.welcome-banner .our-partners{display: flex;gap: 28px;margin-top: 21px;}
.welcome-banner .trading-item{background-color: var(--white);border-radius: 8px;padding: 8px;display: flex;justify-content: space-between;width: 272px;}
@keyframes randomT{
    0%{top: 30%;}
    50%{top: 35%;}
    100%{top: 30%}
}
@keyframes randomB{
    0%{bottom: 25%;}
    50%{bottom: 20%;}
    100%{bottom: 25%}
}
.welcome-banner .trading-item.first-item{position: absolute;top: 30%;left: 20px;animation: randomT 3s linear infinite;}
.welcome-banner .trading-item.second-item{position: absolute;bottom: 20%;right: 20px;animation: randomB 3s linear infinite;}
.welcome-banner .trading-item .percent{border-radius: 8px;background-color: var(--bgPink);display: flex;color: var(--white);align-items: center;font-size: 12px;font-weight: 400;padding: 6px 8px;}
.welcome-banner .trading-item .percent.active{background-color:var(--bgGreen);}
.welcome-banner .trading-item .percent.active svg:first-child{display: none;}
.welcome-banner .trading-item .percent svg:nth-child(2){display: block;}
.welcome-banner .trading-item .percent.active svg:nth-child(2){display: block;}
.welcome-banner .trading-item .percent svg:nth-child(2){display: none;}
.welcome-banner .coin-prop{display: flex;}
.welcome-banner .coin-prop .img-back{background-color: var(--bgGray);width: 62px;height: 56px;border-radius: 8px;display: flex;align-items: center;justify-content: center;margin-left: 8px;}
.welcome-banner .coin-prop img{width:40px;height: 40px;}
.welcome-banner .coin-price{color: var(--softBlack);}
.welcome-banner .coin-name{font-weight: 700;color: var(--softBlack);font-size: 16px;}
.welcome-banner .coin{color:var(--softGray);font-size: 14px;font-weight: 400;text-align: end;}
@media(width<1200px){
    .welcome-banner{padding-top:134px;height: auto;padding-bottom: 200px;background-size: contain;}
}
@media(width<992px){
    .welcome-banner{padding-top:134px;}
    .welcome-banner .has-background{}
    .welcome-banner .has-background>img{opacity: 0;}
}
@media(width<772px){
    .welcome-banner{padding-top:134px;}
    .welcome-banner .banner-info{font-size: 16px;font-weight: 300;}
    .welcome-banner .login-area{flex-direction: row !important;}
    .welcome-banner .login-area .login{padding: 11px 20px;font-size: 13px;font-weight: 400;max-width: 126px;}
    .welcome-banner .login-area .register{padding: 11px 20px;font-size: 13px;font-weight: 400;max-width: 126px;}
}
@media(width<532px){
    .welcome-banner .has-background{margin-top: 0;width: 100%;}
    .welcome-banner .login-area{margin-top: 20px;flex-direction: column !important;}
}
@media(width<450px){
    .welcome-banner .header-area .sub-title {font-size: 16px;}
    .welcome-banner .header-area .title {font-size: 30px;}
}

.advantage-area{background-color:var(--bgWhiteSmoke);padding: 77px 0;}
.advantage-area .advantage-header{color:#000;font-size: 32px;font-weight: 300;margin-bottom: 40px;font-style: italic;}
.advantage-area .advantage-item{display: flex;flex-direction: column;justify-content: center;align-items: center;margin-bottom: 70px;height: 318px;transition: .2s linear;border-radius: 12px;}
.advantage-area .advantage-item:hover{background-color: var(--bgWhite);box-shadow: 0px 16px 80px rgba(0, 0, 0, 0.1);}
.advantage-area .card-img{display: flex;justify-content: center;}
.advantage-area .card-header{margin-top: 9px;color: var(--softBlack);font-size: 17px;}
.advantage-area .card-info{text-align: center;margin-top: 27px;line-height: 18px;color: var(--softGray);}
.advantage-area .container{position: relative;}
.advantage-area .container::before{content: url(../img/orange.png);position: absolute;top: -10px;right: -30px;}
.advantage-area .container::after{content: url(../img/yellow.png);position: absolute;bottom: -10px;left: -30px;}
@media(width<1050px){
    .advantage-area .container::before{right: 10px;}
    .advantage-area .container::after {left:10px;}
}
@media(width<610px){
    .advantage-area .advantage-header{font-size: 22px;}
    .advantage-area .advantage-item{margin-bottom: 42px;height:220px;}
    .advantage-area .container::before{top: 50px;right: 30px;}
    .advantage-area .container::after {bottom: -60px;left: 30px;}
}
@media(width<400px){
    .advantage-area .advantage-header{font-size: 20px;}
}

.platform-area .background-controller{background-color: var(--bgWhiteSmoke);overflow: hidden;padding-bottom: 288px;}
.platform-area .background-controller.download{padding-bottom: 0;}
.platform-area .platform-header{font-size:42px;font-weight: 300;color:var(--blue) ;padding-top: 134px;margin-bottom: 93px;}
.platform-area .platform-text{flex: 1;} 
.platform-area .controll-space{gap: 60px;}
/* .platform-area .platform-text .controll-text-area{width: 83.33333%;margin-left: auto;}  */
.platform-area .sub-title{color: var(--blue);font-size: 24px;font-weight: 400;}
.platform-area .sub-title:first-child{margin-bottom: -10px;position: relative;}
.platform-area .sub-title:first-child::after{position: absolute;content: url(../img/blue.png);top:-70px;left: -10px;}
.platform-area .sub-title:last-child{margin-top: -21px;margin-left:191px;}
.platform-area .title{color: var(--blue);font-size: 46px;font-weight: 700;}
.platform-area .info-prop{font-size: 20px;line-height: 24px;font-weight: 300;margin: 40px 0;text-align: justify;}
.platform-area .accordion-header button{font-size:20px;font-weight: 600;color: var(--black);background-color: transparent;border: none;}
.platform-area .accordion-header button:focus{box-shadow:none ;}
.platform-area .accordion-header button:after{display: none;}
.platform-area .accordion-item{border:none;background-color:transparent;}
.accordion-button:not(.collapsed){box-shadow: none;}
.platform-area .platform-img{width: 50%;}
.platform-area .platform-img .accordion-body{margin-top: -40px;}
.platform-area .c-logo{max-width: 300px;}
@media(width<992px){
    .platform-area{position: relative;}
    .platform-area::after{position: absolute;content: url(../img/red.png);bottom:100px;right:30px;z-index: 5;}
    .platform-area .background-controller{padding-bottom:170px;}
    .platform-area .platform-img{display: none;}
    .platform-area .platform-text .controll-text-area{width: 100%;}
}
@media(width<500px){
    .platform-area .platform-header{font-size:30px;font-weight: 300;letter-spacing: 12px;}
    .platform-area .sub-title{font-size: 20px;}
    .platform-area .title{font-size: 30px;}
    .platform-area .sub-title:last-child{margin-top: -15px;}
}


.cards-area{background-color: var(--bgWhiteSmoke);padding-bottom: 100px;}
.cards-area .background-controller{position: relative;overflow: hidden;z-index: 2;}
.cards-area .background-controller::after{width: 100%;height: 100%; content: ''; background-color:#E0E8FF;position: absolute;top: 0;left: 0;z-index: -1;bottom: 0;right: 0;-webkit-clip-path: polygon(0 20%, 100% 0%, 100% 80%, 0% 100%);clip-path: polygon(0 20%, 100% 0%, 100% 80%, 0% 100%);}
.cards-area .card-big-img>img{object-fit: none;}
.cards-area .text-area-controller{display: flex;flex-direction: column;align-items: end;}
.cards-area .card-area-title{font-size: 40px;font-weight: 300;color: var(--black);position: relative;margin-top: 62px;}
.cards-area .card-area-title::before{position: absolute;content:url(../img/dots.png);left:-35px;top: -67px;}
.cards-area .card-area-title::after{position: absolute;bottom: -22px;width: 134px;height: 5px;border-radius: 4px;right: 0;background-color: var(--bgBlue);content: '';}
.cards-area .card-info{max-width: 212px;color: var(--softGray);margin-top: 60px;text-align: end;}
.cards-area .card-grid{width: 100%;}
.cards-area .card-img-area{background-color: var(--bgBlue);display: flex;justify-content: center;align-items: center;height: 123px;border-radius: 12px;}
.cards-area .card-img-area .card-img{object-fit: none;}
.cards-area .card-name{margin-top: 16px;font-size: 15px;font-weight: 700;color: var(--black);}

@media(width<1200px){
    .cards-area .card-big-img img{max-width: 100%;object-fit: contain;}
}
@media(width<992px){
    .cards-area .card-big-img{position: absolute;top:0px;left: 20px;}
    .cards-area .card-big-img img{max-width:221px;}
    .cards-area .card-area-title::before{display: none;}
    .cards-area .card-info{max-width: 270px;}
    .cards-area .card-grid{margin-top: 25px;}
}
@media(width<700px){
    .cards-area .card-area-title {font-size:30px;}
    .cards-area .card-item{margin-bottom: 20px;}
    .cards-area .card-big-img{top: 10px;left: -10px;}
    .cards-area .card-big-img img{max-width: 160px;}
}
@media(width<450px){
    .cards-area .card-area-title {font-size: 24px};
}

@property --gradient-angle{
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

:root{
    --clr-11:#FFE2BF;
    --clr-12:#C3AE9C  ;
    --clr-13: #B18C86 ;
    --clr-14: #DAAFAB ;
    --clr-15:#9C8A73 ;

    --clr-21:#C8C8CB ;
    --clr-23: #A2A2A4  ;
    --clr-25:#818181  ;

    --clr-31:#e4c094 ;
    --clr-33: #D6AC67   ;
    --clr-35:#c48940  ;

    --clr-41:#ccd8df ;
    --clr-43: #8B9FAA   ;
    --clr-45:#4f5a61  ;
}

@keyframes rotation{
    0%{--gradient-angle:0deg;}
    100%{--gradient-angle:360deg;}
}

.account-types{background-color: var(--bgWhiteSmoke);}
.account-types .account-text-area{display: flex;flex-direction: column;align-items: center;}
.account-types .account-title{font-size: 40px;font-weight: 500;color: var(--black);}
.account-types .account-sub-title{font-size: 24px;font-weight: 300;color: var(--black);}
.account-types .account-info{max-width: 780px;margin-top: 63px;font-size: 24px;font-weight: 200;color: var(--black);}
.account-types .account-card-grid{margin-top: 116px;}
.account-types .all-items{display: flex;justify-content: space-between;}
.account-types .account-card{position: relative;z-index: 1;border-radius: 8px;overflow: hidden;}
.account-types #first-item{background: linear-gradient(to bottom,#9C8A73,#FFE2BF);}
.account-types #first-item .account-item{background-color:#9C8A73 ;}
.account-types #first-item::before,.account-types #first-item::before{content: '';position: absolute;inset: 0;background: conic-gradient(from var(--gradient-angle),var(--clr-11),var(--clr-13),var(--clr-15),var(--clr-13),var(--clr-11));border-radius: inherit;animation: rotation 5s linear infinite;z-index: -1;filter: blur(2rem);}

.account-types #second-item .account-item{background-color:var(--clr-25) ;}
.account-types #second-item{background: linear-gradient(to bottom,var(--clr-25),var(--clr-21));}
.account-types #second-item::before,.account-types #second-item::before{content: '';position: absolute;inset: 0;background: conic-gradient(from var(--gradient-angle),var(--clr-21),var(--clr-23),var(--clr-25),var(--clr-23),var(--clr-21));border-radius: inherit;animation: rotation 5s linear infinite;z-index: -1;filter: blur(2rem);}

.account-types #third-item .account-item{background-color:var(--clr-35) ;}
.account-types #third-item{background: linear-gradient(to bottom,var(--clr-35),var(--clr-31));}
.account-types #third-item::before,.account-types #third-item::before{content: '';position: absolute;inset: 0;background: conic-gradient(from var(--gradient-angle),var(--clr-31),var(--clr-33),var(--clr-35),var(--clr-33),var(--clr-31));border-radius: inherit;animation: rotation 5s linear infinite;z-index: -1;filter: blur(2rem);}

.account-types #fourth-item .account-item{background-color:var(--clr-45);}
.account-types #fourth-item{background: linear-gradient(to bottom,var(--clr-45),var(--clr-41));}
.account-types #fourth-item::before,.account-types #fourth-item::before{content: '';position: absolute;inset: 0;background: conic-gradient(from var(--gradient-angle),var(--clr-41),var(--clr-43),var(--clr-45),var(--clr-43),var(--clr-41));border-radius: inherit;animation: rotation 5s linear infinite;z-index: -1;filter: blur(2rem);}

.account-types .account-card .card-all-items{padding: 32px 20px 50px 20px;border-radius: 16px;position: relative;height: 100%;transition: .2s linear;z-index: 4;}
.account-types .account-card .title-area{margin-left: 10px;}
.account-types .account-card .card-title{font-size: 20px;font-weight: 700;color: var(--white);line-height: 23px;}
.account-types .account-card .price{font-size: 40px;font-weight: 200;color: var(--white);}
.account-types hr{border-color:#898989;}
.account-types .account-content{margin: 20px 10px 28px 10px ;}
.account-types .content-item{display: flex;margin-bottom: 24px;}
.account-types .check i{background-color: var(--bgWhite);color:#9C8A73;width: 18px;height: 18px;font-size: 12px;display: flex;justify-content: center;align-items: center;border-radius: 50%;margin-right: 17px;}
.account-types .content-prop{font-size: 15px;font-weight: 200;color: var(--white);}
.account-types .info-item{font-size: 15px;font-weight: 200;color: var(--white);margin-bottom: 17px;text-align: center;}
.account-types .account-information{margin: 15px 0 22px 0;}
.account-types .account-item{margin: 0 auto;padding: 15px 0;color: var(--white);font-size: 15px;font-weight: 500;position: absolute;bottom: 10px;left: 45px;right: 45px;text-align: center;border-radius: 8px;transition: .2s linear;}
@media(width<992px){
    .account-types .all-items{flex-direction: column;justify-content: center;}
    .account-types .owl-dots{display: flex;justify-content: center;gap:12px;background-color: transparent;margin-top: 20px;}
    .account-types .owl-dots button{width:33px;height: 33px;background-color: var(--softGray);border-radius: 50%;}
    .account-types .owl-dot{transition:.2s linear;}
    .account-types .owl-dot.active{background-color: var(--bgBlue);}
    .account-types .owl-item{padding: 60px 25px 25px 25px;}
}
@media(width<800px){
    .account-types .account-card .card-all-items{display: flex;flex-direction: column;align-items: center;}
    .account-types .account-card::after{width: 56px;height: 54px;right:-23px;top: -30px;}
    .account-types hr{width: 100%;}
    .account-types .owl-dots button{width: 20px;height: 20px;}
}

.go-to-panel{background-color: var(--bgWhiteSmoke);padding-top: 215px;}
.go-to-panel.company-page{padding: 120px 0 0 0;}
.go-to-panel .background-controller{}
.go-to-panel .position-controller{}
.go-to-panel .container{position: relative;z-index: 3;padding: 33px 72px;}
.go-to-panel .container svg{position: absolute;width: 100%;height: 90%;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;}
.go-to-panel .container svg path{height: 100%;}
/* .go-to-panel .container::after{ position: absolute; clip-path: polygon(0 28%, 100% 0, 100% 100%, 0% 100%);background-color: var(--bgBlue);z-index: -1;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;content: '';border-radius: 64px;} */
.go-to-panel .trade-img{position: relative;}
.go-to-panel .trade-img img{position: absolute;top: -150px;}
.go-to-panel .text-area{}
.go-to-panel .all-items{}
.go-to-panel .all-items .logo-area{display: flex;justify-content: end;}
.go-to-panel .all-items .logo-area img{}
.go-to-panel .title-area{}
.go-to-panel .title-area .title{font-size: 46px;font-weight: 700;color: var(--white);text-align: end;}
.go-to-panel .title-area .sub-title{font-size: 25px;font-weight: 700;color: var(--white);margin-bottom: 20px;text-align: end;margin-top: 25px;}
.go-to-panel .title-area .panel-info{color: var(--white);font-weight: 400;max-width:411px;text-align: end;margin-left: auto;}
.go-to-panel .login-area{display: flex;gap: 24px;margin-top: 46px;margin-bottom: 68px;width: 100%;justify-content: end;}
.go-to-panel .login-area a{width: 220px;text-align: center;font-weight: 400;padding: 18px;border-radius:8px;transition: .2s linear;}
.go-to-panel .login-area .login{border: 1px solid var(--bgSoftBlue);color: var(--softBlue);}
.go-to-panel .login-area .login:hover{background-color: var(--bgSoftBlue);color: var(--white);}
.go-to-panel .login-area .register{background-color: var(--bgSoftBlue);color: var(--white);}
.go-to-panel .login-area .register:hover{background-color: var(--bgSoftBlueHover);}
@media(width<1200px){
    .go-to-panel .trade-img{}
    .go-to-panel .trade-img img{max-width: 110%;}
}
@media(width<992px){
    .go-to-panel .background-controller{background-color: var(--bgBlue);}
    .go-to-panel .title-area .panel-info{max-width:100%;}
    .go-to-panel .container svg{display: none;}
    .go-to-panel .trade-img img{top:-270px;max-width: 100%;}
    .go-to-panel .text-area{margin-top: 220px;}
}

@media(width<768px){
    .go-to-panel .text-area{margin-top: 150px;}
    .go-to-panel .all-items .logo-area img{max-width: 55px;margin-bottom: 10px;}
    .go-to-panel .title-area .title{font-size: 30px;margin-bottom:-12px;}
    .go-to-panel .title-area .sub-title {font-size: 20px;}
}
@media(width<550px){
    .go-to-panel .trade-img img{top: -50%;transform: translateY(-50%);}
    .go-to-panel .login-area{flex-direction: column;align-items: center;}
    .go-to-panel .login-area .login{padding: 11px 20px;font-size: 13px;font-weight: 400;max-width: 220px;}
    .go-to-panel .login-area .register{padding: 11px 20px;font-size: 13px;font-weight: 400;max-width: 220px;}
}
@media(width<400px){
    .go-to-panel .container{padding:1.5rem;}
    .go-to-panel .title-area .panel-info{max-width: 100%;text-align: justify;}
}
/* İndex Html Css Property */

/* İç sayfa Css Özellikleri */

.content-page-wrapper{}
.content-page-wrapper .background-controller{background-color: var(--bgBlue);}
.content-page-wrapper .background-controller .position-controller{display: flex;justify-content: center;align-items: center;padding: 167px 0;}
.content-page-wrapper .background-controller .header-area {display: flex;position: relative;justify-content: center;}
.content-page-wrapper .background-controller .header-area .wrapper-header{font-size: 128px;font-weight: 700;color: var(--white);display: inline;position: relative;z-index: 2;}
.content-page-wrapper .background-controller .header-area .wrapper-header::before{content: url(../img/orange.png);position: absolute;top: -95px;left: -95px;transform: rotate(270deg);}
.content-page-wrapper .background-controller .header-area .wrapper-header::after{content: url(../img/yellow.png);position: absolute;bottom: -70px;right: -70px;transform: rotate(270deg);}
.content-page-wrapper .background-controller .header-area svg{position: absolute;top: -10px;right: 200px;}
@media(width<1400px){
    .content-page-wrapper .background-controller .header-area .wrapper-header {font-size: 100px;}
}
@media(width<1200px){
    .content-page-wrapper .background-controller .header-area .wrapper-header {font-size:90px;}
}
@media(width<992px){
    .content-page-wrapper .background-controller .header-area .wrapper-header {font-size: 65px;}
    .content-page-wrapper .background-controller .header-area svg {width: 190px;top: -15px;right: 73px;}
    .content-page-wrapper .background-controller .header-area .wrapper-header::before {top: -70px;left: -70px;}
    .content-page-wrapper .background-controller .header-area .wrapper-header::after{bottom: -55px;right: -55px;}
}
@media(width<768px){
    .content-page-wrapper .background-controller .position-controller {padding: 120px 0;}
    .content-page-wrapper .background-controller .header-area .wrapper-header::before{content: url(../img/orangem.png);}
    .content-page-wrapper .background-controller .header-area .wrapper-header::before {top: -60px;left: -40px;}
    .content-page-wrapper .background-controller .header-area .wrapper-header::after{content: url(../img/yellowm.svg);rotate:90deg;bottom: -25px;right: -25px;}
    .content-page-wrapper .background-controller .header-area svg {right: -15px;}
}
@media(width<576px){
    .content-page-wrapper .background-controller .position-controller{padding:120px 0 70px 0;}
    .content-page-wrapper .background-controller .header-area .wrapper-header{font-size: 36px;}
    .content-page-wrapper .background-controller .header-area .wrapper-header::before {top: -30px;left: -10px;}
    .content-page-wrapper .background-controller .header-area svg{right:0px;width: 130px;top: -20px;}
}
.wrapper-grid{}
.wrapper-grid .background-controller{background-color: var(--bgWhiteSmoke);}
.wrapper-grid .position-controller{padding:60px 0 125px 0 ;}
.wrapper-grid .container{position: relative;}
.wrapper-grid .container::after{content: url(../img/yellow.png);bottom: -40px;left: -40px;position: absolute;}
.wrapper-grid .wrapper-grid-header{font-size: 32px;font-weight: 300;font-style: italic;color: var(--black);text-align: center;margin-bottom: 83px;}
.wrapper-grid .wrapper-blog{}
.wrapper-grid .wrapper-blog .wrapper-info{font-size: 20px;font-weight: 300;color: var(--black);margin-bottom: 20px;text-align: justify;}
.wrapper-grid .has-wrapper-img{position: relative;z-index: 3;}
.wrapper-grid .wrapper-img-controller{height: 100%;}
.wrapper-grid .wrapper-img-controller .img-prop{width: 100%;}
.wrapper-grid .wrapper-img-controller::after{content: '';width: 109px;height: 109px;position: absolute;top:-35px;right:-35px;background-color: #EA7F4A;border-radius: 50%;z-index:-1;}

@media(width<1335px){
    .wrapper-grid .wrapper-img-controller::after {width: 90px;height: 90px;top: -20px;right: -15px;}
}
@media(width<1200px){
    .wrapper-grid .wrapper-blog .wrapper-info {font-size: 18px;margin-bottom: 10px;}
}
@media(width<992px){
    .wrapper-grid .container::after{display: none;}
    .wrapper-grid .has-wrapper-img{margin-top: 20px;}
}
@media(width<576px){
    .wrapper-grid .wrapper-img-controller .img-prop{padding-right: 20px;}
    .wrapper-grid .wrapper-img-controller::after{right: 5px;}
    .wrapper-grid .wrapper-grid-header {margin-bottom: 45px;}
}


.wrapper-three{}
.wrapper-three .background-controller{background-color: var(--bgWhiteSmoke);}
.wrapper-three .position-controller{padding-bottom: 92px;}
.wrapper-three .title{font-size: 96px;color: var(--bgDarkBlue);text-align: center;margin-bottom: 88px;}
.wrapper-three .all-items{display: flex;justify-content: space-between;gap: 72px;}
.wrapper-three .item-controller{position: relative;z-index: 1;flex: 1;}
.wrapper-three .item-controller::before{position: absolute;content: '';width: 109px;height: 109px;border-radius: 50%;top: -42px;left: -40px;z-index: -1;}
.wrapper-three .item-controller:nth-child(1):before{background-color:#FFD145;}
.wrapper-three .item-controller:nth-child(2):before{background-color:#45FFB1;}
.wrapper-three .item-controller:nth-child(3):before{background-color:#FF459E;}
.wrapper-three .item-controller .text-area{height: 277px;border-radius: 8px;background-color: var(--bgWhite);box-shadow: 0px 16px 80px rgba(0, 0, 0, 0.1);padding: 15px;}
.wrapper-three .item-order{color: var(--bgDarkBlue);font-size: 128px;font-weight: 700;line-height: 120px;}
.wrapper-three .item-info{font-size: 20px;font-weight: 300;line-height: 24px;text-align: justify;}
@media(width<1400px){
    .wrapper-three .item-controller .text-area {height: 300px;}
}
@media(width<1200px){
    .wrapper-three .item-info{font-size: 16px;}
}
@media(width<992px){
    .wrapper-three .item-controller .text-area {height: auto;}
    .wrapper-three .all-items{flex-direction: column;}
    .wrapper-three .item-controller:nth-child(2):before{left: 50%;transform: translateX(-50%);}
    .wrapper-three .item-controller:nth-child(3):before{left: auto;right: -40px;}
    .wrapper-three .title{font-size: 70px;margin-bottom: 60px;}
}
@media(width<768px){
    .wrapper-three .title{font-size: 40px;margin-bottom: 30px;}
    .wrapper-three .item-controller{padding: 0 30px;}
    .wrapper-three .item-controller:nth-child(1):before{left: -20px;}
    .wrapper-three .item-controller:nth-child(3):before{left: auto;right: -20px;}
}
@media(width<576px){
    .wrapper-three .item-order{font-size: 80px;line-height: 80px;}
    .wrapper-three .all-items{gap: 55px;}
    .wrapper-three .item-controller::before{width: 62px;height: 62px;}
    .wrapper-three .item-controller:nth-child(1):before{left:10px;top: -20px;}
    .wrapper-three .item-controller:nth-child(2):before{top: -30px;}
    .wrapper-three .item-controller:nth-child(3):before{right:10px;top: -20px;}
}


.grid-three .background-controller{background-color: var(--bgWhiteSmoke);}
.grid-three .title{font-size: 96px;color: var(--bgDarkBlue);text-align: center;margin-bottom: 88px;}
.grid-three .our-card{display: flex;flex-direction: column;justify-content: center;align-items: center;margin-bottom: 70px;height: 318px;transition: .2s linear;border-radius: 12px;padding: 45px 30px;}
.grid-three .our-card:hover{background-color: var(--bgWhite);box-shadow: 0px 16px 80px rgba(0, 0, 0, 0.1);}
.grid-three .card-img{display: flex;justify-content: center;}
.grid-three .card-header{margin-top: 9px;color: var(--softBlack);font-size: 17px;text-align: center;}
.grid-three .card-info{text-align: center;margin-top: 27px;line-height: 18px;color: var(--softGray);}


@media(width<1400px){
    .grid-three .title{margin-bottom: 30px;}
    .grid-three .our-card{margin-bottom: 20px;}
}
@media(width<992px){
    .grid-three .title{font-size: 70px;margin-bottom: 60px;}
}
@media(width<768px){
    .grid-three .title{font-size: 40px;margin-bottom: 30px;}
}
/* Contact Page Css Property */

.contact-form{}
.contact-form .background-controller{background-color:#edf6fa;padding-bottom: 100px;}
.contact-form .position-controller{}
.contact-form .about-contact{font-size: 18px;font-weight: 300;color: var(--black);}
.contact-form .about-contact .all-items{display: flex;justify-content: space-between;gap: 45px;margin-bottom: 80px;flex-wrap: wrap;}
.contact-form .about-contact .contact-item{flex: 1;position: relative;z-index: 1;}
.contact-form .about-contact .contact-item .text-area{background-color: var(--white);padding: 27px;height: 100%;}
.contact-form .about-contact .contact-item::before{content: '';width: 109px;height: 109px;position: absolute;top: -54px;z-index: -1;border-radius: 50%;}
.contact-form .about-contact .contact-item:nth-child(1)::before{background-color: #FFD145;left: -54px;}
.contact-form .about-contact .contact-item:nth-child(2)::before{background-color: #45FFB1;left:50%;transform: translateX(-50%);}
.contact-form .about-contact .contact-item:nth-child(3)::before{background-color: #FF459E;right: -54px;}
.contact-form .about-contact .item-title{font-size: 20px;font-weight: 500;color: var(--black);text-align: center;margin-bottom: 20px;}
.contact-form .about-contact .item-info{text-align: center;font-size: 15px;color: var(--black);font-weight: 300;}
.contact-form .about-contact .contact-item:nth-child(1) .item-info{text-align: justify;}
.contact-form .contact-title{font-size: 40px;color: var(--bgDarkBlue);font-weight: 500;padding: 105px 0 55px 0;text-align: center;}
.contact-form .contact-info{margin-bottom: 100px;font-size: 18px;line-height: 22px;font-weight: 300;text-align: justify;}
.contact-form .control-form{display: flex;gap: 30px;justify-content: space-between;}
.contact-form .control-form>*{flex: 1;margin-bottom: 28px;font-size: 30px;color: var(--black);font-weight: 300;padding: 26px;background-color:#F8FAFF;border: 1px solid var(--bgBlue);border-radius: 10px;}
.contact-form .control-form>*:focus-visible{outline: none;}
.contact-form button{background-color: var(--bgBlue);color: var(--white);font-size: 30px;line-height: 30px;font-weight: 500;border-radius: 10px;padding: 22px 40px;transition: .2s linear;border: none;outline: none;}
.contact-form button:hover{background-color: var(--bgSoftBlueHover);}
@media(width<992px){
    .contact-form .control-form{flex-direction: column;gap: 0;}
    .contact-form .control-form>* {padding: 12px 20px;font-size: 20px;}
    .contact-form button{font-size: 20px;padding: 12px 20px;width: 100%;}
    .contact-form .about-contact .contact-item{min-width: 100%;margin-bottom: 30px;}
    .contact-form .about-contact .contact-item::before{width: 40px;height: 40px;top: -20px;}
    .contact-form .about-contact .contact-item:nth-child(1)::before{left: -20px;}
    .contact-form .about-contact .contact-item:nth-child(3)::before{right: -20px;}
}
@media(width<576px){
    .contact-form .background-controller {padding-bottom: 60px};
    .contact-form .contact-title{font-size: 32px;padding: 50px 0 45px 0;}
    .contact-form .about-contact .all-items{padding: 0 40px;}
}

.map-area{}
.map-area .background-controller{background-color: #edf6fa;}
.map-area .position-controller{}
.map-area .map-title{font-size: 40px;color: var(--bgDarkBlue);font-weight: 500;padding: 0 0 55px 0;text-align: center;}
.map-area .map-section{overflow: hidden;margin-bottom: 50px;}
.map-area .map-section iframe{width: 100%;height: 520px;}
.map-area .map-text{display: flex;justify-content: space-between;gap: 20px;}
.map-area .map-item{padding: 16px 12px;border: 1px solid var(--black);flex-grow: 1;text-align: center;font-weight: 300;}
.map-area .map-item .bolder-item{font-weight: 500;}
@media(width<992px){
    .map-area .map-section iframe{height: 60vh;}
    .map-area .map-text{flex-direction: column;}
}
@media(width<576px){
    .map-area .background-controller {};
    .map-area .map-title{font-size: 32px;padding: 50px 0 45px 0;}
}

.form-area{margin-top: -50px;}
.form-area .background-controller{background-color: #edf6fa;}
.form-area .position-controller{padding: 50px  0 80px 0;}
.form-area .form-title{text-align: center;color: #0180da;font-size: 31px;font-weight: 500;text-transform: uppercase;margin-bottom: 40px;}
.form-area #contactForm{display: flex;flex-direction: column;align-items: center;max-width: 591px;margin: 0 auto;}
.form-area .control-form{width: 100%;margin-bottom: 21px;}
.form-area .control-form > input{width: 100%;padding: 16px 21px;font-size: 16px;font-weight: 300;color: #1A1A1A;border: none;}
.form-area .control-form > input:focus-visible{border: none;outline: none;}
.form-area .control-form > textarea{padding: 16px 21px;width: 100%;font-size: 16px;color: #1A1A1A;font-weight: 300;border: none;}
.form-area .control-form > textarea:focus-visible{outline: none;}
.form-area button{border: none;padding: 20px 62px;color: var(--white);font-size: 18px;font-weight: 400;background:linear-gradient(to right,#0064E6,#182655);}
.form-area .alert-message{padding: 12px;border: 1px solid;display: flex;justify-content: center;align-items: center;opacity: 0;transition: .2s linear;color: var(--white);}
.form-area .message{margin: 0;}
.form-area .alert-message.danger{background-color: var(--bgPink);opacity: 1;}
.form-area .alert-message.success{background-color:var(--bgBlue);opacity: 1;}

.laws{}
.laws .background-controller{background-color: var(--bgWhiteSmoke);}
.laws .position-controller{}
.laws .law-area{padding-top: 120px;}
.laws .law-item{padding-bottom: 50px;}
.laws .law-item .law-title{font-size: 40px;font-weight: 500;color: var(--bgDarkBlue);margin-bottom:13px;}
.laws .law-item .law-prop{font-size: 18px;font-weight:300;color:var(--black);margin-bottom: 30px;}
.laws .law-item .law-prop.risk{font-size: 13px;}
@media(width<1200px){
    .laws .law-item .law-title {font-size: 30px;}
    .laws .law-area {padding-top:80px;}
    .laws .background-controller {padding-bottom: 160px;}
}
@media(width<768px){
    .laws .law-item .law-prop{text-align: justify;}
}
@media(width<500px){
    .laws .background-controller{padding-bottom: 30px;}
    .laws .law-item {padding-bottom:30px;}
    .laws .law-item .law-title{font-size: 25px;}
    .laws .law-item .law-prop {font-size: 18px;}
    
}

.download-app{}
.download-app .background-controller{background-color: var(--bgWhiteSmoke);}
.download-app .position-controller{padding-top: 160px;}
.download-app .all-items{display: flex;justify-content: center;align-items: center;}
.download-app .app-items{display: flex;justify-content: center;align-items: center;color: var(--white);gap: 15px;}
.download-app .app-items .app-item{display: flex;padding: 12px 12px;border-radius: 10px;background-color: var(--bgBlue);align-items: center;}
.download-app .app-items .app-item .app-title {font-size: 12px;color:var(--white);}
.download-app .app-items .app-item .app-sub-title {font-size:20px;color: var(--white);}
.download-app .app-items .app-img{margin-right: 10px;max-width: 100%;}
.download-app .app-items .app-img svg{height: 36px;}
.download-app .app-items .app-img img{height: 36px;}
.download-app .app-info .info-prop{margin-left:38px;font-size: 24px;color: var(--blue);font-weight:500;}

@media(width<992px){
    .download-app .position-controller {padding: 120px 0 ;}
    .download-app .all-items{flex-direction: column;gap: 20px;}
    .download-app .app-info .info-prop {font-size: 18px;}
    .download-app .app-items{flex-wrap: wrap;}
}
@media(width<400px){
    .download-app .app-items{flex-direction: column;}
}

.our-tools{}
.our-tools .background-controller{background-color: #edf6fa;}
.our-tools .position-controller{padding: 200px 0 132px 0;}
.our-tools .all-items{}
.our-tools .all-items .tool-item{margin-bottom: 100px;}
.our-tools .item-img{margin-bottom: -35px;padding: 0 30px;}
.our-tools .item-img > img{padding: 0;}
.our-tools .tools-info{border: 2px solid #F8BE1F;background-color: #F9F9F9CC;padding: 60px 31px 24px 31px;border-radius: 22px;}
.our-tools .tools-title{font-size: 30px;font-weight: 500;color: var(--black);margin-bottom: 16px;}
.our-tools .tools-info-prop{font-size: 18px;color: var(--black);font-weight: 300;text-align: justify;margin-bottom: 20px;}
.our-tools .view-detail{display: flex;gap: 10px;align-items: center;opacity: 0;transition: .2s linear;pointer-events: none;transform: translateY(-100%);}
.our-tools .tool-item:hover .view-detail{opacity: 1;transform: translateY(0);pointer-events: all;}
.our-tools .view-icon{}
.our-tools .view-icon i{font-size: 21px;color: #F8BE1F !important;}
.our-tools .view-text{font-size: 20px;color: #F8BE1F;font-weight: 400;}
.our-tools .tools-part{font-size: 20px;font-weight:300;margin: 0 5rem;}

@media(width < 992px){
    .our-tools .position-controller{padding: 120px 0 80px 0;}
    .our-tools .all-items .tool-item{margin-bottom: 60px;}
    .our-tools .view-detail{opacity: 1;transform: translateY(0);pointer-events: all;}
    .our-tools .tools-title{font-size: 22px;}
    .our-tools .view-icon i{font-size: 17px;line-height: 19px;}
    .our-tools .view-text{font-size: 16px;line-height: 19px;}
    .our-tools .tools-part{font-size: 16px;line-height: 19px;margin: 0 2rem;text-align: justify;}
}

.tools-detail{}
.tools-detail .background-controller{background-color: #edf6fa;}
.tools-detail .position-controller{padding: 240px  0 150px 0;}
.tools-detail .info-title{font-size: 30px;font-weight: 400;color: var(--black);margin-bottom: 44px;text-align: center;}
.tools-detail .detail-info .info{font-size: 17px;font-weight: 300;color: var(--black);letter-spacing: 0.5px;text-align: justify;}
@media(width<992px){
    .tools-detail .position-controller{padding: 80px  0 60px 0;}
    .tools-detail .info-title{font-size: 25px;margin-bottom: 22px;}
    .tools-detail .detail-info{margin-bottom: 20px;}
    .tools-detail .detail-img{display: flex;justify-content: center;}
}

.detail-page-info{}
.detail-page-info .background-controller{}
.detail-page-info .position-controller{}
.detail-page-info .detail-controller{display: flex;align-items: center;gap: 100px;}
.detail-page-info .detail-controller .page-info{}
.detail-page-info .detail-controller .page-info .info-page-prop{color: var(--white);font-size:18px;font-weight: 300;text-align: justify;}
@media(width<768px){
    .detail-page-info .detail-controller .img-item{display: none;}
    .detail-page-info .page-info{padding: 30px 0;}
}

.other-tools{}
.other-tools .background-controller{background-color: #edf6fa;}
.other-tools .position-controller{padding: 240px 150px;}
.other-tools .tools-item{padding: 33px 30px;border-right: 1px solid #D9D9D9;}
.other-tools .tools-item:last-child{border: none;}
.other-tools .tools-item .item-title{text-align: center;font-size: 20px;font-weight: 500;color: var(--black);margin-bottom: 50px;}
.other-tools .tools-item .tools-info{font-size: 15px;color: var(--black);font-weight: 300;text-align: justify;}
.other-tools .tools-item .tools-img{padding: 30px;display: flex;justify-content: center;}
.other-tools .tools-item .tools-img .img-prop{max-width: 100%;}
.other-tools .detail-link{display: flex;color: #F8BE1F;justify-content: center;gap: 10px;font-size: 20px;font-weight: 400;}
.other-tools .detail-link .view-icon {}
.other-tools .detail-link .view-icon i{color: inherit;}
.other-tools .detail-link .view-text{color: inherit;}

@media(width<992px){
    .other-tools .tools-item{border: none;}
}
@media(width<768px){
    .other-tools .position-controller{padding: 80px 0 60px 0;}
    .other-tools .tools-item .tools-img{padding: 10px 0;}
}


/* Footer Css Property */
footer{background-color: var(--bgWhiteSmoke);}
footer.add-back{background-color: #edf6fa;}
footer .backgorund-controller{border-radius: 80px 80px 0 0;padding: 42px 70px 0 70px;background-color: var(--bgBlue);}
footer .footer-top{display: flex;justify-content: space-between;align-items: center;}
footer .title-area img{max-width: 74px;margin-bottom: 10px;}
footer .header-area .sub-title{color: var(--white);font-size: 20px;font-weight: 400;}
footer .header-area .title{font-size: 42px;font-weight: 700;color: var(--white);position: relative;display: inline;}
footer .header-area .title::after{content: url(../img/effect.png);position: absolute;top:-68px;right: -82px;}
footer .social-area{display: flex;gap: 16px;}
footer .social-area .social-link{border: 1px solid var(--white);width: 36px;height: 36px;display: flex;justify-content: center;align-items: center;border-radius: 50%;transition: .2s linear;}
footer .social-area .social-link:hover{transform: scale(1.1);}
footer hr{border-top: 2px solid var(--bgWhiteSmoke);}
footer .site-map{padding: 29px 0 39px 0;display: flex;justify-content: space-between;align-items: center;}
footer .footer-info{display: flex;flex-direction: column;gap:22px;}
footer .footer-item{display: flex;align-items: center; color: var(--white);}
footer .icon-img{margin-right: 14px;}
footer .footer-navbar{display: flex;justify-content: space-between;}
footer .footer-navbar .navbar-link{color: var(--white);padding:5px 16px;border-right: 1px solid var(--bgWhiteSmoke);transition: .2s linear;}
footer .footer-navbar .navbar-link:last-child{border: none;}
footer .footer-navbar .navbar-link:hover{opacity: .8;}
footer .footer-copyright{display: flex;justify-content: center;align-items: center;margin: 20px 0;}
footer .footer-copyright .copy-text{font-weight: 400;color: var(--white);}
footer .footer-copyright img{max-width: 60px;margin: 0 10px;}
@media(width<992px){
    footer .backgorund-controller{border-radius: 0;}
    footer .site-map{flex-direction: column;align-items: start;}
    footer hr{width: 100%;}
}
@media(width<768px){
    footer .footer-top{flex-direction: column;}
}
@media(width<650px){
    footer .footer-navbar{flex-direction: column;gap: 15px; }
    footer .backgorund-controller{padding: 42px 0 10px 0;}
    footer .title-area{width: 100%;}
    footer .header-area .sub-title {font-size: 16px;}
    footer .header-area .title {font-size: 30px;}
}
@media(width<450px){
    footer .footer-copyright{flex-direction: column;}
    footer .footer-copyright .copy-text{font-size: 12px;}
    footer .footer-copyright span:first-child{order: 3;}
    footer .footer-copyright span{text-align: center;}
}

/* Css Animation */