*{outline:none;}
html{scroll-behavior: smooth;}
body{font-family:'Open Sans', sans-serif !important;}
a{text-decoration:none; transition:300ms}
a:hover{text-decoration:underline;}

input, select{box-shadow:none !important;}

.multiply{mix-blend-mode:multiply;}
.fs-14{font-size:14px;}
.top-unset{top:unset;}

.btn-primary{color:#fff !important;}
.btn{font-weight:700;  transition:300ms}

.shine{position:relative; overflow:hidden;}
.shine:before{content:""; position:absolute; background:rgba(255, 255, 255, 1); width:30px; height:100%; left:0; top:0; opacity:0.5; filter:blur(30px); transform:translateX(-100px) skewX(-15deg);}
.shine:hover:before{transform:translateX(300px) skewX(-15deg); opacity:1; transition:500ms;}

section.py-5{padding:150px 0 150px 0 !important; }

#topMenu .nav-link{color:rgba(var(--bs-dark-rgb)) !important; font-weight:700; padding:8px 20px}
#topMenu .btn{color:#fff; font-weight:700; padding:8px 20px}

.navbar-toggler .icon-bar{background-color:#000; transform:rotate(0deg) translate(0px, 0px); transition:300ms;}
.navbar-toggler .icon-bar{display:block; width:22px; height:2px; border-radius:1px;}
.navbar-toggler .icon-bar+.icon-bar{margin-top:4px;}
.navbar-toggler .icon-bar:nth-child(2){width:16px; transition:300ms;}
.navbar-toggler:hover>.icon-bar:nth-child(2){width:22px; transition:300ms;}
.navbar-toggler:active>.icon-bar:nth-child(2){width:22px; transition:300ms;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1){transform:rotate(45deg) translate(5px, 4px); transition:300ms;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2){opacity:0; transition:ease all .2s;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3){transform:rotate(-45deg) translate(4px, -4px); transition:300ms;}

#banner{background:url(../images/banner-bg.png) top center no-repeat; background-size:cover; position:relative; margin-top:77px;}
@media (min-width:992px){
#banner{height:767px;}
#banner #imge img{position:absolute; top:calc(50% - 295px); right:60px;}
}

#moreEarnArea .ratio{transition:500ms;}
#moreEarnArea .col-sm-4:hover .ratio{background-color:rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; color:#fff !important;  cursor:pointer;}

#workArea{background:url(../images/bg-2.png) bottom center no-repeat; background-size:100% auto;}
#workArea .d-flex{position:relative; transition:500ms; padding:15px 0;}
#workArea .d-flex:hover{background:#fff; color:rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; padding:15px; box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; cursor:pointer;}
#workArea .d-flex:after{content:"1"; position:absolute; right:30px;  font-size:60px; font-weight:bold; font-style:italic; opacity:0.2;}
#workArea .d-flex:nth-last-child(3):after{content:"2";}
#workArea .d-flex:nth-last-child(2):after{content:"3";}
#workArea .d-flex:nth-last-child(1):after{content:"4";}
#workArea .shine:before{background:rgba(30, 147, 238, 1);}
#workArea .shine:hover:before{transform:translateX(750px) skewX(-15deg);transition:1000ms;}

#accordionFlushFaq .accordion-item{background:none; border:none; margin-bottom:5px; border-radius:30px; overflow:hidden}
#accordionFlushFaq .accordion-button{background:rgba(var(--bs-primary-rgb)) !important; color:#fff !important; font-weight:700; box-shadow:none!important;transition:200ms;}
#accordionFlushFaq .accordion-button::after{filter:brightness(10);}
#accordionFlushFaq .accordion-button[aria-expanded="true"]{border-radius:30px 30px 0 0;}
#accordionFlushFaq .accordion-body{background:#fff;}
#accordionFlushFaq  .shine:hover:before{transform:translateX(1000px) skewX(-15deg);transition:1000ms;}

#featuresArea{position:relative}
#featuresArea .container{padding:0 60px}
#featuresArea:before{content:""; background:rgba(var(--bs-dark-rgb)) !important; border-radius:30px; position:absolute; top:0; right:30px; bottom:0; left:30px}
#featuresArea .shine:hover:before{transform:translateX(450px) skewX(-15deg); transition:300ms;}
#featuresArea .card:after{content:"1"; position:absolute; top:0; right:30px; font-size:90px; font-weight:bold; font-style:italic; opacity:0.2;}
#featuresArea .col-lg-4:nth-last-child(5) .card:after{content:"2";}
#featuresArea .col-lg-4:nth-last-child(4) .card:after{content:"3";}
#featuresArea .col-lg-4:nth-last-child(3) .card:after{content:"4";}
#featuresArea .col-lg-4:nth-last-child(2) .card:after{content:"5";}
#featuresArea .col-lg-4:nth-last-child(1) .card:after{content:"6";}

#bottomArea{margin-top:150px}

.modal-content{border-radius:35px}
.modal-body{padding:86px;}
.modal-body .shine:hover:before{transform:translateX(800px) skewX(-15deg); transition:1000ms;}

@media (min-width:1200px) and (max-width:1399px){#banner #imge img{width:900px; margin-top:50px}}
@media (min-width:992px) and (max-width:1199px){
#banner #imge img{width:700px; margin-top:100px}
.modal-body{padding:60px;}
}
@media (min-width:768px) and (max-width:991px){
.modal-dialog{max-width:700px !important}
.modal-body{padding:60px;}
}
@media (min-width:576px) and (max-width:767px){}
@media (min-width:0px) and (max-width:575px){
.modal-body{padding:30px;}
}