/* .blog-main .swiper-slide .date strong,.logo a,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block } .mainBanner .swiper-pagination,.vCenter { max-width:1680px; padding:0 15px; right:0; left:0 } .banner-bg,.formBottomtextWrap .feildInput,.nav-item.search-expend,.service-bg,.service-inner { position:relative } .service-bg,.service-text { border-left:7px solid transparent; width:100% } #searchBar,h2 { color:#000 } .contact-form label,h2 { text-transform:capitalize } .colume-comman ul li a,.formBottomtext p a,.mainBanner a,.serve-blk a,.service-content a { text-decoration:none } body { line-height:1; overflow-x:hidden } ol,ul { list-style:none; margin:0; padding:0; border:0; font:inherit; vertical-align:baseline } h1,h2,h3,h5 { font-style:normal } blockquote,q { quotes:none } blockquote:after,blockquote:before,q:after,q:before { content:''; content:none } table { border-collapse:collapse; border-spacing:0 } header nav.navbar { padding:0; margin:40px 0 } h1 { font-family:'Open Sans'; font-weight:400; color:#fff; font-size:70px; line-height:80px } h2,h3,h5,h6 { font-family:'Open Sans'; font-weight:700 } #counter li,h2 { font-size:50px } h2,h3 { line-height:55px } h3 { font-size:40px } h5 { font-size:25px; line-height:34px } h6 { font-style:normal; font-size:22px; line-height:35px } .mainBanner a,.mainBanner p,.navbar-nav li a,p,ul#counter li span { font-weight:400; font-style:normal; font-family:'Open Sans' } .swiper.swiper-two .swiper-wrapper { height:100%; margin-bottom:0 } .logo a { cursor:pointer; max-width:201px } #toggle-search img,.cmmidev figure img,.logo img,.service-bg img,.service-inner figure img { width:100% } #toggle-search { float:right; max-width:27px; padding:0 } #searchBar { background-color:#fff; border:none; font-size:17px; font-weight:100; margin-right:10px; padding:11px 20px; float:right; max-width:400px; text-align:left; -webkit-border-radius:28px; -moz-border-radius:28px; border-radius:28px; position:absolute; top:20px; right:-18px; width:100%; transition:none } #searchBar:focus { outline:0 } #nav li { padding:20px 11px } .sub-menu .menu-item a { margin:0; padding:10px 10px 10px 35px!important } #toggle-search .fa { font-size:22px; color:#fff; z-index:999; position:relative } #nav ul li a:before,#nav ul li a:hover:before,#nav ul li:hover a:before { left:10px } .navbar-nav li a { font-size:20px; line-height:27px; color:#fff; padding:0!important; margin:0 15px; cursor:pointer } .colume-comman ul li,.mainBanner h1 { margin-bottom:10px } .mainBanner h1 strong { display:flex; font-weight:700 } .mainBanner p { font-size:28px; line-height:45px; color:#fff; margin-bottom:24px; max-width:740px } .vCenter { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; width:100%; margin:0 auto } .mainBanner .swiper-pagination { background:0 0; text-align:left; justify-content:flex-start; border-radius:0; box-shadow:none; min-height:auto; bottom:0; margin:0 auto 60px } .mainBanner .swiper-pagination .swiper-pagination-bullet { background:#707070; width:14px; height:14px } .mainBanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#fff } .mainBanner a { font-size:18px; line-height:33px; padding:10px 30px; background:#de463b; border-radius:10px; color:#fff } .mainBanner a:hover { background:#fff; border:0; color:#de463b } .service-main { background-size:cover; background-position:top,center; padding:0 0 75px } .service-content:before { content:''; position:absolute; bottom:0; height:200px; width:100%; left:0; background:linear-gradient(180deg,#fffFFF00 0,#fff 100%) } .service-main h2 { text-align:center; margin:50px 0 35px; font-size:40px } .about-main .container { max-width:1280px } .about-main p { font-size:22px; line-height:40px } .colume-comman ul li a:hover,.service-content:hover .service-text h3,a.nav-link:hover,h2 strong { color:#de463b } .about-main { margin:50px 0; text-align:center } .about-main h2 { margin-bottom:20px; font-size:40px; line-height:60px } .service-inner { overflow:hidden; margin-bottom:27px } .service-bg { max-width:840px } .service-content { position:absolute; bottom:0; width:100%; z-index:1; left:0; padding:0; overflow:hidden; height:200px; display:flex; align-items:flex-start; justify-content:flex-end; transition:.3s ease-out } .service-text { height:0; padding-top:0; overflow:hidden; -webkit-transition:.2s linear; -moz-transition:.2s linear; -o-transition:.2s linear; transition:.2s linear; font-size:15px; line-height:18px; text-align:left; color:#fff } .service-bg figure { width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat } .service-inner .service-text h3:after { content:""; position:absolute; background-image:url(../images/ionic-arrow-.png); background-size:100%; background-position:center; width:13px; height:23px; right:0; background-repeat:no-repeat } .service-content h3 { position:relative; display:flex; align-items:center; width:100%; margin-bottom:10px; color:#252274 } .service-content p { font-size:18px; line-height:30px; color:#646464 } .service-inner .service-content p { transition:.5s ease-out; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.4; margin-bottom:0 } .service-content .service-text { height:100%; overflow:hidden; padding:20px 30px; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; position:relative } .service-inner .service-content { width:100%; height:160px; background:rgb(255 255 255 / 90%); max-width:840px; position:absolute; border-left:7px solid #de463b } .service-inner:hover .service-bg figure { background-image:none!important } .service-inner .service-content .service-text { height:100%; background:0 0 } .industries-main { background:#252274; text-align:center; position:relative } .industries-main:after { content:''; position:absolute; left:0; width:100%; background:#fff; height:40px; bottom:-1px } .serve-inner { flex-wrap:wrap; justify-content:center; position:relative } .serve-inner h6 { color:#fff; letter-spacing:.22px; font-size:20px; font-weight:400!important } .serve-inner figure,.social-icon h6,.swiperFour .content-wrapper .content ul { margin-bottom:15px } .serve-inner .serve-blk { position:relative; text-align:center; padding:15px; transition:.3s ease-out } .serve-inner .serve-blk:hover::after { width:0; height:0 } .serve-inner .serve-blk:hover:after { width:50%; height:50%; bottom:0; left:0; background:#fff; border-radius:0 } .serve-inner .serve-blk:hover:before { width:50%; height:50%; bottom:0; right:0; background:#fff; z-index:1; border-radius:0 } .serve-inner .serve-blk:hover { background:#fff; border-bottom:6px solid #ff763a } .serve-blk img.svg { filter:brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(7498%) hue-rotate(247deg) brightness(102%) contrast(104%) } .serve-blk:hover h6 { color:#234d5f } .serve-blk:hover .svg { cursor:pointer; filter:brightness(0) saturate(100%) invert(24%) sepia(6%) saturate(4410%) hue-rotate(153deg) brightness(96%) contrast(86%) } .industries-main h2 { margin:50px 0 35px; color:#fff; font-size:40px } .swiper.swiper-two { padding-bottom:0 } #counter li:last-child,.serve-blk:nth-child(6n):before,.serve-inner .serve-blk:hover:after,.serve-inner .serve-blk:hover:before { border:0 } .serve-blk:nth-child(6n) { border-right:0 } .serve-blk:nth-child(n+7) { border-bottom:0 } .swiper.swiper-two .swiper-slide { height:150px; margin-bottom:20px } .swiper-pagination .swiper-pagination-bullet { background:#ccc; width:16px; height:16px; margin:0 5px; opacity:1; cursor:pointer } .swiper-pagination .swiper-pagination-bullet-active { background:#de463b } #nav ul,.blog-main,footer { background:#252274 } .creators-main .row { justify-content:space-between; align-items:center; border-bottom:1px solid #70707075; padding-bottom:50px } .creators-main { margin:15px 0 50px } .creators-details p { font-size:22px; line-height:38px; margin-bottom:0 } .creators-title h5 { color:#505050; font-size:22px } .creators-title h2 { margin-bottom:15px; font-size:40px; line-height:50px } .creators-details { max-width:790px } #counter { max-width:100%; margin:0 auto; display:flex; justify-content:space-between } #counter li { flex:1; text-align:center; border-right:1px solid #bfbfbf; margin:0 } #counter li span.percent:after { content:"+"; display:inline-block } ul#counter li span { color:#000; font-size:120px; line-height:165px; display:block } ul#counter li h5 { color:#252274; font-size:16px; line-height:1.2; margin-top:14px; font-weight:600!important } .counter-main { margin-bottom:120px } .blog-main { padding-top:50px; position:relative } .swiper.swiper-three { padding-bottom:140px } .blog-main .swiper-wrapper { margin-bottom:0 } .blog-main .swiper .swiper-slide { padding:20px; text-align:left; display:flex; align-items:flex-start; justify-content:center; flex-direction:column; background:#fff; position:r } .blog-main .swiper-slide .blog-title,.blog-main .swiper-slide p { display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden } .blog-main .swiper-slide .blog-bg { width:100%; overflow:hidden; position:relative; margin-bottom:20px } .blog-main .swiper-slide .blog-bg span { background-position:top center; background-repeat:no-repeat; background-size:100% 100%; width:100%; height:226px; position:absolute; left:0; top:0 } .blog-main .swiper-slide .blog-title { font-family:'Open Sans'; font-weight:600; font-style:normal; font-size:28px; line-height:36px; color:#252274; margin-bottom:8px; -webkit-line-clamp:2 } .blog-main .swiper-slide .date { padding:10px 20px; position:absolute; z-index:4; right:0; bottom:0; text-align:center } .blog-main .swiper-slide .date,.blog-main .swiper-slide .date strong { font-family:'Open Sans'; font-weight:600; font-style:normal; font-size:18px; line-height:20px; background:#f9483b; color:#fff } .blog-main .swiper-slide p { color:#505050; font-size:20px; line-height:35px; margin-bottom:10px; -webkit-line-clamp:3 } .blog-main .swiper-slide a { font-family:'Open Sans'; font-weight:600; font-style:normal; color:#de463b; font-size:22px; line-height:normal; margin-bottom:15px; text-decoration:none; text-align:left } .blog-main .swiper-slide a:hover { color:#f9483b!important } .blog-main h2 { text-align:center; color:#fff; margin-bottom:35px; font-size:40px } .top-company li { margin:15px; border:1px solid transparent; transition:.3s ease-out; cursor:pointer } .top-company { display:flex; justify-content:center; align-items: center; } .alliance-main { margin:50px 0 } .alliance-main h2 { margin:0 0 35px; text-align:center; font-size:40px } .alliance-main .container { max-width:1526px } .swiperFour { position:relative; list-style:none; z-index:1; margin-top:auto; padding-bottom:100px } .swiperFour .content-wrapper { position:relative; display:flex; width:100%; justify-items:center; align-items:center; background:#fff; height:auto } .swiperFour .content-wrapper .content { padding:20px 30px; text-align:center; display:grid; justify-items:center; align-items:center; margin:0 auto; color:#000; height:100% } .banner-bg .swiper-wrapper,.swiperFour .content-wrapper .content:first-child,.testimonial-main .swiper-pagination .swiper-pagination-bullets { margin:0 } .swiperFour .content-wrapper .content .swiper-avatar { width:130px; height:130px; border-radius:100%; padding:5px; margin-bottom:10px } .swiperFour .swiper-slide.swiper-slide-active .swiper-avatar { border:2px dashed #37bbff } .swiperFour .content-wrapper .content .swiper-avatar img { border-radius:100%; width:100%; height:100%; object-fit:cover } .swiperFour .swiper-slide-active .content-wrapper .content .cite { font-size:26px; color:#252274; font-weight:600; line-height:1.2; margin-bottom:10px } .swiperFour .swiper-slide { margin:25px 0 0; height:auto; width:100%; padding:0; opacity:.6; display:flex; align-items:center; border-radius:6px; transition:.5s ease-in-out } .swiperFour .swiper-slide.swiper-slide-active { background:#fff; opacity:1; transform:scale(1.34); z-index:1; height:auto; margin:0 } .swiperFour .swiper-nav-wrapper .swiper-button-next,.swiperFour .swiper-nav-wrapper .swiper-button-prev { top:auto; left:auto; right:auto; position:relative!important } .swiper-slide.swiper-slide-active a:before,.swiper-slide.swiper-slide-next a:before,.swiper.swiper-two .swiper-slide:nth-child(2n) a:after,.swiperFour .swiper-nav-wrapper .swiper-button-next:after,.swiperFour .swiper-nav-wrapper .swiper-button-prev:after { display:none } .swiperFour .swiper-nav-wrapper .swiper-button-next,.swiperFour .swiper-nav-wrapper .swiper-container-rtl .swiper-button-prev { background-image:url("data:image/svg+xml,%0A%3Csvg width=!string!height=!string!viewBox=!string!version=!string!xmlns=!string!xmlns:xlink=!string!%3E%3Cg id=!string!stroke=!string!stroke-width=!string!fill=!string!fill-rule=!string!%3E%3Cg id=!string!fill=!string!fill-rule=!string!%3E%3Cpath d=!string!id=!string!%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important; width:20px; height:20px; background-size:20px 20px; background-repeat:no-repeat; margin:0; padding:0 } .swiperFour .swiper-nav-wrapper .swiper-button-prev,.swiperFour .swiper-nav-wrapper .swiper-container-rtl .swiper-button-next { background-image:url("data:image/svg+xml,%0A%3Csvg width=!string!height=!string!viewBox=!string!version=!string!xmlns=!string!xmlns:xlink=!string!%3E%3Cg id=!string!stroke=!string!stroke-width=!string!fill=!string!fill-rule=!string!%3E%3Cg id=!string!transform=!string!fill=!string!fill-rule=!string!%3E%3Cpath d=!string!id=!string!%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important; width:20px; height:20px; background-size:20px 20px; background-repeat:no-repeat; margin:0; padding:0 } .testimonial-main .swiper-pagination { margin:0 auto; padding:0; display:flex; align-items:center; justify-content:center; bottom:4px } .testimonial-main .swiper-pagination .swiper-pagination-bullets .swiper-pagination-bullet { margin:0; background:#fff!important } .testimonial-main .swiper-pagination-bullet { transition:.2s ease-in-out } .swiperFour .swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:flex; transition-property:transform; box-sizing:content-box; align-items:center; align-items:flex-start; margin-top:80px } .testimonial-main { background:#f1f1f2; padding:70px 0 60px } .swiperFour .swiper-slide-active ul li.fa.fa-star { color:#bbb; font-size:21px } .swiperFour ul li.fa.fa-star.checked { color:#f5ba2f } .swiperFour .swiper-slide-active .content h6 { font-size:18px } .swiperFour .swiper-slide-active .content-wrapper .content p { font-size:14px; line-height:normal } .swiperFour .swiper-slide.swiper-slide-active .content { border-bottom:10px solid #de463b; background:#fff } .swiperFour .content-wrapper .content .cite { font-size:21px; color:#252274; line-height:26px } .swiperFour .content h6 { color:#818181; font-size:13px; line-height:23px; font-weight:400; margin-bottom:9px } .swiperFour .content-wrapper .content p { color:#818181; font-size:16px; line-height:25px } .testimonial-main h2 { text-align:center; margin-bottom:58px } .contact-form { background:#2c2898; padding:90px 0 74px } .contact-form label { color:#fff; font-family:'Open Sans'; font-weight:400; font-style:normal; font-size:21px; line-height:26px; margin-right:15px; min-width:135px!important } .contact-form input { font-family:'Open Sans'; font-weight:400; font-style:normal; background:0 0; border:0; border-bottom:1px solid #fff; width:365px; padding:10px 0; font-size:18px; line-height:18px } .contact-form input:focus { outline:0; color:#fff } .contact-form h4 { font-family:'Open Sans'; font-weight:700; font-style:normal; font-size:35px; line-height:45px; color:#fff; margin:0 auto 80px; max-width:1195px; text-align:center } .colume-comman p,.colume-comman ul li a,.contact-form form button { font-family:'Open Sans'; font-weight:400; font-style:normal } .contact-form form { display:flex; flex-wrap:wrap } .contact-form form .form-group:nth-child(4) input { width:828px } .contact-form form .form-group { margin-bottom:70px; width:33.33% } .form-inner { max-width:1620px; margin:0 auto } .contact-form form .form-group:nth-child(4) { width:66.67% } .contact-form form button { background:#de463b; display:block; align-items:center; justify-content:center; margin:0 auto; color:#fff; font-size:24px; line-height:33px; padding:17px 42px; border-radius:12px; border:0 } .contact-form form button:hover { background:#fff; color:#de463b } .footer-inner { display:flex; color:#fff; justify-content:space-between } .cmmidev { display:flex; color:#fff; justify-content:flex-start; flex-direction:column; width:100%; align-items:flex-end; max-height:280px; border-left:1px solid #d1d1d1; height:100% } .cmmidev ul,.service-f,.social-icon ul { display:flex } .cmmidev figure { max-width:318px; margin-bottom:30px } .cmmidev ul li { max-width:80px; margin-right:36px } .cmmidev ul li:last-child,.colume-comman:nth-child(2) ul:last-child { margin-right:0 } .colume-comman ul li a { font-size:16px; line-height:18px; color:#fff } .social-icon ul li { margin-right:10px } .social-icon ul li a { width:40px; height:40px; border-radius:100%; display:flex; align-items:center; justify-content:center; background:#fff; text-align:center; color:#de463b; font-size:21px!important; line-height:26px!important } .colume-comman .social-icon ul li a:hover { background:#de463b; color:#fff } .colume-comman h6 { margin-bottom:22px; color:#fff }.colume-comman p { font-size:16px; line-height:30px; color:#fff }.colume-comman:nth-child(2) ul { margin-right:40px } header .cf { z-index:11; width:100%; max-width:1680px; margin:0 auto; left:0; right:0; padding:0 15px } .banner-inner { height:100%; align-items:flex-start; background-size:cover; background-position:center; width:100% } .custom-file-upload { background-color:transparent } .custom-file-upload input { height:52px } .file-upload-button:after { color:#fff } .custom-file-upload button.file-upload-button { background:0 0 } .custom-file-upload input.file-upload-input { padding-left:34px; width:100% } .form-group textarea { border:0; border-bottom:1px solid #fff } .formBottomtext p,.formBottomtext p input,.formBottomtext p label { font-size:16px; font-family:'Open Sans'; font-weight:400; font-style:normal } .formBottomtext p a { color:#fa7336 } .formBottomtext p.checkBox input[type='9px'] { position:absolute; left:0; top:6px; width:15px; font-size:20px; height:15px } .formBottomtextWrap.cf { display:flex; flex-direction:column; width:100%; align-items:flex-start; padding:0 20px } .formBottomtextWrap .btnRowWithCaptch { width:50%; margin-left:0; float:left; text-align:left; display:flex; align-items:center } .formBottomtextWrap .captachWrap { margin:0 30px 0 0; max-width:450px; width:100% } .formBottomtextWrap .captachWrap input { width:100%; height:60px } header input#searchBar.search-open { position:absolute; top:-16px; right:-16px; transform:translate(0,0); height:55px; background:#de463b; line-height:55px; padding-right:55px; border-radius:5px; box-shadow:0 0 10px rgb(0 0 0 / 50%); display:block!important; color:#fff; transition:.5s!important } header input#searchBar { width:350px; padding-left:25px; transition:.5s!important } @media (min-width:1701px){
 .blog-main .container { max-width:1688px } 
 } @media (max-width:1700px){
 .creators-title { max-width:100% } .contact-form input { width:65% } .contact-form form .form-group:nth-child(4) input { width:77% } .contact-form form .form-group { display:flex; align-items:center; justify-content:space-between; padding:0 20px } h1 { font-size:80px; line-height:80px } h2 { font-size:50px; line-height:60px } h3 { font-size:35px; line-height:50px } .colume-comman ul li a { font-size:18px; line-height:20px } .cmmidev { max-height:250px } .colume-comman p { font-size:16px; line-height:30px } .social-icon ul li { margin-right:25px } .social-icon ul li a { width:45px; height:45px } .contact-form { padding:70px 0 } .counter-main { margin-bottom:100px } .banner-content a,.formBottomtextWrap .btnRowWithCaptch .button { font-size:18px; line-height:30px; padding:12px 42px 11px; background:#de463b } .blog-main .swiper-slide .blog-title { font-size:22px; line-height:30px; font-weight:700 } .blog-main .swiper-slide p { font-size:16px; line-height:24px; margin-bottom:10px; font-weight:400 } .blog-main .swiper-slide a { font-size:16px; margin-bottom:0; line-height:normal } 
 } @media (max-width:1550px) { h1 { font-size:60px; line-height:70px } .banner-content p { max-width:540px; font-size:22px; line-height:30px } .banner-content a,.contact-form form button { font-size:20px; line-height:30px; padding:12px 35px } h2 { font-size:45px; line-height:54px } .about-main p { font-size:24px; line-height:35px } h3 { font-size:30px; line-height:45px } .industries-main h2 { margin:50px 0 40px } .serve-inner figure { max-width:80px; margin:0 auto } .cmmidev ul li img,.serve-inner figure img { width:100% } .swiper-pagination .swiper-pagination-bullet { width:12px; height:12px } .swiper-pagination { min-height:52px; bottom:-26px } .colume-comman ul li,.creators-title h2 { margin-bottom:15px } .creators-details p { font-size:22px; line-height:34px } h5 { font-size:22px; line-height:30px } .swiperFour .swiper-slide-active ul li.fa.fa-star,h6 { font-size:20px } ul#counter li span { font-size:85px; line-height:155px } .blog-main .swiper-slide .date,.blog-main .swiper-slide .date strong { font-size:28px; line-height:32px } .blog-main .swiper-slide .blog-bg { overflow:unset } .blog-main .swiper-slide .blog-title { font-size:30px; line-height:38px } .blog-main .swiper-slide p { font-size:18px; line-height:28px; margin-bottom:20px } .blog-main .swiper-slide a { font-size:22px; line-height:30px; margin-bottom:5px } .alliance-main { margin:30px 0 20px } .testimonial-main h2 { margin-bottom:40px } .swiperFour .swiper-slide-active .content-wrapper .content .cite { font-size:25px; line-height:32px } .swiperFour .swiper-slide-active .content h6 { font-size:16px } .colume-comman ul li a,.swiperFour .swiper-slide-active .content-wrapper .content p { font-size:16px; line-height:22px } .contact-form h4 { font-size:28px; line-height:40px } .contact-form input { width:60% } .contact-form label { font-size:19px; line-height:22px } .contact-form form .form-group:nth-child(4) input { width:77% } .contact-form form .form-group { margin-bottom:50px } h6 { line-height:32px } .colume-comman p { font-size:16px; line-height:28px; width:100%; max-width:100%; margin-right:10px; margin-bottom:20px } .colume-comman h6 { margin-bottom:14px } .social-icon ul li { margin-right:20px } .social-icon ul li a { width:40px; height:40px } .cmmidev { max-height:220px; padding-left:30px } .swiperFour { height:715px } .testimonial-main { padding:70px 0 } .swiperFour .swiper-slide { margin:0 } .swiper.swiper-two .swiper-slide { padding-bottom:0 } .serve-inner .serve-blk:after,.serve-inner .serve-blk:before { width:90px; height:90px } .serve-inner .serve-blk:before { bottom:-44px; right:-44px } .serve-inner .serve-blk:after { bottom:-44px; left:-44px } 
 } @media (max-width:1368px){
 .navbar-nav li a { font-size:18px; line-height:24px; margin:0 10px } h2 { font-size:32px; line-height:38px } h3 { font-size:24px; line-height:28px } .blog-main .swiper-slide a,h5 { font-size:18px; line-height:22px } .about-main p,.banner-content p,.creators-details p,h6 { font-size:16px; line-height:22px } .banner-content a,.contact-form form button { font-size:18px; line-height:24px; padding:12px 30px } .banner-inner .swiper-pagination .swiper-pagination-bullet { width:10px; height:10px } .about-main { margin:70px 0 } .contact-form,.service-main,footer { padding:50px 0 } .service-main h2 { margin:0 0 35px; font-size:40px } .service-content p { font-size:17px; line-height:25px } .service-content .service-text { padding:25px 30px } .serve-inner figure { max-width:55px } ul#counter li span { font-size:62px; line-height:100px } .creators-main { margin:50px 0 70px } .creators-main .row { padding-bottom:50px } .counter-main { margin-bottom:70px } .blog-main { padding-top:60px } .blog-main h2 { margin-bottom:35px } .blog-main .swiper-slide .date,.blog-main .swiper-slide .date strong { font-size:22px; line-height:26px } .blog-main .swiper-slide .blog-bg { height:100%; object-fit:cover } .blog-main .swiper-slide .blog-title { font-size:24px; line-height:32px } .blog-main .swiper-slide p { font-size:16px; line-height:24px; margin-bottom:15px } .alliance-main h2 { margin:0 0 35px } .swiperFour .swiper-slide.swiper-slide-active { transform:scale(1.22) } .swiperFour .swiper-slide-active .content-wrapper .content .cite { font-size:22px; line-height:26px; margin-bottom:5px } .swiperFour .content-wrapper .content .swiper-avatar { width:130px; height:130px; margin-bottom:10px } .swiperFour .swiper-slide-active .content h6,.swiperFour .swiper-slide-active .content-wrapper .content p { font-size:14px; line-height:18px } .swiperFour .content-wrapper .content p { font-size:14px; line-height:20px } .swiperFour .swiper-slide-active ul li.fa.fa-star { font-size:16px } .colume-comman ul li,.swiperFour .content-wrapper .content ul { margin-bottom:10px } .testimonial-main h2 { margin-bottom:0 } .swiperFour { height:575px } .swiper-pagination { min-height:45px } .contact-form h4 { font-size:22px; line-height:35px; margin:0 auto 50px } .contact-form label { font-size:15px; line-height:normal; width:100%; max-width:fit-content } .contact-form form .form-group:nth-child(4) input { width:82% } .colume-comman p,.colume-comman ul li a,.copyright p { font-size:14px; line-height:24px } .cmmidev { max-height:210px; padding:0 10px 0 30px } .logo a { max-width:150px } #toggle-search { max-width:17px } header nav.navbar { margin:20px 0 } .serve-inner .serve-blk:after,.serve-inner .serve-blk:before { width:70px; height:70px } .serve-inner .serve-blk:before { bottom:-36px; right:-36px } .serve-inner .serve-blk:after { bottom:-36px; left:-36px } .contact-form input { width:100%; font-size:15px; line-height:17px } 
 } @media (max-width:1200px){
 .industries-main h2 { margin:60px 0 40px } .blog-main .swiper-slide .blog-bg { } .blog-main .swiper-slide .date,.blog-main .swiper-slide .date strong { font-size:20px; line-height:22px } .blog-main .swiper-slide .blog-title { font-size:20px; line-height:24px } .blog-main .swiper-slide p { font-size:14px; line-height:21px } .testimonial-main { padding:50px 0 } .swiperFour .content-wrapper .content { padding:25px 30px } .swiperFour .swiper-slide.swiper-slide-active { transform:scale(1.3) } .swiperFour .content-wrapper .content .cite,.swiperFour .swiper-slide-active .content-wrapper .content .cite { font-size:18px; line-height:22px } .swiperFour .content h6 { font-size:13px; line-height:20px } .swiperFour .content-wrapper .content p { font-size:12px; line-height:18px } .swiperFour .swiper-slide-active .content h6 { font-size:12px; margin-bottom:5px } .swiperFour .swiper-slide-active ul li.fa.fa-star { font-size:13px } .swiperFour ul li.fa.fa-star { font-size:10px } .swiperFour .swiper-slide-active .content-wrapper .content p { font-size:12px } .swiperFour .content-wrapper .content .swiper-avatar { width:115px; height:115px } .swiperFour { height:540px } .swiper-pagination .swiper-pagination-bullet { width:10px; height:10px; margin:0 3px } .swiper-pagination { min-height:40px; max-width:110px } .top-company li { width:120px } .top-company li img { width:100%; object-fit: contain; } .cmmidev ul li { margin-right:20px } .cmmidev { max-height:210px; padding:0 10px; justify-content:center } .social-icon ul li a { width:32px; height:32px; font-size:18px!important } .swiper.swiper-three { padding-bottom:120px } .blog-main .swiper-three .swiper-pagination { bottom:20px } h6 { font-size:14px; line-height:20px } .navbar-nav li a { font-size:16px; line-height:20px } 
 } @media (max-width:991px){
 .cmmidev,.serve-blk:nth-child(4n):before { border:0 } h3 { font-size:22px; line-height:25px } h5 { font-size:16px } h6 { font-size:16px; line-height:22px } .about-main p,.banner-content p,.creators-details p { font-size:16px; line-height:20px } .banner-content a,.contact-form form button { font-size:16px; line-height:20px; padding:12px 25px } .banner-inner .swiper { justify-content:center } .about-main { padding:20px 0 40px; margin:0 } .about-main h2 { margin-bottom:15px } .service-content p { font-size:14px; line-height:21px } .service-content:hover .service-text h3:after { background-size:60% } .serve-blk:nth-child(n+9),.serve-inner .serve-blk:nth-child(n+9):after { border-bottom:0 } .industries-main h2 { margin:50px 0 10px } .serve-inner figure { max-width:45px } .swiper-wrapper { margin-bottom:35px } .creators-main { margin:50px 0 } .creators-main .row { padding-bottom:20px } .container,.container-md,.container-sm { max-width:100% } .contact-form form .form-group:nth-child(4),.contact-form form .form-group:nth-child(4) input,.contact-form input { width:100% } .swiper-pagination { bottom:-20px } ul#counter li span { font-size:50px; line-height:75px } .contact-form { padding:50px 0 } .alliance-main { margin:60px 0 25px } .cmmidev { max-height:210px; flex-direction:row; align-items:center; max-height:unset; padding:0; flex-direction:row; align-items:flex-start; justify-content:flex-start; margin-bottom:15px } .cmmidev figure { margin:0 25px 0 0 } .footer-inner { margin-bottom:20px } .contact-form form .form-group { width:100%; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; margin-bottom:20px } .contact-form form { overflow:hidden; max-width:600px; margin:0 auto } .swiper.swiper-two { padding-bottom:90px } .industries-main .swiper.swiper-two .swiper-pagination { bottom:20px } .swiper.swiper-three { padding-bottom:100px } .serve-blk:nth-child(6n) { border-right:1px solid #fff } .serve-blk:nth-child(n+7) { border-bottom:1px solid #fff } .serve-inner .serve-blk:after,.serve-inner .serve-blk:before { width:50px; height:50px } .serve-inner .serve-blk:before { bottom:-26px; right:-26px } .serve-inner .serve-blk:after { bottom:-26px; left:-26px } 
 } @media (max-width:767px){
 #counter li,.serve-blk:nth-child(2n),.serve-inner .serve-blk:before { border-right:0 } #counter li,.testimonial-main .swiper-nav-wrapper { padding-bottom:20px } #counter li,body.menu-open .banner-bg header .navbar-collapse li { margin-bottom:20px } .swiper.swiper-two .swiper-slide { height:150px; margin-bottom:0 } h1 { font-size:30px; line-height:35px } h2 { font-size:26px; line-height:32px } h3 { font-size:20px; line-height:22px } .banner-content a,.contact-form form button { font-size:16px; line-height:20px; padding:10px 22px; border-radius:5px } .about-main p,.banner-content p,.creators-details p { font-size:14px } .service-main h2 { margin:0 0 30px; font-size:40px } .service-content,.service-content:hover { height:100% } .serve-blk:nth-child(n+11),.serve-inner .serve-blk:nth-child(n+11):after { border-bottom:0 } #counter { flex-direction:row; flex-wrap:wrap; text-align:center } #counter li { border-bottom:1px solid #bfbfbf; width:50%; flex:0 0 auto } ul#counter li span { font-size:40px; line-height:normal } #counter li:last-child { border:0; padding:0; margin:0 } .counter-main { margin-bottom:50px } .blog-main { padding-top:50px } .swiper-pagination { max-width:150px; width:auto } .alliance-main h2 { margin:0 0 20px } .alliance-main { margin:20px 0 } .top-company li { max-width:120px; width:100%; padding-bottom:0 } .swiperFour .swiper-slide.swiper-slide-active { transform:unset } .swiper-three,.swiperFour { height:auto; max-width:320px; width:100%; padding-bottom:0 } .swiper-two { max-width:450px } .testimonial-main .swiper-pagination { position:unset } .testimonial-main { padding:50px 0 30px } .contact-form h4 { font-size:17px; line-height:26px; margin:0 auto 30px } .colume-comman h6,.colume-comman p,.footer-inner { margin-bottom:10px } .contact-form form .form-group { padding:0; margin-bottom:15px } .contact-form input { font-size:12px; line-height:16px } .copyright p,.serve-inner h6 { line-height:20px } .contact-form form button,body.menu-open .banner-bg header .navbar-collapse { margin-top:30px } .footer-inner { flex-direction:column } .colume-comman { width:100%; margin:0 0 10px } .colume-comman:last-child { width:100% } .cmmidev { flex-direction:column; max-width:220px } .cmmidev figure { margin:0 0 15px; max-width:200px } .colume-comman ul li { margin-bottom:0 } .swiperFour .swiper-slide.swiper-slide-active .content { margin:0 } .swiperFour .swiper-wrapper { margin-top:25px; max-width:550px; width:550px } .navbar-toggler .icon,button.navbar-toggler .icon:after,button.navbar-toggler .icon:before,button.navbar-toggler.collapsed .icon { width:28px; height:3px; background-color:#fff; transition-duration:.5s; position:absolute } .copyright p { font-size:13px } .navbar-toggler .icon,button.navbar-toggler.collapsed .icon { top:12px } button.navbar-toggler.collapsed .icon:after { top:10px; transform:none } button.navbar-toggler.collapsed .icon:before { top:-10px; transform:none } button.navbar-toggler.collapsed { padding:0 } button.navbar-toggler { width:30px; height:30px; position:relative } span.navbar-toggler-icon { width:100%; height:100% } button.navbar-toggler .icon:before { content:'16px'; top:-20px; right:0; transform:rotateZ(45deg) scaleX(1.25) translate(13px,13px) } button.navbar-toggler .icon:after { content:'0 0 9 16'; top:20px; right:0; transform:rotateZ(-45deg) scaleX(1.25) translate(12px,-12px) } button.navbar-toggler .icon { transition-duration:.5s; background:0 0 } button.navbar-toggler.collapsed:focus { outline:0; border:0; box-shadow:none } button:focus:not(:focus-visible) { outline:0; box-shadow:none } .navbar-toggler { padding:0; font-size:unset; line-height:unset } body.menu-open .swiper { z-index:-1; visibility:hidden } body.menu-open .banner-bg { height:100vh; background:#000; position:relative; top:0; left:0; z-index:9999 } body.menu-open .banner-bg header { height:100%; position:absolute; left:0; top:0 } body.menu-open .banner-bg header .navbar-collapse li.nav-item.search-expend { display:none } .serve-inner h6 { font-size:14px } .serve-blk:nth-child(n+7) { border-bottom:1px solid #fff } 
 } @media (min-width:768px) { ul#counter li span { font-size:60px; line-height:60px } .serve-inner .serve-blk:nth-child(n+7):after { border-bottom:0 } 
 } .serve-inner .serve-blk figure img { width:80px; height:80px } .serve-inner .serve-blk a:before { content:''; width:1px; position:absolute; background:rgb(255 255 255 / 30%); left:0; top:30px; bottom:30px } .serve-inner .serve-blk a:after { content:''; position:absolute; height:1px; background:rgb(255 255 255 / 30%); right:50px; bottom:0; left:50px } .swiperFour .swiper-nav-wrapper { display:flex; justify-content:center; margin-top:40px } .blog-main .swiper-slide .blog-bg img { width:100%; height:100%; object-fit:cover } #nav ul li:hover a { background-color:#4641c2; color:#fff } #nav ul li a { border-bottom:1px solid #38349f } #nav ul { border-color:#de463b } #nav ul ul li:hover a { background-color:#252274 } #nav li a:after { border-bottom:7px solid #de463b } #nav li a:before { background-color:#de463b } .creators-title h2 span { font-size:22px; line-height:20px } 
.footer-logo-list { margin-bottom: 1rem } 
.eventDetail .date { color:#000; font-size:24px; line-height:24px; margin-bottom:0; font-weight:600; margin-left:15px; } 
.eventDetail h6 { font-size:28px; } 
.meeting-info { font-size:18px; color:#221149; font-weight:400; line-height:1; margin:0px; margin-top:5px; } 
.eventDetail { background:linear-gradient(90deg,rgba(255,255,255,0.3) 0,transparent 80%); padding:15px; margin:20px 0px; } 
@media screen and (max-width:1366px) {
 .eventDetail img { width:200px; } 
 .eventDetail h6 { font-size:20px; } 
 .eventDetail .date { font-size:16px; } 
 .meeting-info { font-size:16px; } }
@media screen and (max-width:1200px) {
 
 .eventDetail .date { font-size:16px; } 
 .eventDetail h6 { font-size:20px; }} 
@media screen and (max-width:1024px) {
 .eventDetail h6 { font-size:18px; } 
 .eventDetail .date { font-size:18px; } 
 .meeting-info { font-size:16px; } }
@media screen and (max-width:767px) { 
 .eventDetail img { width:100px; } 
 .eventDetail .date { font-size:14px; } 
 .eventDetail h6 { font-size:14px; } 
 .meeting-info { font-size:14px; line-height:1.3; } 
 }
@media (max-width: 992px){
 .container, .container-lg, .container-md, .container-sm { max-width: 100%; } 
 } */