/*
Theme Name: toteel
Theme URI: http://toteel.com
Author: ENG.emad yousif
Description: A brief description of the theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: toteel.com
*/
/*
@font-face {font-family: 'toteel_title';src: url(assets/css/AmazonEmberArabic_Bd.woff);font-display: swap; font-style: normal;}@font-face {font-family: 'toteel_body';src: url(assets/css/AmazonEmberArabic_Rg.woff);font-display: swap; font-style: normal;}@font-face {font-family: 'toteel_Medium';src: url(assets/css/toteel_Medium.otf);font-display: swap; font-style: normal;}h1,h2,h3,h4,h5,h6{font-family: 'toteel_title' !important;}*/
@font-face {
font-family: 'aionsharkia';
src: url(assets/css/toteel.woff2);font-display: swap; font-style: normal;
font-weight: 400;
font-style: normal;
font-display: swap;
}
h1,h2,h3,h4,h5,h6{font-family: 'toteel' !important;}
.bd-navbar{padding:.75rem 0;background-color:#18191a!important;background-image:linear-gradient(to bottom,rgba(var(--bd-violet-rgb),1),rgba(var(--bd-violet-rgb),.95));box-shadow:0 .5rem 1rem rgb(0 0 0/15%),inset 0-1px 0 rgb(0 0 0/15%)}@media(min-width:991.98px){.nav-link{padding-top:22px;padding-bottom:22px}}@media(min-width:991.98px){.navbar-brand{padding-top:0;padding-bottom:0}}@media(min-width:991.98px){.bd-navbar{padding:0}}@media(max-width:991.98px){.s-0{margin-top:0!important;margin-bottom:0!important}}@media(min-width:991.98px){.device-browser-img{width:85%!important}}@media(max-width:991.98px){.device-browser-img{width:100%!important}}@media(max-width:991.98px){.flexs-column{flex-direction:column-reverse!important}}@media(max-width:991.98px){.p-r-right{border-right:none!important}}body{font-family: 'toteel' !important;}.carousel-caption{bottom:3rem;z-index:10}.carousel-item{height:32rem}@media(min-width:40em){.carousel-caption p{margin-bottom:1.25rem;font-size:1.25rem;line-height:1.4}.featurette-heading{font-size:50px}}@media(min-width:62em){.featurette-heading{margin-top:7rem}}.feature-icon-small.d-inline-flex.align-items-center.justify-content-center.text-bg-primary.bg-gradient.fs-4.rounded-3{background-color:#f9c904!important}.feature-icon-small{width:3rem;height:3rem}.fa-brands,.fa-duotone,.fa-light,.fa-solid{color:#f9c904!important}.p-r-right{border-right:1px solid #d8d8d8}.p-r-left{border-left:1px solid #d8d8d8}.mt-n3{margin-top:-1rem!important}.mt-n5{margin-top:-3rem!important}.py-7{padding-top:6rem!important;padding-bottom:6rem!important}.mt-8{margin-top:8rem!important}.pt-6{padding-top:4rem!important}.avatar{color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;border-radius:.75rem;transition:all .2s ease-in-out}.bg-gradient-dark{background-image:linear-gradient(310deg,#18191a,#18191a)}.bg-dark{background:#242526}.bg-business-dark{background:#18191a}.shadow-blur{border-radius:1rem;box-shadow:inset 0 0 1px 1px hsla(0,0%,100%,.9),0 20px 27px 0 rgba(0,0,0,.05)!important;backdrop-filter:saturate(200%)blur(30px);background-color:#f9f9f9;z-index:2!important;margin-top:-6rem!important}.shadow-subscribe{border-radius:1rem;box-shadow:inset 0 0 1px 1px #ffd900,0 20px 27px 0 rgba(0,0,0,.05)!important;backdrop-filter:saturate(200%)blur(30px);background-color:#f9c904;z-index:2!important;margin-bottom:-10rem!important}.text-business{color:#f9c904}.bg-business{background:#242526!important;color:#fff}.rounded-2{border:.0625rem dashed}#fill-white{background:#ffffff24}.link-business{color:#f9c904}.text-primary{color:#ffcd00!important;background-color:#fff !important}.btn-icons{background-color:#242526;border:#242526;color:#f9c904}.btn-icons:hover{background-color:#242526;border:#242526;color:#fff}.waves{position:relative;width:100%;height:16vh;margin-bottom:-7px;min-height:100px;max-height:150px}.f1::before,.f2::before,.f3::before,.f4::before,.f5::before{content:"";position:absolute;display:block;width:120px;height:1px;background:#ddd;top:227px}.f1::after,.f2::after,.f3::after,.f4::after,.f5::after{content:"";position:absolute;display:block;width:41px;height:3px;background:#f9c904;top:226px}@media(max-width:991.98px){.f1::before,.f2::before,.f3::before,.f4::before,.f5::before{content:"";position:absolute;display:block;width:120px;height:1px;background:#ddd}}@media(max-width:991.98px){.f3::before{top:484px}}@media(max-width:991.98px){.f4::before{top:484px}}@media(max-width:991.98px){.f5::before{top:740px}}@media(max-width:991.98px){.f1::after .f2::after .f3::after .f4::after .f5::after{content:"";position:absolute;display:block;width:41px;height:3px;background:#f9c904}}@media(max-width:991.98px){.f3::after{top:483px}}@media(max-width:991.98px){.f4::after{top:483px}}@media(max-width:991.98px){.f5::after{top:739px}}.sec1::before{content:"";position:absolute;display:block;width:183px;height:1px;background:#ddd;right:43%;top:51px;}.sec1::after{content:"";position:absolute;display:block;width:50px;height:3px;background:#f9c904;right:48%;top:50px;}.b-color{color:#FF1493}.nav-tabs .nav-link{color:#fff!important}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#333!important}.section-title::after{content:'';flex-grow:1;margin-left:3.625rem;border-top:1px solid #e5e5e5}.section-title{position:relative;display:flex;align-items:center;justify-content:space-between;font-size:1.5rem;line-height:3.75rem;flex:0;width:100%;margin-bottom:15px}.section-title .anchor{-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%);position:absolute;left:0;top:50%;display:block;width:3.125rem;height:3.125rem;border-radius:50%;border:1px solid #e5e5e5;outline:0}@media(max-width:991.98px){.w-sm-85{width:95%!important}}.icon-shape{width:48px;height:48px;background-position:50%;display:inline-block;background:#18191a}hr.vertical.dark{background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.4),transparent)}hr.vertical{position:absolute;background-color:transparent;height:100%;right:0;top:0;width:1px}@media(min-width:991.98px){.contact{margin-left:35px!important}}.sidebar-size{width:90px!important;height:70px!important;border-radius:5px!important}.feature-icon-small {width: 3.5rem !important;height: 3.5rem !important;}@media (max-width: 991.98px) { .sec1::before {right: 24%;}}@media (max-width: 991.98px) { .sec1::after { right: 42%;}}.mask{position: absolute;background-size: cover;background-position: 50%;top: 0;left: 0;width: 100%;height: 100%;opacity: .8;} .bg-business:hover {
background: #242526!important;color: #fff;}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.navbar-toggler.collapsed .navbar-toggler-icon{
background-image: url('data:image/svg+xml;utf8,');
}
.navbar-toggler {
border: none;
}
body {
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}
/*start animation*/
#Group_79,#Group_77 {
opacity: 1; /* القيمة الافتراضية للشفافية */
animation: fadeOut 1s ease-in-out infinite; /* تطبيق الحركة لمدة 5 ثواني وتكرارها بلا نهاية */
}
@keyframes fadeOut {
0% { opacity: 1; } /* في البداية، الشفافية 1 (مرئي بالكامل) */
50% { opacity: 0.5; } /* في منتصف الحركة، الشفافية 0.5 */
100% { opacity: 0; } /* في النهاية، الشفافية 0 (مختفي تمامًا) */
}
/*wifi*/
#Group_134 ,#Group_123,#Group_116,#Group_90,#Vector_5,#Vector_4,#Vector_9 {
opacity: 1; /* القيمة الافتراضية للشفافية */
animation: fadeOut 1s ease-in-out infinite; /* تطبيق الحركة لمدة 5 ثواني وتكرارها بلا نهاية */
}
@keyframes fadeOut {
0% { opacity: 1; } /* في البداية، الشفافية 1 (مرئي بالكامل) */
50% { opacity: 0.5; } /* في منتصف الحركة، الشفافية 0.5 */
100% { opacity: 0; } /* في النهاية، الشفافية 0 (مختفي تمامًا) */
}
/*mes
#Group_112 {
animation: rotateBox 5s linear infinite alternate;
}
@keyframes rotateBox {
0% {
transform: rotateY(0deg) rotateX(0deg);
}
100% {
transform: rotateY(360deg) rotateX(360deg);
}
}*/
/*الدوائرة*/
@keyframes heartbeat {
0% {
transform: translateY(0);
}
25% {
transform: translateY(-20px);
}
50% {
transform: translateY(0);
}
75% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
#columns {
animation: heartbeat 1s infinite;
}
/*دخول*/
#Group_119 {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #2FD6C0;
margin: 10px;
animation: typewriter2 4s infinite linear;
}
@keyframes typewriter2 {
0%, 25% {
transform: translateY(0);
}
50% {
transform: translateY(25px);
}
75%, 100% {
transform: translateY(0);
}
}
#Vector_445 {
animation: moveCloud 5s ease-in-out infinite alternate;
}
@keyframes moveCloud {
0% {
transform: translateX(0);
}
100% {
transform: translateX(30px); /* Adjust this value to change the distance of the movement */
}
}
/**/
#Group_112{
transform: translateX(0%);
animation: moveDown 1s linear infinite;
}
@keyframes moveDown {
0% {
top: -50px; /* يبدأ من خارج الشاشة من الأعلى */
opacity: 50; /* العنصر مرئي */
}
50% {
top: 50%; /* يتحرك إلى منتصف الشاشة */
opacity: -1; /* العنصر مرئي */
}
100% {
top: 100vh; /* يتحرك إلى أسفل الشاشة */
opacity: 0; /* العنصر يختفي */
}
}
/*end animation*/
.aa{
font-family: toteel !important;
color: #ffffff !important;
}
a{
font-family: toteel !important;
}
.sp{
font-family: toteel !important;
}
/*start scroller project tab*/
.scroller-1 {
position: relative;
z-index: 2;
height: 3.0rem;
overflow-y: hidden;
}
.scroller-nav{
display: flex;
flex-wrap: nowrap;
padding-bottom: 1rem;
margin-top: -1px;
overflow-x: auto;
text-align: center;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
/*end scroller project tab*/
.p-img{
padding: 12px;
}
figcaption.text-truncate.small.text-o-color-5 {
color: #18191a !important;
}
.dropdown-menu.dropdown-menu-animated.megamenu.px-4.px-lg-5.py-lg-5.show {
width: -webkit-fill-available !important;
background: #18191a !important;
}
@media (max-width: 768px) {
.dropdown-menu {
max-height: 400px;
overflow-y: auto;
overflow-x: hidden;
}
}
.iti__country-list {
left: 0 !important;
}