.titleStyle,a{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s}a,button,input,select,textarea{outline:0}.aboutMe .content .skills .mt-themes-progress-box .mt-themes-progress .mt-themes-progress-inner,.container,.footer .container,.titleStyle,.whatsChat .content .head .imgStyle{position:relative}.titleStyle,.titleStyle:after{font-weight:800;text-align:center}.header .nav-links li a:before,.logo.dot:after{bottom:12px;width:9px;height:9px;border-radius:50%}.header.headerFixed .logo.dot:after,.header.headerFixed .nav-links li a.active:before,.header.headerFixed .nav-links li a:hover:before,.logo.dot:after{background-color:#0d6efd}.header,.intro1 .snow{will-change:transform}body,html{height:100%;scroll-behavior:smooth;direction:rtl}body{font-family:Cairo,sans-serif}*{padding:0;margin:0;box-sizing:border-box}@media(min-width:1300px){.container{max-width:1520px}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0d6efd}::-webkit-scrollbar-thumb:hover{background:#0d6efd}a{text-decoration:none!important;transition:.3s}.center-block{float:none}.background-cover{-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important}ul{margin-bottom:0;padding-left:0;padding-right:0;list-style:none}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;display:none}.titleStyle{font-size:2.7rem;color:#000;transition:.3s}.titleStyle.bgGradient{background:-webkit-linear-gradient(#0d6cf8,#000);background-size:1px 100px;animation:10s linear infinite move-gradientText;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.titleStyle.bgGradient:after{display:none}.titleStyle:after{content:attr(title);text-transform:uppercase;color:#0d6efd;position:absolute;right:0;width:100%;font-size:inherit;opacity:.2;top:-3px;padding-right:6px;height:100%;-webkit-text-fill-color:#0d6efd;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.titleStyle:hover:after{top:0!important;padding-right:0!important}.title-text{color:#9f9f9f;max-width:700px;line-height:30px;margin-right:auto;margin-left:auto;text-align:center}@keyframes move-gradientText{0%,100%{background-position:right 1px top 200px}50%{background-position:0 100%}}@-webkit-keyframes move-gradientText{0%,100%{background-position:right 1px top 200px}50%{background-position:0 100%}}@-moz-keyframes move-gradientText{0%,100%{background-position:right 1px top 200px}50%{background-position:0 100%}}@-ms-keyframes move-gradientText{0%,100%{background-position:right 1px top 200px}50%{background-position:0 100%}}@keyframes snowAnim{from{background-position:right 0 top 0}to{background-position:right 100px top 1000px}}@-webkit-keyframes snowAnim{from{background-position:right 0 top 0}to{background-position:right 100px top 1000px}}@-moz-keyframes snowAnim{from{background-position:right 0 top 0}to{background-position:right 100px top 1000px}}@-ms-keyframes snowAnim{from{background-position:right 0 top 0}to{background-position:right 100px top 1000px}}@keyframes text-move{0%,100%{transform:translateY(0)}25%{transform:translateY(-50px)}50%{transform:translateY(-100px)}}@-webkit-keyframes text-move{0%,100%{transform:translateY(0)}25%{transform:translateY(-50px)}50%{transform:translateY(-100px)}}@-moz-keyframes text-move{0%,100%{transform:translateY(0)}25%{transform:translateY(-50px)}50%{transform:translateY(-100px)}}@-ms-keyframes text-move{0%,100%{transform:translateY(0)}25%{transform:translateY(-50px)}50%{transform:translateY(-100px)}}@keyframes opacityAnim{0%{opacity:.9}50%{opacity:.3}100%{opacity:.6;opacity:.9}}@-webkit-keyframes opacityAnim{0%{opacity:.9}50%{opacity:.3}100%{opacity:.6;opacity:.9}}@-moz-keyframes opacityAnim{0%{opacity:.9}50%{opacity:.3}100%{opacity:.6;opacity:.9}}@-ms-keyframes opacityAnim{0%{opacity:.9}50%{opacity:.3}100%{opacity:.6;opacity:.9}}@keyframes move-iconsEven{0%,100%{top:70px;right:0}50%{top:0;right:-25px}}@-webkit-keyframes move-iconsEven{0%,100%{top:70px;right:0}50%{top:0;right:-25px}}@-moz-keyframes move-iconsEven{0%,100%{top:70px;right:0}50%{top:0;right:-25px}}@-ms-keyframes move-iconsEven{0%,100%{top:70px;right:0}50%{top:0;right:-25px}}@keyframes move-iconsOdd{0%,100%{top:0}50%{top:70px}}@-webkit-keyframes move-iconsOdd{0%,100%{top:0}50%{top:70px}}@-moz-keyframes move-iconsOdd{0%,100%{top:0}50%{top:70px}}@-ms-keyframes move-iconsOdd{0%,100%{top:0}50%{top:70px}}@keyframes move-servicesLine{0%,100%{height:31px;width:10px;right:0;bottom:2px;border-radius:0;transform:skew(-10deg,0deg)}25%{bottom:-13px;right:0;width:13px;height:13px;border-radius:50%;transform:skew(0deg,0deg)}50%{bottom:-13px;right:100%;width:13px;height:13px;border-radius:50%;transform:skew(0deg,0deg)}75%{bottom:100%;right:100%;width:13px;height:13px;border-radius:50%;transform:skew(0deg,0deg)}90%{right:0;bottom:100%;border-radius:50%;width:13px;height:13px}}@-webkit-keyframes move-servicesLine{0%,100%{height:31px;width:10px;right:0;bottom:2px;border-radius:0;transform:skew(-10deg,0deg)}25%{bottom:-13px;right:0;width:13px;height:13px;border-radius:50%;transform:skew(0deg,0deg)}50%{bottom:-13px;right:100%;width:13px;height:13px;border-radius:50%;transform:skew(0deg,0deg)}75%{bottom:100%;right:100%;width:13px;height:13px;border-radius:50%;transform:skew(0deg,0deg)}90%{right:0;bottom:100%;border-radius:50%;width:13px;height:13px}}@-moz-keyframes move-servicesLine{0%,100%{height:31px;width:10px;right:0;bottom:2px;border-radius:0;transform:skew(-10deg,0deg)}25%{bottom:-13px;right:0;width:13px;height:13px;border-radius:50%;transform:skew(0deg,0deg)}50%{bottom:-13px;right:100%;width:13px;height:13px;border-radius:50%;transform:skew(0deg,0deg)}75%{bottom:100%;right:100%;width:13px;height:13px;border-radius:50%;transform:skew(0deg,0deg)}90%{right:0;bottom:100%;border-radius:50%;width:13px;height:13px}}@-ms-keyframes move-servicesLine{25%,50%{bottom:-13px}50%,75%{right:100%;transform:skew(0deg,0deg)}25%,50%,75%{transform:skew(0deg,0deg)}0%,100%,25%,90%{right:0}75%,90%{bottom:100%}25%,50%,75%,90%{border-radius:50%;width:13px;height:13px}0%,100%{height:31px;width:10px;bottom:2px;border-radius:0;transform:skew(-10deg,0deg)}}.header{position:fixed;width:100%;z-index:999;padding:15px 0;background-color:transparent;transition:.3s}.header .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100px;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}.logo{font-family:Pacifico,cursive;color:#fff;font-size:1.8rem;transition:.7s ease-in-out;position:relative;right:calc(50% - 77.5px)}.header .nav-links li,.logo.dot:after{-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out}.logo.dot:after{content:"";position:absolute;right:-15px;transition:.5s ease-in-out}.header nav{height:100%}.header .nav-links{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;overflow:hidden;margin-right:-60px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(max-width:992px){.header{padding:0 15px}.header .nav-links{position:absolute;right:-15px;top:100%;height:0;flex-direction:column;text-align:right;background:#fff;width:calc(100% + 30px);margin:0;opacity:0;visibility:hidden;box-shadow:0 0 6px 3px rgba(0,0,0,.03);padding-bottom:15px}.header .nav-links.active{height:auto;opacity:1;visibility:visible}.header .nav-links li a{color:#000!important}}.introSection .name,.introSection .welcome{font-weight:700;margin-bottom:10px;display:block}.header .nav-links li{padding:.8rem 1.5rem;position:relative;top:-100%;opacity:0;transition:.5s ease-in-out}@media(max-width:1200px){.header .nav-links li{padding-left:.8rem;padding-right:.8rem}.header .nav-links li a:before{right:-13px!important}}.header .nav-links li:first-of-type{-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}.header .nav-links li:nth-of-type(2){-webkit-transition:.5s ease-in-out .2s;-moz-transition:.5s ease-in-out .2s;-o-transition:.5s ease-in-out .2s;transition:.5s ease-in-out .2s}.header .nav-links li:nth-of-type(3){-webkit-transition:.5s ease-in-out .3s;-moz-transition:.5s ease-in-out .3s;-o-transition:.5s ease-in-out .3s;transition:.5s ease-in-out .3s}.header .nav-links li:nth-of-type(4){-webkit-transition:.5s ease-in-out .4s;-moz-transition:.5s ease-in-out .4s;-o-transition:.5s ease-in-out .4s;transition:.5s ease-in-out .4s}.header .nav-links li:nth-of-type(5){-webkit-transition:.5s ease-in-out .5s;-moz-transition:.5s ease-in-out .5s;-o-transition:.5s ease-in-out .5s;transition:.5s ease-in-out .5s}.header .nav-links li:nth-of-type(6){-webkit-transition:.5s ease-in-out .6s;-moz-transition:.5s ease-in-out .6s;-o-transition:.5s ease-in-out .6s;transition:.5s ease-in-out .6s}.header .nav-links li:nth-of-type(7){-webkit-transition:.5s ease-in-out .7s;-moz-transition:.5s ease-in-out .7s;-o-transition:.5s ease-in-out .7s;transition:.5s ease-in-out .7s}.header .nav-links li:nth-of-type(8){-webkit-transition:.5s ease-in-out .8s;-moz-transition:.5s ease-in-out .8s;-o-transition:.5s ease-in-out .8s;transition:.5s ease-in-out .8s}.header .nav-links li:nth-of-type(9){-webkit-transition:.5s ease-in-out .9s;-moz-transition:.5s ease-in-out .9s;-o-transition:.5s ease-in-out .9s;transition:.5s ease-in-out .9s}.header .nav-links.active li{top:0;opacity:1}.header .nav-links li a{font-size:1.2rem;color:#fff;font-weight:700;position:relative;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}.header.headerFixed .nav-links li a{color:#333}.header .nav-links li a:before{content:"";position:absolute;background-color:transparent;right:-18px;opacity:0;visibility:hidden;transform:scale(0);transition:.4s}.header .open-menu .circle,.header .open-menu .line{-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out}.header .nav-links li a.active:before,.header .nav-links li a:hover:before{background-color:#fff;visibility:visible;opacity:1;transform:scale(1)}.header .open-menu{width:25px;height:25px;position:relative;border:none;background:0 0;outline:0!important;z-index:5}.header .open-menu .line{width:2px;position:absolute;background-color:#fff;border-radius:3px;transition:.5s ease-in-out}.header .open-menu .line:first-of-type{height:100%;right:0;bottom:0}.header .open-menu .line:nth-of-type(2){height:50%;right:calc(50% - 1px);bottom:0}.header .open-menu .line:nth-of-type(3){height:100%;left:0;right:auto;bottom:0}@media(min-width:991px){.header.menuActive .logo{right:0;transition:.4s ease-in-out}}.header .open-menu.active .line:first-of-type{bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);height:100%;right:calc(50% - 1px)}.header .open-menu.active .line:nth-of-type(2){bottom:calc(100% + 7px);height:0%}.header .open-menu.active .line:nth-of-type(3){bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);height:100%;left:calc(50% - 1px)}.header .open-menu.active .circle{height:45px}.header .open-menu .circle{position:absolute;right:-10px;top:-10px;height:0;width:45px;overflow:hidden;z-index:-1;transition:.5s ease-in-out}.header .open-menu .circle:before{content:"";width:45px;height:45px;overflow:hidden;border-radius:50%;display:block;border:2px solid #fff;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}.header.headerFixed{background-color:rgb(255 255 255 / 95%);box-shadow:0 0 3px 6px rgba(0,0,0,.02)}.header.headerFixed:hover{background-color:rgb(255 255 255 / 100%)}.header.headerFixed .container{height:80px}.header.headerFixed .open-menu .line{background-color:#333}.header.headerFixed .open-menu .circle:before{border-color:#333}.header.headerFixed .logo{color:#000}.introSection{position:relative;height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;background-image:url(../images/intro-bg.webp);background-size:cover;background-position:center;background-attachment:fixed;overflow:hidden;content-visibility:auto;contain-intrinsic-size:800px 600px}.introSection:before{content:"";position:absolute;right:0;bottom:0;width:100%;height:100%;z-index:-3;background:url(../images/intro-bg.webp) no-repeat fixed #0d6efd;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;filter:blur(3px)}.introSection:after{content:"";position:absolute;right:0;bottom:0;width:100%;height:100%;z-index:-2;background:#0d6efd;opacity:.9;background:-moz-linear-gradient(to right,#000 0,#0d6efd 100%),linear-gradient(to right,#000 0,#0d6efd 100%);background:-webkit-linear-gradient(to right,#000 0,#0d6efd 100%),linear-gradient(to right,#000 0,#0d6efd 100%);background:linear-gradient(to right,#000 0,#0d6efd 100%),linear-gradient(to right,#000 0,#0d6efd 100%)}.introSection .animateIntro{position:absolute;right:0;top:0;width:100%;height:100%;z-index:-1}.introSection svg{position:absolute;bottom:0;left:0;width:100%;height:120px;z-index:5}.introSection .rotateSvg{transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);opacity:.4}.introSection .welcome{color:#fff;font-size:2.5rem;opacity:.5;line-height:0}.introSection .name{color:#fff;font-size:4rem}.aboutMe .content .name .job_wrap span,.introSection .btnSlider{font-weight:600;color:#333}.introSection .parg{display:inline-block;height:50px;overflow:hidden}.introSection .parg h3{font-weight:600;color:#fff;font-size:1.5rem;line-height:50px;will-change:transform}.introSection .parg h3:first-child{animation:5.5s infinite text-move}.introSection .btnSlider{display:inline-block;height:50px;width:200px;text-align:center;padding:0;line-height:50px;border-radius:30px;border:2px solid #fff;overflow:hidden;position:relative;z-index:1}.aboutMe .about-portrait .portrait,.aboutMe .about-portrait .portrait:after,.aboutMe .about-portrait .portrait:before,.aboutMe .about-portrait img{border-top-right-radius:20px;border-bottom-right-radius:20px}.introSection .btnSlider:after,.introSection .btnSlider:before{content:"";width:50%;position:absolute;z-index:-1;top:0;left:0;height:100%;background-color:#fff;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.introSection .btnSlider:after{top:auto;bottom:0;left:auto;right:0}.introSection .btnSlider:hover:after,.introSection .btnSlider:hover:before{width:0}.footer .desc,.introSection .btnSlider:hover{color:#fff}.intro1 .snow{background-image:url("../images/snowAnim.webp");position:absolute;left:0;width:100%;height:100%;right:0;top:0;background-size:35%;opacity:.5;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;animation:20s linear infinite snowAnim}.aboutMe{padding:70px 0 160px}.aboutMe .container{display:flex}.aboutMe .about-portrait{width:25%;position:relative}.aboutMe .about-portrait .portrait{padding:10px;position:sticky;z-index:1;top:100px;background-color:#fff}.aboutMe .about-portrait .portrait:before{content:"";width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;right:10px;top:10px;background-color:#fff;z-index:-1}.aboutMe .about-portrait .portrait:after{content:"";width:100%;height:100%;position:absolute;right:0;top:0;z-index:-2;background:#0d6efd;background:-moz-linear-gradient(right,#000 0,#0d6efd 100%);background:-webkit-linear-gradient(right,#000 0,#0d6efd 100%);background:linear-gradient(to right,#000 0,#0d6efd 100%)}.aboutMe .about-portrait img{width:calc(100% + 15px);height:auto;margin:10px 10px 10px 0}.aboutMe .about-portrait .socialLinks{position:absolute;bottom:23px;width:100%;text-align:center}.aboutMe .about-portrait .socialLinks li{display:inline-block;cursor:default}.aboutMe .about-portrait .socialLinks li:not(:last-of-type){margin-left:15px}.aboutMe .about-portrait .socialLinks li a{width:40px;height:40px;background-color:#f8f8f8;color:#000;line-height:40px;z-index:1;text-align:center;position:relative;display:block;overflow:hidden;border-radius:5px}.aboutMe .about-portrait .socialLinks li a:hover{color:#fff;border-color:transparent;background-color:transparent}.aboutMe .about-portrait .socialLinks li a:after,.aboutMe .about-portrait .socialLinks li a:before{content:"";position:absolute;left:0;top:0;width:50%;height:0%;z-index:-1;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.aboutMe .about-portrait .socialLinks li a:before{left:auto;top:auto;right:0;bottom:0}.aboutMe .about-portrait .socialLinks li a:hover:after,.aboutMe .about-portrait .socialLinks li a:hover:before{height:100%;background-color:#0d6efd}.aboutMe .about-portrait .socialLinks li a.facebook:hover:after,.aboutMe .about-portrait .socialLinks li a.facebook:hover:before,.aboutMe .about-portrait .socialLinks li a.linkedin:hover:after,.aboutMe .about-portrait .socialLinks li a.linkedin:hover:before{background-color:#3b5998}.aboutMe .about-portrait .socialLinks li a.dribbble:hover:after,.aboutMe .about-portrait .socialLinks li a.dribbble:hover:before{background-color:#ea4c89}.aboutMe .about-portrait .socialLinks li a.twitter:hover:after,.aboutMe .about-portrait .socialLinks li a.twitter:hover:before{background-color:#2aa9e0}.aboutMe .about-portrait .arrow-icon{position:absolute;top:100%;right:70%;transform:rotateY(180deg)}.aboutMe .content{padding-right:60px;width:75%;position:relative;z-index:1;padding-top:50px}.aboutMe .content .titleAbout{color:transparent;font-size:3.75rem;font-weight:900;opacity:.2;z-index:-1;-webkit-text-stroke:1px #0d6efd;-webkit-user-select:none;display:block;position:relative;margin-right:0;margin-bottom:5px}.aboutMe .content .name .break-line{position:relative;height:1px;border-bottom:1px solid #6c757d45}.aboutMe .content .name .break-line:after{content:"";position:absolute;bottom:-5px;right:0;width:10px;height:10px;background-color:#0d6efd;border-radius:5px}.aboutMe .content .name .break-line.right-dot:after{left:0;right:unset}.aboutMe .content .name h2{font-weight:900;color:#000;font-size:2rem;text-align:right;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.aboutMe .content .name h2:after{text-align:left;top:0;padding-right:3px}.aboutMe .content .text-muted{position:relative;line-height:29px;color:#000}.aboutMe .content .text-muted:before{content:"\f10e";font:50px/1 FontAwesome;position:absolute;left:63px;bottom:17%;opacity:.1;z-index:-1;color:#0d6efd}.aboutMe .content .about-info,.aboutMe .content .about-info a{color:#6c757d}.aboutMe .content .about-info .desc{width:90px;display:inline-block;font-weight:600;color:#333}.aboutMe .content .skills .mt-themes-progress-box .mt-themes-progress{margin-bottom:40px}.aboutMe .content .skills .mt-themes-progress-box .mt-themes-progress .mt-themes-progress-inner .label{color:#333;display:block;padding-left:60px;margin-bottom:15px}.aboutMe .content .skills .mt-themes-progress-box .mt-themes-progress .mt-themes-progress-inner .percent{position:absolute;bottom:15px;left:0;padding:0 8px;border-radius:3px 3px 3px 0;color:#fff;font-family:Pacifico,cursive;height:30px;line-height:28px;font-size:14px;background:#0d6efd}.aboutMe .content .skills .mt-themes-progress-box .mt-themes-progress .mt-themes-progress-inner .percent .arrow{position:absolute;bottom:-6px;left:0;width:0;height:0;border-top:6px solid #0d6efd;border-right:9px solid transparent}.aboutMe .content .skills .mt-themes-progress-box .mt-themes-progress .mt-themes-progress-inner .bar{height:5px;border-radius:10px;overflow:hidden;background-color:rgba(0,0,0,.09)}.aboutMe .content .skills .mt-themes-progress-box .mt-themes-progress .mt-themes-progress-inner .bar .bar-in{height:100%;background:#0d6efd}.aboutMe .content .resume .timeline-holder{padding-left:30px}.aboutMe .content .resume .timeline-holder li{padding-right:50px;position:relative;margin-bottom:26px}.aboutMe .content .resume .timeline-holder li:before{content:"";position:absolute;right:9px;top:17%;width:4px;height:90%;border-radius:10px;background:#0d6efd}.aboutMe .content .resume .timeline-holder li:not(:first-of-type):after{content:"";width:100px;height:150px;border:2px dashed #e1e1e1;border-right:none;position:absolute;left:-30px;bottom:calc(100% - 84px);z-index:-1;border-radius:20px;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}.aboutMe .content .resume .Education .timeline-holder li:hover:after,.aboutMe .content .resume .timeline-holder li:hover:after{border-color:#0d6efd}.aboutMe .content .resume .timeline-holder li .timeline-circle{position:absolute;right:0;top:-1px;border-radius:50%;border:2px solid #0d6efd;background-color:#fff;background-clip:content-box;padding:4px;width:22px;height:22px;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}.aboutMe .content .resume .timeline-holder li:hover .timeline-circle{background-color:#0d6efd;border-radius:0}.aboutMe .content .resume .timeline-holder li .timeline-event-date{position:relative;top:-3px;font-family:Pacifico,cursive;display:block;margin-bottom:18px;margin-right:-10px;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}.aboutMe .content .resume .timeline-holder li:hover .timeline-event-date{margin-right:0}.aboutMe .content .resume .timeline-holder li .timeline-event-content{background-color:#f9f9f9;border-radius:10px 0 10px 10px;padding:20px;color:#6c757d;line-height:25px;font-size:14px}.aboutMe .content .resume .timeline-holder li .timeline-event-content b{color:#000;display:block;font-size:16px}.aboutMe .content .resume .timeline-holder li .timeline-event-content .job{position:absolute;top:-6px;left:0;color:#333;font-family:Pacifico,cursive;font-size:16px;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}.Portfolio .project .project-text .title:hover,.Portfolio .project .project-text h3:hover,.aboutMe .content .resume .timeline-holder li:hover .timeline-event-content .job,.whatsChat .content .body .messageStyle .message .desc span{color:#0d6efd}.aboutMe .content .resume .timeline-holder li .timeline-event-content .text{margin-top:5px;margin-bottom:0;color:#000}.aboutMe .content .resume .Education .timeline-holder{padding-left:0;padding-right:30px}.aboutMe .content .resume .Education .timeline-holder li{padding-right:0;padding-left:50px}.aboutMe .content .resume .Education .timeline-holder li:before{right:unset;left:9px}.aboutMe .content .resume .Education .timeline-holder li:not(:first-of-type):after{left:unset;right:-30px;border-left:none;border-right:2px dashed #e1e1e1}.aboutMe .content .resume .Education .timeline-holder li .timeline-circle{right:unset;left:0}.aboutMe .content .resume .Education .timeline-holder li .timeline-event-date{margin-right:0;margin-left:-10px;text-align:left}.aboutMe .content .resume .Education .timeline-holder li .timeline-event-content{border-top-right-radius:10px;border-top-left-radius:10px}.aboutMe .content .resume .Education .timeline-holder li .timeline-event-content .job{left:unset;right:0}.aboutMe .content .resume .Education .timeline-holder li:hover .timeline-event-date{margin-left:0}.Portfolio{padding:90px 0 70px;position:relative;overflow:hidden;direction:rtl}.Portfolio:after{content:"";width:calc(100% - 20%);height:40%;z-index:-1;position:absolute;bottom:170px;right:10%;border:2px dashed #f3f3f3;border-top:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.Portfolio .slick-slider{overflow:hidden;min-height:430px;direction:rtl}.Portfolio .slick-item:not(.slick-center){transform:scale(.6)}.Portfolio .project:after,.Portfolio .project:before{background-color:#f3f3f3;border-radius:30px;z-index:-1;transform:rotate(-25deg);content:""}.Portfolio .slick-item{-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;direction:rtl}.Portfolio .project{position:relative;padding:20px;z-index:1;margin:25px auto;max-width:400px;display:block}.Portfolio .project:before{position:absolute;right:0;top:calc(50% - 25%);width:100%;height:50%;-webkit-transition:.8s ease-in-out;-moz-transition:.8s ease-in-out;-o-transition:.8s ease-in-out;transition:.8s ease-in-out}.Portfolio .project:after{position:absolute;right:calc(50% - 25%);top:0;width:50%;height:100%;-webkit-transition:2s;-moz-transition:2s;-o-transition:2s;transition:2s}.Portfolio .project:hover:after,.Portfolio .project:hover:before,.Portfolio .slick-item.slick-center .project:after,.Portfolio .slick-item.slick-center .project:before{transform:rotate(25deg);background-color:#0d6efd}.Portfolio .project .project-image{overflow:hidden;height:330px;border-radius:10px;display:block;border:1px solid #eee}.Portfolio .project .project-image img{width:100%;height:auto;-webkit-transition:1.5s ease-in-out;-moz-transition:1.5s ease-in-out;-o-transition:1.5s ease-in-out;transition:1.5s ease-in-out}.Portfolio .project:hover .project-image img{transform:translateY(calc(-100% + 330px))}.Portfolio .project .project-text{position:absolute;bottom:40px;right:40px;background-color:rgba(0,0,0,.7);width:calc(100% - 80px);color:#fff;padding:20px;border-radius:5px}.Portfolio .project .project-text .title,.Portfolio .project .project-text h3{font-weight:700;font-size:22px;margin-bottom:10px;cursor:pointer;display:block;color:#fff;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.Portfolio .project .project-text span{font-size:14px;display:block}.Portfolio .project .project-text .link{padding:5px 15px;border-radius:3px;background-color:#0d6efd;color:#fff;display:inline-block;margin-top:15px;font-weight:700}.Portfolio .arrow-next,.Portfolio .arrow-prev{position:absolute;right:calc(10% - 25px);top:calc(50% - 25px);z-index:1;border:2px dashed #333;color:#333;width:50px;height:50px;line-height:48px;border-radius:5px;cursor:pointer;font-size:15px;text-align:center;background-color:#fff;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.Portfolio .arrow-prev{right:unset;left:calc(10% - 25px)}.Portfolio .arrow-next:hover,.Portfolio .arrow-prev:hover{color:#0d6efd;border-color:#0d6efd}.Portfolio .total-project{width:200px;height:200px;background-color:#4765fa;border-radius:50%;margin:50px auto 0;position:relative;text-align:center;color:#fff;font-family:Pacifico,cursive;font-size:30px;display:flex;align-items:center;justify-content:center;z-index:1;padding-bottom:15px}.Portfolio .left-icons,.Portfolio .right-icons{height:150px;width:50%;bottom:0;overflow:hidden;text-align:center}.Portfolio .total-project:before{content:"";position:absolute;right:0;top:0;border:2px dashed #fff;width:100%;height:100%;border-radius:50%;z-indeX:-2;opacity:1;transform:scale(.9) rotate(0);-webkit-transition:2.5s ease-in-out;-moz-transition:2.5s ease-in-out;-o-transition:2.5s ease-in-out;transition:2.5s ease-in-out}.Portfolio .total-project:hover:before{transform:scale(.9) rotate(-360deg)}.Portfolio .total-project .bg{position:absolute;right:0;top:0;width:100%;height:100%;border-radius:50%;z-index:-3;background:#0d6efd;background:-moz-linear-gradient(top,#000 0,#0d6efd 100%);background:-webkit-linear-gradient(top,#000 0,#0d6efd 100%);background:linear-gradient(to top,#000 0,#0d6efd 100%);-webkit-transition:2.5s ease-in-out;-moz-transition:2.5s ease-in-out;-o-transition:2.5s ease-in-out;transition:2.5s ease-in-out}.Clients,.breadCrumb,.services,.services .service .icon,.services .service .title{position:relative;z-index:1}.Portfolio .total-project:hover .bg{transform:scale(.9) rotate(360deg)}.Portfolio .left-icons{position:absolute;right:0;padding:0 10% 0 0;z-index:-1}.Portfolio .icons img{margin:0 1.5%;fill:#0d6efd;position:relative;opacity:.1}.Portfolio .right-icons{position:absolute;left:0;padding:0 0 0 10%;z-index:-1}.Portfolio .icons img:nth-of-type(2n){-moz-animation:7s infinite move-iconsEven;-ms-animation:move-iconsEven 7s ease infinite;-o-animation:7s infinite move-iconsEven;-webkit-animation:7s infinite move-iconsEven;animation:7s infinite move-iconsEven}.Portfolio .icons img:nth-of-type(odd){-moz-animation:7s infinite move-iconsOdd;-ms-animation:move-iconsOdd 7s ease infinite;-o-animation:7s infinite move-iconsOdd;-webkit-animation:7s infinite move-iconsOdd;animation:7s infinite move-iconsOdd}.Clients,.services{padding:90px 0 40px;background-color:#fbfbfb;overflow:hidden}.services .titleStyle{margin-bottom:90px}.services .service{background-color:#fff;border-radius:20px;padding:30px;text-align:center;margin-bottom:50px;min-height:285px}.services .service .icon{margin:-70px auto 30px;width:80px;height:80px;line-height:80px;display:block;text-align:center;fill:#000}.services .service.active .icon{width:100px;height:100px;line-height:95px;margin-top:-80px;fill:#fff}.services .service .icon:after{content:"";width:100%;height:100%;border-radius:30px;background:#fff;border:5px solid #fbfbfb;transform:rotate(-45deg);position:absolute;right:0;top:0;z-index:-1;-webkit-transition:.8s ease-in-out;-moz-transition:.8s ease-in-out;-o-transition:.8s ease-in-out;transition:.8s ease-in-out}.services .service svg{-webkit-transition:.6s;-moz-transition:.6s;-o-transition:.6s;transition:.6s}.services .service:hover .icon:after{transform:rotate(-720deg);border-radius:10px}.services .service:hover svg{transform:rotate(720deg)}.services .service.active .icon:after{border:none;background:#0d6efd;background:-moz-linear-gradient(top,#000 0,#0d6efd 100%);background:-webkit-linear-gradient(top,#000 0,#0d6efd 100%);background:linear-gradient(to top,#000 0,#0d6efd 100%)}.services .service .title{font-weight:700;color:#000;margin-bottom:20px;display:inline-block}.services .service .title:after{content:"";position:absolute;height:31px;width:10px;right:0;bottom:2px;z-index:-1;background:#0d6efd;transform:skew(-10deg,0deg);-webkit-transition:.6s;-moz-transition:.6s;-o-transition:.6s;transition:.6s}.services .service:hover .title:after{-moz-animation:3s linear infinite move-servicesLine;-ms-animation:move-servicesLine 3s linear infinite;-o-animation:3s linear infinite move-servicesLine;-webkit-animation:3s linear infinite move-servicesLine;animation:3s infinite move-servicesLine;bottom:-13px;right:0;width:13px;height:13px;border-radius:50%;transform:skew(0deg,0deg)}.services .service .text{color:#000;line-height:30px;max-width:360px;display:block;margin:0 auto}.breadCrumb{padding:170px 0 150px;background-color:#101122;text-align:center;overflow:hidden;direction:rtl}.breadCrumb .bgMove{width:100%;height:100%;position:absolute;top:0;right:0;z-index:-1;background:url("../images/sutra-docs/Sutra-Salla-bread.webp") center center;opacity:.5}.breadCrumb .titleBread{font-size:35px;color:#fff;margin-bottom:25px;font-weight:700;line-height:50px}.breadCrumb .titleBread span{font-size:40px;display:inline-block;margin-top:25px;font-family:Pacifico,cursive;position:relative}.breadCrumb .titleBread span:after{content:attr(titlex);text-align:center;color:#0d6efd;width:100%;font-size:inherit;opacity:1;top:0;padding-right:6px;position:absolute;z-index:-1;right:4px;-webkit-text-fill-color:#0d6efd;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.breadCrumb .listBread li{display:inline-block;color:#fff;font-size:15px;font-weight:700}.breadCrumb .listBread li:not(:first-of-type):before{content:"/";padding:0 10px;color:#fff}.breadCrumb .listBread li a{color:#fff;font-size:13px}.docs-content{padding:80px 0;background-color:#f9f9f9;text-align:right}.docs-content .section{margin-bottom:30px}.docs-content .section img{margin:0 auto 30px;display:block;border:2px solid #eee;border-radius:15px;max-width:100%}.docs-content .container{border-radius:15px;background-color:#fff;padding:50px 30px 20px;box-shadow:0 0 6px 3px rgba(0,0,0,.03)}.docs-content .title{font-weight:700;text-align:center;margin-bottom:40px;padding-bottom:25px;font-size:30px;color:#000;position:relative}.footer .goUp,.whatsChat .whatsTitle i{font-size:25px}.docs-content .title:after{content:"";width:60px;height:4px;background-color:#0d6efd;position:absolute;right:calc(50% - 25px);bottom:0}.accordion1 .accordion.last{margin-bottom:none}.accordion1 .accordion,.footer .numbersFooter{margin-bottom:20px}.accordion1 .accordion .accordion-title{height:auto;padding:15px 30px 17px;font-size:17px;color:#000;cursor:pointer;position:relative;border:1px solid #eee;margin:0;background-color:#f5f5f5;font-weight:700}.accordion1 .accordion .accordion-title:before{content:"\f067";font:20px/1 FontAwesome;color:#0d6efd;position:absolute;left:20px;top:calc(50% - 10px);border-radius:50%;transition:.3s}.accordion1 .accordion.active .accordion-title{border-bottom:1px solid #eee}.accordion1 .active .accordion-title:before{content:"\f068"}.accordion1 .accordion .accordion-content{margin:0;padding:30px;font-size:14px;color:#000;line-height:37px;display:none;border:1px solid #eee;border-top:none}.accordion1 .accordion.active .accordion-content{display:block}.accordion1 .accordion.active .accordion-content img,.whatsChat .content .body .messageStyle:not(:last-of-type){margin-bottom:15px}.accordion1 .accordion.active .accordion-content p{font-weight:600;color:#000;line-height:25px}.whatsChat{position:fixed;bottom:30px;right:30px;z-index:999}.whatsChat .whatsTitle{width:50px;height:50px;line-height:57px;display:block;text-align:center;background-color:#0d6efd;color:#fff;border-radius:50px;cursor:pointer;border:none}@keyframes spin{0%{stroke-dasharray:10}50%{stroke-dasharray:50}100%{transform:rotate(-360deg);stroke-dasharray:10}}.circle-svg__spin{position:absolute;right:-10px;top:-10px;width:70px;height:70px;animation:10s linear infinite spin}.circle-svg__spin circle{stroke-width:3px;fill:none;stroke:#0d6efd}.whatsChat .angleDown{position:absolute;bottom:75px;width:400px;right:-70px;border-radius:15px;visibility:hidden;opacity:0;transition:.3s;box-shadow:0 0 10px 3px rgba(0,0,0,.1)}.whatsChat .angleDown.active{visibility:visible;opacity:1;right:-10px}.whatsChat .angleDown:after{content:"\f0d7";font:34px/1 FontAwesome;position:absolute;bottom:-18px;color:#fff;right:25px}.whatsChat .content{overflow:hidden}.whatsChat .content .head .details{display:flex;gap:10px;align-items:center}.whatsChat .content .head{background-color:#fff;padding:15px 20px;border-top-right-radius:15px;border-top-left-radius:15px;box-shadow:0 3px 3px rgba(0,0,0,.09);z-index:1;position:relative;cursor:pointer;direction:rtl;display:flex;justify-content:right;gap:15px;align-items:center}.whatsChat .content .head .imgStyle span.circle{position:absolute;top:1px;right:1px;border-radius:50%;background-color:#0d6efd;width:10px;height:10px}.whatsChat .content .head .imgStyle:after{content:"";position:absolute;top:1px;right:1px;width:10px;height:10px;background-color:#0d6efd;border-radius:50%}.whatsChat .content .head .imgStyle img{width:45px;height:45px;border-radius:50%}.whatsChat .content .head .Name{font-weight:700;font-size:17px;color:#000}.whatsChat .content .body{height:300px;background:url(../images/bgWhats.webp) no-repeat #efeae2;padding:20px;overflow:hidden}.whatsChat .content .body .messageStyle{position:relative;max-width:81%;margin-left:auto;margin-right:0;text-align:right;opacity:0;visibility:hidden;transition:.3s;right:-50px}.whatsChat .content .body .messageStyle.active{opacity:1;visibility:visible;right:0}.whatsChat .content .body .messageStyle .message{font-size:14px;padding:10px 20px;border-radius:10px;box-shadow:0 3px 3px rgba(0,0,0,.09);background-color:#fff;display:inline-block;color:#000;line-height:25px;font-weight:500}.whatsChat .content .body .messageStyle .message:before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:13px;border-color:transparent transparent #fff;right:-9px;bottom:10px}.sidebar-explanation h4,.whatsChat .content .body .messageStyle .message .desc{font-weight:700}.whatsChat .content .body .messageStyle .message a{display:block;background-color:#f1f1f1;padding:8px 15px;border-radius:30px;color:#000;font-weight:700;direction:ltr;margin-top:10px;margin-bottom:10px;text-align:center}.whatsChat .content .body .messageStyle .message a:hover{background-color:#0d6efd;color:#fff}.whatsChat .content .footerWhats{width:100%;padding:15px 0;font-size:15px;text-align:center;direction:ltr;background-color:#fff;font-weight:700;color:#000;box-shadow:0 -3px 3px rgba(0,0,0,.09);border-bottom-right-radius:15px;border-bottom-left-radius:15px;z-index:2;position:relative}.whatsChat .content .footerWhats a{color:#0d6efd;display:inline-block;direction:ltr;margin-left:5px}@media (max-width:480px){.whatsChat .content .footerWhats{font-size:13px}.whatsChat .angleDown{width:319px}.whatsChat .content .body .messageStyle{max-width:95%}}@media (max-width:320px){.whatsChat .angleDown{width:270px}}.Clients .titleStyle{margin-bottom:80px}.Clients .client{background-color:#fff;border-radius:10px;box-shadow:0 0 6px 3px rgba(0,0,0,.03);padding:30px 20px;margin-bottom:30px;text-align:center;display:block;min-height:235px;line-height:235px}.footer .emailFooter,.footer .logo,.footer .numbersFooter li,.footer .numbersFooter li a{display:inline-block}.Clients .client img{max-width:100%;max-height:100%;width:auto}.footer .overFlowHidden{padding:110px 0 55px;background-color:#090a0d;text-align:center;overflow:hidden;position:relative;z-index:1}.footer .goUp{width:55px;height:55px;border-radius:50%;background-color:#0d6efd;color:#fff;line-height:55px;cursor:pointer;position:absolute;top:-25px;right:15px;z-index:99;text-align:center}.footer .bgMove{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;background:url("../images/bgFooter.webp") center center}.footer .logo{position:relative;right:auto}.footer .emailFooter{margin-bottom:10px;color:#fff;font-size:15px}.footer .numbersFooter li:not(:last-of-type):after{content:"|";margin:0 10px;color:#fff;display:inline-block}.footer .numbersFooter li a{color:#fff;font-size:15px}.footer .socialFooter{margin-bottom:60px;display:flex;justify-content:center}.footer .socialFooter li a{color:#fff;display:block;margin:0 10px;font-size:18px}.testimonials{padding:90px 0 35px;position:relative;overflow:hidden;direction:rtl}.testimonials .titleStyle{margin-bottom:70px}.testimonials .box{background:#fbfbfb;display:block;overflow:hidden;clear:both;border-radius:15px;padding:24px;height:250px;margin-bottom:15px;direction:rtl}.testimonials .box:nth-child(2){margin-top:15px}.testimonials .box .client img{width:50px!important;height:50px!important;object-fit:contain;border-radius:50%;border:1px solid #d8d8d8;aspect-ratio:1;background-color:#fff}.testimonials .box .client{width:100%;display:flex;justify-content:right;gap:10px;align-items:center}.testimonials .box .client .title{font-size:16px;font-weight:700;color:#000;margin-bottom:5px;margin-top:4px}.testimonials .box .client .salla,.testimonials .box .client .zid{font-size:14px;font-weight:600}.testimonials .box .client .salla{color:#58c9b9}.testimonials .box .client .zid{color:#3c2da5}.testimonials .box .rating{display:flex;gap:2px;color:#ffbc00;margin-bottom:15px;margin-top:10px;font-size:21px}.testimonials .box p{color:#000;line-height:1.5}.testimonials .arrow-next,.testimonials .arrow-prev{position:absolute;right:-60px;bottom:calc(50% - 15px);z-index:1;border:none;color:#fff;width:45px;height:45px;line-height:45px;border-radius:5px;cursor:pointer;font-size:15px;text-align:center;background-color:#0d6efd;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.testimonials .arrow-prev{right:unset;left:-60px}@media(max-width:1100px){.testimonials .arrow-next,.testimonials .arrow-prev{right:-25px}.testimonials .arrow-prev{left:-25px}}@media(max-width:1300px){.aboutMe .about-portrait .arrow-icon{right:30%}}@media(max-width:992px){.aboutMe .about-portrait .socialLinks li:not(:last-of-type){margin-left:5px}.Portfolio,.aboutMe,.testimonials{padding:50px 0!important}.aboutMe .about-portrait{width:100%;max-width:400px;margin:0 auto 20px}.aboutMe .about-portrait .portrait{position:relative}.aboutMe .content{width:100%!important;padding-right:0!important}.aboutMe .container{display:block}.Portfolio .left-icons,.Portfolio .right-icons,.aboutMe .about-portrait .arrow-icon{display:none}.aboutMe .about-portrait img{border-radius:20px}.aboutMe .content .titleAbout{text-align:center;margin-top:20px}.container,.container-md,.container-sm{max-width:100%}.testimonials .arrow-next,.testimonials .arrow-prev{right:0}.testimonials .arrow-prev{left:0}.titleStyle{font-size:2rem}.introSection .name{font-size:3rem}.introSection{height:450px;padding-top:60px}}@media(max-width:480px){.aboutMe .about-portrait img{width:calc(100% - 20px)}}.sidebar-explanation{margin-bottom:25px;margin-top:25px}