*{padding:0;margin:0}body,html{font-size:70%}a,body{transition:all .5s ease}@font-face{font-family:sofia_prosemibold;src:local('sofia_prosemibold'),local('sofia_prosemibold'),url(../fonts/SofiaPro/sofia_pro_semibold-webfont.woff2) format('woff2'),url(../fonts/SofiaPro/sofia_pro_semibold-webfont.woff) format('woff'),url(../fonts/SofiaPro/sofia_pro_semibold-webfont.ttf) format('ttf');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:sofia_prolight;src:local('sofia_prolight'),local('sofia_prolight'),url(../fonts/SofiaPro/sofiapro-light-webfont.woff2) format('woff2'),url(../fonts/SofiaPro/sofiapro-light-webfont.woff) format('woff'),url(../fonts/SofiaPro/sofiapro-light-webfont.ttf) format('ttf');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:sofia_proregular;src:local('sofia_proregular'),local('sofia_proregular'),url(../fonts/SofiaPro/sofia_pro_regular-webfont.woff2) format('woff2'),url(../fonts/SofiaPro/sofia_pro_regular-webfont.woff) format('woff'),url(../fonts/SofiaPro/sofia_pro_regular-webfont.ttf) format('ttf');font-weight:400;font-style:normal;font-display:swap}
@font-face {font-family: 'Sofia Pro';src: url('../fonts/SofiaPro/SofiaPro-Medium.eot');src: url('../fonts/SofiaPro/SofiaPro-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/SofiaPro/SofiaPro-Medium.woff') format('woff'),url('../fonts/SofiaPro/SofiaPro-Medium.ttf') format('truetype'),url('SofiaPro-Medium.svg#SofiaPro-Medium') format('svg');font-weight: 500;font-style: normal;font-display: swap;}
body{font-family:sofia_proregular;font-size:16px;color:#000}::-moz-selection{color:#000;background:#ff0}::selection{color:#000;background:#ff0}audio::-webkit-media-controls-timeline,video::-webkit-media-controls-timeline{display:none}video::-webkit-media-controls-current-time-display,video::-webkit-media-controls-time-remaining-display{display:none}.sufalam-slider-video video:active,.sufalam-slider-video video:focus,.sufalam-slider-video video:hover{border:0;outline:0}.hb-bg-tech #android-app,.hb-bg-tech #ios-app,.hb-bg-tech #web-app{opacity:0}#android-app,#ios-app,#web-app{position:absolute;top:100%;left:0;transform:translateY(100%);transition:all 1.5s ease;margin-bottom:40px}.hb-bg-tech.hb-bg-ux #web-app{top:0;transform:translateY(0);opacity:1}.hb-bg-tech.hb-bg-ios #android-app,.hb-bg-tech.hb-bg-ux #android-app{opacity:0}.hb-bg-tech.hb-bg-rnd #android-app{top:0;transform:translateY(0);opacity:1}.hb-bg-tech.hb-bg-rnd #web-app{top:-100%;transform:translateY(-100%)}.hb-bg-tech.hb-bg-ios #ios-app{top:0;transform:translateY(0);opacity:1}.hb-bg-tech.hb-bg-ios #android-app{top:-100%;transform:translateY(-100%)}.hb-bg-tech.hb-bg-ios #web-app,.hb-bg-tech.hb-bg-rnd #web-app{opacity:0}.hb-bg-tech.hb-bg-ux #ios-app{top:-100%;transform:translateY(-100%);opacity:0}.hb-bg-tech.hb-bg-rnd #ios-app{opacity:0}.navbar.header{border-bottom:0!important}.sufalam-header-wrapper{padding:0;background:url(../images/newhome/4.svg) no-repeat;background-size:50px;background-position:30px 30px}.sufalam-header-wrapper .navbar-brand img{width:100%;max-width:80%}#sufalam-top-menu{padding-top:22px}.sufalam-header-wrapper .navbar{height:100px}.sufalam-header-wrapper .navbar-default .navbar-nav>li>a{color:#000}.sufalam-header-wrapper .navbar-default .navbar-nav>li>a.active,.sufalam-header-wrapper .navbar-default .navbar-nav>li>a:focus,.sufalam-header-wrapper .navbar-default .navbar-nav>li>a:hover{color:#07beba;font-family:sofia_proregular;}.sufalam-header-wrapper .navbar-default{background-color:transparent;border:none}.sufalam-header-wrapper .sufalam-last-menu a{background-color:#004068!important;color:#fff!important;border-radius:47px!important;padding:8px 22px!important;margin-top:6px;margin-bottom:0;font-family:sofia_prosemibold!important;text-transform:uppercase;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;border:1px solid transparent}.sufalam-header-wrapper .sufalam-last-menu a:hover{font-family:sofia_prosemibold!important;}#sufalam-slider{margin:0}.sufalam-slider-wrapper{background-position:10px 50px,230px 0,top 0 right 100px,top 0 right 0,top 270px right 0,top 350px left 370px,bottom 0 right 120px;background-size:150px,50px,50px,70px,70px,50px,200px;background-repeat:no-repeat;padding:40px 0 60px 0}.sufalam-slider-inner{margin:0;padding:0}.sufalam-slider-inner .sufalam-slider-title h1{font-family:sofia_prosemibold;font-size:4rem;line-height:60px;margin-bottom:25px}.sufalam-slider-inner .sufalam-slider-title h1 .sufalam-blue-color{color:#07beba}.sufalam-blue-color span{background:url(../images/newhome/yellow-bg.png) no-repeat;background-size:100%;background-position:10px 30px}.sufalam-blue-btn{background-color:#004068;color:#fff;border-radius:50px;padding:10px 30px;font-size:16px;font-family:sofia_prosemibold;margin-right:15px;margin-bottom:20px}.sufalam-slider-inner .sufalam-blue-btn:active,.sufalam-slider-inner .sufalam-blue-btn:focus,.sufalam-slider-inner .sufalam-blue-btn:hover{color:#07beba}.sufalam-slider-inner .sufalam-green-btn:active,.sufalam-slider-inner .sufalam-green-btn:focus,.sufalam-slider-inner .sufalam-green-btn:hover{background:#07beba;color:#004068}.sufalam-blue-btn:focus,.sufalam-blue-btn:hover{background-color:#004068;color:#fff;border-radius:50px;padding:10px 30px;font-size:16px;font-family:sofia_prosemibold;margin-right:15px;outline:0!important}.sufalam-green-btn{background-color:#07beba;color:#fff;border-radius:50px;padding:10px 30px;font-size:16px;font-family:sofia_prosemibold;box-shadow:none;margin-bottom:20px}.sufalam-green-btn:focus,.sufalam-green-btn:hover{background-color:#cff;color:#07beba;border-radius:50px;padding:10px 30px;font-size:16px;font-family:sofia_prosemibold;outline:0!important;box-shadow:none}.sufalam-slider-inner .sufalam-slider-video video{height:340px;width:100%}#sufalam-about{padding:40px 0;background-repeat:no-repeat;background-position:top 180px right 245px,top 200px right 0;background-size:80px,100px}.sufalam-title{text-align:center}.sufalam-title h4,h4.sufalam-title{font-family:sofia_proregular;font-size:2rem;color:#07beba}.sufalam-title h3,h3.sufalam-title{font-family:sofia_prosemibold;font-size:3rem;color:#004068;line-height:1.2;margin-bottom:30px}.sufalam-about-inner{padding:10px 0;overflow:hidden}.sufalam-about-image img{width:100%;max-width:100%}.my-carousel-fade .carousel-inner .item{opacity:0;transition-property:opacity}.my-carousel-fade .carousel-inner .active{opacity:1}.my-carousel-fade .carousel-inner .active.left,.my-carousel-fade .carousel-inner .active.right{left:0;opacity:0;z-index:1}.my-carousel-fade .carousel-inner .next.left,.my-carousel-fade .carousel-inner .prev.right{opacity:1}.my-carousel-fade .carousel-control{z-index:2}.sufalam-about-content{margin:0}.sufalam-about-content h3{color:#004068;font-family:sofia_prosemibold;font-size:2.5rem}.sufalam-about-content h5{color:#07beba;font-family:sofia_proregular;font-size:1.8rem}.sufalam-about-content p{color:#000;font-family:sofia_prolight;font-size:1.5rem!important;line-height:1.8!important;margin-bottom:15%!important}.sufalam-about-c-wrap{width:75%}.sufalam-right{float:right}.sufalam-about-inner .btn-lg{padding:0;font-weight:700}#sufalam-services{padding:20px 0;background-repeat:no-repeat;background-position:top 180px left 0,top 180px right 0;background-size:100px,100px}.sufalam-service-inner{padding:20px 0;overflow:hidden;text-align:center}.sufalam-service-inner .col-md-3{margin-bottom:25px}.sufalam-ser-wrap{padding-top:20px;padding-bottom:20px;position:relative}.s-i-resize{width:100%;max-width:80px;height:auto;padding:15px 0}.s-dot-right{position:absolute;top:0;right:0}.s-dot-left{position:absolute;bottom:0;left:0;width:50px}.sufalam-ser-wrap h4{font-size:2rem;font-family:sofia_prosemibold;color:#000;line-height:1.5}.sufalam-ser-wrap h4 a{color:#000}.sufalam-ser-wrap p{font-size:1.5rem;font-family:sofia_prolight;color:#000;line-height:1.8!important;text-align:justify;letter-spacing:.5px;}#sufalam-portfolio{padding:20px 0;background-repeat:no-repeat;background-position:top 490px left 0;background-size:188px;z-index:-1}.sufalam-port-wrapper{padding-top:20px; padding-bottom:20px;}.suf-port-bg{width:100%;box-shadow:1px 3px 10px #d8d8d8;position:relative;padding:10px;background-color:#fff;overflow:hidden;margin-bottom: 15px;}.suf-port-heading{width:100%;position:absolute;left:0;bottom:0;padding:10px 10px 0 10px;background:#fff;z-index:2;height:0;will-change:transition;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:height .2s ease;transition:height .2s ease}.suf-port-bg:hover .suf-port-heading{height:80px}.suf-port-bg img{width:100%;max-width:100%}.suf-port-heading h4{font-size:1.4rem;font-family:sofia_prosemibold;color:#004068;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suf-port-heading p{font-size:1.4rem;font-family:sofia_proregular;color:#004068;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header .navbar-nav>li>a{font-family:sofia_proregular; }.navbar-nav>li.current-menu-item>a,.navbar-nav>li>a.active,.navbar-nav>li>a:focus,.navbar-nav>li>a:hover{color:#07beba}.sufalam-port-wrapper .mb-30{margin-bottom:30px}.suf-port-heading span{background:url(../images/newhome/yellow-bg.png) no-repeat;background-size:cover}.sufalam-p-image{height:340px;overflow:hidden;width:100%;position:relative}.suf-port-bg img{width:100%;max-width:100%;position:absolute;left:0;top:0;transform:translateY(0);transition:all 2s ease;-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;-ms-transition:all 2s ease}.suf-port-bg:hover .sufalam-p-image img{transform:translateY(calc(-100% + 300px))}.page-template-solutions-listing .suf-port-bg:hover .sufalam-p-image img{transform:translateY(calc(-100% + 0px)); transform:scale(1.1)}#sufalam-technology{padding:40px 0;background-repeat:no-repeat;background-position:top 150px left 0,top 0 right 0,bottom 0 right 0,bottom 0 left 0;background-size:250px,200px,150px,150px}.sufalam-technology-detail{padding-top:20px}.sufalam-technology-detail h2{color:#004068;font-size:2rem;margin-top:0;font-family:sofia_prosemibold;}.sufalam-tech-icon{padding-top:30px;padding-bottom:50px}ul.sufalam-tech-icon {list-style-type:none;padding:0}ul.sufalam-tech-icon li{display:inline-block;margin-right:40px;margin-bottom:40px;text-align:center;color:#000;}ul.sufalam-tech-icon li img{height:80px;width:80px; margin-bottom:10px;}ul.sufalam-tech-icon li a:active,ul.sufalam-tech-icon li a:focus,ul.sufalam-tech-icon li a:hover{text-decoration:none;color:#07beba}ul.sufalam-tech-icon li a:active span,ul.sufalam-tech-icon li a:focus span,ul.sufalam-tech-icon li a:hover span{color:#07beba}ul.sufalam-tech-icon li span{display:block;color:#000;margin-top:10px}.section-home-banner{color:#fff;margin:0;padding:0;position:relative;overflow:hidden;background-color:#fff;padding-bottom:35px}.section-home-banner .home-banner-bg{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.section-home-banner.hb-bg-ux .home-banner-bg-ux{opacity:.6}.section-home-banner.hb-bg-rnd .home-banner-bg-rnd{opacity:.6}.section-home-banner.hb-bg-tech .home-banner-bg-tech{opacity:.6}.section-home-banner.hb-bg-cert .home-banner-bg-cert{opacity:.6}.section-home-banner.hb-bg-cul .home-banner-bg-cul{opacity:.6}.section-home-banner .col-md-6+.col-md-6{height:500px}.section-home-banner .hb-icons-wrap{width:362px;height:362px;margin:0 auto;text-align:center;-webkit-perspective:1000px;perspective:1000px;margin-top:40px}.section-home-banner .hb-icons{position:relative;opacity:0;-webkit-transition:opacity .25s linear;transition:opacity .25s linear}.section-home-banner .bh-icon{position:absolute;top:0;left:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:50%;transform-origin:50%;width:100%;height:100%}.section-home-banner .hb-copy{opacity:0;-webkit-transition:opacity .25s linear;transition:opacity .25s linear}.section-home-banner .hb-actions{margin:0;opacity:.4}.section-home-banner.load-banner .hb-copy,.section-home-banner.load-banner .hb-icons{opacity:1}.section-home-banner.slow-load .hb-icons-wrap{height:0;overflow:hidden}.section-home-banner.slow-load .hb-copy{opacity:1}.section-home-banner #orangeCircleCir,.section-home-banner #whiteCircleCir{-webkit-transform:rotate(-162deg);transform:rotate(-162deg);-webkit-transform-origin:50%;transform-origin:50%}.section-home-banner .btn-play{display:none}.section-home-banner.banner-paused .btn-play{display:inline-block}.section-home-banner.banner-paused .btn-pause{display:none}#sufalam-domain{margin:0;padding:40px 0;background-color:#fff;overflow:hidden}.domain-item-wrapper{background-color:#fff;border-radius:10px;max-height:110px;height:110px;width:100%;position:relative;margin-bottom:15px;display:block;}.domain-item-wrapper img.domain-img{height:100%;width:100%;border-radius:10px}.sufalam-domain-content{margin-top:18px}.sufalam-domain-overlay{background-color:rgba(0,0,0,.6);position:absolute;top:0;left:0;min-height:110px;border-radius:10px;width:100%;height:100%;text-align:center}.sufalam-domain-overlay img{height:50px}.sufalam-domain-overlay h5{color:#fff;margin-bottom:0}.sufalam-domain-inner .col-md-2{padding-left:7.5px;padding-right:7.5px}#sufalam-blog{margin:0;padding-bottom:40px}.sufalam-blog-inner{padding-top:40px; padding-bottom:40px;}.sufalam-blog-bg,.sufalam-blog-content{background-color:#fff;border-radius:0px 0 15px 15px;height:auto;width:100%;margin-bottom:0px;}.sufalam-blog-img{position:relative;height:250px;width:100%}.sufalam-blog-img img{width:100%;max-width:100%;height:100%;object-fit:cover;border-radius:15px 15px 0 0}.sufalam-share-btn{height:50px;width:100%;max-width:50px;background-color:#fff;border:1px solid #acacac;border-radius:15px;position:absolute;bottom:-30px;right:30px;text-align:center;line-height:55px}.sufalam-share-btn:active,.sufalam-share-btn:focus,.sufalam-share-btn:hover{background:#004068}.sufalam-share-btn i{font-size:24px;color:#07beba}.sufalam-blog-content{text-align:left;padding:20px;}.sufalam-blog-content i{margin-right:5px;transform:rotate(0deg);font-size: 14px;color: #999999;float: left;margin-top: 1px;}.sufalam-blog-content p{color:#999;font-size:1.4rem;font-family:sofia_proregular;}.sufalam-blog-content p span{color:#08beba;font-family:sofia_proregular;}.sufalam-blog-content h4{color:#000;font-size:20px;font-family:sofia_prosemibold;margin-bottom:5px;margin-top: 0px;text-align: left;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}.sufalam-blog-rm-btn{font-size:16px;padding:8px 35px;border:1px solid #004068;color:#004068;border-radius:50px;margin-top:10px}.sufalam-blog-rm-btn:focus,.sufalam-blog-rm-btn:hover{font-size:16px;padding:8px 35px;background-color:#004068;border:1px solid #004068;color:#fff;border-radius:50px;margin-top:10px}#contact-multiple .office h4{font-family:sofia_prosemibold;}#contact-multiple .office p{font-family:sofia_proregular;}.home-page .section-main h3,.home-page h2.title,.inner-page h2.title{font-family:sofia_prosemibold;}.rating-box .rating h5{font-family:sofia_proregular;}.section-main h3 span{font-family:sofia_proregular;}.rating-box{min-height:236px}#contact-multiple .contat_details h4{font-family:sofia_prosemibold;font-size:2.5rem}#contact-multiple p{font-family:sofia_proregular!important;line-height:26px!important}.contat_details img{max-width:20px;margin-right:10px}.contat_details h5{font-family:sofia_prosemibold;font-size:1.5rem}.top-padding{padding-top:45px}.contact-section-box{padding-top:20px}/*=== FOOTER DESIGN CSS START ===*/#black_footer{background:#000000;border-bottom:0;}#black_footer .footer-top{padding:80px 0 40px;}
#black_footer .flex-row{display:flex;flex-wrap:wrap;}#black_footer .col-md-3{padding:0 18px;display:flex;flex-wrap:wrap;}#black_footer .col-md-3 .inner-colum{border-right:1px solid #333333;width:100%;padding:0 15px;}#black_footer h4.footer_title{font-family:'sofia_prosemibold';font-size:22px;color:#fff;padding-bottom:11px;}#black_footer h5.footer_title{font-size:18px;color:#fff;font-family:'sofia_proregular';}#black_footer a{color:#999;font-family:sofia_prolight !important;transition:all 0.5s ease;}#black_footer a:hover,#black_footer a:focus,#black_footer a:active{color:#fff;text-decoration:none;}#black_footer ul li{list-style:none;}#black_footer ul.service-menu li,#black_footer ul.domain_twohalf li{margin-bottom:17px;}#black_footer .contact-info{padding-top:25px;padding-bottom:15px;border-bottom:1px solid #333;}#black_footer .contact-info li{margin-bottom:18px;display:block;}#black_footer .contact-info li img{width:24px;height:24px;margin-right:6px;}#black_footer .domain_twohalf li{width:50%;float:left;padding-right:15px;}#black_footer .find-us{padding-top:20px;}#black_footer .find-us .social-icons{padding:0;margin:0;text-align:left;}#black_footer .find-us .social-icons .smGlobalBtn{border:1.5px solid #999;transition:all 0.5s ease;margin-right:5px;height:34px;width:34px;font-size:14px; line-height:34px;}#black_footer .find-us .social-icons .smGlobalBtn:hover,#black_footer .find-us .social-icons .smGlobalBtn:active,#black_footer .find-us .social-icons .smGlobalBtn:focus{border-color:#fff;}#black_footer .clutch-review{padding:15px 0 20px;border-bottom:1px solid #333;}#black_footer .good-firm{padding:15px 0 15px;}#black_footer .good-firm-logo{padding-top:10px;}#black_footer .good-firm-logo img{height:80px;width:80px;}#black_footer .footer-bottom{ border-top:1px solid #333;padding-top:18px;padding-bottom:18px;}.white-text{color:#fff !important;}#black_footer .footer-bottom .bottom-nav{float:right;padding-right:60px;}#black_footer .footer-bottom .bottom-nav li{float:left;border-right:1px solid #333;padding-right:15px;padding-left:15px;}#black_footer .footer-bottom .bottom-nav li:last-child{border-right:0;}#black_footer .footer-bottom p{margin-bottom:0 !important;}
/*=== SERVICE PAGE DESIGN CSS ===*/
#ourtechnologies,#ourcasestudies,#domain,#whyst-request,#about-service,#typeofservices{padding-top:40px;padding-bottom:40px;}.sufalam-slider-image img{margin-top:-40px;max-width:100%;}.bg-st{margin-bottom:20px;background:url(../images/tab-bg.jpg) no-repeat;padding:11px;background-size:100% 100%;display:table;}.banner_title h1{font-family:'sofia_prosemibold';font-size:3rem;margin-bottom:25px;color:#004068;margin:0;padding:0;}.typeofservices-wrapper{padding:20px 0 30px;}.typeofservices-inner{padding-top:20px; padding-bottom:20px;position:relative;border:1px solid #E8EAEE; overflow:hidden;}.typeofservices-wrapper .typeofservices-inner h4{font-size:2rem;font-family:'sofia_prosemibold';color:#000;line-height:1.5;display:flex;align-items:center;height:65px;}.typeofservices-wrapper .typeofservices-inner img{max-height:55px;max-width:100%;width:auto;}.typeofservices-wrapper .typeofservices-inner p{max-height:123px;overflow:hidden;}.typeofservices-inner a{color:#000;display:flex;align-items:center;}.typeofservices-inner a i{font-size:22px;margin-left:8px;}.typeofservices-wrapper .typeofservices-inner .full-text{max-height:inherit;height:100%;position:absolute; top:80px;width:calc(100% - 30px);background:#fff;opacity:0;transition:all 0.5s ease;display:block;text-decoration:none;}.typeofservices-wrapper .typeofservices-inner:hover .full-text{top:0;opacity:1;}.typeofservices-wrapper .typeofservices-inner:hover .full-text p{max-height:inherit;font-size:15px!important;}.typeofservices-wrapper .typeofservices-inner .full-text h4{height:auto;}.typeofservices-wrapper .typeofservices-inner:before{position:absolute;height:2.5px;background:#004068;content:'';top:0;left:0;width:0%;z-index:9;transition:all 0.5s ease;}.typeofservices-wrapper .typeofservices-inner:hover:before{width:100%;}#ourtechnologies .technologies_inner{padding-top:20px;}.srv-ourcase{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.25);background:#fff;display:block;}.srv-ourcase h3{padding:20px;font-size:20px;line-height:30px;font-weight:400;height:165px;}.srv-ourcase img{width:100%;}.domain-inner{text-align:center;padding-top:20px;padding-bottom:20px;}.domain-inner img{height:50px;margin-bottom:25px;}.domain-inner span{font-family:'sofia_proregular';border:1px solid #E8EAEE;padding:5px 10px;width:160px;display:table;margin:0 auto;border-radius:40px;}.domain-inner:hover span{background:#004068;color:#fff;text-decoration:none;}#whyst-request{background:#fff}#whyst-request h3.sufalam-title{text-align:left;}#whyst-request .editor-text b{color:#000 !important;font-family:'sofia_prosemibold'}#whyst-request .editor-text ul{padding-left:22px;}#whyst-request .editor-text li{list-style-image:none;position:relative;list-style:none;}#whyst-request .editor-text li:before{background:url('https://www.sufalamtech.com/wp-content/uploads/2020/08/bullet.png'); content:''; width:14px;height:14px;display:block;background-size:100%;position:absolute;left:-21px;top:5px;}#whyst-request textarea.form-control{height:200px;}#whyst-request .form-control{border-color:#e8eaee;background-color:#fff;color:#000;box-shadow:none;font-size:16px;height:43px;padding:43px;padding:10px 12px;}#whyst-request ::placeholder{color:#999999;}#whyst-request :-ms-input-placeholder{color:#999999;}#whyst-request ::-ms-input-placeholder{color:#999999;}#whyst-request input[type="submit"]{color:#fff;}
/* Carousel */
.carousel-showmanymoveone .carousel-control{width:40px;height:40px;background-image:none;background-color:#004068;border-radius:50%;top:50%;opacity:1;display:none;}.carousel-showmanymoveone:hover .carousel-control{display:block;}.carousel-showmanymoveone .carousel-control.left{text-align:center;}.carousel-showmanymoveone .cloneditem-1,.carousel-showmanymoveone .cloneditem-2,.carousel-showmanymoveone .cloneditem-3{display:none;}.carousel-showmanymoveone .carousel-control i{color:#fff;background:transparent;border:0;width:auto;height:auto;line-height:40px;margin:0;left:50%;right:inherit;top:0;text-align:center;transform:translateX(-50%);}#ourcasestudies .left.carousel-control{right:inherit;}
/*=== Final service page design ===*/
.typeofservices-wrapper{background: url(../images/about-top-bg.png) no-repeat right;background-size: 70% 85%;}.typeofservices-wrapper:nth-child(odd){background-position:left;}.fs-42{font-size:42px;}.text-black{color:#000;}.fw-bold{font-family: 'sofia_prosemibold';}.small-title{font-size:16px;color:#07beba;font-family: 'sofia_proregular';margin-top:5px;display:block;}#about-service h1{margin-bottom:24px;}#about-service.bg-top{background-size:80% 70%;background-position: center 100px;}#about-service .underline-blue{color:#004068;font-family:'sofia_proregular';}.typeofservices-wrapper p.large-p{font-size:20px !important;}.type-title{font-size:3.5rem;font-family:'sofia_proregular';color:#000;/*background:url(../images/yellow-line.png);*/display:table;margin-bottom:24px;margin-top:10px;line-height:60px;}.type_service_case_studies .slick-list{overflow:hidden;}.type_service_case_studies .slick-slide img{opacity:1;}.type_service_case_studies .slick-slide{padding:10px;}.case_studies_img{border-radius:12px;overflow:hidden;height:220px;position:relative;}.case_studies_img img{position:absolute;left:0;top:0;object-fit:cover;width:100%;height:100%;}.case_studies_bottom h4{font-family:'sofia_promedium';font-size:18px;line-height:28px;color:#000;font-family:'Sofia Pro';font-weight:500;margin-top:15px}.case_studies_bottom p{font-size:14px !important;}.type_service_case_studies .slick-arrow{top:90px;background:#fff;box-shadow:0px 0px 23px rgba(0,0,0,0.25);display:none !important;}.type_service_case_studies:hover .slick-arrow{display:block !important;}.typeofservices-wrapper .slick-prev{left:-10px;background:#fff url(https://www.sufalamtech.com/wp-content/uploads/2021/01/prev-brand.png) no-repeat center;background-size:17px;}.typeofservices-wrapper .slick-next{right:-10px;background:#fff url(https://www.sufalamtech.com/wp-content/uploads/2021/01/next-brand.png) no-repeat center;background-size:17px;}.sufalam-tech-icon-new>li>a{border:0 !important;padding:0;}.sufalam-tech-icon-new>li>a:hover,.sufalam-tech-icon-new>li>a:focus{background:transparent;}.sufalam-tech-icon-new li.col-xs-6.col-sm-4.col-md-2.active{ box-shadow: 0 10px 71px rgba(0,64,104,.175);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);z-index: 100;border: 1px solid #fff;}.why-row{display:flex;}.why-icon{margin-right:40px;}.why-content h4{font-size:20px;margin-top:5px;color:#000}.why-content{padding-right:20px;}.captchac-number{position:absolute;z-index:1;top:0;left:15px;width:129px;height:43px;background:#004068;display:flex;align-items:center;justify-content:center;}#whyst-request .wpcf7-form-control-wrap.captcha-1 .form-control{padding-left:144px;}#whyst-request input[type="submit"]{height:43px;width:100%;border-radius:0;}.sufalam-tech-icon-new.nav-tabs{border:0;}.fruitful-img{position:absolute;opacity:0.3;opacity:0.3;top:77px;right: 44px;width: 196px;}.page-template-new-service .row.sufalam-domain-inner{display:flex;flex-wrap:wrap;justify-content:center;}.page-id-2741 #typeofservices .typeofservices-wrapper .col-sm-6{padding-left:85px;}.page-id-2741 #typeofservices .typeofservices-wrapper .col-sm-6:before{content:'1';display:block;font-size:24px;font-weight:bold;background:#004068;width:48px;height:48px;border-radius:50%;position:absolute;left:10px;text-align:center;top:22px;line-height:44px;color:#fff;opacity:0.6;}.page-id-2741 #typeofservices .typeofservices-wrapper .col-sm-6:nth-child(2):before{content:'2'}.page-id-2741 #typeofservices .typeofservices-wrapper .col-sm-6:nth-child(3):before{content:'3'}.page-id-2741 #typeofservices .typeofservices-wrapper .col-sm-6:nth-child(4):before{content:'4'}
/*=== End final service page design ===*/
/*=== Final Blog page design ===*/
.sufalam-blog-main-box{
border: 1px solid #E8EAEE;
border-radius: 15px;
margin-bottom: 20px;
}
.blog-filter-box ul li,
.blog-listing-box ul li{
font-size: 20px;
color: #004068;
}
.blog-filter-box .nav-pills{
display: flex;
justify-content:center;
}
.blog-filter-box .nav>li>a.active,
.blog-filter-box .nav>li>a:focus,
.blog-filter-box .nav>li>a:hover {
text-decoration: none;
background-color: transparent;
border-bottom: 2px solid #07BEBA;
color: #07BEBA;
font-weight: 500;
}
.blog-filter-box .nav-pills>li>a {
border-radius: 0px;
}
.blog-filter-box a{
transition: none;
}
.blog-filter-box .nav-pills>li.active>a{
background-color: transparent;
color: #07BEBA;
border-bottom: 2px solid #07BEBA;
}
.blog-content-data{
text-align: left;
}
.blog-content-data h6,
.blog-content-data a{
font-size: 14px;
color: #999999;
text-align: left;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-top: 5px;
}
.blog-content-data a,
.blog-content-data a h6,
.blog-content-data a i{
text-decoration: none;
color: #07BEBA;
}
.sufalam-blog-content p {
text-align: left;
font-weight: 400;
font-size: 16px !important;
font-family: sofia_prolight!important;
word-break: break-word;
line-height: 24px !important;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 15px !important;
}
.section.portfolio .filters,
.section.blog-listing .filters{
text-align: center;
margin-top: 10px;
}
.section.portfolio .filters ul,
.section.blog-listing .filters ul{
padding: 0;
}
.section.portfolio .filters ul li,
.section.blog-listing .filters ul li{
list-style: none;
display: inline-block;
padding: 10px 20px;
cursor: pointer;
position: relative;
}
.section.portfolio .filters ul li:after,
.section.blog-listing .filters ul li:after{
content: "";
display: block;
width: calc(0% - 60px);
position: absolute;
height: 2px;
background: #07BEBA;
transition: width 350ms ease-out;
margin-top: 5px;
}
.section.portfolio .filters ul li:hover:after,
.section.blog-listing .filters ul li:hover:after{
width: calc(100% - 40px);
transition: width 350ms ease-out;
}
.section.portfolio .filters ul li.active:after,
.section.blog-listing .filters ul li.active:after{
width: calc(100% - 40px);
}
.section.portfolio .filters ul li:hover,
.section.portfolio .filters ul li.active,
.section.portfolio .filters ul li:focus,
.section.blog-listing .filters ul li:hover,
.section.blog-listing .filters ul li.active,
.section.blog-listing .filters ul li:focus{
color: #07BEBA;
}
.section.portfolio .filters-content,
.section.blog-listing .filters-content{
margin-top: 0px;
}
.blog-listing ul{
margin-bottom: 10px;
}
/*=== TEAM Section CSS ===*/
#sufalam-team{
padding:20px 0px 60px;
}
.inner-wrapper{
padding-top: 20px;
padding-bottom: 20px;
}
.team .col-sm-6{
margin-bottom:20px;
}
#sufalam-team .team-item_content {
position: relative;
z-index: 1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
margin-bottom:20px;
}
.team-image{
width: 100%;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
position: relative;
overflow: hidden;
background:#F0F0F0;
}
.team-image img{
vertical-align: top;
max-width: 100%;
height:auto;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.team:hover .team-item_content .team-image img{
filter: grayscale(100%);
}
.team:hover .team-item_content:hover .team-image img{
filter: grayscale(0%);
}
.team-member-info{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
-webkit-background: linear-gradient(180deg, rgba(0, 64, 104, 0.20) 0%, #004068 81.56%);
-moz-background: linear-gradient(180deg, rgba(0, 64, 104, 0.20) 0%, #004068 81.56%);
-ms-background: linear-gradient(180deg, rgba(0, 64, 104, 0.20) 0%, #004068 81.56%);
-o-background: linear-gradient(180deg, rgba(0, 64, 104, 0.20) 0%, #004068 81.56%);
background: linear-gradient(180deg, rgba(0, 64, 104, 0.20) 0%, #004068 81.56%);
padding: 15px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
display: flex;
align-items: flex-end;
}
.team-member-info::before,
.team-member-info::after {
pointer-events: none;
content: '';
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.team-member-info::before{
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
}
.team-member-info::after{
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
}
.team-member-info p{
padding: 20px 10px 10px;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
color:#fff !important;
font-size:14px !important;
line-height:22px !important;
margin-bottom: 0 !important;
}
.team-item_content:hover .team-member-info::before,
.team-item_content:hover .team-member-info::after,
.team-item_content:hover .team-member-info {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.team-item_content:hover .team-member-info p{
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.team-item_info{
text-align:center;
}
.team-title{
color:#000;
margin-bottom:8px;
}
.team-department{
font-size: 16px;
background:url(../images/text-bg-yellow.png) no-repeat;
display:table;
margin:0 auto;
color:#004068;
}
.ceo-profile .team-item_info{
text-align:left;
padding-bottom: 1.5em;
}
.ceo-profile .team-title{
font-size:18px;
padding-top: 1.5em;
}
.ceo-profile .ceo-msg{
font-size: 30px;
line-height: 38px !important;
padding-top:0;
}
.ceo-profile .team-department{
margin:0;
}
.ceo-profile-dec{
padding-top: 1.5em;
}
/*=== CLIENT Section CSS ===*/
#sufalam-client,
#sufalam-testimonials,
#sufalam-achievements,
#sufalam-contactus{
padding:40px 0px;
}
#oueclient .center.slick-slider,
#sufalam-testimonials .center.slick-slider{
overflow:hidden;
}
#oueclient .center.slick-slider img,
#sufalam-testimonials .center.slick-slider img{
opacity:1;
}
#oueclient .slick-slide{
padding:0;
border: 1px solid #e8eaee;
}
#oueclient .slick-dots li button{
background:rgba(0,64,104,.4);
}
#oueclient .slick-dots li.slick-active button{
background:rgba(0,64,104,1);
}
#oueclient .slick-dots{
padding:20px 0;
}
/*=== Testimonials ===*/
.testimonials-item .image{
position:relative;
width:150px;
height:150px;
border-radius:50%;
overflow:hidden;
margin:auto;
background:#F0F0F0;
}
.testimonials-item .image img{
position:absolute;
top:0;
left:0;
object-fit:cover;
width:100%;
height:100%;
}
#sufalam-testimonials .slick-slide{
border:0;
padding:0px 5%;
}
#sufalam-testimonials p{
margin-top:20px !important;
}
#sufalam-achievements .inner-wrapper .awward-img{
text-align:center;
}
#sufalam-achievements .inner-wrapper .awward-img img{
max-width:calc(100% - 30px);
margin-bottom:10px;
}
#sufalam-achievements .inner-wrapper h4 {
font-size:20px;
text-align:center;
color:#424242;
font-family: 'sofia_proregular';
}
#sufalam-achievements .inner-wrapper .col-md-6{
margin-bottom:20px;
text-align:center;
}
/*=== sufalam-contactus === */
#sufalam-contactus .inner-wrapper{
background: #FFFFFF;
border: 1px solid #E8EAEE;
box-sizing: border-box;
box-shadow: 0px -6px 37px rgba(0, 0, 0, 0.06);
padding:0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
#sufalam-contactus .section-left{
background:#004068;
padding: 30px 45px;
}
#sufalam-contactus .section-right{
padding: 30px 45px;
}
#sufalam-contactus .section-left h4{
color:#fff;
font-family: 'sofia_proregular';
margin-bottom:30px;
position: relative;
display: table;
}
#sufalam-contactus .section-left h4:after{
background: url(../images/text-bg-yellow.png) no-repeat;
content: '';
width: 100%;
height: 2px;
position: absolute;
bottom: -3px;
left: 0;
background-size: 100%;
}
#sufalam-contactus .section-left h2{
font-size:54px;
color:#fff;
font-family: 'sofia_prosemibold';
line-height:74px;
}
#sufalam-contactus .section-right .form-control{
border: 1px solid #E4E4E4;
color:#000;
}
#sufalam-contactus .section-right .form-control::placeholder{
color:#999999;
}
#sufalam-contactus .section-right .btn-blue{
border-radius:40px;
font-size:18px;
padding:12px 30px;
}
/*=== our-culture ===*/
#our-culture{
position: relative;
}
#our-culture .slick-slide{
padding:10px;
}
#our-culture .slick-slide img{
opacity:1;
}
#our-culture .slick-slide img{
max-width:100%;
border:0;
}
#our-culture .slick-next,
#our-culture .slick-prev{
display:none;
}
#our-culture .slick-next{
right:0;
}
#our-culture .slick-prev{
left:0;
}
/* mega-dropdown-menu new-design */
.mega-dropdown-menu.new-design{
padding:30px 15px 00px;
}
.mega-dropdown-menu.new-design .menu-image{
max-width:84px;
}
.mega-dropdown-menu.new-design li a{
padding:0px;
white-space: inherit;
}
.mega-dropdown-menu.new-design li a .small-text{
font-size:12px !important;
}
.mega-dropdown-menu.new-design li a h4{
font-size:20px;
color:#000;
}
.mega-dropdown-menu.new-design li a:hover,
.mega-dropdown-menu.new-design li a:focus{
background:transparent;
}
.dropdown.mega-dropdown.open .dropdown:before{
width: 0;
height: 0;
position: absolute;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #eee;
bottom: -2px;
left: 50%;
transform:translateX(-50%);
content: '';
}
.mega-dropdown-menu.new-design::before{
display:none;
}
/*=== Digital Transformation ===*/
.inner-slider{
height:500px;
background:#fff;
position:relative;
background-size:cover;
background-position:right top;
}
#sufalam-slider .second-title{
color:#07beba;
font-size:clamp(20px, 1.5rem, 24px);
}
.padding-top-100{
padding-top:100px;
}
.margin-bottom-10{
margin-bottom:10px !important;
}
.fs-h2{
font-size:3.5rem !important;
text-align:left !important;
}
.section-gap{
padding:40px 0;
}
.sufalam-service-inner.left-align{
text-align:left;
}
.way-row{
padding-top:30px;
display: flex;
flex-wrap: wrap;
justify-content:center;
}
/* .way-box{
display:flex;
flex-direction: column;
} */
.flex-row{
display: flex;
flex-wrap: wrap;
}
.sufalam-service-inner h4{
color:#000;
}
.way-icon{
margin-bottom: 20px;
position: relative;
display: flex;
display: -ms-flexbox;
align-items: center;
height: 54px;
overflow: hidden;
}
.way-icon img{
width:54px;
height:54px;
z-index: 1;
}
.way-icon:before{
content: "";
height:54px;
width:84px;
position:absolute;
left:0px;
top:0;
background:#fff;
z-index: 1;
}
.way-icon:after {
content: "";
border-top: 2px dashed #e2e2e2;
width: 100%;
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
}
.learn-btn{
display:flex;
align-items:center;
height:16px;
color:#004068;
transition:all 0.3s ease ;
-webkit-transition:all 0.3s ease ;
-ms-transition:all 0.3s ease ;
}
.learn-btn svg{
margin-left:10px;
margin-top:4px;
}
.learn-btn svg path{
fill:#004068;
}
.sufalam-service-inner a:hover,
.sufalam-service-inner a:focus{
text-decoration:none;
}
.sufalam-service-inner .service-box{
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
.sufalam-service-inner .service-box:hover{
transform:scale(1.05);
}
.sufalam-service-inner .service-box:hover .learn-btn{
color:#07beba;
}
.sufalam-service-inner .service-box:hover .learn-btn svg path{
fill:#07beba;
}
.service-box{
display:flex;
min-height:inherit;
margin-bottom:40px;
}
.service-icon{
min-width:80px;
margin-right: 20px;
}
.ser-case-box{
border-radius:8px;
border:1px solid #e8eaee;
overflow:hidden;
display:block;
}
.case-img{
height:auto;
position:relative;
width:100%;
}
.object-fit{
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
}
.label-industries{
color:#07beba;
}
#services-casestudies .slick-slide,
#testimonials .slick-slide{
padding:0px 15px;
}
#services-casestudies .slick-slider,
#ourclient .slick-slider,
#testimonials .slick-slider{
overflow:hidden;
}
#services-casestudies .slick-slide img,
#ourclient .slick-slide img,
#testimonials .slick-slide img{
opacity:1;
}
.case-content{
padding:15px;
display: flex;
flex-direction: column;
min-height:140px;
}
.label-industries{
color:#07beba;
text-align:left;
display: block;
}
.case-content h4{
font-family: 'sofia_promedium';
font-size: 18px;
line-height: 28px;
color: #000;
font-family: 'sofia pro';
font-weight: 500;
margin-top: 15px;
text-align:left;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.ser-case-box .learn-btn{
padding: 25px 20px;
position:relative;
}
.ser-case-box .learn-btn:after{
background: #004068;
content: '';
width: 100%;
height: 0%;
position: absolute;
left: 0;
bottom: 0;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
z-index:-1;
}
.ser-case-box:hover,
.ser-case-box:focus{
text-decoration:none;
}
.ser-case-box:hover .learn-btn:after{
height: 100%;
}
.ser-case-box:hover .learn-btn{
color:#fff;
}
.ser-case-box:hover .learn-btn svg path{
fill:#fff;
}
:focus,
:active,
:hover{
outline:0 !important;
}
#services-casestudies .slick-next,
#services-casestudies .slick-prev{
display:none !important;
}
#services-casestudies:hover .slick-next,
#services-casestudies:hover .slick-prev{
display:block !important;
}
#services-casestudies .slick-next{
background-color:#222834;
right:0px;
}
#services-casestudies .slick-prev{
left:0;
background-color:#222834;
}
.achivement-box{
text-align:center;
margin-bottom:20px;
}
.achivement-box img{
height:120px;
}
.achivement-title{
display:block;
font-size: 18px;
line-height: 28px;
color: #424242;
font-family: 'sofia pro';
font-weight: 500;
margin-top: 15px;
}
.large-p{
font-size:20px !important;
color:#424242 !important;
line-height:32px !important;
}
#ourclient .slick-slide{
padding:15px 7.5px;
}
#testimonials .testimonial-box{
border:0;
background:#fff;
box-shadow:0 7px 15px rgb(0 0 0 / 10%);
border-radius:0px;
display:flex;
flex-direction:column;
}
.testimonial-box .testimonial-info-wrap{
display:flex;
align-items:center;
}
#testimonials .slick-slider{
padding-bottom:30px;
}
#testimonials .col-md-4:nth-child(even) .testimonial-box{
flex-direction:column-reverse;
}
.testimonial-info-wrap{
margin-bottom:20px;
}
#testimonials .col-md-4:nth-child(even) .testimonial-box .testimonial-info-wrap{
margin-top:20px;
margin-bottom:0px;
}
.post-thumbnail{
width:54px;
height:54px;
overflow:hidden;
border-radius:50%;
position:relative;
margin-right:15px;
}
.post-thumbnail img{
position:absolute;
left:0px;
top:0;
object-fit:cover;
height:100%;
width:100%;
}
.testimonial-info-wrap h4,
.testimonial-info-wrap span{
text-align:left;
display:block;
}
.testimonial-info-wrap h4{
font-size:20px;
color:#000;
margin:0 0 7px;
}
.testimonial-info-wrap span{
color:#424242;
font-size:14px;
}
.testimonial-content p:before{
content: '';
width: 20px;
height: 20px;
background: url(http://localhost/web_sufalamtech_wp/wp-content/uploads/2021/06/quote.png);
position: absolute;
left: 0;
background-size: 100%;
top:7px;
background-repeat: no-repeat;
}
.testimonial-content p{
text-align:left;
display:flex;
padding-left:28px;
position:relative;
}
#testimonials .slick-prev,
#testimonials .slick-next{
background-color:#212733;
right:0px;
display:none !important;
transition:all 0.700ms ease;
-webkit-transition:all 0.700ms ease;
-moz-transition:all 0.700ms ease;
}
#testimonials:hover .slick-prev,
#testimonials:hover .slick-next{
display:block !important;
}
#testimonials .slick-prev{
left:0;
}
#whyst-request.service-contact h3.sufalam-title{
text-align:center;
}
.mobile-image{
display:none;
}
@media (min-width:991px){
.md-last-block{
position:relative;
}
.md-last-block:after{
content: "";
border-right: 2px dashed #e2e2e2;
border-bottom: 2px dashed #e2e2e2;
width: calc(100% + 23px);
position: absolute;
top: 26px;
right: 0px;
height: calc(100% + 2px);
}
.md-last-block:before{
content: "";
border-top: 2px dashed #e2e2e2;
width: 25px;
position: absolute;
top: 26px;
right: 0px;
height: calc(100% + 2px);
}
.order-6{
order:6;
}
}
@media(max-width:991px){
.way-box{
display:flex;
flex-direction: row;
position:relative;
margin-bottom: 20px;
}
.way-icon{
min-width: 54px;
margin-right: 20px;
}
.way-box h4{
margin-top:0;
}
.way-box:before{
content: "";
height: 74px;
width: 54px;
position: absolute;
left: 0px;
top: -10px;
background: #fff;
z-index: 1;
}
.way-box:after{
content: "";
border-left: 2px dashed #e2e2e2;
height: 100%;
position: absolute;
top: 50%;
left: 27px;
transform: translateY(-50%);
}
.way-icon:after,
.way-icon:before{
display:none;
}
.way-block:last-child .way-box:after{
display:none;
}
}
/*=== Digital Transformation ===*/
@media(max-width:767px){
.sufalam-blog-inner{padding: 20px 0px;}
.blog-filter-box .nav-pills{display: inline-block;width: 100%;margin: 0 auto; text-align: center;}
.blog-filter-box ul li{font-size: 16px;margin-bottom: 0px;}
.blog-filter-box .nav>li>a{padding: 5px 10px;}
.blog-filter-box .nav-pills>li{float:none;display: inline-block;}
.sufalam-blog-inner .col-md-4{padding: 0px;}
.blog-c-uname a {font-size: 16px;}.blog-c-uname h5{font-size: 12px;}.c-replay-btn a{font-size: 12px;padding: 5px 20px;}.blog-c-avatar {margin-right: 15px;}.blog-c-avatar .round{width: 40px;height: 40px;line-height: 40px;}.blog-c-avatar .round img{width: 40px;}.blog-c-content p{line-height: 24px !important;}.child-comment{margin-left: 15px;}
}
/*=== End Final Blog page design ===*/
@media all and (min-width:768px) {
.carousel-showmanymoveone .carousel-inner>.active.left,
.carousel-showmanymoveone .carousel-inner>.prev {
left: -50%;
}
.carousel-showmanymoveone .carousel-inner>.active.right,
.carousel-showmanymoveone .carousel-inner>.next {
left: 50%;
}
.carousel-showmanymoveone .carousel-inner>.left,
.carousel-showmanymoveone .carousel-inner>.prev.right,
.carousel-showmanymoveone .carousel-inner>.active {
left: 0;
}
.carousel-showmanymoveone .carousel-inner .cloneditem-1 {
display: block;
}
.typeofservices-wrapper .col-sm-5 {
padding-left: 70px;
}
.typeofservices-wrapper:nth-child(odd) .col-sm-5 {
padding-right: 70px;
padding-left: 0;
}
.typeofservices-wrapper:nth-child(odd) .col-sm-7 {
float: right;
}
#our-culture .slick-next,
#our-culture .slick-prev {
display: none !important;
}
#our-culture:hover .slick-next,
#our-culture:hover .slick-prev {
display: block !important;
}
}
@media all and (min-width:768px) and (transform-3d), all and (min-width:768px) and (-webkit-transform-3d){.carousel-showmanymoveone .carousel-inner>.item.active.right,.carousel-showmanymoveone .carousel-inner>.item.next{-webkit-transform:translate3d(50%, 0, 0);transform:translate3d(50%, 0, 0);left:0;}.carousel-showmanymoveone .carousel-inner>.item.active.left,.carousel-showmanymoveone .carousel-inner>.item.prev{-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);left:0;}.carousel-showmanymoveone .carousel-inner>.item.left,.carousel-showmanymoveone .carousel-inner>.item.prev.right,.carousel-showmanymoveone .carousel-inner>.item.active{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);left:0;}}
@media all and (min-width:992px){.carousel-showmanymoveone .carousel-inner>.active.left,.carousel-showmanymoveone .carousel-inner>.prev{left:-25%;}.carousel-showmanymoveone .carousel-inner>.active.right,.carousel-showmanymoveone .carousel-inner>.next{left:25%;}.carousel-showmanymoveone .carousel-inner>.left,.carousel-showmanymoveone .carousel-inner>.prev.right,.carousel-showmanymoveone .carousel-inner>.active{left:0;}.carousel-showmanymoveone .carousel-inner .cloneditem-2,.carousel-showmanymoveone .carousel-inner .cloneditem-3{display:block;}}
@media all and (min-width:992px) and (transform-3d), all and (min-width:992px) and (-webkit-transform-3d){.carousel-showmanymoveone .carousel-inner>.item.active.right,.carousel-showmanymoveone .carousel-inner>.item.next{-webkit-transform:translate3d(25%, 0, 0);transform:translate3d(25%, 0, 0);left:0;}.carousel-showmanymoveone .carousel-inner>.item.active.left,.carousel-showmanymoveone .carousel-inner>.item.prev{-webkit-transform:translate3d(-25%, 0, 0);transform:translate3d(-25%, 0, 0);left:0;}.carousel-showmanymoveone .carousel-inner>.item.left,.carousel-showmanymoveone .carousel-inner>.item.prev.right,.carousel-showmanymoveone .carousel-inner>.item.active{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);left:0;}}
/*=== SERVICE PAGE DESIGN CSS END ===*/
@media (min-width:768px) and (max-width:991px){.sufalam-about-c-wrap{width:100%}}
@media (min-width:1400px){.container{width:80%}}
@media (min-width:768px) and (max-width:1199px){.container{width: 90%;} .header .navbar-nav>li>a{padding:10px 8px}.sufalam-ser-wrap p{min-height:260px}}
@media (min-width:768px) and (max-width:1400px){.typeofservices-wrapper .typeofservices-inner h4{font-size:1.6rem;}}
@media (max-width:767px) {
.mobile-image{
display:block;
}
.navbar {
min-height: 85px;
}
.inner-slider .padding-top-60 {
padding-top: 20px !important;
}
.inner-slider {
background-image: none !important;
height: auto;
padding: 10px 0px 20px;
}
br.d-md-block {
display: none;
}
.dropdown a[aria-expanded="true"] .sub-menu.dropdown-menu {
display: block !important;
}
.last-menu a {
text-align: left !important;
}
.header .navbar-nav>li>a.dropdown::after {
display: inline-block;
width: 0;
height: 0;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
}
.header .navbar-nav>li>a.dropdown.open[aria-expanded="true"]::after {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
.navbar-nav .open .dropdown-menu {
position: relative;
left: 20px;
}
#black_footer .col-md-3 .inner-colum {
border-right: 0;
border-bottom: 1px solid #333;
padding-top: 30px;
padding-bottom: 30px;
}
#black_footer .col-md-3:first-child .inner-colum {
padding-top: 0px;
}
#black_footer .footer-bottom .bottom-nav {
float: left;
}
/* end footer */
.slider_title_left {
display: table;
width: 100%;
}
.section-home-banner .col-md-6+.col-md-6 #android-app,
.section-home-banner .col-md-6+.col-md-6 #ios-app,
.section-home-banner .col-md-6+.col-md-6 #web-app {
left: 15px
}
.hb-icons-wrap {
display: none
}
.sufalam-service-inner .col-md-3 {
height: auto!important
}
.sufalam-header-wrapper .navbar {
height: 70px
}
.sufalam-header-wrapper .navbar-brand img {
width: 100%
}
.sufalam-header-wrapper .navbar-toggle {
background-color: #004068;
margin-top: 30px
}
.sufalam-header-wrapper .navbar-default .navbar-toggle:hover,
.sufalam-header-wrapper .navbar-default .sufalam-header-wrapper .navbar-toggle:focus {
background-color: #004068;
margin-top: 30px
}
.sufalam-slider-inner .sufalam-slider-video video {
height: auto
}
.sufalam-header-wrapper .navbar-toggle .icon-bar {
background: #fff
}
.sufalam-slider-inner .sufalam-slider-title h1 {
font-family: sofia_prosemibold;
font-size: 3.2rem;
line-height: 50px;
margin-bottom: 25px;
}
.sufalam-about-c-wrap {
width: 100%
}
.sufalam-technology-detail h2 {
margin-top: 25px;
text-align: center
}
ul.sufalam-tech-icon li {
display: inline-block;
margin-right: 13px;
margin-bottom: 13px
}
}
@media (max-width:600px) {
.sufalam-header-wrapper .navbar-brand {
width: 80%
}
.sufalam-header-wrapper .navbar-brand img {
width: 100%;
max-width: 70%
}
}
@media (min-width:120px) and (max-width:699px) {
.section-home-banner {
padding: 24px 0 0 0
}
.section-home-banner .col33 {
float: none;
width: 100%;
clear: both
}
.section-home-banner .hb-icons-wrap {
width: 220px;
height: 220px;
padding: 0
}
.section-home-banner #dottedCircle {
width: 220px;
height: 220px;
border-radius: 120px;
overflow: hidden
}
.hb-copy {
text-align: center;
padding: 48px 24px 0 24px
}
.home-banner-img {
padding: 24px;
max-width: 220px;
margin: 0 auto
}
}
.lotus-stage {
position: relative
}
.stat-block {
text-align: center;
width: auto;
max-width: 150px;
margin: 0 auto;
padding: 10px;
opacity: 0;
-webkit-transform: translateY(60px);
transform: translateY(60px)
}
.stat {
font-size: 2.369em;
font-weight: 500
}
.stat-prefix {
font-size: .563em
}
.stat-desc {
font-size: .563em;
font-weight: 500
}
@media all and (transform-3d),
(-webkit-transform-3d) {
.my-carousel-fade .carousel-inner>.item.active.right,
.my-carousel-fade .carousel-inner>.item.next {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.my-carousel-fade .carousel-inner>.item.active.left,
.my-carousel-fade .carousel-inner>.item.prev {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.my-carousel-fade .carousel-inner>.item.active,
.my-carousel-fade .carousel-inner>.item.next.left,
.my-carousel-fade .carousel-inner>.item.prev.right {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
#technologiesTabContent .tab-pane {
padding-left: 15px;
padding-right: 15px;
}
.type_service_case_studies .slick-slide {
padding: 15px;
}
#sufalam-testimonials .slick-slide {
padding: 0 20px;
}
}