@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap);
html{scroll-behavior:smooth}
body{overflow-x:hidden}
.sec-header h2::after,.vertical-sec-header h2::after{width:160px;height:130px;background-image:url(../images/pathh.png);background-size:100% 100%}
.hov,.page,.sec-header h2,.text5{position:relative}
.loader,.text5::before{bottom:0;left:0;top:0;right:0}
.hov::after,.loader{background-color:#fff}
svg:nth-of-type(10) ellipse,svg:nth-of-type(6) ellipse,svg:nth-of-type(7) ellipse,svg:nth-of-type(8) ellipse,svg:nth-of-type(9) ellipse{fill:#333;opacity:.05}
.design-logos-pc .checked img:last-child,.dots,.dots label,.loader h4 span,.m-pagination ul li,.sec-header h2 span,.text5 i{display:inline-block}
.blog:hover .date::after,.footer-sec ._social a:hover::before,.hov:hover::after,.text5:hover::before{opacity:1;visibility:visible}
.banner::after,.banner::before,.page::after,.page::before,.sec-header h2::after{background-size:100% 100%}
.blog-sidebar .side-widget .w-body .related-blogs li .r-data,.dots-con,.hov,.serv p,.serv span,.servs .slide,.text5{overflow:hidden}
.lg-outer,.loader h4,.tels span{direction:ltr}
body{direction:rtl;padding:0;margin:0;font-family:Tajawal,sans-serif;text-align:right;background-image:url(../images/bigbg.png);background-position:bottom;background-size:100% 55%;background-repeat:no-repeat}
.banner .col-lg-6.col-md-6.col-xs-12.align-self-center{margin:100px auto;text-align:start}
.hov::after,.page::after,.text5::before{z-index:-1;position:absolute;content:""}
.page::after{height:760px;width:760px;background-image:url(../images/bg2.png);top:35%;right:-650px}
.borderHover:hover label::after,.borderHover:hover label::before,.hosting-work:before,.hov::after,.loader-con{height:100%}
.text5{z-index:1;text-align:center;vertical-align:middle}
.text5 i{font-size:20px;vertical-align:middle;margin-top:0;margin-right:5px;transition:.5s ease-in-out}
.text5::before{border-radius:0 25px;background-image:linear-gradient(to right,#db932d,#f8bf16);opacity:0;visibility:hidden}
.text5:hover{opacity:1!important;border-radius:0 25px!important;color:#fff!important}
.hov::after,nav ul ul{opacity:0;visibility:hidden}
.text5:hover i{margin-right:15px}
.hov{z-index:1;-webkit-perspective:600px;perspective:600px}
.hov::after{top:0;right:0;width:100%;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right}
.hov:hover::after{transform:rotateY(0);-ms-transform:rotateY(0);-webkit-transform:rotateY(0)}
.hov:hover{color:#cda613}
.sec-header{margin:0 0 70px}
.sec-header h2{margin:0 0 50px;z-index:1}
.sec-header h2::after{content:"";position:absolute;top:-20px;z-index:-1;left:calc((100% - 160px)/ 2)}
.sec-header h2 span{font-size:30px;color:#08104d;margin:0 0 20px;font-weight:700;line-height:50px}
.sec-header h2 label:first-of-type,.sec-header h2 label:last-of-type{display:none;width:100px;background:#f2b705;height:3px;border-radius:3px;margin:auto}
.first{color:#00a5e4!important;margin:0!important;width:auto!important}
.sec-header h2 label:nth-of-type(2){display:none;margin:5px auto;width:170px;background:#3f499a;height:5px;border-radius:5px}
.sec-header p,.vertical-sec-header p{max-width:700px;margin:auto;font-size:15px;line-height:25px;color:#08104d}
.vertical-sec-header h2::after{content:"";position:absolute;top:11px;z-index:-1;right:50px}
.banner a.link,.fixed-social li.live a::before{background-image:linear-gradient(to right,#f8bf16,#db932d)}
.breadc-content,.some-work.owl-drag .owl-item.center~.owl-item.active~.owl-item.active,.team-container,.vertical-sec-header{position:relative;z-index:1}
.vertical-sec-header h2 span{font-size:30px;color:#08104d;display:inline-block;width:200px;margin:0 30px 0 0}
.vertical-sec-header h2 label:first-of-type,.vertical-sec-header h2 label:last-of-type{display:none;height:100px;background:#f2b705;width:3px;border-radius:3px}
.vertical-sec-header h2 label:nth-of-type(2){display:none;margin:auto 5px;height:170px;background:#08104d;width:5px;border-radius:5px}
.loader{position:fixed;z-index:999999999}
.loader h4{font-size:30px}
.loader h4 span:nth-of-type(odd){color:#16227e;opacity:.7}
.loader h4 span:nth-of-type(2n){color:#f8bf16;opacity:.7}
.contain{position:relative;margin:155px auto;width:255px}
.blog:hover span::before,.borderHover:hover::after,.borderHover:hover::before,.dots,.dots-con,.hosting-work .block img,.logo img,nav ul{width:100%}
.not-found-wrap .shadows>* img,svg{position:absolute}
svg ellipse{transform-origin:center}
svg:first-of-type ellipse{stroke:#16227e;stroke-width:3px;opacity:.7}
svg:nth-of-type(2) ellipse{stroke:#f8bf16;stroke-width:3px;opacity:.7}
svg:nth-of-type(3) ellipse{stroke:#16227e;stroke-width:3px;opacity:.7}
svg:nth-of-type(4) ellipse{stroke:#f8bf16;stroke-width:3px;opacity:.7}
svg:nth-of-type(5) ellipse{stroke:#16227e;stroke-width:3px;opacity:.7}
input[type=submit]{border:1px solid #cda613}
input[type=submit]:hover{background-color:#fff!important;color:#cda613!important}
.advantage,.advantage h5,.blogs *,.serv,.serv-img,.step,.trans,.type *,.w-content,.why-sec,.why-sec .img,.why-sec .txt,::after,::before,a,button,input,label,label *,li,p,span,svg path,textarea{transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out}
.focusinput{box-shadow:0 3px 20px rgb(0 0 0 / 5%);background:#fff!important}
.fixed-social{position:fixed;left:50px;bottom:50px;z-index:20;padding:5px}
.blog .img,.borderHover,.navv ul li a,.offerss .of-item .of-img,nav,nav ul li{position:relative}
.fixed-social li{margin:12px 0}
.fixed-social li a{width:50px;height:50px;border-radius:50%;position:relative;z-index:1}
.banner.breadcrumbb svg{stroke-width:2px}
.breadcrumbb *,.fixed-social li a i,.w-content .links a:hover i,nav ul li a:hover{color:#fff}
.fixed-social li a::after{content:"";position:absolute;left:6px;bottom:6px;top:6px;right:6px;border-radius:50%;z-index:-1}
.fixed-social li a::before{content:"";position:absolute;left:0;bottom:0;top:0;right:0;border-radius:50%;z-index:-1}
.fixed-social li.live a::after{background:#f8bf16}
.fixed-social li.call a::after{background:#f24747}
.fixed-social li.whatss a::after{background:#57bb61}
.fixed-social li a:hover::before,.logo:hover{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1)}
.nav-banner{background-image:linear-gradient(to bottom,#16227e,#00a5e4);background-position:center;background-size:cover;background-attachment:fixed}
nav{background-color:transparent;padding:30px 0 12px;z-index:21}
.logo{max-width:150px;height:auto}
.logo img{height:100%}
nav ul li{margin:0 20px}
nav ul li a{color:#fff;line-height:17px;font-size:15px}
.breadc-content span,.dots-con,nav ul ul,nav ul ul::before{position:absolute;right:0}
.chh .svgg img:last-child,.dropdown_menu ul a .dots,.nav-tabs .nav-item:first-of-type .nav-link::after,.spec-form input:checked+label .svgg img:last-child{display:none!important}
.dots-con{left:0;bottom:-20px;text-align:center}
.dots{transform:scale(0);transition:.3s}
.dots label{height:6px;width:6px;margin:1px;border-radius:10px;background:#fff}
.footer-top ul li a:hover .dots,nav ul li:hover a .dots{transform:scale(1);transition:.3s}
.design-logos-pc .checked img:first-child,.design-logos-pc label img:last-child,.g-more .text5:before,.packages .type .content ul li:last-child:after,.select2-container--default .select2-selection--single .select2-selection__arrow b,.spec-form .number .svgg img:first-child,.spec-form label .svgg img:first-child,.toggle,[id^=drop]{display:none}
nav ul ul{top:50px;z-index:10;width:230px;background:#f7f7f9;transform:translateY(10px);-ms-transform:translateY(10px);-webkit-transform:translateY(10px)}
nav ul ul::before{content:"";height:30px;top:-30px;left:0;background:0}
nav ul ul li a{display:block;padding:10px;border-bottom:2px solid #fff;font-size:13px;color:#212a4e;border-right:4px solid #212a4e}
nav ul ul li a:hover{color:#00a5e4;border-right:4px solid #00a5e4}
nav ul ul li a:hover img{margin:0 0 0 10px}
nav ul ul li a img{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}
.work-item:hover .w-content,nav ul li ul:hover,nav ul li:hover ul{opacity:1;visibility:visible;transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0)}
.fixed{position:fixed;width:100%;z-index:90;padding:12px 0!important;background-color:rgba(22,34,126,.8)!important}
.fixmenu{-webkit-transform-origin:top;transform-origin:top}
nav li .dropdown{color:#fff}
.dropdown-content{display:none;position:absolute;top:100%;right:-50%;margin-top:1rem;color:#000;min-width:200px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;width:fit-content}
.dropdown-content li{margin:0}
.dropdown:hover .dropdown-content{display:block}
.nav-options li{margin:0 5px}
.nav-options li a.lang{border-radius:50%;height:45px;width:45px;border:2px solid #fff;padding:0;line-height:45px}
.nav-options li a.login{border-radius:30px;border:2px solid #fff;padding:0 15px;height:45px;line-height:40px;display:block}
.nav-options li a.order{border-radius:25px 25px 25px 0;padding:0 30px;display:inline-block;background:#fff;height:45px;line-height:44px;color:#16227e;font-weight:700}
.breadcrumbb{min-height:350px!important;padding-bottom:50px}
.breadc-content span{z-index:-1;top:-75px;display:none;left:0;text-align:center;font-size:80px;opacity:.1;letter-spacing:9px;font-weight:700}
.breadc-content h4{font-size:30px;font-weight:700;margin-bottom:20px}
.intro .text p>*{font-family:inherit!important}
.intro .text p span{background-color:none!important}
.breadc-content p{font-size:17px;max-width:70%;margin:10px auto 15px;line-height:1.8}
.return-link{bottom:35px;left:0;right:0;z-index:10}
.return-link a:hover{color:#fff;opacity:.7}
.work-breadcrumb .return-link{position:initial!important}
.banner{position:relative;z-index:1;padding-top:50px;padding-bottom:150px}
.ani,.banner::before{z-index:-1;position:absolute}
.ani{display:block}
.ani-1{left:60%;top:10%}
.ani-3{top:-370px;right:-270px}
.ani-4{left:0;top:0}
.ani-5{bottom:0;right:20%}
.ani-2{left:40%;top:50%}
.ani-6{right:0;bottom:0;height:100%;width:100%}
.animation-image img{position:relative;left:0;bottom:1px;transition:all ease-in-out 1s;-moz-transition:all ease-in-out 1s;-webkit-transition:all ease-in-out 1s;-ms-transition:all ease-in-out 1s;-o-transition:all ease-in-out 1s;animation:float 1s linear infinite alternate;-moz-animation:float 1s linear infinite alternate;-webkit-animation:float .65s linear infinite alternate;-ms-animation:float 1s linear infinite alternate;-o-animation:float 1s linear infinite alternate}
@-webkit-keyframes float{
0%{bottom:1px}
100%{bottom:15px}
}
@-moz-keyframes float{
0%{bottom:1px}
100%{bottom:15px}
}
@-ms-keyframes float{
0%{bottom:1px}
100%{bottom:15px}
}
@-o-keyframes float{
0%{bottom:1px}
100%{bottom:15px}
}
@keyframes float{
0%{bottom:1px}
100%{bottom:15px}
}
.animation-image img,.proof img{max-width:100%;height:auto}
.banner::after{content:"";position:absolute;left:0;right:0;bottom:-1px;z-index:1;height:50px;background-image:url(../images/cos.png)}
.floating-chat .ico,.floating-chat::after{top:8px;left:8px;bottom:8px;position:absolute}
.floating-chat,.floating-chat .onhov{opacity:0;height:60px;transition:250ms ease-out}
.banner div.b-c{min-height:calc(100vh - 100px)}
.banner span.ttitle{color:#fff;font-size:40px;font-weight:700}
.banner p.text{font-size:15px;line-height:30px;color:#fff;margin:20px auto 40px}
.banner a.link{display:inline-block;margin-top:10px;border:2px solid #f2b705;color:#fff;padding:10px 20px;border-radius:30px;font-weight:500}
.cut-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3}
.page{overflow-x:hidden}
#scroll-to{position:absolute;top:100%;left:50%;transform:translate(-50%,-50%);background:#fff;display:inline-block;width:50px;height:50px;border-radius:50%;box-shadow:0 1px 6px #00a5e450}
.banner #scroll-to svg{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);fill:#037ef7;width:25px;height:auto}
.servs{padding-top:90px!important}
.floating-chat{cursor:pointer;z-index:20;color:#fff;position:fixed;bottom:50px;right:40px;width:60px;border-radius:30px;background-image:linear-gradient(to right,#16227e,#00a5e4)}
.floating-chat .onhov{visibility:hidden;width:calc(100% - 60px);transform:scaleY(0);font-size:0}
.floating-chat:hover .onhov{opacity:1;visibility:visible;font-size:15px;transform:scaleY(1)}
.floating-chat .ico{width:44px;height:44px;background:#00a5e4;border-radius:30px}
.floating-chat::after{content:"";right:8px;z-index:-1;border-radius:30px}
.blogs,.mounth-deals,.sub-form{position:relative}
.floating-chat.enter .icofont-chat{font-size:22px}
.floating-chat.enter:hover{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);opacity:1;width:200px}
.floating-chat.enter{transform:translateY(0);opacity:1;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.14)}
.contact-wrap,.order-wrap,.plans,.site-domain,.some-of-work,.subscribe,.teamwork,.work-steps{padding:70px 0}
.sub-form{max-width:700px;margin:auto}
.sub-form input{height:81px;background:#fbfbfb;font-size:15px;width:100%;outline:0;border:0;border-radius:40px;padding-right:30px;padding-left:170px}
.mounth-deals .content a,.sub-form button{background-image:linear-gradient(to right,#f8bf16,#db932d)}
.sub-form button{border-radius:35px 0 35px 35px;height:70px;width:155px;display:block;text-align:center;outline:0;border:0;color:#fff;position:absolute;left:6px;top:6px}
.domain-exts{font-size:20px;font-weight:700;color:#08104d;margin:40px 0 0}
.card-header a.collapsed::after,.card-header a.collapsed::before,.lg-backdrop{background:#212a4e!important}
.intro,.servs,.specifications,.types,.why-best{padding:60px 0}
.serv{margin:30px 10px 0;border-radius:10px;border:1px solid #e9e9e9;padding:20px;background:#fff}
.blog .date::after,.view-more{background-image:linear-gradient(to left,#db932d,#f8bf16)}
.servs-page{padding:60px 0!important}
.servs-page .serv{margin:15px 0!important;background:#fff!important}
.servs-page .serv:hover,.why-sec:hover{border:1px solid #00a5e4}
.servs-page .serv:hover span{transform:translatex(-6px)!important;-ms-transform:translatex(-6px)!important;-webkit-transform:translatex(-6px)!important}
.serv:hover{transform:translateY(-15px);background:rgba(19,89,140,.07);border:1px solid transparent}
.advantage:hover h5,.blog:hover span,.serv:hover span,.step:hover p,.step:hover span,.type:hover .num-b{color:#00a5e4}
.serv span,.serv:hover p,footer a{color:#08104d}
.serv-img{width:150px;height:100px;margin:auto}
.serv-img img,.step .iiim img{max-width:90%;max-height:90%;height:auto;width:auto!important}
.serv span{font-size:18px;margin:10px 0;font-weight:700;white-space:nowrap;text-overflow:ellipsis}
.serv p{color:#3d3d3d;font-weight:500;font-size:16px;line-height:25px;max-height:73px;margin:0}
a:hover{text-decoration:none}
.m-pagination ul li .pag-itm,.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{height:40px;width:40px;border-radius:30px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(19,89,140,.07);color:#08104d;outline:0;border:0;cursor:pointer}
.m-pagination ul li .pag-itm:hover,.owl-theme .owl-nav [class*=owl-]:hover{background:#db932d;color:#fff;width:100px}
.mounth-deals{padding:70px 0;z-index:1}
.mounth-deals .img img,.team-img img{max-width:100%;height:auto;width:auto}
.mounth-deals .content a{display:inline-block;margin-top:50px;border:2px solid #f2b705;color:#fff;padding:10px 20px;border-radius:30px}
.mounth-deals .content a i,.mounth-deals .content a span{display:inline-block;vertical-align:middle}
.mounth-deals .content a i{margin-top:5px}
.mounth-deals .img{text-align:center;max-width:100%}
.mounth-deals .about-img .main{max-width:100%;display:inline-block;-ms-transform:rotateZ(45deg);height:350px;object-fit:cover;width:auto;overflow:hidden;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}
.blog-box .post-comments ul li .com-img img,.branding-gallery .block img,.mounth-deals .about-img .main img,.post .post-img img,.video-wrap iframe,.video-wrap img,.video-wrap video{width:100%;height:100%;object-fit:cover}
.mounth-deals .about-img{max-width:430px;margin:auto;position:relative;z-index:1;padding:40px}
.blogs{padding:70px 0 40px;z-index:1}
.blog .date,.blog .date::after,.sai{position:absolute}
.sai{z-index:1}
.sai:first-of-type{top:0;width:150px;right:0;z-index:-1}
.blog,.blog .date{z-index:1;overflow:hidden}
.sai:nth-of-type(2){right:0;bottom:0}
.sai:nth-of-type(3){left:0;top:40px}
.sai:nth-of-type(4){bottom:0;left:0;width:40px}
.sai:nth-of-type(5){right:110px;bottom:-79px}
.sai:nth-of-type(6){left:30px;top:-40px}
.blog-col{padding-top:20px;overflow:hidden}
.blog{margin-bottom:30px;background-color:transparent;padding:0;position:relative;border:1px solid transparent}
.blog .date{left:0;top:0;height:70px;width:70px;border-radius:0 43px 43px;background-image:linear-gradient(to right,#16227e,#00a5e4);color:#fff}
.blog .date::after{content:"";left:0;right:0;bottom:0;top:0;z-index:-1;opacity:0;visibility:hidden}
.blog .date span{color:#fff!important;font-size:15px!important;display:block;text-align:center;margin:5px 0 0}
.blog .img{height:270px;background:#fafafa;margin:0 0 .8rem;border-radius:40px;overflow:hidden}
.blog .img img{max-width:100%;max-height:100%;height:100%;width:100%;object-fit:cover}
.blog .body{padding:0 0 25px;min-height:187px}
.blog ul{width:100%;display:flex;justify-content:space-around;padding-bottom:.7rem;border-bottom:1px solid #ced4da;margin:0 auto 1rem}
.blog ul li{margin:0 0rem 0 .5rem;color:#7a7a7a;font-size:12px;position:relative}
.blog ul li:not(:last-child)::after{content:'|';position:relative;left:-.75rem}
.blog ul li:last-child{margin:0}
.blog ul li img{width:15px;margin-left:5px}
.blog span{color:#08104d;font-size:17px;font-weight:700;overflow:hidden;text-overflow:ellipsis;max-height:50px;max-width:100%;display:block}
.blog:hover{transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px)}
.blog:hover p,.modal-backdrop.show{opacity:1}
.blog p{color:#08104d;font-size:15px;line-height:30px;opacity:.55;margin:10px 0 0;overflow:hidden;max-height:87px}
.view-more{width:fit-content;border:2px solid #f2b705;color:#fff;border-radius:28px;padding:10px 25px;margin:30px auto;font-size:15px;min-width:160px}
.subscribe .sec-header h2{margin:0}
.subscribe .sub-form{box-shadow:0 25px 50px rgba(0,0,0,.03);border-radius:40px}
.subscribe .sub-form input,.white-header label:nth-of-type(2){background:#fff!important}
._brands .owl-carousel .owl-stage-outer,._tabs{padding:50px 0}
._tabs .nav-tabs{margin:0 0 50px;border:0!important;justify-content:center}
._tabs .nav-tabs .nav-link{font-size:16px;color:#a4a4a4;border:0!important;position:relative;margin:0 20px}
.nav-tabs .nav-link .dots label{background:#f5bb17!important}
.nav-tabs .nav-link.active .dots,.nav-tabs .nav-link:hover .dots,.some-work.owl-drag .owl-item.center~.owl-item.active~.owl-item.active .img{transform:scale(1)}
.nav-tabs .nav-item{margin:10px 0}
.nav-tabs .nav-link::after{content:"/";position:absolute;right:-15px;top:10px}
._tabs .nav-tabs .nav-link:hover,.nav-tabs .nav-link.active{color:#f5bb17}
.main-work-image{position:relative;margin-top:-140px;z-index:10}
.main-work-image img{max-width:100%;height:auto;max-height:280px;width:100%;object-fit:scale-down}
.work-item{position:relative;height:350px;margin:15px 0;background-position:center;background-size:cover;border-radius:20px;box-shadow:0 10px 50px rgba(0,0,0,.05);overflow:hidden}
.w-content{background:-webkit-linear-gradient(bottom,#000,#fff0);position:absolute;left:0;right:0;bottom:0;top:0;color:#fff;opacity:0;visibility:hidden;transform:translateY(10px);-ms-transform:translateY(10px);-webkit-transform:translateY(10px)}
.card,.card-header{background-color:transparent!important}
.w-content h4{font-size:17px;font-weight:600;text-align:center;position:absolute;right:0;bottom:0;margin:0;transition:.3s;opacity:0;width:100%;line-height:1.5;overflow:hidden;max-height:50px;padding:0 20px}
.w-content .links{text-align:center;display:none}
.w-content .links a{background:#fff;padding:0;border-radius:50%;color:#212a4e;font-size:20px;margin:3px 10px;display:inline-block;width:56px;height:56px;line-height:56px;text-align:center}
.w-content .links a i{color:#212a4e;transition:none}
.w-content .links a:hover{background:#16227e;color:#fff}
.card{border:none!important}
.card-header{padding:0!important;border-bottom:1px solid #e9e9e9}
.card-header a{display:block;color:#00a5e4;font-size:20px;position:relative;padding:20px 10px}
.card-header a.collapsed,.step.collapsed p{color:#212a4e!important}
.card-header a.collapsed:hover{color:#00a5e4!important}
.card-header a.collapsed:hover::after,.card-header a.collapsed:hover::before{background:#00a5e4!important}
.card-header a::after,.card-header a::before{content:"";position:absolute;left:0;top:28px;height:10px;width:2px;background:#00a5e4;display:inline-block;transform:rotatez(90deg);-ms-transform:rotatez(90deg);-webkit-transform:rotatez(90deg)}
.card-header a.collapsed::before{transform:rotatez(180deg);-ms-transform:rotatez(180deg);-webkit-transform:rotatez(180deg)}
.card-body{color:#212a4e;line-height:30px;font-size:17px}
.steps{padding:0 20px 0 0}
.sh::after,.video-wrap .op-video.off,.video-wrap .video-cover-img.off{opacity:0;visibility:hidden}
.step-col{padding-right:10px!important;padding-left:10px!important}
.step{padding:24px 15px 10px;background:#fff;margin:10px 0;cursor:pointer;box-shadow:-40px 40px 50px rgba(33,42,78,.05)}
.web-pages .block .i-img,.work-holder{cursor:url(../images/mouse.png),default}
.step .iiim{width:150px;height:70px;margin:auto auto 10px}
.step p{font-size:15px;color:#00a5e4;text-align:center;font-weight:500}
.step span.num{color:#e9e9e9;font-size:35px}
.step span.num svg path,.step:hover span.num svg path,.why-sec:hover .img svg path{fill:#00a5e4}
.step.collapsed span.num svg path{fill:#e9e9e9!important}
.step.collapsed{box-shadow:none!important}
.step:hover{background:#fff;box-shadow:-40px 40px 50px rgba(33,42,78,.05)!important}
.short-breadCrumb{min-height:300px!important}
.pc-content{width:760px;height:480px;background-image:url(../images/computer.png);background-size:100% 140%;overflow:hidden;background-position:center;padding:55px 75px 30px;position:relative;top:95px;z-index:10}
.pc-content-container{background-image:url(../images/farzad-nazifi-p-xSl33Wxyc-unsplash.png);background-size:cover;height:100%;position:relative;z-index:1;padding:0;border-radius:10px;overflow:hidden}
.ccoc{width:358px}
.ccoc h4{font-size:30px;font-weight:700;line-height:20px}
.ccoc p{font-size:20px;line-height:30px;margin:30px 0 0}
.ccoc .view-more{margin-bottom:0!important}
.pc-content-container::after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background:#000;z-index:-1;opacity:.4}
.after-pc-intro{padding-top:150px!important}
.advantages{padding:50px 0;background-size:100% 100%}
.advantage{background-color:#fff;border:1px solid #dfdfdf;border-radius:10px;padding:0 23px 20px;margin:30px 0;height:calc(100% - 50px)}
.adv-col{overflow:hidden;padding-top:25px}
.advantage:hover{border:1px solid #00a5e4;transform:translateY(-10px);-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px)}
.advantage:hover .advantage-icon::before{background-color:#00a5e4}
.advantage-icon{width:92px;height:92px;border-radius:50%;background-color:#fff;margin:-46px auto 0;position:relative;z-index:1}
.advantage-icon::before{content:"";position:absolute;top:10px;left:10px;bottom:10px;right:10px;border-radius:50%;z-index:-2;background-color:#212a4e;box-shadow:-6px 6px 6px rgba(0,0,0,.18)}
.advantage-icon img{display:block;width:35px;height:35px}
.advantage h5{font-size:16px;color:#1e263c;line-height:25px;font-weight:600;margin:20px 0}
.advantage p,.type .content .txt{line-height:25px;color:#a8a8a8;overflow:hidden}
.type h5,.white-header span span{font-weight:500}
.advantage p{font-size:15px;margin:0;max-height:100px}
.borderHover::after,.borderHover::before{content:"";width:0;height:1px;position:absolute;transition:.2s linear;background:#00a5e4}
.borderHover label::after,.borderHover label::before{content:"";width:1px;height:0;position:absolute;transition:.2s linear;background:#00a5e4}
.borderHover::after{left:0;bottom:0;transition-delay:.6s}
.borderHover::before,.borderHover:hover label::after{transition-delay:.2s}
.borderHover label{display:none;margin:0}
.borderHover label::after{transition-delay:.4s;right:0;bottom:0}
.borderHover::before{right:0;top:0}
.borderHover label::before{transition-delay:0;left:0;top:0}
.borderHover:hover::after{transition-delay:0}
.borderHover:hover::before{transition-delay:.4s}
.borderHover:hover label::before{transition-delay:.6s}
.intro .svg{margin:0 0 30px}
.intro .text{font-size:17px;line-height:30px;color:#212a4e;margin:0 0 35px}
.intro .svg img{height:auto;max-width:100%}
.type{margin:15px 0;background:#fcfcfc;padding:60px 25px 0;border-radius:15px;height:calc(100% - 30px);overflow:hidden;border:2px solid #f7f7f9}
.type h5{font-size:20px;line-height:30px;color:#08104d;overflow:hidden;min-height:65px;margin-bottom:20px}
.white-header span span,span.color{color:#f8bf16!important}
.type .content{background:#fff;padding:14px 14px 22px;margin:40px 0 0;border-radius:15px 15px 0 0;height:100%}
.type .content .img{width:79px;height:79px;border-radius:50%;background:#212a4e;margin:-40px auto 0;overflow:hidden;position:relative}
.type .content .img .imgimg{position:absolute;width:79px;height:79px;content:"";left:0;right:0;top:50%;transition:.3s;opacity:0;background:0;z-index:2}
.type:hover .content .img .imgimg{opacity:1;transition:.3s;transform:translateY(-50%)}
.type:hover .content .img img.main{transform:translateY(-200%);transition:.3s;opacity:0}
.slider-rotate__item.slider-rotate__item--active .title,.some-work.owl-drag .center.active .slide span{opacity:1!important;visibility:visible!important}
.type .content .img img{width:auto;height:auto;max-width:80%;max-height:80%}
.type .content .txt{font-size:13px;margin:25px 0 0;max-height:124px}
.type:hover .content,.type:hover h5{transform:translateY(-12px);-ms-transform:translateY(-12px);-webkit-transform:translateY(-12px)}
.type:hover h5{color:#16227e}
.type:hover .img{background:#00a5e4}
.why-best-header{max-width:730px;font-size:20px;font-weight:700;color:#212a4e;line-height:40px;margin:0 auto 65px}
.why-sec{background:#fff;border-radius:25px;padding:20px;margin:15px 0;border:1px solid #f7f7f7}
.why-sec .img{width:70px;height:70px;border-radius:50%;margin:0 0 0 20px}
.why-sec:hover .img{transform:rotateZ(360deg) translateZ(-30px);-ms-transform:rotateZ(360deg) translateZ(-30px);-webkit-transform:rotateZ(360deg) translateZ(-30px)}
.why-sec .img svg{width:100%;height:100%;position:initial}
.why-sec .txt{width:calc(100% - 90px);font-size:15px;line-height:30px;color:#434343}
.why-sec:hover .txt{transform:translateX(-10px);-ms-transform:translateX(-10px);-webkit-transform:translateX(-10px)}
.some-of-work .sec-header h2{margin:0!important}
.design-logos-pc .checked i,.white-header span{color:#fff!important}
.some-work .slide .img{height:300px;background:#fff;box-shadow:0 15px 30px rgba(0,0,0,.1);border-radius:2.6%;overflow:hidden}
.some-work .slide span{font-size:20px;display:block;opacity:0;visibility:hidden;margin-top:140px;text-align:center}
.some-work .slide{text-align:center;margin:0 20px}
.some-work .slide .img img{max-width:100%;max-height:100%;height:100%!important;width:100%!important}
.some-work .owl-item .img{transform-origin:center;-ms-transform-origin:center;-webkit-transform-origin:center;transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;width:100%}
.some-work.owl-drag .owl-item{transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out}
.design-logos-pc label i,.spec-form label span{transition:none!important}
.some-work .owl-stage-outer{padding-top:85px;padding-bottom:0}
.branding-gallery,.some-work.owl-drag .owl-item.active~.owl-item.active:not(.center){position:relative;z-index:2}
.some-work.owl-drag .owl-item.active~.owl-item.active:not(.center) .img{transform:scale(2.3,1.2)}
.some-work.owl-drag .center.active .img{transform:scale(3.3,1.5)}
.some-work.owl-drag .center.active{position:relative;z-index:3}
.some-work .owl-nav button{position:absolute;bottom:-10px}
.some-work .owl-nav button.owl-next{right:70%}
.some-work .owl-nav button.owl-prev{left:70%}
.spec-form .form-sec{margin:0 0 20px}
.spec-form .form-sec h6{font-size:20px;line-height:17px;color:#1e263c;margin:0 0 10px;font-weight:700}
.spec-form .number,.spec-form label{cursor:pointer;border:1px solid #d4d4d4;border-radius:20px;padding:8px 15px;font-size:15px;color:#a8a8a8;margin:8px 5px;vertical-align:middle}
.spec-form .number{padding:3px 10px!important}
.spec-form .svgg{vertical-align:middle;margin:0 0 0 7px}
.chh,.spec-form input:checked+label{background:#f8b920;border:1px solid #f8b920!important;color:#fff!important}
.chh input{color:#000!important}
.chh .svgg img:first-child,.spec-form input:checked+label .svgg img:first-child{display:inline-block!important}
.spec-form .form-control{width:30px;height:30px;border-radius:50px;border:1px solid #e2e2e2;outline:0;text-align:center;background:#fff;margin:0 10px 0 0;padding:0;display:inline-block;box-shadow:none}
.design-logos{background-image:url(../images/smartmockups_k1ymk8iy-1080x581.png);background-size:110% 100%;background-position:center;height:350px;padding:4% 11% 7%}
.design-logos-pc{background-color:#fff;height:100%;padding:10px}
.design-logos-pc label{border-radius:10px;border:1px solid #d4d4d4;height:65px;margin:0;cursor:pointer}
.design-logos-pc label svg{position:initial}
.design-logos-pc label i{color:#d4d4d4;font-size:35px}
.blog .img b,.fixed-footer a i,.select2-dropdown .select2-results__option{font-size:14px}
.design-logos-pc label img{width:30px}
.design-logos-pc label svg path{fill:#d4d4d4}
.coll-5{width:20%!important;padding:10px 5px}
.design-logos-pc .checked svg path{fill:#fff!important}
.design-logos-pc .checked{background:#f8bf16;border-color:#f8bf16}
.copy-rights,.footer-top::after,footer::before{background-size:100% 100%}
.footer-body,.footer-top{border-bottom:1px solid #fff}
.design-logos .view-more{margin-top:80px!important}
#map{background-color:#f1f1f1;width:100%;border-radius:56px;height:500px;overflow:hidden}
._brands{padding:0 0 50px}
._brands ._slide{margin:0 30px;height:40px}
._brands ._slide img{max-width:100%;width:100%!important;object-fit:scale-down;height:100px}
.biglogo .iimg{width:230px;margin:auto;height:180px}
.biglogo .iimg img{max-width:100%;max-height:100%;height:auto;width:auto}
footer{background:#fff;color:#08104d;position:relative;padding-top:70px}
footer::before{content:"";position:absolute;top:0;left:0;right:0;background-image:url(../images/fff.png);height:180px}
.footer-top{padding:40px 0;position:relative;width:fit-content;margin:auto}
.footer-top::after{content:"";position:absolute;bottom:0;height:1px;background-image:url(../images/thinline.png);left:0;right:0}
.footer-top a{color:#08104d;font-size:15px;position:relative;display:inline-block}
.footer-top ul li{margin:5px 10px}
.blog-box .post-comments ul li .com-data .d-bot a i,.blog-sidebar .side-widget .w-body .related-blogs li .r-data a:hover,.footer-top ul li a:hover,.post .panel .panel-body ul li a:hover,.post .panel .panel-heading a:not(.collapsed){color:#f8bf16}
.footer-top ul li a .dots label{background:#f8bf16!important}
.footer-body{padding:50px 0}
.footer-h{font-size:25px;font-weight:700;color:#08104d;margin:0 0 28px;display:block}
.footer-sec ul li{margin:0 0 16px}
.footer-sec ul li a{font-size:15px;display:inline-block}
.footer-sec ul li a:hover{color:#f8bf16;transform:translateX(10px);-ms-transform:translateX(10px);-webkit-transform:translateX(10px)}
.tels span{display:inline-block}
.footer-sec ul li img{display:inline-block;color:#f8bf16;margin:0 0 0 6px;width:12px}
.footer-sec ._social{border-bottom:1px solid #d4d4d4;padding:0 0 30px;margin:0 0 30px}
.footer-sec ._social a{width:40px;height:40px;border-radius:50%;margin:3px;background-image:linear-gradient(to right,#e9e9e9,#a8a8a8);position:relative;z-index:1}
.footer-sec ._social a::after{content:"";position:absolute;border-radius:50%;top:6px;left:6px;right:6px;bottom:6px;background:#ececec;z-index:-1}
.footer-sec ._social a::before{content:"";position:absolute;border-radius:50%;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:0;visibility:hidden}
.footer-sec ._social a svg{max-width:50%;max-height:50%;height:auto;width:auto}
.footer-sec ._social a:hover{transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2)}
.footer-sec ._social a:hover::after{background:rgba(233,233,233,.4)}
.footer-sec ._social a:hover svg path{fill:#fff}
.footer-sec ._social a.twitter::before,.post .post-share .sh-icons .tw{background:#00a0da}
.footer-sec ._social a.insta::before{background:linear-gradient(to right,#9f2fff,#0bb1d3)}
.footer-sec ._social a.facebook::before,.post .post-share .sh-icons .fb{background:#13598c}
.footer-sec ._social a.youtube::before{background:#f11900}
.copy-rights{padding:26px 0;background-image:url(../images/copyrightbg.png);color:#fff}
.fixed-footer{position:fixed;left:0;right:0;bottom:0;padding:15px 0;background:#16227e;color:#fff;z-index:19}
.fixed-footer a{color:#fff;font-size:12px;opacity:.8}
.slider-rotate__arrow i{font-size:20px}
.slider-rotate{margin-right:110px}
.slider-rotate__container{position:relative;width:100%;height:350px;visibility:hidden}
.blog .img b:before,.slider-rotate__item,.slider-rotate__item .img img,.work-item a,.work-item img{height:100%;width:100%}
.slider-rotate__item .img{border-radius:10px;overflow:hidden;box-shadow:0 15px 30px rgba(0,0,0,.1);height:300px}
.slider-rotate__item{background:center/cover #fff;position:absolute;top:0!important;opacity:0;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;z-index:0}
.slider-rotate__item .title{display:block;text-align:center;color:#707070;font-size:20px;opacity:0;visibility:hidden;width:70%;margin:30px auto 0}
.slider-rotate__item.active{left:0!important}
.slider-rotate__item.slider-rotate__item--next{left:100px;z-index:1!important}
.slider-rotate__item.slider-rotate__item--prev{left:200px;-webkit-transform:scale(.6);-moz-transform:scale(.6);-ms-transform:scale(.6);-o-transform:scale(.6);transform:scale(.6);z-index:0!important}
.slider-rotate__item.slider-rotate__item--next,.slider-rotate__item.slider-rotate__item--prev{opacity:1;z-index:2}
.slider-rotate__item.slider-rotate__item--next-2{left:0}
.slider-rotate__item.slider-rotate__item--prev-2{left:10%}
.slider-rotate__item.slider-rotate__item--next-2,.slider-rotate__item.slider-rotate__item--prev-2{opacity:.4;z-index:2;-webkit-transform:scale(.3);-moz-transform:scale(.3);-ms-transform:scale(.3);-o-transform:scale(.3);transform:scale(.3)}
.slider-rotate__item.slider-rotate__item--active{opacity:1;z-index:5;top:0!important;left:0!important;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.branding-gallery .block span,.screens .item a i,.type .num-b img,.video-wrap .op-video{transform:translate(-50%,-50%);left:50%}
.slider-rotate__container .slider-rotate__arrow{height:40px;width:40px;border-radius:30px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(19,89,140,.07);color:#08104d;bottom:-13px;position:absolute;z-index:5;cursor:pointer}
.slider-rotate__container .slider-rotate__arrow:hover{background:#db932d;width:80px}
#order-modal .modal-body .order-form .form-group h5,.fancybox-button,.fancybox-button:link,.fancybox-button:visited,.fancybox-infobar,.fancybox-infobar span,.slider-rotate__container .slider-rotate__arrow:hover i{color:#fff}
.slider-rotate__container .slider-rotate__arrow.slider-rotate__arrow--left{right:85%}
.slider-rotate__container .slider-rotate__arrow.slider-rotate__arrow--right{left:85%}
.work-item:hover .w-content h4{opacity:1;bottom:20px;transition:.3s}
.work-item a{position:absolute;right:0;top:0}
.work-item img{object-fit:cover}
.blog .img b{background:-webkit-linear-gradient(right,#16227e,#00a5e4);position:absolute;bottom:0;color:#fff;font-weight:400;padding:5px 40px;border-radius:20px 20px 0 0;overflow:hidden;z-index:1}
.blog .img b:before{position:absolute;right:0;top:0;background:-webkit-linear-gradient(right,#db932d,#f8bf16);content:'';z-index:-1;opacity:0;transition:.3s}
.blog:hover .img b:before,.branding-gallery .block a:hover span,.center .item .inner .i-data,.plans .block .inner:hover:before,.screens .center .item:hover:before{opacity:1;transition:.3s}
.m-pagination.col-lg-12{text-align:center;margin-top:30px;padding:0}
.m-pagination ul,li,ol,ul{list-style:none;padding:0;margin:0}
.m-pagination ul li a,.m-pagination ul li span{width:30px;height:30px;display:block;color:#000;margin:0 5px}
.m-pagination ul li span{position:relative;color:#f8bf16}
.m-pagination ul li span:after{height:4px;position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:10px;background-color:#f8bf16;content:''}
.swiper-container{width:100%;padding-top:50px;padding-bottom:50px}
.swiper-slide{background-position:center;background-size:cover;width:300px;height:300px}
.post .post-img,.video-wrap{height:400px;overflow:hidden}
.swiper-slide img{display:block;width:100%}
.banner>svg{position:absolute;bottom:0;fill:#fcfcfc;width:100%;height:auto;stroke:#fff}
.single-wrap{padding:70px 0 0;background-color:#fcfcfc}
.banner::after{opacity:0}
.post .post-img{border-radius:15px;border:1px solid #ececec;background-color:#e4e4e4;margin-bottom:30px}
.post .post-title{text-align:center;margin-bottom:50px}
.blog-box .post-comments .post-add-comment .post-head,.post .post-group,.post .post-info{margin-bottom:30px}
.post .post-title h4{font-weight:700;color:#212a4e;font-size:20px}
.post .post-info{border:1px solid #dfdfdf;border-radius:20px;padding:20px;background-color:#fff}
.post .post-info ul li{color:#212a4e;font-size:14px;direction:ltr}
.post .post-info ul{display:flex;align-items:center;justify-content:space-between}
.post .post-info ul li i{color:#f8bf16;font-size:20px;vertical-align:middle;margin-left:10px;float:right}
.post .panel{background-color:#f7f7f9;display:table;width:100%;border-radius:15px;position:relative}
.post .panel .panel-heading a{color:#212a4e;font-weight:700;font-size:17px;padding:20px 25px;display:block}
.post .panel .panel-body{padding:0 25px}
.post .panel .panel-body ul li{width:33.33%;float:right;position:relative;padding:0 25px 0 15px;margin-bottom:20px}
.post .panel .panel-body ul li:before{content:'';position:absolute;right:0;top:50%;width:10px;height:10px;border-radius:100%;border:1px solid #212a4e;background-color:#fff;transform:translateY(-50%)}
.post .panel .panel-body ul li a{color:#212a4e;font-weight:500;font-size:15px;transition:.3s}
.post .panel .panel-heading a:before{content:'';position:absolute;right:0;top:15px;height:calc(100% - 30px);width:5px;background-color:#212a4e;transition:.3s;border-radius:50px}
.owl-dots button.owl-dot.active,.post .panel .panel-heading a:not(.collapsed):before{background-color:#f8bf16;transition:.3s}
.post .post-sections .section{margin-bottom:40px}
.post .post-sections .section h1,.post .post-sections .section h2,.post .post-sections .section h3,.post .post-sections .section h4,.post .post-sections .section h5,.post .post-sections .section h6{margin-bottom:25px;position:relative;color:#16227e}
.post .post-sections .section h1:before,.post .post-sections .section h2:before,.post .post-sections .section h3:before,.post .post-sections .section h4:before,.post .post-sections .section h5:before,.post .post-sections .section h6:before{content:'';width:12px;height:12px;position:absolute;right:0;top:50%;transform:translateY(-50%);border:1px solid #f8bf16;border-radius:100%;opacity:0}
.blog-box .post-others .p-block a:before,.blog-sidebar .side-widget .w-head:before{content:'';width:4px;position:absolute;top:50%;right:0;transform:translateY(-50%);background-color:#f8bf16}
.post .post-sections .section p{line-height:1.8}
.post .post-sections .section p h1,.post .post-sections .section p h2,.post .post-sections .section p h3,.post .post-sections .section p h4,.post .post-sections .section p h5,.post .post-sections .section p h6{padding:0}
.blog-box .post-comments .post-add-comment .post-head h3 span,.post .post-sections .section p b{font-weight:700}
.post .post-sections .section img{width:100%;object-fit:cover;border-radius:15px;background-color:#f7f7f7;border:1px solid #ececec;margin-bottom:20px}
.video-wrap{position:relative;width:100%;border-radius:15px;margin-bottom:20px;background-color:#000}
.video-wrap .op-video{position:absolute;z-index:5;top:50%;width:70px;height:70px;border-radius:100%;text-align:center;background:-webkit-linear-gradient(top left,#db932d,#f8bf16);line-height:70px;color:#fff;font-size:23px;padding-left:5px;box-shadow:0 0 0 10px rgb(248 191 22 / 45%)}
.video-wrap .video-cover-img{position:absolute;right:0;top:0;width:100%;height:100%!important;z-index:5;border:0!important;margin:0!important;background-color:transparent!important}
.video-wrap .op-video:before{content:"";position:absolute;border:2px solid #f8bf16;border-radius:100%;top:-10px;right:-10px;bottom:-10px;left:-10px}
.video-wrap .op-video:hover{background:-webkit-linear-gradient(top left,#212a4e,#445188);box-shadow:0 0 0 10px rgb(33 42 78 / 45%)}
.video-wrap .op-video:hover:before{border-color:#212a4e}
.blog-box .post-others .p-block,.branding-gallery .block,.screens .center .item{padding:15px}
.blog-box .post-others .p-block a{display:block;background-color:#f7f7f9;border-radius:15px;padding:15px 20px;position:relative;color:#212a4e}
.blog-box .post-others .p-block span{font-size:13px;font-weight:100;color:inherit;transition:none}
.blog-box .post-others .p-block p{color:inherit;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;transition:none}
.blog-box .post-others .p-block a:before{border-radius:50px;height:calc(100% - 50px)}
.blog-box .post-others .p-block a:hover,.intro-btns .apps-btns:hover{background:-webkit-linear-gradient(right,#16227e,#00a5e4);color:#fff}
.blog-box .post-others{margin-bottom:50px}
.blog-box .post-comments{margin-bottom:50px;background-color:#fff;padding:30px;border-radius:10px}
.blog-box .post-comments ul li{display:flex;margin:.5rem 0}
.blog-box .post-comments ul li .com-img{width:70px;height:70px;overflow:hidden;background-color:#f8bf16;border-radius:100%;min-width:70px;min-height:70px;margin-left:20px}
.blog-box .post-comments ul li .com-data{border-bottom:1px solid #d4d4d4;padding:0}
.blog-box .post-comments ul li .com-data .d-top{display:flex;align-items:center;margin-bottom:5px}
.blog-box .post-comments ul li .com-data .d-top h4{color:#212a4e;font-size:18px;margin:0}
.blog-box .post-comments ul li .com-data .d-top span{color:#212a4e;font-size:15px;margin:0 30px}
.blog-box .post-comments ul li .com-data .d-bot p{color:#a8a8a8;font-size:14px;line-height:1.8}
.blog-box .post-comments ul li .com-data .d-bot a{color:#212529;font-weight:700}
.blog-box .post-comments ul li .com-data .d-top span i{margin-left:4px;color:#f8bf16;vertical-align:middle}
.blog-box .post-comments ul li:last-child .com-data,.blog-sidebar .side-widget .w-body .related-blogs li:last-child{border:0;padding-bottom:0}
.blog-box .post-comments .post-add-comment .post-head h3{font-size:21px;font-weight:400}
.blog-box .post-comments .post-add-comment .post-head i{color:#f8bf16;margin-left:10px}
.blog-box .post-comments .post-add-comment .post-form .form-control{background-color:#f7f7f9;border:0;border-radius:10px;resize:none;height:50px;font-size:14px}
.blog-box .post-comments .post-add-comment .post-form textarea.form-control{height:200px;padding:15px}
.blog-box .post-comments .post-add-comment .post-form .form-control:focus{box-shadow:0 0 15px rgb(0 0 0 / 5%);background-color:#fff}
.blog-box .post-comments .post-add-comment .post-form .view-more{margin:10px auto 0}
.blog-sidebar .side-widget{margin-bottom:30px;border-radius:15px;overflow:hidden}
.blog-sidebar .side-widget .w-head{background:-webkit-linear-gradient(right,#16227e,#00a5e4);border-radius:15px 15px 0 0;padding:20px;position:relative}
.blog-sidebar .side-widget .w-head h4{color:#fff;font-weight:500;font-size:16px;margin:0}
.blog-sidebar .side-widget .w-head:before{border-radius:50px;height:calc(100% - 35px)}
.blog-sidebar .side-widget .w-body{padding:30px 15px;background-color:#f7f7f9}
.blog-sidebar .side-widget .w-body .form-group{position:relative;margin:0}
.blog-sidebar .side-widget .w-body .form-group .form-control{border-radius:10px;border:0;height:50px;font-size:15px;padding:0 15px 0 40px}
.blog-sidebar .side-widget .w-body .form-group button{position:absolute;left:0;top:0;border:0;background:0;height:50px;line-height:50px;padding:0 10px;color:#000}
.blog-sidebar .side-widget .w-body .form-group .form-control:focus{box-shadow:0 0 15px rgb(0 0 0 / 8%);transition:.3s}
.blog-sidebar .side-widget .w-body .related-blogs li{display:flex;border-bottom:1px solid;border-color:#cfcfcf;padding:20px 0}
.blog-sidebar .side-widget .w-body .related-blogs li .r-img{min-width:80px;min-height:80px;overflow:hidden;margin-left:20px;border-radius:10px;width:80px;height:80px}
.blog-sidebar .side-widget .w-body .related-blogs li .r-img img{width:100%;height:100%;object-fit:cover;transition:.3s}
.blog-sidebar .side-widget .w-body .related-blogs li .r-data a{font-weight:700;max-width:100%;color:#212a4e;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block}
.blog-sidebar .side-widget .w-body .related-blogs li .r-data p{color:#a8a8a8;font-size:13px;line-height:1.8;overflow:hidden;max-height:44px;margin:5px 0}
.blog-sidebar .side-widget .w-body .related-blogs li .r-data span{color:#212a4e;font-size:13px;display:flex;align-items:center;margin-top:10px}
.blog-sidebar .side-widget .w-body .related-blogs li .r-data span i{color:#f8bf16;vertical-align:middle;margin-left:5px}
.blog-sidebar .side-free-area{border-radius:15px;overflow:hidden;margin-bottom:40px}
.blog-sidebar .side-free-area a{display:block;height:100%}
.blog-sidebar .side-free-area img{width:100%;object-fit:cover}
.blog-sidebar .side-free-area img:hover{opacity:.8;transition:none}
.blog-sidebar .side-widget .w-body .side-tags a{font-weight:500;color:#212a4e;font-size:13px;background-color:#fff;margin:0 0 7px 5px;display:inline-block;padding:12px 15px;border-radius:25px}
.blog-sidebar .side-widget .w-body .side-tags a:hover{background-color:#f8bf16;color:#fff;border-radius:0 25px}
.blog-sidebar .side-widget .w-body .related-blogs li:hover .r-img img{transform:scale(1.3)}
.post .panel .panel-heading a:after{position:absolute;left:20px;top:23px;font-family:IcoFont;font-weight:400;font-size:19px;line-height:1;transition:.3s;content:"\ea99"}
.post .panel .panel-heading a:not(.collapsed):after{transform:rotate(180deg);transition:.3s}
.post .post-share{border:1px solid #dfdfdf;border-radius:20px;padding:20px;margin-bottom:30px;display:flex;align-items:center;justify-content:space-between;background-color:#fff}
.post .post-share span{font-weight:500;font-size:17px}
.post .post-share .sh-icons a{width:35px;height:35px;border-radius:100%;margin:0 6px 0 0;background-color:#dfdfdf;position:relative;z-index:1;display:inline-block;text-align:center;line-height:35px;color:#fff;font-size:18px;transition:none}
.post .post-share .sh-icons .linkedin{background-color:#0a66c2}
.post .post-share .sh-icons .snap{background-color:#fffc00;color:#000}
.post .post-share .sh-icons a:hover{transform:scale(.95);opacity:.8}
.g-more,.intro-btns{text-align:center;margin:50px 0}
.fancybox-infobar>*,.intro-btns .apps-btns:hover h5,.intro-btns .apps-btns:hover span,.serv span a,.some-work .slide span a{color:inherit}
.some-work .slide span a:hover{color:#e3a027}
.some-of-work{background:0;position:relative}
.some-of-work .s-top{top:-1px;transform:scaleY(-1)}
.some-of-work .s-bottom{height:auto;position:absolute;bottom:30%}
.some-of-work:before{background:-webkit-linear-gradient(right,#16227e,#00a5e4);content:'';position:absolute;width:100%;top:0}
.spec-form input[type=number]::-webkit-inner-spin-button,.spec-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.spec-form input[type=number][type=number]{-moz-appearance:textfield}
.types.mob-types{padding-top:0}
.intro.mob-intro,.packages .type .content ul li:last-child{padding-bottom:0}
.type .num-b{display:block;margin-bottom:35px;position:relative;font-size:23px;font-weight:700}
.type .num-b img{position:absolute;top:50%;object-fit:scale-down;width:60px;filter:grayscale(1);transition:.3s}
.type:hover .num-b img{filter:none;transition:.3s}
.intro h3{font-weight:700;color:#00a5e4;margin:20px 0;font-size:20px}
.packages .type{background-color:#f7f7f9}
.packages .btn{background-color:#212a4e;border-radius:10px;width:100%;height:45px;line-height:45px;padding:0 20px;color:#fff;transition:.3s}
.packages .btn:hover{border-radius:50px;background-color:#00a5e4;transition:.3s}
.packages .type h5{min-height:auto;font-weight:700;transition:.3s}
.packages .type h6{font-weight:700;color:#f8bf16;margin-bottom:30px;transition:.3s}
.packages .type .content{margin-top:60px;padding-bottom:0}
.packages .type .content .img{border:4px solid #fff}
.packages .type:hover h5{color:#00a5e4;transition:.3s}
.packages .type:hover h6{transform:translateY(-50%);transition:.3s}
.packages .type .content ul li{position:relative;padding:15px 0;font-size:14px}
.packages .type .content ul li:after{content:'';position:absolute;bottom:0;width:100%;left:0;background:-webkit-linear-gradient(left,#fff0,rgb(191 191 191 / 44%),#fff0);height:1px}
.packages .type .content ul{margin-top:20px}
.packages{padding:60px 0 150px}
.branding-gallery .block .inner a{width:100%;height:250px;border-radius:10px;overflow:hidden;display:block;position:relative}
.branding-gallery .block span{position:absolute;top:50%;opacity:0;transition:.3s;width:40px;height:40px}
.branding-gallery .block .inner a:before{position:absolute;left:0;top:0;width:100%;height:100%;background:-webkit-linear-gradient(left,#16227e,#00a5e4);content:'';opacity:0;transition:.3s}
.branding-gallery .block .inner a:hover:before{opacity:.7;transition:.3s}
.fancybox-thumbs__list a:before{border-color:#f4b819}
.order-wrap .order-head{margin-bottom:50px;text-align:center}
.order-wrap .order-head p{font-weight:700;color:#09578a;font-size:21px;margin:0 auto;max-width:55%;line-height:1.7}
.order-wrap .order-head span{font-size:inherit}
.order-wrap .order-head .fixed-social{position:static;left:auto;padding:0;margin-top:30px}
.order-wrap .order-head .fixed-social li{display:inline-block;margin:0 12px}
.gradient-border{--border-width:4px;position:relative;background:#fff;border-radius:30px}
.gradient-border::after{position:absolute;content:"";top:calc(-1 * var(--border-width));left:calc(-1 * var(--border-width));z-index:-1;width:calc(100%+var(--border-width) * 2);height:calc(100%+var(--border-width) * 2);background:linear-gradient(60deg,#16227e,#f8bf16,#00a5e4,#16227e,#f8bf16,#00a5e4,#16227e,#f8bf16);background-size:300% 300%;background-position:0 50%;border-radius:30px}
.man-banner{position:absolute;top:100px;left:35px;width:165px}
.girl-banner{position:absolute;width:120px;top:55px;right:30px}
.intro-btns .view-site,.select2-container--default .select2-results__option--highlighted[aria-selected]{background:-webkit-linear-gradient(right,#16227e,#00a5e4)}
.order-form{padding:50px}
.order-form .form-group{padding:15px;margin:0}
.order-form .form-group h5{color:#a8a8a8;font-weight:400;font-size:16px;margin-bottom:15px}
.order-form .form-group .form-control{border-radius:15px;height:50px;border:1px solid #d4d4d4;padding:0 20px;transition:.3s;color:#000;font-size:17px}
.order-form .form-group h5 i{color:#ff0707;font-size:27px;font-style:normal;line-height:0;vertical-align:middle}
.order-form .form-group .form-control:focus{box-shadow:none;border-color:#00a5e4;transition:.3s}
.order-form .form-group textarea.form-control{padding:20px;height:200px;resize:none}
.order-form .form-group .select2-container{width:100%!important;float:right}
.order-form .form-group .select2-container .select2-selection{border:1px solid #d4d4d4;border-radius:15px;min-height:50px;float:right;width:100%}
.order-form .form-group .select2-container .select2-selection .select2-selection__rendered{padding:0 20px;float:right;width:100%;line-height:50px;font-size:17px}
.order-form .form-group .select2-container .select2-selection .select2-selection__rendered li{font-size:13px;color:#fff;background:-webkit-linear-gradient(right,#16227e,#00a5e4);border:0;padding:5px 15px;border-radius:50px;float:right;margin:5px 0 5px 9px}
.order-form .form-group .select2-container .select2-selection .select2-selection__rendered li .select2-selection__choice__remove{color:#fff;margin-right:10px;font-weight:400;line-height:0;font-size:18px;vertical-align:middle}
.order-form .form-group .select2-container .select2-selection .select2-selection__rendered li.select2-search--inline{background:0;padding:5px 0}
.order-form .form-group .select2-container .select2-selection .select2-selection__rendered li.select2-search--inline input.select2-search__field{margin:0;width:auto!important;text-align:inherit}
.select2-dropdown{border:1px solid #dfdfdf!important;box-shadow:0 6px 6px rgb(0 0 0 / 13%);border-radius:15px!important;overflow:hidden;margin-top:5px}
.select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar{width:5px;height:5px}
.select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-track{background-color:#dfdfdf;border-radius:15px}
.select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-thumb{background-color:#f7bd17;border-radius:15px}
.order-form .form-group .select2-container .select2-selection .select2-selection__arrow{left:0;line-height:50px;right:auto;height:50px;width:auto;padding:0 15px}
.order-form .form-group .select2-container .select2-selection .select2-selection__arrow:before{content:"\ea99";font-family:IcoFont;position:absolute;color:#9e9e9e;font-size:22px}
.order-form .form-group:last-of-type{text-align:center;margin-bottom:0;padding-bottom:0}
.order-form .form-group:last-of-type .view-more{margin-bottom:0}
.order-form .form-group .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered{line-height:normal}
.work-holder{border-radius:25px;box-shadow:0 0 55px rgb(0 0 0 / 18%);height:570px;overflow:hidden;position:relative;z-index:2;margin-top:-210px;margin-bottom:50px;overflow-y:auto}
.web-pages .block .i-img img,.work-holder img{width:100%;height:auto;object-fit:cover}
.work-holder::-webkit-scrollbar{display:none}
.intro-btns a{margin:0 20px;width:auto;display:inline-block;padding:19px 30px;border-radius:50px;vertical-align:middle}
.com-form,.contact-wrap .cont-bot .bot-data .d-inner ul li:last-child:after,.hosting-work .block .text5:before,.intro-btns a:before,.not-found-wrap .not-inner .view-more:before{display:none}
.intro-btns .view-site{border-color:#00a5e4}
.web-pages .block{text-align:center;padding:15px}
.web-pages .block .i-img{overflow:hidden;border-radius:15px;box-shadow:0 0 15px rgb(0 0 0 / 12%);overflow-y:auto;height:350px;margin-bottom:30px}
.web-pages .block h4{color:#212a4e;font-size:18px;font-weight:500}
.web-pages .block .i-img::-webkit-scrollbar{width:0}
.work-holder.mob-holder{cursor:default}
.work-holder.mob-holder .video-wrap{height:100%;margin:0}
.intro-btns .apps-btns{background-color:#f3f3f3;border-radius:50px;display:inline-flex;padding:10px 30px;transition:.3s;margin:0 5px}
.intro-btns .apps-btns img{object-fit:scale-down;width:25px;margin-left:15px;transition:.3s;line-height:0}
.intro-btns .apps-btns span{color:#929292;font-size:11px;transition:none}
.intro-btns .apps-btns h5{color:#4d4d4d;font-size:17px;margin:0}
.intro-btns .apps-btns div{text-align:initial}
.nav-tabs .nav-link.active{background:0;border:none}
.screens .item{border-radius:30px;position:relative;transition:.3s;height:400px}
.screens .item a{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;display:none}
.screens .center .item a,.some-work .owl-nav.disabled{display:block}
.screens .item a i{position:absolute;top:60%;opacity:0;transition:.3s;color:#fff;font-size:25px}
.screens .item:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:-webkit-linear-gradient(top right,#db932d,#f8bf16);opacity:0;transition:.3s;border-radius:25px}
.screens .center .item a:hover i{top:50%;opacity:1;transition:.3s}
.screens .owl-dots{text-align:center;margin-top:30px}
.screens .owl-dots button.owl-dot{width:13px;height:13px;background-color:#ececec;border-radius:100%;margin:0 6px;transition:.3s}
.plans .block,.screens .owl-item{padding:10px}
.screens .item img{height:100%;object-fit:scale-down;width:100%}
.screens .center .item:after{background-image:url(../images/moc.png);background-position:center;background-size:100% 100%;padding:15px;content:'';filter:drop-shadow(0 0 5px rgba(0, 0, 0, .1));position:absolute;right:0;top:0;width:100%;height:100%;z-index:-1}
.screens .center .item img{object-fit:cover;transition:.3s}
.plans .nav-tabs{border:0;text-align:center;margin-bottom:50px;justify-content:center}
.plans .nav-tabs li{float:none;margin:0 10px;display:inline-block}
.plans .nav-tabs a{display:block;background-color:transparent;padding:10px 40px;border-radius:50px;border:2px solid transparent;transition:none;cursor:pointer;color:#212a4e}
.plans .nav-tabs li a.active{background:-webkit-linear-gradient(right,#db932d,#f8bf16);color:#fff;border-color:#f8bf16;cursor:default}
.plans .block .inner{background-color:#fff;text-align:center;padding:30px 15px;border-radius:15px;transition:.3s;z-index:1;position:relative}
.plans .block .inner:before{content:'';position:absolute;right:10px;top:10px;bottom:10px;left:10px;background:-webkit-linear-gradient(top,#db932d,#f8bf16);z-index:-1;border-radius:0 20px;opacity:0;transition:.3s}
.plans .block .inner h4{color:#09578a;font-size:17px;margin-bottom:30px}
.plans .block .inner h3{font-weight:700;font-size:15px;color:#1e263c;margin-bottom:20px}
.plans .block .inner ul li{border-bottom:1px solid #f7f7f9;padding:15px 0;font-weight:500;font-size:15px}
.plans .block .inner ul li b{font-weight:400;color:#00a5e4}
.blog-box .post-comments ul li:last-of-type,.c-child .child-item:last-of-type,.plans .block .inner ul li:last-child{border:0}
.plans .block .inner .btn{transition:.3s;border-radius:50px;padding:0 40px;height:45px;line-height:45px;margin-top:20px}
.plans .block .inner h3 span{color:#1e263c;font-size:45px}
.plans .block .inner:hover{border-radius:0 35px}
.plans .block .inner:hover h3,.plans .block .inner:hover h3 span,.plans .block .inner:hover h4,.plans .block .inner:hover ul li,.plans .block .inner:hover ul li b{color:#fff;transition:.3s}
.plans .block .inner:hover ul li{border-bottom-color:rgb(255 255 255 / 34%)}
.plans .block .inner:hover .btn{background-color:#fff;color:#212a4e;transition:.3s}
.plans .block .inner .btn:hover{border-radius:0 30px}
.plans .card{border:1px solid #dee2e6!important;border-radius:15px;overflow:hidden}
.package-header{background-color:#1172ba;border-radius:20px;text-align:center;padding:2rem 1rem}
.plans .card-title{background-color:#1172ba;color:#fff;padding:.6rem 1.75rem;border-radius:20px;width:max-content;margin:auto;margin-bottom:1rem}
.plans .card-title.special{background-color:#f0b41a}
.package-features{margin-top:1rem}
.package-features li{padding:.4rem 0;padding-right:2.85rem;font-size:16px;position:relative}
.package-features li::after{content:'';background:url(../images/check.png);background-position:center;background-size:contain;background-repeat:no-repeat;position:absolute;top:7px;right:5px;width:28px;height:28px}
.plans .card-price{font-weight:bolder}
.plans .card-footer{background-image:linear-gradient(to top,#16227e,#00a5e4)!important}
.plans .card-footer a{color:#fff!important;display:block;text-align:center;padding:.25rem;font-weight:500;font-size:large}
.hosting-work .s-bottom{bottom:-1px}
.hosting-work{padding:100px 0}
.hosting-work .row{align-items:center;flex-direction:row-reverse}
.hosting-work .block h3{color:#fff;font-weight:700;margin-bottom:30px}
.hosting-work .block p{color:#fff;margin-bottom:50px}
.hosting-work .block .inner{position:relative;padding:0 50px 0 0}
.special{transform:translateY(-40px)}
.package-features s{opacity:.65}
.most{display:none}
.special .most{display:block;background:#fff;margin-top:.65rem!important;color:#08104d!important;width:max-content;margin:auto;padding:.1rem 2rem;border-radius:30px}
.contact-wrap .order-form{border-radius:25px;box-shadow:0 0 15px rgb(0 0 0 / 11%);background-color:#fff}
.offerss:before{background-color:#b8b8b8;left:50%;content:''}
.all.offerss:before{content:unset}
.contact-wrap .cont-top{margin-bottom:30px;margin-top:-150px;position:relative;z-index:4}
.contact-wrap .cont-bot .bot-data .d-inner{background:-webkit-linear-gradient(top right,#16227e,#00a5e4);border-radius:25px}
.contact-wrap .cont-bot .bot-data .d-inner ul li{padding:15px 0;position:relative;color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center}
.contact-wrap .cont-bot .bot-data .d-inner ul li i{margin-left:10px}
.contact-wrap .cont-bot .bot-data .d-inner .c-social{background:-webkit-linear-gradient(left,#16227e,#00a5e4);border-radius:25px;padding:30px;text-align:center;border:3px solid #00a5e4}
.contact-wrap .cont-bot .bot-data .d-inner .c-social a{position:relative;display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;background-color:#eaeaea;border-radius:100%;margin:0 10px;font-size:15px;z-index:1;transition:.3s;color:#000}
.contact-wrap .cont-bot #map{border-radius:25px;height:431px}
#map #gmap_canvas{width:100%;height:100%}
.contact-wrap .cont-bot .bot-data .d-inner ul{padding:30px}
.contact-wrap .cont-bot .bot-data .d-inner ul li:after{position:absolute;bottom:0;width:100%;height:1px;background:-webkit-linear-gradient(left,#fff0,#fff,#fff0);content:'';right:0}
.contact-wrap .cont-bot .bot-data .d-inner .c-social a:before{content:'';position:absolute;left:-7px;top:-7px;right:-7px;bottom:-7px;background:linear-gradient(45deg,#e9e9e9,#a8a8a8);border-radius:100%;z-index:-1}
.contact-wrap .cont-bot .bot-data .d-inner .c-social a i{display:block;border-radius:inherit;line-height:inherit;background-color:inherit;transition:none}
.contact-wrap .cont-bot .bot-data .d-inner .c-social .twitter:hover{color:#fff;background:#26c8ff}
.contact-wrap .cont-bot .bot-data .d-inner .c-social .twitter:hover:before{background:-webkit-linear-gradient(left,#00a5e4,#00a0da)}
.contact-wrap .cont-bot .bot-data .d-inner .c-social a:hover{transform:scale(1.2)}
.contact-wrap .cont-bot .bot-data .d-inner .c-social .instagram:hover{color:#fff;background:#7599ff}
.contact-wrap .cont-bot .bot-data .d-inner .c-social .instagram:hover:before{background:-webkit-linear-gradient(left,#9f2fff,#0bb1d3)}
.contact-wrap .cont-bot .bot-data .d-inner .c-social .youtube:hover{color:#fff;background:#ff3d26}
.contact-wrap .cont-bot .bot-data .d-inner .c-social .youtube:hover:before{background:-webkit-linear-gradient(left,#f11900,#d21600)}
.contact-wrap .cont-bot .bot-data .d-inner .c-social .facebook:hover{color:#fff;background:#397fb2}
.contact-wrap .cont-bot .bot-data .d-inner .c-social .facebook:hover:before{background:-webkit-linear-gradient(left,#13598c,#13598c)}
.contact-wrap .cont-bot .bot-data .d-inner .c-social .twitter{color:#00a0da}
.contact-wrap .cont-bot .bot-data .d-inner .c-social .facebook{color:#13598c}
.contact-wrap .cont-bot .bot-data .d-inner .c-social .instagram{color:#9637fc}
.contact-wrap .cont-bot .bot-data .d-inner .c-social .youtube{color:#f11900}
#order-modal .modal-header{border:0;padding:30px 30px 15px}
#order-modal .modal-body .order-form{padding:0 20px 30px}
#order-modal .modal-header .btn-close{border:2px solid #fff;border-radius:100%;width:40px;line-height:40px;padding:0;height:40px;background:0;color:#fff;font-size:20px}
#order-modal .modal-content{background-color:#212a4e;border-radius:25px;border:0}
#order-modal .modal-body .order-form .form-group .form-control,#order-modal .order-form .form-group .select2-container .select2-selection{background-color:transparent!important;color:#fff}
#order-modal .order-form .form-group .select2-container .select2-selection .select2-selection__rendered,#order-modal .order-form .form-group .select2-container .select2-selection .select2-selection__rendered li.select2-search--inline input.select2-search__field{color:#fff;background-color:transparent!important}
.modal-backdrop{background-color:#717171f5}
.modal-open,.modal-open .modal{padding:0!important}
button{outline:0!important}
.g-headd{text-align:center}
.g-headd h3{padding-bottom:30px;line-height:1.7;font-weight:700;position:relative}
.g-headd h3:after{position:absolute;bottom:-9px;height:1px;width:40%;transform:translateX(-50%)}
.counter{display:flex;gap:20px;margin-top:10px}
.counter__box{background-image:linear-gradient(to left,#16227e,#00a5e4);border-radius:10px;padding:1rem 2rem;flex-grow:1;flex-basis:0}
.counter__box *{text-align:center;color:#fff!important}
.counter__time{font-weight:700;font-size:2rem!important;margin-bottom:6px!important}
.float-btn{position:fixed;z-index:9;bottom:25px;right:50%;transform:translateX(50%);animation-iteration-count:infinite;animation-duration:1.5s;background:linear-gradient(to bottom,#16227e,#00a5e4);border:1px solid #16227e;border-radius:100px;padding:17px 61px;margin:30px auto;font-size:18px;font-weight:700}
.float-btn:hover{animation:none}
.float-btn.text5::before{content:unset}
.zoom-in{--mdb-animation-zoom-in-transform-from:scale3d(0.3, 0.3, 0.3);animation-name:zoom-in}
@keyframes zoom-in{
0%{opacity:0;transform:translateX(50%) var(--mdb-animation-zoom-in-transform-from)}
50%{opacity:1}
}
.offerss .sec-header h2::after{content:unset}
.offerss .sec-header h2 span{font-size:24px;line-height:normal}
.all.offerss .sec-header h2 span{font-size:20px}
.offerss{padding:25px 0;position:relative}
.offerss:before{position:absolute;height:100%;width:1px;top:0}
.offerss .of-item{position:relative}
.all.offerss .of-item{margin-bottom:100px}
.offerss .of-item .inner-img{width:calc(100% - 60px)}
.all.offerss .of-item .inner-img img{width:85%!important;margin:auto}
.offerss .of-item:nth-of-type(2n) .of-img{float:left;order:1}
.offerss .of-item .of-txt:before{content:"";width:57px;height:2px;background-color:#00a5e4;position:absolute;top:50%;left:0;transform:translateY(-50%)}
.offerss .of-item .of-txt:after{content:"";position:absolute;top:50%;transform:translateY(-50%);left:-14px;width:28px;height:28px;border:6px solid #fff;background:#00a5e4;border-radius:100%;box-shadow:0 0 0 1px #00a5e4}
.offerss .of-item:nth-of-type(2n) .of-img:before{background-color:#f2ad05;left:auto;right:0}
.offerss .of-item:nth-of-type(2n) .of-img:after{box-shadow:0 0 0 2px #f2b705;left:auto;right:-7px;background:-webkit-linear-gradient(top,#f2b705,#f29f05)}
.offerss .of-item .of-data{padding-right:70px}
.offerss .of-item:nth-of-type(2n) .of-data{padding:0 0 0 70px}
.offerss .of-item .of-data .title{font-weight:700;color:#3e3e3e;font-size:20px;margin-bottom:20px;transition:.3s;display:inline-block}
.offerss .of-item .of-data p{color:#9c9c9c;line-height:1.7;overflow:hidden;max-height:123px;margin-bottom:30px;font-size:15px}
.all.offerss .of-item .of-data p{color:#000;line-height:1.5;overflow:hidden;max-height:unset;margin-bottom:30px;font-size:16px}
.offerss .of-item .of-data .extra>span{border:1px solid #0b76ae;color:#0b76ae;display:inline-block;border-radius:50px;padding:0 20px;height:45px;line-height:45px;margin-left:10px;font-size:17px}
.offerss .of-item .of-data .extra i{width:40px;height:40px;line-height:40px;text-align:center;border:1px solid #f2ad05;border-radius:100%;color:#f2ad05;display:inline-block}
.offerss .of-item .of-data .extra a span{color:#f2ad05;font-weight:700;font-size:15px;background-color:#fff;padding:2px 0;display:inline-block;margin-right:-10px;z-index:1;position:relative;transition:.3s}
.offerss .of-item .of-data .extra a:hover span{margin-right:-15px;transition:.3s}
.offerss .of-item .of-data .title:hover{color:#f2af05;transition:.3s}
.offerss:after{position:absolute;bottom:0;height:1px;width:40%;transform:translateX(-50%)}
.extra-offers{padding:70px 0 0}
.extra-offers .ex-head{text-align:center;font-weight:700;margin-bottom:100px}
.extra-offers .ex-head h3{position:relative;padding-bottom:25px;font-size:22px;color:#0c73aa}
.extra-offers .ex-head h3:after{content:'';position:absolute;left:50%;bottom:0;height:4px;width:50px;background-color:#0c73aa;border-radius:50px;transform:translateX(-50%)}
.extra-offers .block .inner{text-align:center;transition:.3s;padding:50px;background-color:#fff;margin-bottom:30px}
.extra-offers .block .inner img{object-fit:scale-down;width:50px;height:50px;margin-bottom:20px}
.extra-offers .block .inner h3{color:#0b76ae;font-weight:700;font-size:17px;margin-bottom:20px}
.extra-offers .block .inner p{color:#b8b8b8;line-height:1.9;overflow:hidden;max-height:127px;font-size:14px;margin:0}
.extra-offers .block .inner:hover{box-shadow:-25px 25px 50px rgb(12 115 170 / .1);transition:.3s}
.of-data-title{position:relative;margin-bottom:2.4rem}
.circle_shape{position:absolute;top:50%;inset-inline-start:40px;transform:translateY(-50%);width:100px;height:100px;border:6px solid #fff;border-radius:100%;box-shadow:0 0 0 8px #1c75bc}
.circle_shape::before{content:"";display:block;width:34px;top:50%;right:50%;position:absolute;height:calc(100% + 40px);background-color:rgb(255 253 253);transform:translate(50%,-50%) rotate(344deg);z-index:-1}
.circle_shape_inner{width:100%;height:100%;border-radius:100%;background:#00a5e4;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.8rem;font-weight:700}
.of-data-title h2{background:#1c75bc;color:#fff;font-size:1.3rem;font-weight:700;padding:1.3rem 2rem;padding-inline-start:160px;width:max-content;border-radius:70px}
@media (max-width:587px){
.offerss .of-item .of-txt{padding:0;margin-bottom:10px;text-align:center}
.counter__box{padding:.5rem 1rem}
.offerss .of-item .inner-img:before{content:"";top:-14px;height:calc(100% + 20px)}
.offerss .of-item:nth-of-type(even) .row{flex-direction:column-reverse}
p.counter__time{overflow:visible;max-width:none;max-height:unset;line-height:1.2;margin-bottom:0!important}
.float-btn{bottom:8px;padding:10px 20px}
.fixed-social{left:20px;bottom:12px}
.offerss .of-item .inner-img {width:100%;}
.offerss .of-item .of-txt:before,
.offerss .of-item .of-txt:after{content: unset;}
.circle_shape{inset-inline-start: 20px;width: 70px;height: 70px;border: 6px solid #fff;box-shadow: 0 0 0 7px #1c75bc;}
.of-data-title h2 {font-size: 1.1rem;padding: 1.1rem 1.3rem;padding-inline-start: 100px;}
.circle_shape_inner {font-size: 2rem;line-height: normal;max-height:unset}
.all.offerss .of-item .inner-img img {height: 300px;}.offerss .of-item:nth-of-type(even) .row {flex-direction: row;}
}
.not-found-wrap{display:table;width:100%;background:radial-gradient(#00a5e4,#16227e)}
.not-found-wrap .not-inner{text-align:center;display:table-cell;vertical-align:middle;height:100%}
.not-found-wrap .circles{position:fixed;width:100%;left:0;top:0;height:100%;text-align:center}
.not-found-wrap .shadows{width:100%;position:absolute;left:0;top:0;height:100%;display:flex;align-items:center;justify-content:space-between}
.not-found-wrap .not-inner h3{text-shadow:0 10px 10px #00000040;font-size:120px;font-weight:700;line-height:.8;color:#fff;margin-bottom:30px}
.not-found-wrap .not-inner p{font-weight:700;font-size:20px;color:#fff}
.not-found-wrap .not-inner .view-more{margin-bottom:0;background:#63b7f1;border:0}
.not-found-wrap .circles img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.not-found-wrap .shadows>*{width:50%;height:100%;position:relative}
.not-found-wrap .shadows>* img:first-of-type{width:15%;height:15%;left:10%;top:15%}
.not-found-wrap .shadows>* img:nth-of-type(2){width:45%;height:45%;left:22%;top:5%}
.not-found-wrap .shadows>* img:nth-of-type(3){width:6%;height:6%;left:28%;top:50%}
.not-found-wrap .shadows>* img:nth-of-type(4){width:46%;height:46%;left:33%;bottom:11%}
.not-found-wrap .shadows .sh-right{transform:scaleX(-1)}
.not-found-wrap .not-inner .view-more:hover{background:#0d71bb;transition:.3s;border-radius:50px!important}
#mapo{height:450px;border-radius:50px;overflow:hidden}
.s-child .d-md-block{order:1}
.blog-box .post-comments ul li .com-img span{color:#fff;width:100%;height:100%;line-height:70px;text-align:center;display:block}
.blog-box .post-comments ul li .com-data .form-group{margin:20px 0;display:flex;align-items:center;justify-content:space-between}
.blog-box .post-comments ul li .com-data .form-group span{color:#fff;position:absolute;right:5px;top:5px;width:40px;height:40px;text-align:center;line-height:40px;background-color:#f8bf16;border-radius:100%}
.blog-box .post-comments ul li .com-data .form-group .form-control{height:50px;border-radius:10px 50px 50px 10px;border-color:#dfdfdf;padding:0 55px 0 15px;box-shadow:none}
.blog-box .post-comments ul li .com-data .form-group .btn{background-color:#3f499a;height:50px;padding:0 40px;color:#fff;border-radius:7px;margin-right:5px}
.blog-box .post-comments ul li .com-data .form-group .btn.cancel{background-color:transparent;color:#000;padding:0 10px}
.post-add-comment{margin-top:30px}
.blog-box .post-comments ul li .com-data .form-group div:first-of-type{position:relative;flex-grow:1;margin-left:15px}
.blog-box .post-comments ul li .c-child .com-img{width:40px;height:40px;min-width:40px;min-height:40px;line-height:40px}
.blog-box .post-comments ul li .c-child .com-img span{line-height:40px}
.blog-box .post-comments ul li .c-child .com-data .d-top{justify-content:space-between}
.blog-box .post-comments ul li .c-child .com-data .d-top h4{font-size:15px}
.blog-box .post-comments ul li .c-child .com-data .d-top span{font-size:13px}
.c-child .child-item{display:flex;border-bottom:1px solid #dfdfdf;padding:20px 0}
.item{padding:0 10px}
.item .inner{text-align:center}
.item .inner .i-img{background-position:center;background-size:cover;height:350px;border-radius:10px;position:relative;margin-bottom:40px;transition:.3s;overflow:hidden}
.item .inner .i-img a{width:50px;height:50px;background-color:#fff;z-index:2;position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);line-height:53px;border-radius:100%;font-size:22px;color:#00a5e4;box-shadow:0 0 0 10px rgba(255,255,255,.71);opacity:0;transition:.3s;visibility:hidden}
.item .inner .i-img a:before{content:'';top:0;width:100%;height:100%;border:2px solid #00a5e4;border-radius:100%;position:absolute;right:0;clip:rect(0,16em,1em,1em);transition:.3s}
.item .inner .i-img a:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #00a5e4;border-radius:100%;clip:rect(0,11em,1em,1em);transform:rotate(170deg);transition:.3s}
.item .inner .i-img a i:after{position:absolute;left:-25px;content:'';top:-25px;width:100px;height:100px;background-color:rgba(255,255,255,.55);border-radius:100%;z-index:-1;transition:.3s}
.item .inner .i-img a:hover:before{transform:rotate(180deg);transition:.3s}
.item .inner .i-img a:hover:after{transform:rotate(360deg);transition:.3s}
.item .inner .i-img a:hover i:after{transform:scale(0);transition:.3s}
.item .inner .i-data{position:relative;opacity:0;transition:.3s;padding-top:20px}
.item .inner .i-img:after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:-16px;width:85%;height:15px;background-color:#00a5e4;border-top-right-radius:200px;border-top-left-radius:200px;transition:.3s}
.item .inner .i-data:before{content:'';width:50px;height:1px;background-color:#00a5e4;position:absolute;left:50%;transform:translateX(-50%);top:0}
.item .inner .i-data h3{color:#00a5e4;font-size:23px;margin-bottom:15px;font-weight:700}
.item .inner .i-data p{line-height:1.6;margin:0 auto;overflow:hidden;max-height:74px}
.works__ .owl-carousel .owl-nav button.owl-next,.works__ .owl-carousel .owl-nav button.owl-prev{position:absolute;top:380px;box-shadow:0 10px 30px rgba(200,200,200,.28);width:80px;height:80px;border-radius:10px;color:#c8c8c8;font-size:29px;transition:.3s;background-color:#fff}
.works__ .owl-carousel .owl-nav button.owl-next:hover,.works__ .owl-carousel .owl-nav button.owl-prev:hover{background-color:#00a5e4;color:#fff;transition:.3s;box-shadow:0 20px 30px rgba(0,165,228,.5)}
.works__ .owl-carousel .owl-nav button.owl-next{right:28%}
.works__ .owl-carousel .owl-nav button.owl-prev{left:28%}
.works__ .center .item .inner .i-img{height:420px;transition:.3s}
.works__ .center .item .inner .i-img:after{bottom:0;transition:.3s}
.works__ .item .inner .i-img:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(6,28,12,.62);opacity:0;visibility:hidden;transition:.3s}
.works__ .center .item .inner .i-img:before{opacity:1;visibility:visible;transition:.3s}
.works__ .center .item .inner .i-img a{opacity:1;top:50%;transition:.3s;visibility:visible}
.works__:after{content:'';position:absolute;left:50%;bottom:50px;transform:translateX(-50%);background-image:url(../images/works__-after.png);width:800px;height:330px;background-position:center;background-repeat:no-repeat;background-size:contain;opacity:.02;z-index:-1}
.works__ .item .inner .i-data .btn{margin:35px 0 0;transition:.3s}
.works__ .item .inner .i-data .btn:hover{color:#fff;border-radius:0 25px;transition:.3s}
.nav-tabs{text-align:center;margin-bottom:50px;border:0;justify-content:center}
.nav-tabs li{display:inline-block;float:none;margin:0 5px}
.nav-tabs li a{margin:0;color:#9a9a9a;font-weight:500;border:1px solid #dfdfdf;border-radius:50px;padding:7px 20px;transition:.3s;font-size:14px}
.order-form .form-group.has-error strong{color:red;font-weight:500;font-size:14px;margin-top:5px;display:block}
.order-form .form-group.has-error .form-control,.order-form .form-group.has-error .select2-container--default .select2-selection--multiple{border-color:red;background-color:rgb(255 0 0 / 2%)}
.works__ .tab-content+.text5{border-color:#00a5e4;margin:50px auto 0;background:#00a5e4;min-width:auto;padding:0 100px;height:50px;line-height:50px}
.works__ .tab-content+.text5:hover{opacity:.8}
.works__ .tab-content+.text5:before{display:none}
iframe#st_gdpr_iframe{left:auto!important;right:auto!important}
.nav-banner .row .col-6,.nav-banner .row .col-xl-4{width:auto;flex:none;max-width:none}
.nav-banner .row{justify-content:space-between;flex-wrap:nowrap}
.nav-banner .row .col-6:nth-of-type(2){flex-grow:1}
.sec-header p,.vertical-sec-header p{max-height:100px;overflow:hidden}
@media(max-width :1200px){
.menu-overlay,.navv{position:fixed;top:0}
.menu,.navv i.close-menu{padding:5px;cursor:pointer}
.nav-banner svg,.navv ul li a{width:100%;z-index:1}
.menu{color:#fff;font-size:25px;float:left}
.menu-overlay{left:-100%;width:100%;height:100%;background-color:rgba(205,166,19,.44);z-index:998}
.navv{padding:80px 0 0;left:-300px;width:300px;height:100vh;z-index:999;overflow-y:scroll;overflow-x:hidden;background-color:#212a4e}
.fixed,.navv ul li a{position:relative}
.toggle+a,nav ul li .dots,nav ul ul::before{display:none!important}
.navv ul li .dropdown,.navv ul li a,.toggle{color:#fff;display:block;padding:10px 20px}
.dropdown-content{top:58%;right:1rem;background:#fff;z-index:10}
.navv ul ul li a{display:block;padding:10px;border-bottom:2px solid #fff;font-size:13px;color:#212a4e;border-right:4px solid #212a4e}
.post .post-sections .section ul{margin-bottom:25px}
.toggle{font-size:12px;margin:0}
nav ul ul{position:initial;width:100%;background:inherit;-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);opacity:1;visibility:visible;display:none;transition:none!important}
nav ul li a{border:0!important}
.navv i.close-menu{position:absolute;color:#fff;top:30px;right:5px;font-size:30px}
.navv ul li{margin:5px 0}
.navv ul li a::after{content:"";position:absolute;top:0;right:0;bottom:0;width:0;background-color:#cda613;z-index:-1;opacity:0;visibility:hidden}
.navv ul li a:hover::after{width:100%;opacity:1;visibility:visible}
.navv ul li a:hover{opacity:1!important}
.nav-banner svg{bottom:-1px;height:auto}
}
@media(max-width :992px){
.flex-lg-nowrap{flex-wrap:wrap}
.logo img,.some-work .owl-item .img img{object-fit:cover}
.fixed,.return-link{position:relative}
.nav-options li,.w-content .links a{display:inline-block}
.some-work .slide{padding:0 10px;margin:0}
.banner p.text,.container,.offerss .of-item .of-data,.offerss .of-item .of-img{max-width:100%}
.some-work .slide .img{box-shadow:0 12px 10px rgb(0,0,0,.1)}
.some-work.owl-drag .owl-item .img{transform:scale(1)!important}
.some-work .slide span{margin-top:20px}
.owl-carousel .owl-stage-outer{padding-top:0}
.main-work-image{margin-top:-30px}
.work-item{height:210px}
.cus-item div{padding:85px 30px 10px}
.w-content .links a{padding:0;font-size:15px;width:36px;height:36px;line-height:36px;text-align:center}
.w-content h4{margin:0 0 20px}
.slider-rotate{margin:40px 0!important}
.slider-rotate__container{height:330px}
.slider-rotate__item .img{height:250px;margin:0 20px;opacity:0;visibility:hidden}
.slider-rotate__item.slider-rotate__item--active .img{opacity:1!important;visibility:visible!important;transition:.5s ease-in-out}
.slider-rotate__item{-webkit-transform:scale(1)!important;-moz-transform:scale(1)!important;-ms-transform:scale(1)!important;-o-transform:scale(1)!important;transform:scale(1)!important;left:0!important;opacity:0;visibility:hidden;transition:none}
.slider-rotate__container .slider-rotate__arrow{bottom:15px}
.slider-rotate__item.slider-rotate__item--active{opacity:1!important;visibility:visible!important}
.copy-rights{background-position:center;background-size:cover;padding:15px 0}
.breadc-content h4{font-size:20px}
.return-link{bottom:auto}
.banner svg{height:auto;bottom:0}
.post .post-title{margin-bottom:25px}
.post .post-info ul li{width:50%;margin-bottom:15px}
.blog-box .post-comments ul li .com-data .form-group,.post .post-info ul{flex-wrap:wrap}
.extra-offers .row,.offerss .of-item .row,.offerss .of-item:last-of-type,.post .post-info ul li:last-child,.sec-header h2{margin:0}
.not-found-wrap .circles img:nth-of-type(2),.post .panel .panel-body ul li,.works__:after,footer::before{width:100%}
.post .post-sections .section h1,.post .post-sections .section h2,.post .post-sections .section h3,.post .post-sections .section h4,.post .post-sections .section h5,.post .post-sections .section h6{font-size:17px}
.post .post-sections .section img,.video-wrap{height:200px}
.video-wrap .op-video{width:50px;height:50px;line-height:50px;font-size:18px;padding:0}
.blog-box .post-others .p-block{padding:7px 15px}
.blog-box .post-comments ul li .com-img{margin:0 0 10px;min-height:50px;min-width:50px;width:50px;height:50px;line-height:50px}
.blog-box .post-comments ul li{flex-wrap:wrap;padding:15px 0 0}
.post-add-comment{margin-top:50px}
.blog-sidebar .side-widget .w-body .related-blogs li .r-img{width:60px;height:60px;min-width:60px;min-height:60px;border-radius:5px}
.order-wrap .order-head p{max-width:100%;font-size:15px}
.order-form{padding:20px}
.order-wrap{padding:50px 0 0}
.g-headd{padding-top:30px}
.g-headd h3{font-size:13px;padding-bottom:25px}
.extra-offers,.offerss{padding:50px 0}
.offerss .of-item:before{width:100%;height:210px;top:-15px;right:-5%}
.offerss .of-item .of-img{position:relative;padding:0;margin-bottom:35px;text-align:center}
.offerss .of-item .of-img img{height:180px;object-fit:scale-down}
.offerss .of-item .of-img:after,.offerss .of-item .of-img:before,.offerss:before{display:none}
.nav-banner .d-none,.nav-options li a.lang{display:inline-block!important}
.extra-offers .block,.offerss .of-item .of-data,.offerss .of-item:nth-of-type(2n) .of-data{padding:0}
.offerss .of-item:nth-of-type(2n):before{left:-5%;right:auto}
.offerss .of-item .of-data .title{line-height:1.8;font-size:13px}
.extra-offers .block .inner p,.offerss .of-item .of-data p{font-size:12px;max-height:none}
.offerss .of-item{margin-bottom:70px}
.extra-offers .ex-head{margin-bottom:20px}
.extra-offers .block .inner{padding:30px}
.extra-offers .block .inner h3,.footer-h{font-size:14px}
.extra-offers .block .inner img,.sec-header h2 span{margin-bottom:10px}
.offerss .of-item:nth-of-type(2n) .of-img{order:0}
.not-found-wrap .circles img:nth-of-type(3){width:100%;height:100%}
.not-found-wrap .shadows>* img:first-of-type{left:30%;top:13%}
.not-found-wrap .shadows>* img:nth-of-type(2){left:40%;top:15%}
.not-found-wrap .shadows>* img:nth-of-type(3){left:50%}
.not-found-wrap .shadows>* img:nth-of-type(4){bottom:11%;width:33%;height:33%}
.fixmenu .row{justify-content:space-between}
.fixmenu .col-6,.fixmenu .col-xl-4{flex:none;width:auto;max-width:none;order:0}
.fixmenu .col-xl-6{order:1}
.blog-box .post-comments ul li .com-img span{line-height:inherit}
.blog-box .post-comments ul li .com-data .form-group div:first-of-type{margin:0 0 15px}
.blog-box .post-comments ul li .com-data .form-group .form-control{border-radius:50px}
.blog-box .post-comments ul li .com-data .form-group .btn{height:40px;line-height:40px;padding:0 30px}
.blog-box .post-comments ul li .c-child .com-img{margin:0 0 0 10px}
.blog-box .post-comments{padding:15px}
.works__ .center .item .inner .i-img{height:350px}
.works__ .owl-carousel .owl-nav button.owl-prev{left:15px}
.works__ .owl-carousel .owl-nav button.owl-next{right:15px}
.works__ .owl-carousel .owl-nav button.owl-next,.works__ .owl-carousel .owl-nav button.owl-prev{width:50px;height:50px;font-size:20px}
.nav-banner .col-6,.nav-banner .col-xl-4{width:auto;flex:none;max-width:none;padding:0}
.nav-banner .col-6:nth-of-type(2){order:1;margin-right:10px}
.nav-banner .row{align-items:center;justify-content:space-between;padding:0 15px}
.banner .row{margin:0;flex-wrap:wrap;flex-direction:column-reverse;padding:50px 0 0}
.nav-tabs,.sec-header{margin-bottom:30px}
.banner{padding-bottom:50px}
.nav-options li a.lang{text-align:center;width:auto;padding:0 5px;font-size:16px}
.nav-options li a.order{height:40px;line-height:44px;font-size:12px}
.nav-banner .col-6:first-of-type{flex-grow:1}
.logo img{width:45px;height:45px;object-position:left}
.servs.works__{padding:60px 0 0}
.nav-tabs{display:block;white-space:nowrap;overflow:hidden;overflow-x:auto;padding-bottom:15px}
.nav-tabs::-webkit-scrollbar{height:5px;width:5px}
.nav-tabs::-webkit-scrollbar-track{background-color:#ececec;border-radius:50px}
.nav-tabs::-webkit-scrollbar-thumb{background-color:#f2b705;border-radius:50px}
.nav-banner svg{bottom:-1px;width:100%;height:auto;z-index:1}
.mounth-deals .about-img{overflow:hidden;max-width:none}
.mounth-deals .about-img .main{height:300px}
.sec-header p,.vertical-sec-header p{overflow:hidden;max-width:none;max-height:98px}
.sec-header h2 span,.vertical-sec-header h2 span{font-size:23px}
.vertical-sec-header h2 label:first-of-type,.vertical-sec-header h2 label:last-of-type{height:50px}
.vertical-sec-header h2 label:nth-of-type(2){height:80px}
.mounth-deals{padding:0 0 20px}
.sec-header h2 label:first-of-type,.sec-header h2 label:last-of-type{width:50px}
.sec-header h2 label:nth-of-type(2){width:80px}
#map{height:370px;background-color:#f1f1f1}
.footer-sec ul li span{font-size:14px;line-height:1;display:inline-block}
.footer-sec ._social a{width:35px;height:35px;margin:1px}
.footer-sec ul li a{display:flex;align-items:center}
.footer-sec ul li img{height:12px;object-fit:scale-down}
.fixed-social{left:15px;border:200px}
}
@media(max-width :676px){
#order-modal .modal-content,.why-sec,.work-holder{border-radius:15px}
.pc-content{width:100%;height:300px;padding:20px;position:static;background-size:cover;top:auto}
.ccoc .view-more{margin-top:10px!important;margin-bottom:0!important;padding:6px 16px;font-size:12px}
.ccoc p{font-size:16px;margin:15px 0 0;line-height:22px}
.after-pc-intro{padding-top:47px!important}
.banner span.ttitle,.ccoc h4{font-size:25px}
.ani-4{left:-95px;top:-120px}
.ani-5{left:-41px;bottom:100px;right:auto}
.ani-6{width:100%}
.ani-3,.banner::before,.nav-tabs .nav-link::after,.nav-tabs .nav-link::before{display:none}
.footer-top ul,.nav-tabs{display:block!important}
._tabs{padding-top:20px!important}
._tabs .nav-tabs{margin:0 0 15px;overflow:hidden;overflow-x:auto;white-space:nowrap;padding-bottom:10px}
.footer-top ul li,.nav-tabs .nav-item{display:inline-block}
._tabs .nav-tabs .nav-link{padding:0;margin:6px;font-size:15px}
#map{height:250px;border-radius:20px}
footer::before{background-size:cover;background-position:center}
.steps,.subscribe,.why-best,.work-steps{padding:30px 0 0}
.sub-form button{width:84px;height:50px}
.col-md-6.align-self-center,.mounth-deals,.mounth-deals .about-img,.pc-content-container,.servs{padding:0}
.fixed-social{left:20px;bottom:70px}
.floating-chat{bottom:90px}
.sub-form input{padding-left:95px;height:61px}
.single-mounth-deals{padding:20px 0}
.vertical-sec-header{margin:0}
.how-to-use{background-position:right bottom}
.banner::after{height:20px}
.sec-header h2 span,.vertical-sec-header h2 span{width:auto;font-size:20px}
.some-work .owl-nav button{position:initial}
.vertical-sec-header h2 label:first-of-type,.vertical-sec-header h2 label:last-of-type{height:50px;width:2px}
.vertical-sec-header h2 label:nth-of-type(2){height:80px}
.contact-wrap,.site-domain,.some-of-work,.teamwork{padding:30px 0}
.card-header a{font-size:16px}
.card-header a::after,.card-header a::before{height:12px}
.card-body{padding:15px 0;font-size:15px;line-height:25px}
._brands{padding-bottom:10px}
.footer-body,.footer-top{padding:25px 0}
.biglogo .iimg{width:100%;height:100px}
.footer-top ul li{width:43%}
.footer-top{width:auto}
.footer-h{font-size:17px;margin-bottom:15px}
.footer-sec ul li a,.order-form .form-group h5{font-size:14px}
.toggle i{float:left}
._tabs .nav-tabs::-webkit-scrollbar{width:5px;height:5px}
._tabs .nav-tabs::-webkit-scrollbar-track{background-color:#f7f7f7;border-radius:15px}
._tabs .nav-tabs::-webkit-scrollbar-thumb{background-color:#152883;border-radius:15px}
.blog p{line-height:25px;font-size:13px;max-height:71px}
.blog .img{height:200px}
.banner,.banner div.b-c,.blog .body{min-height:auto}
.blog span,.contact-wrap .cont-bot .bot-data .d-inner ul li{font-size:15px}
.contact-wrap .cont-bot #map,.post .post-img{height:250px}
.intro p{font-size:14px;line-height:1.9}
.intro h3{font-size:18px}
.advantages{padding:30px 0!important}
.some-of-work svg{width:100%;height:auto}
.branding-gallery .block{max-width:50%;padding:10px}
.branding-gallery .block .inner a,.order-form .form-group textarea.form-control{height:120px}
.contact-wrap .cont-top{margin-top:-65px}
.contact-wrap .order-form{border-radius:15px;padding:15px}
.order-form .form-group .form-control{border-radius:10px;height:45px;padding:0 10px}
._tabs .col-md-4.col-6,.why-sec{padding:10px}
.order-form .form-group{padding:10px 15px}
.contact-wrap .cont-bot .bot-data .d-inner ul{padding:15px}
.contact-wrap .cont-bot .bot-data .d-inner .c-social a{margin:0 12px}
.contact-wrap .cont-bot .bot-data .d-inner .c-social{padding:30px 10px}
.contact-wrap .cont-bot .bot-data .d-inner,.packages .col-lg-4{margin-bottom:30px}
.why-sec .img{width:50px;height:50px;margin-left:10px}
.why-sec{margin:10px 0}
.intro .text,.type .num-b,.work-holder{margin-bottom:20px}
.why-sec .txt{font-size:14px;line-height:1.8}
#order-modal .modal-body .order-form{padding:0 5px}
#order-modal .modal-header{padding:20px 20px 10px}
#order-modal .modal-header .btn-close{width:30px;height:30px;line-height:30px;border-width:1px;font-size:14px}
.type{padding:25px 25px 0;height:auto}
.web-pages .block .i-img,.work-holder{height:220px}
.type h5{min-height:0;line-height:1.4;font-size:17px}
.type .content .txt{max-height:none}
.packages .type .content ul li:last-child{padding-bottom:15px}
.plans .nav-tabs a{padding:6px 20px;font-size:14px}
.plans .nav-tabs li{margin:0 5px}
.content{padding:0 15px}
.intro-btns{margin:20px 0}
.intro-btns .apps-btns{width:100%;margin-bottom:15px}
.intro-btns a{width:100%;margin:0 0 15px;padding:15px}
.pc-content-container::after{top:52%;transform:translate(-50%,-50%);left:50%;width:90%;height:69%;right:auto;bottom:auto;border-radius:5px}
.spec-form .number,.spec-form label{margin:8px 0;width:100%}
._tabs .row{margin:0 -10px}
.work-item:hover .w-content h4{bottom:0}
.w-content h4{text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.not-found-wrap .not-inner h3{font-size:90px}
.not-found-wrap .shadows{overflow:hidden}
.not-found-wrap .shadows>* img:first-of-type{width:50%;height:auto}
.not-found-wrap .shadows>* img:nth-of-type(2){height:auto;width:100%;top:38%}
.not-found-wrap .shadows>* img:nth-of-type(3){width:20%;height:auto;top:33%;left:77%}
.not-found-wrap .shadows>* img:nth-of-type(4){height:auto;width:58%;bottom:9%}
.not-found-wrap .not-inner p{font-size:17px}
.s-child .d-md-block{order:0}
.mounth-deals .about-img .main{height:400px}
}
@media(max-width :575px){
.some-work .owl-item .img{height:220px}
.special{transform:translateY(0)}
.why-best-header{font-size:15px;line-height:30px;margin:0 auto 30px}
.types{padding:20px 0}
.sec-header h2{margin:0 0 20px}
.intro{padding-bottom:0!important}
.breadcrumbb{min-height:200px!important;padding-bottom:20px;padding-top:30px}
.sec-header{margin:0 0 30px}
.breadc-content p{margin:15px auto;font-size:15px;max-width:100%}
.breadc-content span{top:0;font-size:30px;letter-spacing:0}
.sec-header h2 span{font-size:17px;line-height:29px}
.about-img,.htu-imgs,.w-imgs{transform:scale(.7);-ms-transform:scale(.7);-webkit-transform:scale(.7)}
.work-item{height:150px;border-radius:10px}
.w-content h4{font-size:14px}
.how-to-use{background-position:right bottom}
.flex-lg-nowrap{flex-wrap:wrap}
}
.cut-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3}