.anta-regular{font-family:"Anta", sans-serif;font-weight:400;font-style:normal;}.poppins-extralight{font-family:"Poppins", sans-serif;font-weight:200;font-style:normal;}body{font-family:'Anta', 'Courier New', Courier, monospace !important;background-image:url(../img/bg.jpg);background-size:cover;background-position:50%;}h1{font-size:2rem !important;}.mb-30{margin-bottom:30px;}ul{margin:0px;padding:0px;list-style:none;}.page-box{position:relative;display:inline-block;font-family:'Anta', serif;font-size:25px;}.page-box::after{content:"";position:absolute;width:60%;height:3px;background-color:#1b74e4;left:122%;top:50%;transform:translatey(-50%);border-radius:5px;margin-bottom:30px;}.img-projet{width:100%;}.titre-projet{margin-top:-30px;background-color:#f3f6f6;position:absolute;border-radius:5px;font-family:"Poppins", sans-serif;}.titre-projet p{padding:5px 20px 5px 20px !important;margin:0px !important;}.projets{position:relative;cursor:pointer;}.detail-projet{display:none;}.detail-projet i{position:absolute;padding-left:45%;padding-top:30%;top:0;left:0;font-size:40px;color:#1b74e4;background-color:rgba(255, 255, 255, 0.5);width:100%;height:100%;}.active{display:block !important;}.modal-dialog{max-width:75% !important;}#box-a-propos{display:none;margin-top:0px !important;}#box-resume{display:none;margin-top:0px !important;}#box-works{display:none;margin-top:0px !important;}#box-blogs{display:none;margin-top:0px !important;}#box-contact{display:none;margin-top:0px !important;}#box-mentions{display:none;margin-top:0px !important;}#box-cgu{display:none;margin-top:0px !important;}#email{width:100%;}.fa-solid{color:#1b74e4;}.fa-regular{color:#1b74e4;}.box1{padding:50px;}.box2{background-color:#f8fbfb;padding:50px;}.box-expe1{background-color:#fff4f4;padding:15px;border-radius:15px;margin-bottom:10px;}.box-expe2{background-color:#eef5fa;padding:15px;border-radius:15px;margin-bottom:10px;}.expe-desc{font-family:"Poppins", sans-serif;font-size:12px;}.border-right{border-right:1px solid #e3e3e3;}.titrebox{margin-bottom:20px;}.titrebox2{margin-bottom:20px;}.skill-bar{padding-bottom:20px;}.pourc{float:right;}.bar{background-color:#edf2f2;width:100%;height:5px;border-radius:5px;}.progress-bar-html{background-color:red;height:100%;width:95%;border-radius:5px;}.progress-bar-css{background-color:rgb(0, 191, 255);height:100%;width:90%;border-radius:5px;}.progress-bar-php{background-color:rgb(242, 0, 255);height:100%;width:90%;border-radius:5px;}.progress-bar-js{background-color:rgb(0, 255, 30);height:100%;width:70%;border-radius:5px;}.progress-bar-jquery{background-color:rgb(0, 255, 247);height:100%;width:85%;border-radius:5px;}.progress-bar-sql{background-color:rgb(128, 0, 255);height:100%;width:90%;border-radius:5px;}.progress-bar-wd{background-color:rgb(255, 230, 0);height:100%;width:75%;border-radius:5px;}.progress-bar-dr{background-color:rgb(255, 0, 183);height:100%;width:85%;border-radius:5px;}.progress-bar-am{background-color:rgb(255, 102, 0);height:100%;width:30%;border-radius:5px;}.progress-bar-i{background-color:rgb(255, 0, 128);height:100%;width:60%;border-radius:5px;}.progress-bar-p{background-color:rgb(0, 255, 204);height:100%;width:85%;border-radius:5px;}.expe-date{float:right;}.themeblack{background-color:rgba(0,0,0,0.6) !important;}.white{color:white;}.mouseoverblack{color:white !important;}.mouseoverblack:hover{background-color:#1b74e4 !important;}.day-night{width:75px;height:75px;border-radius:40px;border:none;background-color:rgba(0,0,0,0.6);margin-bottom:10px;}.day-night:hover{background-color:#1b74e4 !important;}.fa-sun{font-size:25px;color:white;}.themeblackbox1{background-color:#001c30 !important;}.themeblackbox2{background-color:#462626 !important;}.themeblackmodal{background-color:rgba(0,0,0,1) !important;}.themeblackmodal .btn-close{background-color:white !important;}.night-day{width:75px;height:75px;border-radius:40px;border:none;background-color:#f3f6f6;margin-bottom:10px;}.mobilenight-day{width:75px;height:75px;border-radius:40px;border:none;background-color:#f3f6f6;margin-bottom:10px;}.fa-moon{font-size:25px;color:#1b74e4;}.night-day:hover{background-color:#1b74e4;color:white;}.night-day:hover .fa-moon{color:white;}.mobilenight-day:hover{background-color:#1b74e4;color:white;}.mobilenight-day:hover .fa-moon{color:white;}.menu{margin-top:100px !important;background-color:white;height:100%;padding-bottom:10px !important;border-radius:50px 50px 20px 20px !important;box-shadow:rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;margin-right:20px;}.menumobile{z-index:20;display:none;position:fixed;bottom:0px;box-shadow:rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;background-color:white;border-radius:50px !important;margin-right:10px;}.menumobile .night-day{width:50px;height:50px;}.menumobile .bastami-main-menu ul{display:inline-flex;}.menumobile .bastami-main-menu ul li{width:55px;height:55px;padding:10px 0px 0px 0px;font-size:10px;border-radius:50px;}.menumobile .bastami-main-menu ul li i{font-size:20px;}.menumobile .bastami-main-menu ul li:not(:last-child){margin-right:20px;margin-bottom:0px;}.menumobile .main_menu{margin-top:0px;}.bastami-main-menu ul li:not(:last-child){margin-bottom:25px;}.bastami-main-menu ul li{background-color:#f3f6f6;border-radius:12px;width:84px;height:84px;display:flex;justify-content:center;align-items:center;text-align:center;transition:0.3s;}.bastami-main-menu ul li{display:block;font-size:13px;text-transform:capitalize;font-weight:500;line-height:1;}.bastami-main-menu ul li span{display:block;margin-bottom:8px;}.bastami-main-menu ul li i{font-size:24px;}.bastami-main-menu ul li{font-family:"Poppins", sans-serif;text-decoration:none;padding:20px 0px 0px 0px;color:black;font-size:12px;}.bastami-main-menu ul li:hover{background-color:#1b74e4;color:white;cursor:pointer;}.bastami-main-menu ul li:hover i{color:white;}.main_menu{margin-top:30px;}.titre_menu{margin-top:7px;}.logobox{background-color:#f3f6f6;border-radius:5px;padding:5px 0px 5px 0px;}.logobox img{height:2rem;}.logonom{text-align:center;}.servicebox{background-color:#f3f6f6;border-radius:5px;padding:5px 0px 5px 0px;}.servicenom{text-align:center;background-color:white;margin-left:10px;margin-right:10px;border-radius:7px;}.servicebox img{height:70px;}.service{width:70px;display:inline-block;margin-right:3px;margin-left:5px;}.service img{background-color:white;padding:10px;}.service p{font-size:12px;font-family:"Poppins", sans-serif;text-align:center;}.img-portfolio{width:100%;}.img-portfolio:hover{cursor:pointer;}.titre-portfolio{margin-top:5px;font-family:"Poppins", sans-serif;font-size:10px;}.text-right{text-align:right;font-family:"Poppins", sans-serif;margin-bottom:10px;}.text-right span:hover{cursor:pointer;color:#1b74e4 !important;}.showblock{display:block;}.showhidden{display:none;}.modal-header{border-bottom:none !important;}.mheader{text-align:center;font-family:'Anta';font-weight:bold;font-size:24px;color:#1b74e4;}.modal-portfolio{width:50% !important;--bs-modal-border-radius:25px;}.box-modal{padding:20px 100px 0px 100px;}.img-modal{width:100%;}.modal-descr{margin:50px 0px 50px 0px;}#boxindex{margin-top:85px;padding-left:0px !important;margin-right:10px;}#boxdetail{display:none;}.row{display:flex;flex-wrap:wrap;}.photo_portrait{margin-top:-100px;width:60%;}.texte_portrait{width:100%;}.portrait{margin-top:100px !important;background-color:white;border-radius:20px;box-shadow:rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;margin-right:20px;height:fit-content;}.fa-download{color:white;}.box-footer{background-color:white;border-radius:20px;box-shadow:rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;padding:10px;width:100%;text-align:center;height:50px;}.box-content{background-color:white;border-radius:20px;box-shadow:rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;padding:60px;width:100%;}.box-content hr{margin:13px !important;}footer .box-content{margin-top:0px !important;}.descr_accueil{margin-bottom:0px !important;}.col-md-7{margin-top:100px;padding-left:0px !important;margin-right:10px;}.box-content-in{padding-left:60px;padding-right:60px;padding-bottom:60px;width:100%;}.page-title{position:relative;display:inline-block;font-family:'Anta', serif;font-size:2.5rem;}.page-title::after{content:"";position:absolute;width:200px;height:3px;background-color:#1b74e4;left:122%;top:50%;transform:translatey(-50%);border-radius:5px;margin-bottom:30px;}.poste{font-size:14px;display:inline-block;font-weight:500;text-transform:capitalize;font-family:"Poppins", sans-serif;background-color:#f3f6f6;border-radius:5px;padding:10px 25px;margin-bottom:20px;}.bostami-parsonal-info-contact{background-color:#f3f6f6;border-radius:16px;text-align:left;padding:20px 30px;}.bostami-parsonal-info-contact-item{display:flex;align-items:center;gap:10px;padding-top:10px;padding-bottom:10px;}.bostami-parsonal-info-contact-item .icon{flex:0 0 auto;display:inline-block;width:44px;height:44px;background-color:var(--common-white);border-radius:8px;text-align:center;line-height:44px;box-shadow:0px 4px 6px rgba(0, 0, 0, 0.08);transition:0.3s;}.bostami-parsonal-info-contact-item.phone i{color:#e93b81;}.bostami-parsonal-info-contact-item.email i{color:#6ab5b9;}.bostami-parsonal-info-contact-item.location i{color:#fd7590;}.bostami-parsonal-info-contact-item i{font-size:22px;}.fa-solid, .fas{font-weight:900;}.bostami-parsonal-info-contact-item .text{display:inline-block;}.bostami-parsonal-info-contact-item .text span{display:block;font-size:12px;line-height:18px;text-transform:capitalize;font-weight:400;margin-bottom:3px;}.bostami-parsonal-info-contact-item:not(:first-child){border-top:1px solid #e3e3e3;}.btn-1{display:inline-block;font-size:18px;font-weight:500;text-transform:capitalize;color:white;background-color:#1b74e4;line-height:27px;padding:14px 30px;border-radius:10px;border:1px solid transparent;text-decoration:none;}.btn-1 .icon{display:inline-block;margin-right:5px;}.btn-1:hover{background-color:white;border:1px solid #1b74e4;color:#1b74e4;}.btn-1:hover i{color:#1b74e4;}.portrait button{background-color:#0a58ca;color:white;border:none;border-radius:15px;padding:10px 20px 10px 20px;}.portrait button:hover{background-color:rgba(0,0,0,0.5);}.text-center{width:100%;}.portrait .text-center ol, ul{padding:0px !important;}.bostami-parsonal-info-area{width:400px;border-radius:20px;background-color:rgba(160, 160, 160, 0.137);text-align:center;padding:40px 30px;margin-left:-100px;position:sticky;top:100px;}.bostami-parsonal-info-social-link li{display:inline-block;margin:0 4px;}.bostami-parsonal-info-social-link .facebook{color:#1773ea;}.bostami-parsonal-info-social-link .twitter{color:#1c9cea;}.bostami-parsonal-info-social-link .instagram{color:#e12a72;}.bostami-parsonal-info-social-link .linkedin{color:#144679;}.bostami-parsonal-info-social-link li a{display:inline-block;width:40px;height:40px;border-radius:8px;background-color:rgba(160, 160, 160, 0.137);text-align:center;line-height:40px;font-size:18px;}.bostami-parsonal-info-social-link .facebook:hover{background:#1773ea;color:#fff;}.bostami-parsonal-info-social-link .twitter:hover{background:#1c9cea;color:#fff;}.bostami-parsonal-info-social-link .instagram:hover{background:#e12a72;color:#fff;}.bostami-parsonal-info-social-link .linkedin:hover{background:#144679;color:#fff;}.descr_courte{font-family:"Poppins", sans-serif;font-weight:400;font-size:13px;padding:0px 30px 0px 30px;}.description{font-family:"Poppins", sans-serif;font-weight:400;font-size:15px;}.boxcontact{background-color:#f3f6f6;border-radius:10px;padding:50px;}.boxcontact input,.boxcontact textarea{width:100%;border:none;border-radius:5px;padding:15px;}.boxcontact .col-lg-7{margin-top:20px;}.btn-contact{display:inline-block;font-size:18px;font-weight:500;text-transform:capitalize;color:white;background-color:#1b74e4;line-height:27px;padding:14px 30px;border-radius:10px;border:1px solid transparent;text-decoration:none;width:100%;text-align:center;}.btn-contact .icon{display:inline-block;margin-right:5px;}.btn-contact:hover{background-color:white;border:1px solid #1b74e4;color:#1b74e4;}.btn-contact i{color:white;}.btn-contact:hover i{color:#1b74e4;}.btn-contact-success{display:none;font-size:18px;font-weight:500;text-transform:capitalize;color:white;background-color:#0fcf5f;line-height:27px;padding:14px 30px;border-radius:10px;border:1px solid transparent;text-decoration:none;width:100%;text-align:center;}.btn-contact-success .icon{display:inline-block;margin-right:5px;}.btn-contact-success:hover{background-color:white;border:1px solid #0fcf5f;color:#0fcf5f;}.btn-contact-success i{color:white;}.btn-contact-success:hover i{color:#0fcf5f;}.error{font-size:12px;color:red;float:right;}.inputerror{border:1px red solid !important;}footer{padding-right:90px !important;}footer p{margin-bottom:0px !important;}.boxloader{display:none;z-index:15;position:absolute;padding-top:10%;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.9);}.loader{width:100px;height:15px;margin:50px auto 0;}.loader div{background:#1b74e4;height:15px;width:15px;margin:0 1px 0 0;border-radius:10%;display:inline-block;opacity:0.8;animation:loader 1s infinite;}.loader div:last-child{margin:0;}.loader div:nth-child(1){animation-delay:0.1s;}.loader div:nth-child(2){animation-delay:0.2s;}.loader div:nth-child(3){animation-delay:0.3s;}.loader div:nth-child(4){animation-delay:0.4s;}.loader div:nth-child(5){animation-delay:0.5s;}@keyframes loader{50%{filter:blur(5px);transform:translateY(-10px);opacity:0.3;}}