/* Theme Name: Hello Elementor Child Theme URI: https://github.com/elementor/hello-theme/ Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team Author: Elementor Team Author URI: https://elementor.com/ Template: hello-elementor Version: 1.0.1 Text Domain: hello-elementor-child License: GNU General Public License v3 or later. License URI: https://www.gnu.org/licenses/gpl-3.0.html Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready */ /* Add your custom styles here */ @font-face { font-family: 'AvertaStdPE'; src: url('fonts/AvertaStdPE-Regular.eot'); src: url('fonts/AvertaStdPE-Regulard41d.eot?#iefix') format('embedded-opentype'), url('fonts/AvertaStdPE-Regular.woff2') format('woff2'), url('fonts/AvertaStdPE-Regular.woff') format('woff'), url('fonts/AvertaStdPE-Regular.ttf') format('truetype'), url('fonts/AvertaStdPE-Regular.svg#AvertaStdPE-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'AvertaStdPE'; src: url('fonts/AvertaStdPE-Bold.eot'); src: url('fonts/AvertaStdPE-Boldd41d.eot?#iefix') format('embedded-opentype'), url('fonts/AvertaStdPE-Bold.woff2') format('woff2'), url('fonts/AvertaStdPE-Bold.woff') format('woff'), url('fonts/AvertaStdPE-Bold.ttf') format('truetype'), url('fonts/AvertaStdPE-Bold.svg#AvertaStdPE-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } body { max-width: 1920px; margin: 0 auto !important; overflow-x: hidden; } a:focus{outline:none !important;} div[data-elementor-type="wp-page"] {overflow-x: hidden;} section.header { z-index: 999; } .elementor-menu-toggle { background: #ef233c !important; color: #fff !important; } .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1240px !important; } .videosectonright { right: 0 !important; } .red-section{ position: relative; } .elementor-heading-title a span { color: #EF233C !important; } .atcb-button { background: #ab1e23 !important; border-radius: 50%; } .clientlogo .elementor-swiper-button {background: #ab1e23;border-radius: 99px;width: 40px;height: 40px;padding: 8px;} .clientlogo .elementor-swiper-button-prev { left: -15px !important; } .clientlogo .elementor-swiper-button-next { right: -15px !important; } .clientlogo i {padding: 10px;font-size: 12px!important;} .frameworkswparagraph .elementor-widget-container { max-width: 438px;} .productapplicationbefore:before{content: "";position: absolute;top: -136px;right:0; width: 415px;height: 494px;background-image: url(../../uploads/2021/08/Mask-Group-logo-3.png);background-repeat: no-repeat;background-size: 100%;z-index: 0;} .rowcontactleft, .rowcontactright { width: 49.5%; padding-left: 15px; display: inline-block; } .contactformsection label {font-weight: 600; font-size: 12px;line-height: 16px;color: #1E2C34;display: inline-block;margin-bottom: 10px; font-family: "AvertaStdPE", Sans-serif;} .contactformsection .inputfeild {background: #FCFCFD;border: 1px solid #CFD4E1!important;border-radius: 4px!important;} .numberbg {position:relative;} .rowcontactmessage { width: 98%; margin-left: 2%; padding-left: 5px; } .eael-entry-media { border-radius: 15px 15px 0px 0; } .eael-grid-post-holder { border-radius: 15px; } .eael-entry-header .test-sec .page-content h2 { margin: 0 0 10px 0 !important; font-family: 'AvertaStdPE', sans-serif !important; } .elementor-widget-eael-post-grid .eael-entry-title, .elementor-widget-eael-post-grid .eael-entry-title a { margin: 0 0 10px 0 !important; font-family: 'AvertaStdPE', sans-serif !important; font-size: 20px; line-height: 26px; padding-bottom: 0; } .eael-entry-title .test-sec .page-content h2:after { background: none; } .eael-grid-post-excerpt p { font-family: 'AvertaStdPE', sans-serif !important; font-size:14px; } eael-post-elements-readmore-btn { background: #ab1e23 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; color: #FFF; line-height: 27px !important; } .Greycolor { width: 90px; display: flex; flex-wrap: wrap; align-items: center; background: #E9E9ED; border: 1px solid #CFD4E1; border-radius: 4px 0px 0px 4px; padding: 5px 0px 4px 5px; position: absolute; top: 0; left: 0; z-index: 9; } .Greycolor .dropdownnumber { background: transparent; border: none; float: right; padding: 0; outline: 0; appearance: none; position:relative; } /*.Greycolor:after { content: "\f078"; position: absolute; top: 7px; right: 5px; z-index: 9; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 12px; }*/ .Greycolor span.wpcf7-form-control-wrap.code {margin-left: 5px;} .numberbg p {margin: 0;} .numberbg .phonenoinput {background: #FCFCFD; border: 1px solid #CFD4E1!important;border-radius: 0 4px 4px 0!important; padding-left: 100px;} .phoneno p { margin: 0;} .rowcontact { margin: 0 0 10px;} .bottomcontact { display: flex; flex-wrap: nowrap; align-items: center; margin: 15px 0 15px 2%; justify-content: space-between; width: 98%; padding-left: 5px; } .bottomcontact p {font-style: normal;font-weight: 600;font-size: 12px;line-height: 16px;color: rgba(92, 115, 129, 0.7); margin: 0;max-width: 260px; font-family: 'AvertaStdPE', sans-serif;} .conditionalsatement {width: 68%;} .rightbtn {width: 180px;background: #ab1e23;border-radius: 100px;height: 40px;text-align: left;padding: 0 15px;position: relative;} .rightbtn:hover {background:#2B2D42;} .rightbtn .submitbtn {width: auto!important;height: auto!important;padding: 7px;text-align: center!important;margin: 0!important;color: #fff;font-size: 14px; line-height: 24px;border: none;background: transparent !important;font-weight: bold;} .rightbtn .submitbtn:focus {outline:none !important;} .rightbtn:after{content:""; position:absolute; top:14px; right:27px; width:8px;height:10px;background-image: url(../../uploads/2021/08/rightarrow2.png);background-repeat: no-repeat;background-size: 100%;} span.colorchange2 {color: #ab1e23;} .footermenu ul {list-style: none;padding: 0;} .footermenu ul li a {padding: 6px 0;display: inline-block;font-style: normal;font-weight: normal;font-size: 14px;line-height: 24px;color: #5C7381; font-family: 'AvertaStdPE', sans-serif;} .casestudysection img{width:auto!important; max-width:100%; height:auto;} .casestudysection .owl-stage {display: flex;align-items: center;} .casestudysection .owl-nav { max-width: 450px; position: absolute; bottom: -60px; left: 50%; right: 0; z-index: 9; transform: translateX(-50%); min-width: 260px; } .casestudysection .owl-dots { max-width: 260px; position: absolute; bottom: -84px; left: 50%; right: 0; transform: translateX(-50%); min-width: 200px; } .casestudysection .owl-nav button.owl-prev {position: absolute; left: 0;top: 0px;font-size: 0!important;} .casestudysection .owl-nav button.owl-next {position: absolute;right: 0;top: 0px;font-size: 0!important;} .casestudysection .owl-nav button.owl-prev span {position: relative;} .casestudysection .owl-nav button.owl-prev span:before {content: "";position: absolute;top: -13px;left: 0;width: 48px;height: 48px;background-image: url(../../uploads/2021/08/arrowleftred.png);background-repeat: no-repeat;background-size: 100%;} .casestudysection .owl-nav button.owl-next span:before {content: "";position: absolute;top: -13px;right: 0;width: 48px;height: 48px;background-image: url(../../uploads/2021/08/arrownextred.png);background-repeat: no-repeat;background-size: 100%;} .casestudysection .contentcasestudy img{ position: relative; } .casestudysection .contentcasestudy .video-icon{ position: absolute; top: 50%; z-index: 1; left: 50%; transform: translate(-50%, -50%); } .casestudysection .contentcasestudy .video-icon .far{ color: #ab1e23; font-size: 90px; } .casestudysection .contentcasestudy .video-icon .far:hover{ color: #E98989;} .testisection img{width:auto!important; max-width:100%; height:auto;} .testisection .owl-stage {display: flex;align-items: center;} .testisection .owl-nav {max-width: 430px;margin: 0 auto;position: absolute; bottom: -60px;left: 0;right: 0;z-index: 9;} .testisection .owl-dots {max-width: 540px; margin: 0px auto;position: absolute;bottom: -84px;left: 0;right: 0;} .testisection .owl-nav button.owl-prev {position: absolute; left: 0;top: 0px;font-size: 0!important;} .testisection .owl-nav button.owl-next {position: absolute;right: 0;top: 0px;font-size: 0!important;} .testisection .owl-nav button.owl-prev span {position: relative;} .testisection .owl-nav button.owl-prev span:before {content: "";position: absolute;top: -13px;left: 0;width: 48px;height: 48px;background-image: url(../../uploads/2021/08/arrowleftred.png);background-repeat: no-repeat;background-size: 100%;} .testisection .owl-nav button.owl-next span:before {content: "";position: absolute;top: -13px;right: 0;width: 48px;height: 48px;background-image: url(../../uploads/2021/08/arrownextred.png);background-repeat: no-repeat;background-size: 100%;} .testisection .contentcasestudy img{ position: relative; } .testisection .contentcasestudy .video-icon{ position: absolute; top: 50%; z-index: 1; left: 50%; transform: translate(-50%, -50%); } .testisection .contentcasestudy .video-icon .far{ color: #ab1e23; font-size: 90px; } .testisection .contentcasestudy .video-icon .far:hover{ color: #E98989;} .elementor-element-9785849 .bdt-carousel .bdt-navigation-prev{position: relative; background-color: transparent !important; border-radius: 0% !important; padding: 0px !important} .elementor-element-9785849 .bdt-carousel .bdt-navigation-prev i{display: none;} .elementor-element-9785849 .bdt-carousel .bdt-navigation-next{ position: relative; background-color: transparent !important; border-radius: 0% !important; padding: 0px !important } .elementor-element-9785849 .bdt-carousel .bdt-navigation-next i{display: none;} .elementor-element-9785849 .bdt-carousel .bdt-navigation-prev:before {content: "";position: absolute;top: -13px;left: 0;width: 48px;height: 48px;background-image: url(../../uploads/2021/08/arrowleftred.png);background-repeat: no-repeat;background-size: 100%;} .elementor-element-9785849 .bdt-carousel .bdt-navigation-next:before {content: "";position: absolute;top: -13px;left: 320px;width: 48px;height: 48px;background-image: url(../../uploads/2021/08/arrownextred.png);background-repeat: no-repeat;background-size: 100%;} .lefttestimorinal a {max-width: 450px; overflow: hidden; display: block; position: relative;} .lefttestimorinal img {text-align: center;background: #fff;padding: 10px;margin: 0;border-radius: 4px!important;} .contentcasestudy p {font-style: normal;font-weight: normal;font-size: 16px;line-height: 28px;color: #FFFFFF;margin: 0 0 20px 0px;max-width: 551px; font-family: 'AvertaStdPE', sans-serif;} .btncasestudy {margin: 20px 0 0; display: inline-block;} .contentcasestudy ul {padding: 0;margin: 20px 0;list-style: none;display: flex;flex-wrap: wrap;align-items: center;} .contentcasestudy ul li {margin-right: 20px;background: #E9E9ED;padding: 10px 20px;border-radius: 24px;text-align: center;font-style: normal;font-weight: bold;font-size: 14px;line-height: 16px;display: flex;align-items: center;color: #595A66; font-family: 'AvertaStdPE', sans-serif;} .contentcasestudy ul li a{color: #595A66; text-decoration:none;} .testisection p {font-style: normal;font-weight: normal;font-size: 16px;line-height: 28px;color: #FFFFFF;margin: 0 0 20px 0px;max-width: 551px; font-family: 'AvertaStdPE', sans-serif;} .btncasestudy {margin: 20px 0 0; display: inline-block;} .testisection ul {padding: 0;margin: 20px 0;list-style: none;display: flex;flex-wrap: wrap;align-items: center;} .testisection ul li {margin-right: 20px;background: #E9E9ED;padding: 10px 20px;border-radius: 24px;text-align: center;font-style: normal;font-weight: bold;font-size: 14px;line-height: 16px;display: flex;align-items: center;color: #595A66; font-family: 'AvertaStdPE', sans-serif;} .testisection ul li a{color: #595A66; text-decoration:none;} .btncasestudy a, .contentcasestudy a.btn {display: inline-block;flex-wrap: wrap;align-items: center;background: #ab1e23;border-radius: 100px;padding: 12px 24px;width: 133px;font-style: normal;font-weight: bold;font-size: 14px;line-height: 16px;color: #fff; font-family: 'AvertaStdPE', sans-serif; border:1px solid #ab1e23;} .btncasestudy a:hover, .contentcasestudy a.btn:hover {background:#fff; color:#ab1e23; border:1px solid #fff;} .casestudysection .owl-dots span {background: #595A66!important;margin: 0!important;text-align: center!important; width: 12px!important;height: 12px!important;} body .casestudysection button.owl-dot { border: 2px solid rgba(239, 35, 60, 0.3)!important; border-radius: 50%; width: 20px; height: 20px; padding: 2px!important; margin: 0 15px; } body .casestudysection button.owl-dot:focus{outline: none;} body .casestudysection button.owl-dot:last-child{margin-right: 0px;} .casestudysection button.owl-dot.active, .casestudysection button.owl-dot.active span{background:#ab1e23!important;} .testisection .item .lefttestimorinal2 { padding-left: 0; } .testisection .owl-dots span {background: rgb(89 90 102) !important;margin: 0!important;text-align: center!important; width: 12px!important;height: 12px!important;} .testisection .owl-dots .active span{background: #ab1e23 !important;} body .testisection button.owl-dot {border: 2px solid rgba(239, 35, 60, 0.3)!important;border-radius: 50%;width: 20px;height: 20px;padding: 2px!important;margin-right: 32px;} body .testisection button.owl-dot:focus{outline: none;} body .testisection button.owl-dot:last-child{margin-right: 0px;} .testisection button.owl-dot.active, .casestudysection button.owl-dot.active span{border-color: #ab1e23!important;} .testisection button.owl-dot.active:focus, .casestudysection button.owl-dot.active span:focus{ outline: none;} .lefttestimorinal {position: relative;margin: 52px 0 0;} .casestudysection .item {display: flex;flex-wrap: wrap;align-items: center;} .testisection .lefttestimorinal:after {content: "";position: absolute;top: -52px;right: -52px;background-image: url(../../uploads/2021/08/caseourstudy.png);background-repeat: no-repeat;background-size: cover;width: 231px;height: 169px;z-index: -1;} .testisection .item {display: flex;flex-wrap: wrap;align-items: center;} .testimorinalscontent1 p:before { content: "“"; margin-right: 2px; } .lefttestimorinal2 .testimorinalscontent { background: #FFFFFF; border: 2px solid #CFD4E1; border-radius: 6px; padding: 25px 30px !important; height: 100%; position: relative; min-height: 326px; width: 99%; margin-left: 1%; } .testimorinalscontent p {font-family: 'AvertaStdPE', sans-serif;font-style: normal;font-weight: normal;font-size: 14px;line-height: 24px;color: #2B2D42;max-width: 575px;} .testimorinalscontent1 p.text {font-style: normal;font-weight: bold;font-size: 24px; line-height: 32px;color: #2B2D42;font-family: 'AvertaStdPE', sans-serif; margin-top:0;} .authorsection {display: flex;flex-wrap: wrap;justify-content: flex-end;margin: 20px 0 0 0;} .testimorinalscontent {position: relative;} .authornameright1 p {font-family: 'AvertaStdPE', sans-serif;font-style: normal;font-weight: 600;font-size: 20px;line-height: 32px;color: #2B2D42;margin: 0;} .authornameright span {font-family: 'AvertaStdPE', sans-serif;background: transparent!important;font-style: normal;font-weight: normal;font-size: 16px;line-height: 28px;color: #2B2D42;} .authorflog {margin-right: 15px;margin-top: 10px; display:none;} .colorredchanges{color:#ab1e23;} .postsectionnews {background: #fff;border: 2px solid #CFD4E1;border-radius: 6px;width: 95%;padding: 10px;} body .postsectionnews img { margin: 0px auto;width: 100%!important;} .postsectionnews h3 {font-family: 'AvertaStdPE', sans-serif;font-style: normal;font-weight: 600;font-size: 20px;line-height: 32px;color: #2B2D42;max-width: 380px;} .postsectionnews p {font-family: 'AvertaStdPE', sans-serif;font-style: normal;font-weight: normal;font-size: 14px;line-height: 24px;color: #2B2D42;} body .postsectionnews .dateandtime img {width: auto!important;margin-right: 10px;} .dateandtime {display: inline-block;width: 100%;margin: 20px 0 0;} .dateandtime ul {padding: 0; list-style: none;display: flex;flex-wrap: wrap;align-items: center;width: 100%;} .dateandtime ul li { margin-right: 20px;display: flex;flex-wrap: wrap;align-items: center;} .dateandtime ul li p {font-family: 'AvertaStdPE', sans-serif;font-weight: normal;font-size: 14px;line-height: 24px;margin: 0;color: #1E2C34;} .insightblognews .elementor-post__meta-data {position: absolute;bottom: 10px;padding: 0 30px;} article.elementor-post.elementor-grid-item.post-604.post.type-post.status-publish.format-standard.has-post-thumbnail.hentry.category-home-insight-news {position: relative;} span.headingnobold {font-weight: normal;font-family: 'AvertaStdPE', sans-serif; font-style: italic;} .insightblognews span.pc-date.bdt-first-column {position: absolute;bottom: 20px;left: 15px;} .insightblognews span.pc-time {position: absolute;bottom: 21px;left: 170px;} .bdt-carousel .bdt-carousel-excerpt, .bdt-carousel .bdt-carousel-title { height: 60px; overflow:hidden; } .insightblognews span.pc-date.bdt-first-column span, .insightblognews span.pc-time span{position:relative;} .insightblognews span.pc-date.bdt-first-column span:before{content:"";position:absolute;top:3px;background-image:url(../../uploads/2021/08/dateicon.png); background-repeat:no-repeat; background-size:75%;width:18px;height:19px;left:-19px;} .insightblognews span.pc-time span:before{content:"";position:absolute;top:3px;background-image:url(../../uploads/2021/08/clockicon.png); background-repeat:no-repeat; background-size:75%;width:18px;height:18px;left:-19px;} .insightblognews .bdt-flex.bdt-flex-middle { position: absolute; left: 0; right: 0; bottom: 35px; width: 30%; margin: 0 auto; min-width: 300px; } .applicationservicebtn span.elementor-button-icon.elementor-align-icon-right {height: 15px;width: 15px; padding:0;} .applicationservicebtn span.elementor-button-content-wrapper {display: flex;flex-wrap: wrap;align-items: center;} .headercontactusac span.elementor-button-content-wrapper {display: flex;flex-wrap: wrap; align-items: center;} .headercontactusac span.elementor-button-icon.elementor-align-icon-right {width: 12px; height: 18px; padding-top: 2px;} .contentcasestudy1 p a{font-style: normal;font-weight: bold;font-size: 32px;line-height: 40px;color: #FFFFFF; font-family: 'AvertaStdPE', sans-serif;} .playicon svg { fill: transparent!important;} a{text-decoration:none!important;} a:hover{text-decoration:none!important;} .contentcasestudy ul li:hover {background: #ab1e23; color: #fff;} .btncasestudy a:hover {background: transparent;text-decoration: none;color: #ab1e23;border-color: #ab1e23;border: 1px solid #ab1e23;} .footermenu ul li a:hover{color:#ab1e23;text-decoration:none;} .bdt-carousel .bdt-carousel-item{box-shadow:none!important;} .emailfooter svg {margin: 5px 0 0;} .footercountry svg {margin-right: 5px!important;} .footercountry {padding: 8px 20px!important;} .sectioninsight-news span.swiper-pagination-bullet{position:relative;margin: 0 25px;} .sectioninsight-news span.swiper-pagination-bullet:before {content: "";position: absolute;top: -4px;left: -4px;width: 20px;height: 20px;border: 2px solid rgb(239 35 60);border-radius: 99px; } .elementor-33 .elementor-element.elementor-element-9785849 .bdt-carousel .swiper-pagination-bullet-active:before{background:#ab1e23;} .elementor-33 .elementor-element.elementor-element-610c0a0 > .elementor-container{min-height:138px!important;} .elementor-33 .elementor-element.elementor-element-4ce50fd > .elementor-container {min-height: 132px!important;} .elementor-33 .elementor-element.elementor-element-7288d9b > .elementor-container {min-height: 138px!important;} /*tabs design*/ .tabs-left {border-bottom: none!important;background-image:url(../../uploads/2021/10/linebg5.png); background-repeat:no-repeat;width:4px; padding: 70px 0 0 30px!important; display: flex;flex-wrap: wrap;align-items: center;height: 1200px;} .tabs-left>li {float: none; margin:0px;} .tabs-left>li a{font-size: 40px;line-height: 45px;color: #CFD4E1; font-family: 'AvertaStdPE';} .tabs-left>li.active>a, .tabs-left>li.active>a:hover, .tabs-left>li.active>a:focus {color:#ab1e23!important; background:transparent!important;border:none!important;} .nav-tabs>li>a:hover {color:#ab1e23!important; background:transparent!important;border:none!important;} .tabs-left>li >a::before{content: "";position: absolute;top: 27px;left: -36px;background:#fff;width:15px;height:15px;border-radius:99px;display: block;} .tabs-left>li.active>a::after{content: "";position: absolute;top: 27px;left: -36px;background:#ab1e23;width:15px;height:15px;border-radius:99px; display: block;} .inapptabcontent {position: absolute;top: 170px;left: 0;right: 0; margin: 0 auto;} .inner-tabcontent {width: 75%;background: #fff;border-radius: 12px; padding: 20px;margin: 0 auto;} .inapptabs{position:relative;} .inner-tabcontent h3{font-size: 40px;line-height: 45px;color: #1E2C34;text-transform: capitalize;} .inner-tabcontent p{font-size: 16px;line-height: 32px;color: #2B2D42;} .inapp-vision:before { position: absolute; content: ''; top: -91px; left: 0px; width:456px; height: 423px; z-index: 0; margin-top: 0; background-size: 100%; } header.page-header { display: none; } .page-id-1683 .servicelist:before, .page-id-1683 .servicelist2:after {display:none;} section.srmhead .elementor-column > div { padding: 0px 0 200px 0 !important; } section.srmhead .elementor-container h1 { font-size: 60px; line-height: 72px; position: relative; z-index: 10; max-width: 975px; margin: 0 auto; } .sevensectionwhyinapp .elementor-col-50 > div { margin: 0 0 0 30px; } .techlogosec .elementor-widget-wrap { background: transparent !important; border: none !important; padding: 20px 0 !important; } .techlogosec .elementor-widget-wrap .gallery-columns-3 { max-width: 745px; margin: 30px auto !important; } .techlogosec .elementor-widget-wrap .gallery-columns-4 { max-width: 1000px; margin: 30px auto !important; position:relative; } .techlogosec .elementor-widget-wrap .gallery-columns-5 { max-width: 1200px; margin: 30px auto !important; } .techlogosec figure.gallery-item div { height: 100px; background:#fff; border: 1px solid #CFD4E1; border-radius: 8px; display: flex; align-items: center; justify-content: center; max-width: 225px; } .page-id-2386 .technolory-services { position: relative; z-index: 0; } .srvcheadsec{z-index:10 !important;} .srvcheadsec:after { background: url(../../uploads/2021/10/ivector.svg) no-repeat; background-size: 100% auto; content: ""; width: 510px; height: 560px; position: absolute; right: 0; bottom: -90px; opacity: .5; z-index:-1; } .srvcheadsec p { max-width: 850px; } .bdt-accordion-container:after { content: ""; position: absolute; top: -128px; right: -11vw; width: 306px; height: 322px; background-image: url(../../uploads/2021/08/technologyservice.png); background-repeat: no-repeat; background-size: 100%; z-index: -1; } .headermenu2 .elementor-widget-wrap { justify-content: end; } .footercountry .elementor-container .elementor-col-33 {display: inline-flex; width: auto; min-width: 220px;} .footercountry .elementor-container {justify-content: center;} .bannersection {max-height: 700px; min-height:570px;} .bannercont { justify-content: space-around; background: #FFFFF !important; } .swiper-slide-bg { border-radius:20px; } .bannercont > .elementor-widget-wrap { max-width: 670px; float: right; display: block !important; } .customsolution h2.elementor-heading-title span {position:relative;z-index: 2;} .customsolution h2.elementor-heading-title span:after { content: ""; background: url(../../uploads/2021/08/redcircle1.png) no-repeat; width: 70px; height: 70px; position: absolute; right: -5px; bottom: -5px; z-index: -1; background-size: contain; } .bdt-carousel .bdt-carousel-item .bdt-carousel-thumbnail { height: 250px; background: #f5f5f5; } .videobanner .elementor-custom-embed-image-overlay { background-size: 101% !important; } .elementor-11 .elementor-nav-menu--main li.menu-item { margin-right: 14px !important; } .elementor-11 .elementor-nav-menu--main .sub-menu li.menu-item { margin-right: 0 !important; } .applicationservicebtn .elementor-button-link:hover { background: #000000 !important; color: #fff !important; } section.srmhead .elementor-button-wrapper { position: relative; height: 85px; } section.srmhead .elementor-button-wrapper a {position:absolute; z-index:9; left: 50%; transform: translateX(-50%);} /* .elementor-nav-menu .sub-arrow { padding: 10px 0 10px 5px !important; } */ .elementor-nav-menu .elementor-item-active .sub-arrow {fill: #2b2d42;} .elementor-nav-menu .sub-menu .sub-arrow { transform: rotate(270deg); top: 3px; position: relative; } .dropshadow { box-shadow: 0px 54px 120px -60px rgb(36 50 85 / 17%); border-radius: 6px; padding: 0 !important; } .elementor-location-header .bdt-navbar-dropdown-nav { box-shadow: 0px 2px 5px rgb(0 0 0 / 40%); } #lightform .dropshadow { border: 1px solid #ecaab3; } .page-template-blogs .site-main, .page-template-cases .site-main { width: 100% !important; max-width: initial !important; } .page-template-cases .site-main { background: #2B2D42; } .page-template-blogs .site-main .container, .page-template-cases .site-main .container, .page-template-news .site-main .container { max-width: 1240px !important; width:100%; padding:0; } header.blog-filter { width: 100%; padding: 0 0 400px 0; } header.blog-filter .inner-head{ display: flex; align-items: flex-end; } .page-template-cases header.blog-filter { background: none; padding:50px 0; } .page-template-cases header.case-filter { background: none; padding: 50px 0 20px; margin-top: 25px; } .page-template-cases header.case-filter .inner-case{ display: flex; align-items: flex-end; justify-content: space-between; } header.blog-filter .leftfilter{ width: 50%; display: inline-block; float: left; } header.blog-filter .rightfilter { width: 50%; display: inline-block; float: left; } header.case-filter .leftfilter{ width: 50%; display: inline-block; float: left; } header.case-filter .rightfilter { width: 50%; display: inline-flex; float: left; justify-content: flex-end; } .leftfilter h2 { font-family: "AvertaStdPE", sans-serif; font-style: normal; font-weight: bold; font-size: 40px; line-height: 48px; color: #FFFFFF; margin-bottom: 30px; } .leftfilter form { max-width: 400px; position: relative; } .leftfilter input { font-family: "AvertaStdPE", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 24px; color: #2b2d42; height: 40px; border-color: #d7d7d7 !important; } .leftfilter button { color: #b3b3b3; border: none; font-size: 21px; position: absolute; right: 0; top: 0; } .leftfilter button:hover, .leftfilter button:focus { outline: none; background: #ef233c; } .rightfilter form { max-width: 400px; position: relative; margin: 30px 0 0 auto; } .rightfilter input { font-family: "AvertaStdPE", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 24px; color: #2b2d42; height: 40px; } .rightfilter button { color: #b3b3b3; border: none; font-size: 21px; position: absolute; right: 0; top: 0; } .rightfilter button:hover, .leftfilter button:focus { outline: none; background: #ef233c; } .rightfilter ul { margin: 30px -10px 20px 0; padding: 0; list-style: none; text-align: right; } .rightfilter ul li { display: inline-block; margin: 0 5px 10px 0; position:relative; } .rightfilter ul li a, .rightfilter ul li label { font-family: "AvertaStdPE", sans-serif; font-style: normal; font-weight: bold; font-size: 14px; line-height: 16px; display: flex; align-items: center; color: #595A66; background: #fff; padding: 10px; border-radius: 30px; margin:0; } .rightfilter ul li input[type="radio"] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; opacity: 0; } .rightfilter ul li.vall a {padding:0;} .rightfilter ul li.filt:hover label, .rightfilter ul li.casefilt:hover label, .rightfilter ul li.active input[type="radio"]:checked+label, .rightfilter ul li.vall.active label, .rightfilter ul li.vall:hover label {background: #ef233c; color:#fff;} select.casefilt { -webkit-appearance: none; -moz-appearance: none; background: #fff; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position-x: 100%; background-position-y: 7px; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; } select.filt { -webkit-appearance: none; -moz-appearance: none; background: #fff; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position-x: 100%; background-position-y: 7px; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; } select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } .rightfilter p { text-align: right; margin: 0; } .rightfilter select { width: 150px; display: inline-block; margin-left: 15px; height: 40px; font-family: "AvertaStdPE", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 24px; color: #1E2C34; border-color: #d7d7d7 !important; } .blogs-list, .cases-list11 { display: flex; margin-bottom: 100px; flex-direction: column; } .blogs-list ul, .cases-list11 ul { list-style: none; padding: 0; max-width: 1260px; margin: -370px auto 0; } .cases-list1 ul {margin:0 auto;} .cases-list1 ul.tags {margin:30px 0;} .blogs-list li { border: 2px solid #CFD4E1; padding: 10px; width: 31.3%; display: inline-block; margin: 1%; float: left; background: #fff; border-radius: 20px; } .blogs-list li figure { height: 250px; position:relative; overflow: hidden; background: #f5f5f5; } .cases-list1 li { border: none; padding: 0 0 50px 0; width: 100%; display: flex; margin: 0 0 50px 0; background: transparent url(../../uploads/2021/09/separate.png) no-repeat; border-radius: 20px; align-items: center; background-position: bottom center; background-size: contain; } .cases-list1 li:last-child {background:none; padding-bottom:0;} .cases-list1 li ul.tags li { display: inline-block; margin: 0 10px 10px 0; width: initial; border-radius: 30px; padding:0; } .cases-list1 li ul.tags li a { font-family: "AvertaStdPE", sans-serif; font-style: normal; font-weight: bold; font-size: 14px; line-height: 16px; display: flex; align-items: center; color: #595A66; background: #fff; padding: 10px; border-radius: 30px; } .cases-list1 li ul.tags li a:hover { background: #ef233c; color: #fff; } .cases-list1 figure, .cases-list1 .casecont { width: 50%; float: left; } .cases-list1 .casecont {padding-left:30px;} .blogs-list figure img, .cases-list1 figure img { border-radius: 10px 10px 0 0; } .cases-list1 figure img { border: 10px solid #fff; border-radius: 10px; max-width: 400px; } .blogs-list li figure a { display: block; width: 100%; height: 100%; text-align:center; } .blogs-list figure img { max-width: 100; } .blogs-list h2 a, .cases-list1 h2 a, .blogs-list h3 a { font-family: "AvertaStdPE", sans-serif; font-style: normal; font-weight: 600; font-size: 20px; line-height: 32px; color: #2B2D42; height: 60px; overflow: hidden; display:block; } .cases-list1 h2 a {font-size:32px; line-height:42px; color:#fff; margin-bottom:20px; height:initial;} .blogs-list p, .cases-list1 p { font-family: "AvertaStdPE", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #2B2D42; } .blogs-list p.excerpt{ height:100px; overflow:hidden; } .cases-list1 p {font-size:16px; color:#fff;} .blogs-list p span, .cases-list1 p span { margin: 15px 30px 0 0; display: inline-block; } .blogs-list p span i, .cases-list1 p span i{ color:#ab1e23; margin-right: 5px;} .cases-list1 p.metainfo a, .cases-list1 p.metainfo a.dwn:hover { background: #ef233c; font-family: "AvertaStdPE", sans-serif; font-style: normal; font-weight: bold; font-size: 14px; line-height: 16px; display: inline-block; text-align: center; color: #FFFFFF; border: 1px solid #ef233c; padding: 10px 15px; border-radius: 20px; margin-right: 15px; } .cases-list1 p.metainfo a.dwn, .cases-list1 p.metainfo a:hover { border: 1px solid #fff; color: #ab1e23; background: #fff; } .wp-pagenavi a.first, .wp-pagenavi a.last, .wp-pagenavi > span:first-child { display: none; } .wp-pagenavi { display: flex !important; margin: 0 auto !important; align-items: center; justify-content: center; position:relative; top:30px; width: 100%; z-index:9999; } .wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink { background: #ab1e23; min-width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; color: #fff; border-radius: 50px; margin: 30px; border:none; position:relative; font-size:0; font-family: "Font Awesome 5 Free"; } .wp-pagenavi a.previouspostslink:after { content: "\f053"; font-size: 16px; font-weight: 900; } .wp-pagenavi a.nextpostslink:after { content: "\f054"; font-size: 16px; font-weight: 900; } .wp-pagenavi a.nextpostslink { margin-left: 35px !important; } .wp-pagenavi a, .wp-pagenavi span.current { text-align: center; margin: 0 5px !important; color: #2b2d42; font-weight: 500 !important; width: 30px; height: 30px; } .wp-pagenavi span.extend { display: none; } .cases-list1 .wp-pagenavi a, .cases-list1 .wp-pagenavi span.current { color: #fff; } .cases-list1 .wp-pagenavi a:hover, .cases-list1 .wp-pagenavi span.current {border-color:#fff;} .cases-list1 .wp-pagenavi {color:#fff;} .page-template-cases .dropshadow > .elementor-container { background: #fff; margin-bottom: 30px; } div#homepopvid { display: block; width: auto; margin: 0 auto; z-index: 99; cursor:pointer; } div#fliterlist .nodata, div#casefliterlist .nodata { font-family: "AvertaStdPE", Sans-serif; font-size: 27px; font-weight: 600; line-height: 48px; text-align: center; position: relative; top: -250px; color: #fff; } div#casefliterlist .nodata {position:static;padding:50px 0;} .nocont {display:none;} .area-cnt img { max-height: 130px; width: initial; } .servicesslide .bdt-slider{padding-bottom:100px; position:relative;} .servicesslide .bdt-slider .elementor-top-column { display: flex; align-items: center; } .servicesslide .bdt-slider .elementor-top-column > div{display:grid; align-content: center;} .servicesslide .bdt-slider .bdt-slide-item { padding: 45px 0 0; } .servicesslide .bdt-slider .bdt-slide-item h4 { font-style: normal; font-weight: bold; font-size: 32px; line-height: 40px; color: #FFFFFF; font-family: 'AvertaStdPE', sans-serif; } .servicesslide .bdt-slider .elementor-widget-image .elementor-widget-container { max-width: 450px; max-height:300px; overflow: hidden; display: block; position: relative; border:10px solid #fff; border-radius:4px; } .servicesslide .bdt-slider .elementor-widget-image .elementor-widget-container img {border:none !important;} .servicesslide .bdt-slider .elementor-widget-image {position:relative;} .servicesslide .bdt-slider .elementor-widget-image:after { content: ""; position: absolute; top: -52px; right: -52px; background-image: url(../../uploads/2021/08/caseourstudy.png); background-repeat: no-repeat; background-size: cover; width: 231px; height: 169px; z-index: -1; } .servicesslide .bdt-slider .bdt-position-center { max-width: 320px; bottom: 0; top: initial; height: 50px; } .servicesslide .bdt-slider .bdt-position-center i.ep-arrow-left-4:before { content: ""; position: absolute; top: 0; left: 0; width: 48px; height: 48px; background-image: url(../../uploads/2021/08/arrowleftred.png); background-repeat: no-repeat; background-size: 100%; } .servicesslide .bdt-slider .bdt-position-center i.ep-arrow-right-4:before { content: ""; position: absolute; top: 0; right: 0; width: 48px; height: 48px; background-image: url(../../uploads/2021/08/arrownextred.png); background-repeat: no-repeat; background-size: 100%; } .servicesslide .bdt-slider .bdt-navigation-prev {left:0 !important;} .servicesslide .bdt-slider .bdt-navigation-next {right:0 !important;} .servicesslide .bdt-slider .bdt-position-bottom { left: 50%; bottom: 0; top: initial; max-width: 150px; transform: translateX(-50%); } .hbspt-form .submitted-message h5 { text-align: center !important; color: green !important; font-size: 18px !important; } .submitted-message.hs-main-font-element h5{ font-size: 20px !important; color: #33475b; background: green; padding: 20px !important; height: 100px; float: left; text-align:center; width } .servicesslide .bdt-slider .swiper-pagination-bullet { background: #595A66!important; text-align: center!important; width: 12px!important; height: 12px!important; border: 2px solid rgba(239, 35, 60, 0.3)!important; border-radius: 50%; padding: 8px!important; margin:0 15px; } .servicesslide .bdt-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #ef233c!important;} .servicesslide .btnsr a { display: inline-block; flex-wrap: wrap; align-items: center; background: #ab1e23; border-radius: 100px; padding: 12px 24px; width: 133px; font-style: normal; font-weight: bold !important; font-size: 14px !important; line-height: 16px !important; color: #fff; font-family: 'AvertaStdPE', sans-serif !important; border: 1px solid #ab1e23; } .servicesslide .btnsr a:hover { background: #2B2D42; color: #fff; border: 1px solid #fff; } .servicesslide .btnsr a span.elementor-button-text { position: relative; top: 2px; } body > .testisection.sectiontextiomrinal34 { display: none; } .mfp-close{} .mfp-close:hover{ background: transparent !important; display: inline-block !important; width: auto; outline: none; } .mfp-close:focus{outline: none;} .subs-sec{ padding: 0px 0; margin: 50px 0; } .subs-sec .flex_wrapper.space_between { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; padding: 30px 0 0; justify-content: space-between; } .subs-sec .small-cnt{padding: 50px !important;background: #ef233c;} .subs-sec .flex_wrapper { margin: 0!important; } .subs-sec .newsletter_left { position: relative; width: 45%; margin-right: 5%; } .subs-sec .newsletter_left:after { position: absolute; content: ""; right: -30px; top: -12px; height: 224px; width: 1px; background: #fff; } .subs-sec .small_text { color: #FFFFFF; font-family: "AvertaStdPE", Sans-serif; font-size: 18px; font-weight: 400; line-height: 24px; } .subs-sec .newsletter_left .heading3 { color: #fff; font-family: "AvertaStdPE", Sans-serif; font-size: 30px; font-weight: 600; position: relative; margin: 50px 0 60px 0; position: relative; } .subs-sec .newsletter_right { width: 45%; margin-left: 5%; } .newsletter_right .para { font-family: "AvertaStdPE", Sans-serif; font-size: 20px; color: #fff; } .blur-cnt{ display: none; width: 100%; height: 100vh; position: fixed; opacity: 0.9; background: #222; z-index: 9; top:0; left: 0; overflow: hidden; animation-name: fadeIn_Container; animation-duration: 1s; } .modal{ display:none; top: 30% !important; min-width: 250px; width: 50%; height: 400px; margin: 0 auto !important; position: fixed; z-index: 99; background: #fff; border-radius: 10px; box-shadow: 0px 0px 10px #000; margin-top: 30px; margin-left: 10%; animation-name: fadeIn_Modal; animation-duration: 0.8s; } .modal .header{ width: 100%; height: 50px; border-radius: 10px 10px 0px 0px; border-bottom: 2px solid #ccc; align-items: center; display: flex; justify-content: flex-end; } .modal .header a{ text-decoration: none; float: right; line-height: 70px; margin-right: 10px; color: #aaa; } .modal .header .cancel{ background: #ef233c; width: 30px; height: 30px; border-radius: 50%; align-items: center; display: flex; justify-content: center; color: #fff; } .modal .content{padding: 20px;} @keyframes fadeIn_Modal { from{ opacity: 0; } to{ opacity: 1; } } @keyframes fadeIn_Container { from{ opacity: 0; } to{ opacity: 0.9; } } .addresstabs .bdt-tab { justify-content: space-between; width: 900px; } .addresstabs .bdt-tab .bdt-tabs-item { padding: 0; width: 25%; } .section-homeinfocontact { background-image: url(../../uploads/2021/08/Mask-Group-logo-3.png); background-position: bottom right; background-repeat: no-repeat; background-size: auto; } .section-homeinfocontact .hbspt-form { padding: 40px 40px 25px 25px; } .section-homeinfocontact > .elementor-container { background: #FFFFFF; box-shadow: 0px 54px 120px -60px rgb(36 50 85 / 17%); border-radius: 6px; overflow:hidden; } .page-content { padding: 15px 0; } .faq-content h2 { color: #2b2d42; font-family: "AvertaStdPE",Sans-serif; font-size: 36px; font-weight: 700; line-height: 48px; margin-bottom:50px; } .faq-content .accordionItem { float: left; display: block; width: 100%; box-sizing: border-box; text-shadow: none; opacity: 1; font-weight: initial; } .faq-content .accordionItemHeading { cursor: pointer; margin: 0 0 10px 0; font-family: "AvertaStdPE",Sans-serif; font-size: 20px; font-weight: 400; line-height: 32px; padding: 15px 20px; background: #56586e; color: #fff; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-sizing: border-box; transition: all 300ms cubic-bezier(0,.49,.27,.99); position:relative; } .faq-content .accordionItemHeading:after { font-family: "Font Awesome 5 Free"; content: "\f061"; font-weight: 900; position: absolute; right: 15px; } .faq-content .open .accordionItemHeading:after { content: "\f063"; } .faq-content .close .accordionItemContent{ height:0px; transition:height 1s ease-out; -webkit-transform: scaleY(0); -o-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); float:left; display:block; } .faq-content .open .accordionItemContent { padding: 20px; background-color: #fff; border: 1px solid #ddd; width: 100%; margin: 0 0 10px 0; display: block; -webkit-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: top; -o-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: -webkit-transform 0.4s ease-out; -o-transition: -o-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; box-sizing: border-box; font-family: "AvertaStdPE",Sans-serif; font-size: 16px; line-height: 28px; } .faq-content .close:focus, .faq-content .close:hover {opacity:0.9;} figure.is-provider-spotify { min-width: 500px; max-width: 50%; } .insightblognews .bdt-arrows-dots-align-center .bdt-position-center { left: 0; top:initial; transform: translateX(0); height: 75px; } .insightblognews .bdt-flex.bdt-flex-middle .bdt-slidenav { padding: 19px; } .insightblognews .bdt-flex.bdt-flex-middle .bdt-slidenav i { font-size: 10px; } .sectioninsight-news .bdt-ep-carousel-excerpt { height: 40px; overflow: hidden; } .sectioninsight-news h4.bdt-ep-carousel-title { height: 60px; overflow: hidden; } button{outline:none !important;} .sectioninsight-news .bdt-arrows-dots-align-center .bdt-dots-container .swiper-pagination { max-width: 270px; left: 50%; transform: translateX(-50%); } .elementor-location-header nav.elementor-nav-menu--main > ul > li.menu-item:last-child { display: none; } .breadcrumbsec {padding: 50px 15px 0px 15px;} .home .breadcrumbsec {display:none;} .single-case_studies div[data-elementor-type="wp-post"] > section:first-child { margin-bottom: 50px; } .single-post .top-section { padding: 50px 0 50px; position: relative; z-index: 9; } .single-post .top-section .container { max-width: 1240px; width: 100%; } .single-post .top-section:after {display:none;} .page-id-5917 .breadcrumbsec { display: none; } .single-cstm_leadership .breadcrumbsec, .single-case_studies .breadcrumbsec, .single-post .breadcrumbsec, .single-cstm_news .breadcrumbsec{ display: none; } .sectioninsight-news {background-image: none !important;} .bdt-ep-breadcrumb li { display: inline-flex; flex: initial; } .bdt-ep-breadcrumb li:before { margin: 0 5px !important; } .testimonialgrid .elementor-widget-eael-testimonial { border: 2px solid #2B2D4226; border-radius: 6px; padding: 15px; width: 31.3%; margin: 1%; } .bwg_container a.bwg_load_btn { background: #ef233c !important; color: #fff !important; font-family: 'AvertaStdPE' !important; font-size: 16px !important; font-weight: 500 !important; padding: 10px 30px !important; border-radius: 30px !important; border: 1px solid #fff !important; margin: 50px auto 0 !important; display: table; } .bwg_container a.bwg_load_btn:hover { color: #ef233c !important; background: #fff !important; border-color: #ef233c !important; } #spider_popup_left-ico, #spider_popup_right-ico { background-color: #ef233c !important; color: #fff !important; font-size: 16px !important; opacity: 1 !important; } .spider_popup_wrap { background-color: #000c !important; } .bwg-standard-thumbnails .bwg-zoom-effect .bwg-zoom-effect-overlay { display: none; } .spider_popup_wrap a.spider_popup_close_fullscreen { background: #000 !important; z-index: 9999 !important; position: absolute !important; border: 1px solid #000; color: #ef233c; padding: 5px; border-radius: 100%; } .spider_popup_wrap a.spider_popup_close_fullscreen .bwg_close_btn {opacity:1;} .spider_popup_wrap a.spider_popup_close_fullscreen:hover {color:#fff !important;} .elementor-location-header .bdt-navbar-nav > li:last-child { display: none; } .elementor-location-header .bdt-navbar-nav > li > a { min-height: 40px; border-bottom: 3px solid #fff; padding: 0 !important; margin-right: 41px; } .elementor-location-header .bdt-navbar-nav > li.bdt-active > a, .elementor-location-header .bdt-navbar-nav > li > a:hover {border-color:#ab1e23;} .elementor-location-header .bdt-navbar-dropdown { width: initial; padding: 0; } .elementor-location-header .bdt-navbar-dropdown ul a { white-space: nowrap; } .bdt-navbar-parent-indicator-yes ul>li.bdt-parent>a:after { font-size:10px; margin-left: 2px; } .deliverymodels img { width: initial; } .case-slide-sec .sectioninsight-news { padding-bottom: 100px !important; } .industrylist .edusvg .elementor-icon svg { height: 70px; } .thankyoubox .elementor-widget-wrap { max-width: 700px; margin: 0 auto; } .darktestimonials h2.elementor-heading-title { color: #fff !important; } .page-id-25724 .elementor-location-header { display: none; } #landing-hero .elementor-section > div { padding: 0; } .landingmenu .elementor-nav-menu--dropdown > ul > li.menu-item:last-child a.elementor-item { padding: 7px 0; background: transparent !important; color: inherit !important; } .landingmenu .elementor-nav-menu--dropdown { padding-top: 100px; } .landingmenu .elementor-nav-menu--dropdown > ul > li.menu-item:last-child { top: 0; } .landingmenu .elementor-nav-menu--dropdown > ul > li.menu-item:last-child a.elementor-item::after { display: none; } .srvcwhyinapp .sevensectionwhyinapp { padding: 0 !important; } .page-id-30422 main.site-main, .page-id-30422 main.site-main header > .container { max-width: 1240px; margin-top: 15px; width: 100%; } @media only screen and (min-width : 1500px) { .sectioninsight-news {background-size: 37%;} } @media screen and (min-width: 1400px) { .bannersection { max-height: 700px; min-height: 626px; } .elementor-33 .elementor-element.elementor-element-a9ec138 { font-size: 16px; line-height: 22px; } } @media only screen and (min-width : 1600px) { .sectioninsight-news {background-size: 40%;} } /* Large screens ----------- */ @media only screen and (min-width : 1824px) { .inapp-vision::before { top: -120px!important;left: -5px;transform: rotate(1deg);} .vendor-sectionarea .elementor-widget-container {max-width: 345px;} .elementor-33 .elementor-element.elementor-element-0ef3b85:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-33 .elementor-element.elementor-element-0ef3b85 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size: 15% auto!important;} .elementor-33 .elementor-element.elementor-element-16774f2:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-33 .elementor-element.elementor-element-16774f2 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size: 17.4% auto!important;} .elementor-33 .elementor-element.elementor-element-8777813:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-33 .elementor-element.elementor-element-8777813 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size: 17.4% auto!important;} .frameworksection .elementor-image-gallery .gallery-item img {margin: 0!important;} .elementor-33 .elementor-element.elementor-element-7288d9b > .elementor-container {min-height: 176px!important;} .elementor-33 .elementor-element.elementor-element-75ff099 .elementor-container.elementor-column-gap-default {padding: 0 !important;} .elementor-33 .elementor-element.elementor-element-672a60f > .elementor-container {min-height: 168px!important;} .elementor-33 .elementor-element.elementor-element-c459124 .elementor-container.elementor-column-gap-default {padding: 0 !important;} .elementor-33 .elementor-element.elementor-element-c8e4700 > .elementor-container {min-height: 168px!important;} .elementor-33 .elementor-element.elementor-element-75ff099 {padding: 0px 60px 60px 60px!important;} .servicelist2::after{bottom: -119px;left: -90px;} .productapplicationbefore::before{top: -150px;right: 0px;} .technolory-services::after{right: -231.6px;} .elementor-33 .elementor-element.elementor-element-89f0a44 > .elementor-container {min-height: 168px!important;} .elementor-33 .elementor-element.elementor-element-4ce50fd > .elementor-container {min-height: 168px!important;} .elementor-33 .elementor-element.elementor-element-dd58ec9 {width: 50%!important;} .elementor-33 .elementor-element.elementor-element-4268e32 {width: 50%!important;} .elementor-33 .elementor-element.elementor-element-610c0a0 > .elementor-container {min-height: 168px!important;} .sectioninsight-news {background-size: 42%;} } @media only screen and (min-width:1280px) and (max-width:1364px) { .elementor-33 .elementor-element.elementor-element-17ea851:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-33 .elementor-element.elementor-element-17ea851 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position: 120px 10px!important;} .elementor-33 .elementor-element.elementor-element-1fd5a59 {padding: 20px 20px 0px 20px!important;} .elementor-33 .elementor-element.elementor-element-c33bcf8{padding:0 20px!important;width:50%!important;} .elementor-33 .elementor-element.elementor-element-d59c798 {width: 50%!important;} .elementor-33 .elementor-element.elementor-element-8b659c8 > .elementor-element-populated, .elementor-33 .elementor-element.elementor-element-9df2012 > .elementor-element-populated, .elementor-33 .elementor-element.elementor-element-93a6a10 > .elementor-element-populated, .elementor-33 .elementor-element.elementor-element-e183f34 > .elementor-element-populated{padding:8px 20px!important;} .elementor-33 .elementor-element.elementor-element-d915ba6, .elementor-33 .elementor-element.elementor-element-ce3ec69, .elementor-33 .elementor-element.elementor-element-d42716a, .elementor-33 .elementor-element.elementor-element-d01b0c8{font-size:18px!important;} .elementor-33 .elementor-element.elementor-element-631c4a4 > .elementor-container{padding:0 35px!important;} .elementor-section.elementor-top-section.elementor-element.elementor-element-44c09b8.elementor-section-full_width.elementor-section-height-default .elementor-widget-wrap.elementor-element-populated {padding: 0!important;} .lefttestimorinal2{padding:4px 30px!important;} .inapp-vision::before { top: -78px;left: -5px;transform: rotate(1deg);} } @media only screen and (min-width:1366px) and (max-width:1380px) { .inapp-vision::before{top: -80px;} } @media only screen and (min-width:1440px) and (max-width:1580px) { .inapp-vision::before{top: -86px;} } @media only screen and (min-width:1025px) { .elementor-location-header .bdt-navbar-dropdown-nav ul li.bdt-parent>div.bdt-navbar-dropdown { left: initial !important; right: 100% !important; } } @media only screen and (max-width:1279px) { .elementor-section.elementor-section-boxed > .elementor-container, .elementor-section.elementor-section-full_width > .elementor-container { max-width: 100% !important; box-sizing:border-box; padding-left:15px; padding-right:15px; } .bannersection > div.elementor-container { padding-left: 0 !important; padding-right: 0 !important; } section.header {padding: 10px 0 !important;} .bannercont {padding-left:15px;} .bannercont h2.elementor-heading-title {font-size: 64px !important; line-height: 70px !important;} .elementor-11 .elementor-element.elementor-element-8f1bf14 > .elementor-widget-container { margin: 0px 0px 0px 20px !important; } header.blog-filter {padding: 50px 15px 400px 15px;} header.case-filter {padding: 50px 15px 400px 15px;} .page-template-cases header.blog-filter {padding:50px 15px;} .page-template-cases header.case-filter {padding:50px 15px;} .cases-list1 {padding:0 15px;} .inapp-vision::before { top: -78px;left: -5px;transform: rotate(1deg);} .section-homeinfocontact > .elementor-container, .dropshadow > .elementor-container {padding: 0 !important;} .dropshadow > .elementor-container {padding-bottom:50px !important;} } @media only screen and (min-width:1025px) and (max-width:1199px) { .elementor-location-header section.sticky-header {width: 100%; padding: 10px 5px 10px 10px !important;} .dropshadow .elementor-widget-text-editor .elementor-widget-container {margin: 0 50px !important;} .dropshadow .elementor-widget-heading .elementor-widget-container {padding: 50px 0px 0px 50px !important} .sectioninsight-news span.swiper-pagination-bullet {margin: 0 15px;} .elementor-11 .elementor-nav-menu--main li.menu-item {margin-right: 0px !important;} .elementor-11 .elementor-nav-menu--main .sub-menu li.menu-item {margin-right: 12px !important;} .elementor-11 .elementor-element.elementor-element-8f1bf14 > .elementor-widget-container {margin: 0px 0px 0px 20px !important;} .elementor-33 .elementor-element.elementor-element-2755676 > .elementor-element-populated {padding: 0px 0px 100px 0px !important; display: flex !important;} .bannercont h2.elementor-heading-title { font-size: 48px !important; line-height: 55px !important; margin-top: 20px;} .elementor-location-header .bdt-navbar-nav > li > a {padding:0 5px 0 15px !important;} } /* iPads (portrait) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .headermenu2 ul li a {padding: 0 5px !important;font-size: 10px !important;} .elementor-11 .elementor-element.elementor-element-81617ee {width: 50.332%!important;} .elementor-11 .elementor-element.elementor-element-c844be8 {width: 34%!important;} .elementor-11 .elementor-element.elementor-element-5085e79 .elementor-button{font-size:12px!important;} .elementor-11 .elementor-element.elementor-element-8f1bf14 .elementor-heading-title{font-size:12px!important;} .mobileheading .elementor-heading-title.elementor-size-default {font-size: 40px !important; line-height: 45px !important;} .elementor-33 .elementor-element.elementor-element-cbf2f2b{height:35vh;} .mobileheading .elementor-heading-title.elementor-size-default br{display:none;} .elementor-33 .elementor-element.elementor-element-1360f0b{font-size:12px!important;line-height:20px!important;} .elementor-33 .elementor-element.elementor-element-95e598c > .elementor-widget-container {margin: 0!important;} .elementor-33 .elementor-element.elementor-element-95e598c .elementor-button{font-size:16px!important;padding: 5px 15px 5px 15px!important;} .elementor-33 .elementor-element.elementor-element-aee8a80 > .elementor-container {min-height: 92px!important;} .elementor-33 .elementor-element.elementor-element-a76746a .elementor-heading-title{font-size: 28px!important;line-height:35px!important;} .elementor-33 .elementor-element.elementor-element-1360f0b br {display: none!important;} .elementor-33 .elementor-element.elementor-element-2755676 > .elementor-element-populated { padding: 10px 0px 10px 0px!important;} .elementor-33 .elementor-element.elementor-element-17ea851:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-33 .elementor-element.elementor-element-17ea851 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position: 7px 15px!important;background-size: 85px!important;} .elementor-33 .elementor-element.elementor-element-1fd5a59 {padding: 20px 20px 0px 20px!important;} .areapractice h2 {font-size: 12px !important;line-height: 16px !important;} .elementor-33 .elementor-element.elementor-element-c8e4700 > .elementor-container {min-height: 56px!important;} .elementor-33 .elementor-element.elementor-element-c492586{padding:0 50px!important;} .elementor-33 .elementor-element.elementor-element-78e3d23, .elementor-33 .elementor-element.elementor-element-4e88bb9 {margin-top: 0!important;} .elementor-33 .elementor-element.elementor-element-7288d9b > .elementor-container {min-height: 70px!important;} .elementor-33 .elementor-element.elementor-element-c33bcf8 {width: 50%!important;padding: 0 15px!important;} .elementor-33 .elementor-element.elementor-element-d59c798 {width: 50%!important;} .elementor-33 .elementor-element.elementor-element-8b659c8 > .elementor-element-populated, .elementor-33 .elementor-element.elementor-element-9df2012 > .elementor-element-populated, .elementor-33 .elementor-element.elementor-element-93a6a10 > .elementor-element-populated, .elementor-33 .elementor-element.elementor-element-e183f34 > .elementor-element-populated{padding:5px 15px!important;} .elementor-33 .elementor-element.elementor-element-d915ba6, .elementor-33 .elementor-element.elementor-element-ce3ec69, .elementor-33 .elementor-element.elementor-element-d42716a, .elementor-33 .elementor-element.elementor-element-d01b0c8{font-size: 12px !important;line-height: 20px !important;} .elementor-33 .elementor-element.elementor-element-672a60f > .elementor-container {min-height: 70px!important;} .contentcasestudy1 p{font-size: 25px;line-height: 32px;} .casestudysection .item{align-items:flex-start!important;} .lefttestimorinal {margin: 28px 0 0!important;} .lefttestimorinal::after{background-size:100%!important;top: -22px;right: -20px;} .elementor-section.elementor-top-section.elementor-element.elementor-element-01508c2.elementor-section-full_width.elementor-section-height-default .elementor-widget-wrap.elementor-element-populated {padding: 0 !important;} .elementor-33 .elementor-element.elementor-element-610c0a0 > .elementor-container {min-height: 55px!important;} .elementor-section.elementor-top-section.elementor-element.elementor-element-44c09b8.elementor-section-full_width.elementor-section-height-default .elementor-container.elementor-column-gap-default {padding: 0 29px !important;} .lefttestimorinal2{padding: 12px !important;} .testimorinalscontent1 p{margin:0;font-size: 20px;line-height: 28px;} .authorsection{margin:5px 0 0;} .elementor-33 .elementor-element.elementor-element-89f0a44 > .elementor-container {min-height: 60px!important;} .elementor-33 .elementor-element.elementor-element-50ebc1d {transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top: 0!important;padding: 0px 0!important;} .elementor-33 .elementor-element.elementor-element-a814d1c:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-a814d1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:52%!important;} .elementor-33 .elementor-element.elementor-element-da9ea93 > .elementor-widget-container {padding: 34px 0px 0px 0px!important;} .elementor-33 .elementor-element.elementor-element-da9ea93 .elementor-heading-title{font-size:16px!important;line-height:24px!important;} .elementor-33 .elementor-element.elementor-element-7109a06 > .elementor-widget-container {margin: -5px 0px 0px 117px !important;max-width: 200px !important;font-size: 12px !important;line-height: 16px !important;} .elementor-33 .elementor-element.elementor-element-7109a06 > .elementor-widget-container br {display: none;} .Greycolor{flex-wrap: nowrap;padding:5px 3px;width:184px;} .elementor-33 .elementor-element.elementor-element-4ce50fd > .elementor-container {min-height: 68px!important;} .productapplicationbefore::before{right:0px;width: 302px;} .sectiontest-mmonialstrust .elementor-heading-title.elementor-size-default {font-size: 28px !important;text-align: center;} .elementor-33 .elementor-element.elementor-element-0ef3b85 > .elementor-element-populated, .elementor-33 .elementor-element.elementor-element-16774f2 > .elementor-element-populated, .elementor-33 .elementor-element.elementor-element-8777813 > .elementor-element-populated{padding: 0px 0px 92px 20px!important;} .elementor-33 .elementor-element.elementor-element-eee1e2f, .elementor-33 .elementor-element.elementor-element-0c0d59d, .elementor-33 .elementor-element.elementor-element-e0887c1{font-size:12px!important;line-height:20px!important;} .courserfivesection .elementor-widget-wrap.elementor-element-populated {padding: 15px 15px !important;} .courserfivesection h3 {font-size: 16px !important;line-height: 24px !important;} .courserfivesection .elementor-widget-container {font-size: 12px !important;line-height: 20px !important;} .elementor-33 .elementor-element.elementor-element-4268e32 > .elementor-element-populated{padding:0 0 0 20px!important;} .elementor-33 .elementor-element.elementor-element-31dd4ac .elementor-heading-title, .elementor-33 .elementor-element.elementor-element-f12a016 .elementor-heading-title{font-size:18px!important; line-height:28px!important;} .elementor-33 .elementor-element.elementor-element-dd58ec9 > .elementor-element-populated {padding: 0 0px 60px 0px!important;} .elementor-33 .elementor-element.elementor-element-ff1d2b6 .elementor-heading-title, .elementor-33 .elementor-element.elementor-element-ead5817 .elementor-heading-title{font-size:32px!important;line-height:40px!important;} .technolory-services .elementor-element-populated{padding:12px!important;} .technolory-services .elementor-heading-title.elementor-size-default { font-size: 18px !important;line-height: 28px !important;} .col-md-6.lefttestimorinal2 {margin-bottom: 20px;} .col-md-6.righttestimg {padding: 0 !important;} .elementor-658 .elementor-element.elementor-element-ba870df .elementor-button {font-size: 12px!important;padding: 5px!important;} .elementor-658 .elementor-element.elementor-element-ba870df .elementor-button .elementor-align-icon-left { margin-right: 3px!important;} .elementor-658 .elementor-element.elementor-element-573a016 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-658 .elementor-element.elementor-element-573a016 .elementor-icon-list-item > a {font-size: 10px!important;} .inapp-vision:before {top: -54px;left: -17px; background-size: 52%; transform: rotate(2deg); } .addresstabs .bdt-tab { justify-content: space-between; width: inherit; } } /* iPads (landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .inapp-vision:before {top:-62px;background-size: 55%; } .mobileheading .elementor-heading-title.elementor-size-default {font-size: 37px !important; line-height: 46px !important;} .elementor-33 .elementor-element.elementor-element-2755676 > .elementor-element-populated { padding: 22px 0px 100px 0px!important;} .elementor-33 .elementor-element.elementor-element-17ea851:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-33 .elementor-element.elementor-element-17ea851 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position: 7px 15px!important;background-size: 85px!important;} .elementor-33 .elementor-element.elementor-element-1fd5a59 {padding: 20px 20px 0px 20px!important;} .areapractice h2 {font-size: 18px !important;} .elementor-33 .elementor-element.elementor-element-c8e4700 > .elementor-container {min-height: 95px!important;} .elementor-33 .elementor-element.elementor-element-78e3d23, .elementor-33 .elementor-element.elementor-element-4e88bb9 {margin-top: 0!important;} .elementor-33 .elementor-element.elementor-element-7288d9b > .elementor-container {min-height: 94px!important;} .elementor-33 .elementor-element.elementor-element-c33bcf8 {width: 50%!important;padding: 0 15px!important;} .elementor-33 .elementor-element.elementor-element-d59c798 {width: 50%!important;} .elementor-33 .elementor-element.elementor-element-8b659c8 > .elementor-element-populated, .elementor-33 .elementor-element.elementor-element-9df2012 > .elementor-element-populated, .elementor-33 .elementor-element.elementor-element-93a6a10 > .elementor-element-populated, .elementor-33 .elementor-element.elementor-element-e183f34 > .elementor-element-populated{padding:5px 15px!important;} .elementor-33 .elementor-element.elementor-element-d915ba6, .elementor-33 .elementor-element.elementor-element-ce3ec69, .elementor-33 .elementor-element.elementor-element-d42716a, .elementor-33 .elementor-element.elementor-element-d01b0c8{font-size: 12px !important;line-height: 20px !important;} .elementor-33 .elementor-element.elementor-element-672a60f > .elementor-container {min-height: 95px!important;} .contentcasestudy1 p{font-size: 25px;line-height: 32px;} .casestudysection .item{align-items:flex-start!important;} .lefttestimorinal {margin: 28px 0 0!important;} .lefttestimorinal::after{background-size:100%!important;top: -22px;} .elementor-section.elementor-top-section.elementor-element.elementor-element-01508c2.elementor-section-full_width.elementor-section-height-default .elementor-widget-wrap.elementor-element-populated {padding: 0 !important;} .elementor-33 .elementor-element.elementor-element-610c0a0 > .elementor-container {min-height: 95px!important;} .sectiontest-mmonialstrust .elementor-container.elementor-column-gap-default {padding: 0 20px !important;} .lefttestimorinal2{padding: 12px !important;} .testimorinalscontent1 p{margin:0;font-size: 20px;line-height: 28px;} .authorsection{margin:5px 0 0;} .elementor-33 .elementor-element.elementor-element-89f0a44 > .elementor-container {min-height: 95px!important;} .section-homeinfocontact {transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top: 0!important;padding: 80px 15px 50px!important;} .elementor-33 .elementor-element.elementor-element-a814d1c:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-a814d1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:52%!important;} .elementor-33 .elementor-element.elementor-element-da9ea93 > .elementor-widget-container {padding: 34px 0px 0px 0px!important;} .elementor-33 .elementor-element.elementor-element-da9ea93 .elementor-heading-title{font-size:25px!important;line-height:32px!important;} .elementor-33 .elementor-element.elementor-element-7109a06 > .elementor-widget-container {margin: 0px !important;max-width:400px!important;} .elementor-33 .elementor-element.elementor-element-7109a06 > .elementor-widget-container br {display: none;} .Greycolor{flex-wrap: nowrap;padding:5px 3px;} .elementor-33 .elementor-element.elementor-element-4ce50fd > .elementor-container {min-height: 95px!important;} .productapplicationbefore::before{right:0px;} .addresstabs .bdt-tab { justify-content: space-between; width: inherit; } } @media only screen and (max-width:1024px) { .headercontact {min-width: 270px;} section.srmhead .elementor-container h1 {font-size: 52px !important; padding: 0 90px;} .elementor-11 .elementor-element.elementor-element-8f1bf14 > .elementor-widget-container {margin: 0px 0px 0px 10px !important;} .elementor-33 .elementor-element.elementor-element-95e598c .elementor-button { font-size: 20px !important; line-height: 24px !important; padding: 10px 30px 12px 30px !important; } .bannersection {min-height:initial;} .elementor-33 .elementor-element.elementor-element-95e598c .elementor-button {margin-bottom:50px;} .elementor-33 .elementor-element.elementor-element-a76746a .elementor-heading-title { font-size: 28px !important; line-height: 36px !important; } .vendor-sectionarea, .courserfivesection, .sevensectionwhyinapp, .sevensectionwhyinapp { padding: 0 0 50px 0 !important; } .sevensectionwhyinapp h4 {font-size:40px !important;} .sectioninsight-news {background-size: 50%;} .elementor.elementor-location-footer { margin-top: 50px; } .elementor-33 .elementor-element.elementor-element-f48ce79 > .elementor-element-populated {padding-left:15px;} .rowcontactleft, .rowcontactright {width: 99%;} .headermenu2 .elementor-nav-menu li a {border-bottom: 1px solid #d4d4d4 !important;} .headermenu2 .elementor-nav-menu li a, .headermenu2 .elementor-nav-menu li a:focus { background: none !important; border: none; outline: none; } nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { height: 100vh; overflow: scroll; padding-bottom: 150px; } .lefttestimorinal2, .righttestimg, .righttestimg div, .righttestimg img { width: 100% !important; max-width: initial !important; margin-bottom: 20px; } .lefttestimorinal2 .testimorinalscontent {min-height:initial;} .col-md-6.lefttestimorinal {width:100%;} .casestudysection .lefttestimorinal:after {display:none;} nav > .elementor-nav-menu > li { position: relative; z-index: 1; } .elementor-nav-menu--dropdown > ul > li.menu-item:last-child { display: flex; justify-content: center; position: relative; top: 50px; left: 50%; transform: translateX(-50%); } .elementor-nav-menu--dropdown > ul > li.menu-item:last-child a.elementor-item { background: #ab1e23 !important; border-radius: 100px 100px 100px 100px; border: none !important; padding: 7px 30px 7px 15px; display: inline-flex; color:#fff; } .elementor-nav-menu--dropdown > ul > li.menu-item:last-child a.elementor-item:after { content: "\f061"; font-weight: 900; font-size: 14px; opacity: 1 !important; font-family: "Font Awesome 5 Free"; position: absolute; right: 10px; } .headermailusac, .headercontactusac {display:none;} .servicesslide .bdt-slider .bdt-slide-item h4 {font-size:24px; line-height:30px;} .elementor-11 ul.elementor-nav-menu--dropdown { background-color: #fff !important; } .dropshadow .elementor-widget-text-editor .elementor-widget-container {margin: 0 80px 0 20px !important;} .dropshadow .elementor-widget-heading .elementor-widget-container {padding: 30px 0px 0px 20px !important} .dropshadow .elementor-widget-heading h2 { font-size: 32px !important; } .elementor-nav-menu .sub-menu .sub-arrow { transform: rotate(0deg); position: initial; } .testimonialgrid .elementor-widget-eael-testimonial { width: 47%; margin: 1.5%; } body .casestudysection button.owl-dot {margin: 0 10px;} .sectioninsight-news span.swiper-pagination-bullet {margin: 0 15px;} .sectionour-work-case section.elementor-section > div {padding: 0 !important;} .casestudysection .owl-nav {bottom: 0px;} .casestudysection .owl-dots {bottom: -28px;} } /*16-10-2021*/ div#home-v {position: relative; top: -130px;} div#profile-v {position: relative; top: -30px;} div#messages-v { position: relative; top: 78px;} div#settings-v {position: relative; top: 160px;} div#fivth-v {position: relative; top: 250px;} div#six-v {position: relative; top: 348px;} div#seven-v {position: relative; top: 420px;} div#eight-v {position: relative; top: 520px;} div#nine-v { position: relative; top: 620px;} div#ten-v {position: relative; top: 710px;} div#eleven-v { position: relative; top: 785px;} div#twleve-v {position: relative;top: 860px;} div#thirteen-v {position: relative;top: 850px;} div#fourteen-v {position: relative;top: 860px;} .inner-tabcontent.tentwothousand {margin: 20px auto;} .breadcrum h2 { display: inline; } .White_paper-form input { height: 45px; border-radius: 30px; border: 1px solid #c4c4c4; margin-top:10px; } .White_paper-form button { height: 45px; padding: 10px 30px; border-radius: 30px; background: #ab1e23; color: #FFF; width: 200px; font-size: 14px; margin-top: 20px; } .White_paper-form button:hover { border:2px solid #ab1e23; background: #FFF; color: #ab1e23; } @media only screen and (max-width: 767px) { .White_paper-form button, .White_paper-form input { width:100%; } .elementor-658 .elementor-element.elementor-element-d1ae460 { width: 100%; } .elementor-658 .elementor-element.elementor-element-495728d { width: 100%; } .elementor-658 .elementor-element.elementor-element-691a63e { width: 100%; } .elementor-24417 .elementor-element.elementor-element-4e86490>.elementor-element-populated, .elementor-24417 .elementor-element.elementor-element-087b023>.elementor-element-populated{ margin: 0 0 0 0 !important; } .white-card { width: 100%; margin:0 20px 10px 20px !important; } header.blog-filter .inner-head{ display: block; } header.blog-filter .leftfilter{margin-bottom: 20px;} .addresstabs .bdt-tab { justify-content: space-between; width: inherit; } .displaynonebr { font-size:16px; } .elementor-33 .elementor-element.elementor-element-a76746a .elementor-heading-title { font-size: 16px !important; line-height: 24px !important; } .elementor-33 .elementor-element.elementor-element-5e7fa86.elementor-column > .elementor-widget-wrap { justify-content: inherit; } .mobileheading br, .displaynonebr br{display:none;} .videosectonright {right: 0!important;} .contentcasestudy p{text-align:center; max-width: initial;} .contentcasestudy ul li{margin-right:10px;} .btncasestudy{width:100%; text-align:center;} .btncasestudy a{margin:0 auto;} .technolory-services:after {top: -30px;right: -20px;width: 240px;height: 240px;} .servicelist:before{display:none;} .productapplicationbefore:before{right: 0;width: 340px;} .lefttestimorinal:after{display:none;} .lefttestimorinal2 {margin-bottom: 20px;} .col-md-6.righttestimg {padding: 0;} .dropshadow div.elementor-col-50:first-child {height: 420px;} .rowcontact{flex-wrap:wrap;} .rowcontactleft, .rowcontactright, .rowcontactmessage {width: 100%;margin-right: 0;margin-bottom: 20px; padding:0;} .rowcontactright.phoneno{width:100%;} .Greycolor{flex-wrap:nowrap;padding: 5px 10px;} .rowcontactmessage {margin: 15px 0 0;} .bottomcontact{flex-wrap:wrap;} .conditionalsatement {width: 100%; margin: 0px 0 15px;} .elementor-33 .elementor-element.elementor-element-c8e4700 > .elementor-container {min-height: 28px!important;} .elementor-33 .elementor-element.elementor-element-7288d9b > .elementor-container {min-height: 33px!important;} .elementor-33 .elementor-element.elementor-element-89f0a44 > .elementor-container {min-height: 35px!important;} .elementor-33 .elementor-element.elementor-element-4ce50fd > .elementor-container {min-height: 32px!important;} .footercountry svg {display:none;} .footercountry span.elementor-icon-list-icon { display: none;} .elementor-location-header section.sticky-header .elementor-container {justify-content: space-between;} .headerlogo a {text-align: left; width: 100%;} .headermenu2 {min-width: 305px;} .headerlogo {max-width: 135px;} section.srmhead .elementor-container h1 {font-size: 40px !important; padding: 0 90px; line-height: 50px !important;} section.srmhead .elementor-column > div {padding: 0 0 100px 0 !important;} section.srmhead .elementor-container:before, section.srmhead .elementor-container:after {background-size: 165px;} .elementor-location-footer .elementor-col-20 {width: 33%;} .elementor-location-footer section {padding:0 !important;} .elementor-658 .elementor-element.elementor-element-ba870df .elementor-button {font-size: 14px;padding: 0px 10px;} .sectioninsight-news {background-size: 100%;} .elementor-33 .elementor-element.elementor-element-f48ce79 > .elementor-element-populated {background-position: top center !important;background-size: cover !important;} .bannersection {max-height: initial;} .videosectonright > .elementor-widget-wrap {min-height: 80vh; background-size: cover !important;} .sectionourservices {margin:0 !important} .clientlogo .elementor-swiper-button.elementor-swiper-button-prev, .casestudysection .owl-nav button.owl-prev {left: -25px;} .clientlogo .elementor-swiper-button.elementor-swiper-button-next {right: -50px;} .casestudysection .owl-nav button.owl-next {right: 20px;} .testisection .contentcasestudy {height:initial !important;} body .casestudysection button.owl-dot {margin: 0 10px;} .dropshadow .elementor-widget-wrap {padding: 15px 0 !important;} .dropshadow .elementor-widget-container {padding: 0 15px !important;} .dropshadow > div {padding:0 !important;} .sectioninsight-news span.swiper-pagination-bullet {margin: 0 8px;} .dropshadow .elementor-widget-wrap {background-size: 100% 300px !important; background-position: top left !important} .dropshadow h2.elementor-heading-title {text-align: center;} .dropshadow .elementor-widget-text-editor .elementor-widget-container {margin: 0 20px !important;} .techlogosec .gallery {text-align:center;} .techlogosec .gallery figure.gallery-item {width: 50%; max-width: 200px !important;} .sevensectionwhyinapp .elementor-col-50 > div {margin: 0;} .copyrightsec2 ul {justify-content: center !important;} .contentcasestudy a.btn {margin:0 auto; display:block;} .frameworkswparagraph .elementor-widget-container {margin: 0 auto;} .cases-list1 li {display:inline-block; text-align:center;} .cases-list1 figure, .cases-list1 .casecont {width:100%;} .cases-list1 .casecont {padding-left:0;} header.blog-filter .leftfilter, header.blog-filter .rightfilter, .rightfilter ul, .rightfilter p {text-align: center; width:100%;} .page-template-cases header.case-filter .inner-case{display: block;} header.case-filter .leftfilter{width: 100%; text-align: center;margin: 0 0 30px 0;} header.case-filter .rightfilter{width: 100%;} .cases-list1 figure img{max-width: 100%; height: auto;} .leftfilter form {margin:0 auto;} header.blog-filter {padding: 50px 15px !important; background:#2B2D42;} .blogs-list ul, .cases-list1 ul {margin:0 auto; padding:0 15px;} .blogs-list li {width:100%; margin:0 0 30px 0; text-align:center;} .blogs-list {margin-top:30px;} div#fliterlist .nodata{top:0} .headermenu2 .elementor-widget-wrap {display:block !important;} section.customsolution div, section.clientsection, section.servicelist > .elementor-container, section.servicelist2 > .elementor-container, .css-slider > .elementor-container, .css-slider > .elementor-container section > div {padding-left: 0 !important; padding-right: 0 !important;} .clientlogo .elementor-swiper-button {width: 35px; height: 35px; padding: 4px 8px;} .clientlogo i {padding: 3px;} .sevensectionwhyinapp .elementor-widget-image img {height:initial !important;} .sectionour-work-case h3.elementor-heading-title {font-size: 20px !important; line-height: 28px !important;} .videosectonright .elementor-widget-wrap:after {display:none;} .videosectonright {padding: 0 10px;} .fticn > div {max-width: 195px; margin: 0 auto;} .lefttestimorinal a {max-width: 100%;} .lefttestimorinal img {margin:0 auto;} figure.is-provider-spotify { min-width: 100%; max-width: 100%; } .insightblognews .bdt-flex.bdt-flex-middle { min-width:260px; max-width:300px; width: 100%; bottom:-35px;} .section-homeinfocontact .hbspt-form {padding: 0;} .testimonialgrid .elementor-widget-eael-testimonial { width: 100%; margin: 0 0 30px 0; } .elementor-24996 .elementor-element.elementor-element-4a8e3555 { width: 100%; } .elementor-24996 .elementor-element.elementor-element-3d9d3de6 { width: 100%; min-height: 200px; } div#homepopvid { display: block; width: auto; margin: 0 auto; z-index: 99; cursor: pointer; margin-top: -50px; } } @media screen and (max-width: 479px) { .elementor-11 .elementor-element.elementor-element-8f1bf14 {display:none;} .headerlogo {max-width: 100px;} .headermenu2 {min-width: 170px;} .headercontactusac .elementor-button {padding: 10px !important;} section.srmhead .elementor-container:before, section.srmhead .elementor-container:after {display:none;} section.srmhead .elementor-container h1 {font-size: 36px !important; padding: 0 15px; line-height: 50px !important;} section.srmhead .elementor-column > div {padding: 0 0 70px 0 !important;} .elementor-location-footer .elementor-col-20 {width: 50%;} .bannercont h2.elementor-heading-title {font-size: 32px !important; line-height: 42px !important;} .techlogosec div#gallery-4:after {width: 180px; height: 125px; position: absolute; right: -100px; top: -25px;} .videosectonright > .elementor-widget-wrap {min-height: 350px;} .cases-list1 p.metainfo a, .cases-list1 p.metainfo a.dwn:hover {padding: 10px 8px;} .rightfilter select {width: 145px; margin-left: 0;} #casesort{margin-top: 5px;} .contentcasestudy1 p a {font-size: 24px; line-height: 32px;} body .testisection button.owl-dot {margin-right: 10px;} .testisection .owl-nav {bottom: -30px; max-width:265px;} .testisection .owl-dots {bottom: -55px;} .testisection .owl-nav button.owl-next {right: 45px;} .dropshadow .elementor-widget-wrap {background: #ffffff !important;} .dropshadow .elementor-widget-heading .elementor-widget-container {padding: 30px 0px 0px 0px !important;} .dropshadow h2.elementor-heading-title {color: #2b2d42 !important; font-size: 26px !important;} .dropshadow .elementor-widget-text-editor .elementor-widget-container { margin: 0 !important; color: #2b2d42; padding: 0 !important;} .dropshadow div.elementor-col-50:first-child { height: 350px; } .dropshadow .elementor-widget-image { left: -20px !important; max-width: 110px !important; bottom: 40px !important; } .dropshadow .elementor-widget-html.elementor-absolute { left: 55px !important; } .techstacklogo .gallery-icon img { padding: 10px; } } /*! elementor - v3.11.0 - 13-02-2023 */ .elementor-widget-image-carousel .swiper,.elementor-widget-image-carousel .swiper-container{position:static}.elementor-widget-image-carousel .swiper-container .swiper-slide figure,.elementor-widget-image-carousel .swiper .swiper-slide figure{line-height:inherit}.elementor-widget-image-carousel .swiper-slide{text-align:center}.elementor-image-carousel-wrapper:not(.swiper-container-initialized) .swiper-slide,.elementor-image-carousel-wrapper:not(.swiper-initialized) .swiper-slide{max-width:calc(100% / var(--e-image-carousel-slides-to-show, 3))} /*! elementor - v3.11.0 - 13-02-2023 */ .elementor-widget-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#2c2c2c;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x}.elementor-widget-divider .elementor-divider{display:flex}.elementor-widget-divider .elementor-divider__text{font-size:15px;line-height:1;max-width:95%}.elementor-widget-divider .elementor-divider__element{margin:0 var(--divider-element-spacing);flex-shrink:0}.elementor-widget-divider .elementor-icon{font-size:var(--divider-icon-size)}.elementor-widget-divider .elementor-divider-separator{display:flex;margin:0;direction:ltr}.elementor-widget-divider--view-line_icon .elementor-divider-separator,.elementor-widget-divider--view-line_text .elementor-divider-separator{align-items:center}.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,.elementor-widget-divider--view-line_text .elementor-divider-separator:after,.elementor-widget-divider--view-line_text .elementor-divider-separator:before{display:block;content:"";border-bottom:0;flex-grow:1;border-top:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-left .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-left .elementor-divider__element{margin-left:0}.elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-right .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-right .elementor-divider__element{margin-right:0}.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator{border-top:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--separator-type-pattern{--divider-border-style:none}.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,.elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator{width:100%;min-height:var(--divider-pattern-height);-webkit-mask-size:var(--divider-pattern-size) 100%;mask-size:var(--divider-pattern-size) 100%;-webkit-mask-repeat:var(--divider-pattern-repeat);mask-repeat:var(--divider-pattern-repeat);background-color:var(--divider-color);-webkit-mask-image:var(--divider-pattern-url);mask-image:var(--divider-pattern-url)}.elementor-widget-divider--no-spacing{--divider-pattern-size:auto}.elementor-widget-divider--bg-round{--divider-pattern-repeat:round}.rtl .elementor-widget-divider .elementor-divider__text{direction:rtl}.e-con-inner>.elementor-widget-divider,.e-con>.elementor-widget-divider{width:var(--container-widget-width,100%);--flex-grow:var(--container-widget-flex-grow)} /*! elementor - v3.11.0 - 13-02-2023 */ .elementor-image-gallery .gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%;max-width:100%;margin:0 auto}.elementor-image-gallery .gallery-item img{margin:0 auto}.elementor-image-gallery .gallery-item .gallery-caption{margin:0}.elementor-image-gallery figure img{display:block}.elementor-image-gallery figure figcaption{width:100%}.gallery-spacing-custom .elementor-image-gallery .gallery-icon{padding:0}@media (min-width:768px){.elementor-image-gallery .gallery-columns-2 .gallery-item{max-width:50%}.elementor-image-gallery .gallery-columns-3 .gallery-item{max-width:33.33%}.elementor-image-gallery .gallery-columns-4 .gallery-item{max-width:25%}.elementor-image-gallery .gallery-columns-5 .gallery-item{max-width:20%}.elementor-image-gallery .gallery-columns-6 .gallery-item{max-width:16.666%}.elementor-image-gallery .gallery-columns-7 .gallery-item{max-width:14.28%}.elementor-image-gallery .gallery-columns-8 .gallery-item{max-width:12.5%}.elementor-image-gallery .gallery-columns-9 .gallery-item{max-width:11.11%}.elementor-image-gallery .gallery-columns-10 .gallery-item{max-width:10%}}@media (min-width:480px) and (max-width:767px){.elementor-image-gallery .gallery.gallery-columns-2 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-3 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-4 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-5 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-6 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-7 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-8 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-9 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-10 .gallery-item{max-width:50%}}@media (max-width:479px){.elementor-image-gallery .gallery.gallery-columns-2 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-3 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-4 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-5 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-6 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-7 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-8 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-9 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-10 .gallery-item{max-width:100%}} .bdt-navbar-dropdown-nav { display:none; } .elementor-11 .elementor-element.elementor-element-fddcb6c>.elementor-container { max-width: 100%; } .servicelist .elementor-icon svg, .industrylist .elementor-icon svg, .technologylist .elementor-icon svg { width:60px; } .elementor-38979 .elementor-element.elementor-element-20cd7c4f .elementor-button { background-color:#ab1e23 !important; } .elementor-38979 .elementor-element.elementor-element-20cd7c4f .elementor-button:hover { background-color:#2b2d42 !important; } .elementor-23379 .elementor-element.elementor-element-4c00c5b .elementor-icon-list-icon { width:18px !important; } /* case study */ .case-study-banner { background-color: #ab1e23; min-height: 200px; background-image: url(../../uploads/2023/09/case-study-banner-bg.jpg); background-position: right; background-repeat: no-repeat; background-size: calc(50% - 1rem); padding: 100px 0 100px 0; } .case-study-banner h1 { font-family: "AvertaStdPE", Sans-serif; font-weight: 600; color:#FFF; margin-bottom: 20px; font-size: 50px; } .case-study-banner p { font-family: "AvertaStdPE", Sans-serif; font-size: 16px; color: #FFF; } .white-paper-banner { background-color: #ab1e23; min-height: 200px; background-image: url(../../uploads/2023/10/white-paper-bg-new.png); background-position: right; background-repeat: no-repeat; background-size: calc(50% - 1rem); padding: 70px 0 70px 0; } .cs-card-section { margin: 0; } .cases-list { width: 100%; display: flex; flex-wrap: wrap; margin: 0; padding: 0; justify-content: space-between; } .cs-card { display: flex; width: 49%; min-height: 295px; border: 2px solid #9D9D9D26; border-radius: 15px; margin-bottom: 20px; } .cs-card:nth-child(2) { margin-right: 0; } .card-left-block { margin: 0; width: 30%; } .card-left-block img { width: 100%; height: 100%; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; object-fit:cover; } .card-right-block { padding: 20px; width: 70%; } .card-right-block h3, .card-right-block h3 a { font-size: 20px; color: #2b2d42; line-height: 26px; margin: 0 0 15px 0; font-weight: 600; font-family: "AvertaStdPE", sans-serif; } .card-right-block p { font-size: 14px; color: #2b2d42; font-family: "AvertaStdPE", sans-serif; } .tech-row { float: left; width: 100%; } .tech-row span { width: auto; border: 1px solid #DDD; padding: 3px 10px; font-size: 11px; color: #2b2d42; margin-right: 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; float: left; margin-bottom:5px; } .tech-row span a { color: #2B2D42; } .cs-button-row { text-align: right; float: left; width: 100%; margin-top: 20px; } .button-download { -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; border-radius: 20px !important; border: 1px solid #d4d2d2 !important; padding: 8px 20px !important; font-size: 14px !important; background: #fff8f8 !important; color: #2b2d42 !important; font-family: "AvertaStdPE", sans-serif !important; } .button-download:hover { background: #ab1e23 !important; color: #FFF !important; } .more-btn { background: #ab1e23 !important; width: 100px !important; height: 40px !important; border-radius: 20px !important; color: #FFF; line-height: 27px !important; } .button-download img{ width: 15px; margin: -5px 0 0 10px; } .more-btn:hover { background: #fff8f8 !important; color:#ab1e23; border: 1px solid #ab1e23; } .button-download img:hover { color: #FFF; } .more-btn img{ width: 21px; margin: -10px 0 0 -8px; color: #FFF; } /*---filter-styles-----*/ .case-filter { background: none; padding: 50px 0 50px; } .case-filter .inner-case { display: flex; justify-content: space-between; } .case-filter .leftfilter { width: 30%; display: inline-block; float: left; } .leftfilter button { color: #b3b3b3; border: none; font-size: 21px; position: absolute; right: 0; top: 0; } .leftfilter form { max-width: 400px; position: relative; } .leftfilter input { font-family: "AvertaStdPE", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 24px; color: #2b2d42; height: 40px; border-color: #d7d7d7 !important; } .leftfilter button { color: #b3b3b3; border: none; font-size: 21px; position: absolute; right: 0; top: 0; } .case-filter .rightfilter { width: 70%; display: inline-flex; float: left; justify-content: flex-end; } .rightfilter p { text-align: right; margin: 0; } .rightfilter select { width: 150px; display: inline-block; margin-left: 15px; height: 40px; font-family: "AvertaStdPE", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 24px; color: #1E2C34; border-color: #d7d7d7 !important; } .rightfilter select option { background: #dfdfdf; color: #2B2D42; } select.casefilt { -webkit-appearance: none; -moz-appearance: none; background: #fff; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position-x: 100%; background-position-y: 7px; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; } a.clearfilter { position: inherit; background: #fff; color: #000; display: inline-block; margin: 0; height: 40px; line-height: 40px; padding: 0px 10px; border-radius: 3px; margin-left: 15px; border: 1px solid #DDD; } input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea { width: 100%; border: 1px solid #666; border-radius: 3px; padding: 0.5rem 1rem; transition: all .3s; } [type=button], [type=submit], button { display: inline-block; font-weight: 400; color: #c36; text-align: center; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid #c36; padding: 0.5rem 1rem; font-size: 1rem; border-radius: 3px; transition: all .3s; } .webinar-banner-text h1, .webinar-banner-text p { color: #FFF; } .webinar-banner-text p { font-family: "AvertaStdPE", Sans-serif; font-size: 16px; color: #FFF; } .webinar-banner-text h1 { font-family: "AvertaStdPE", Sans-serif; font-weight: 600; color: #FFF; margin-bottom: 20px; font-size: 50px; } .webinar-banner { background-color: #ab1e23; min-height: 200px; background-image: url(../../uploads/2024/06/webinar-banner-bg.jpg); background-position: right; background-repeat: no-repeat; background-size: calc(50% - 1rem); padding: 100px 0 100px 0; } .webinar-banner-text { height: 200px; text-align: left } .up-coming-list-section { font-family: "AvertaStdPE", Sans-serif; background: #E7E7E7; padding: 50px 0; } .on-demand-list-section { font-family: "AvertaStdPE", Sans-serif; padding: 50px 0; } .up-coming-list-section h3 a, .on-demand-list-section h3 a{ color: #2B2D42 !important; } .up-coming-list-section h3, .on-demand-list-section h3 { font-family: "AvertaStdPE", Sans-serif; font-size: 30px; font-weight: bold; line-height: 49px; text-align: center; } .up-coming-list-section h4, .on-demand-list-section h4 { font-size: 14px; color: #2B2D42; margin: 0 0 10px 0; text-align: center; } ul.wb-card-list { display: flex; width: 100%; flex-direction: column; margin: 30px 0 0 0; padding: 0; } ul.wb-card-list li.wb-card { display: flex; width: 100%; background: #FFF; border-radius: 15px; margin-bottom: 40px; } .wb-card-left-block { margin: 0; padding: 40px; width: 60%; } .wb-card-left-block h5 { font-size: 14px; color: #2b2d42; margin: 0 0 20px 0; } .wb-card-left-block h3 { font-size: 18px; color: #2b2d42; text-align: left; font-weight: bold; line-height: 27px; } .wb-card-left-block p { color: #2B2D42; font-family: "AvertaStdPE", Sans-serif; font-size: 16px; font-weight: 400; } .wb-card-right-block { padding: 40px; width: 40%; display: flex; } .wb-card-ondemand-right-block { padding: 40px; width: 40%; } .wb-card-right-block-l { width: 50%; display: block; } .wb-card-right-block-l .btn-upc { width: auto; padding: 5px 13px; background: #2b2d42; color: #FFF; font-size: 12px; border: none; border-radius: 20px; margin-bottom: 20px; } .wb-card-right-block-l h3 { text-align: left; font-size: 14px; font-weight: bold; color: #2B2D42; margin: 0 0 10px 0; } .wb-card-right-block-l h4 { text-align: left; font-size: 12px; color: #8f909f; margin: 0 0 5px 0; } .wb-card-right-block-r { width: 50%; display: flex; align-items: center; justify-content: center; } .wb-card-right-block .btn-reg { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; padding: 5px 20px; font-size: 16px; background: #ab1e23; color: #FFF; min-width: 172px; min-height: 60px; letter-spacing: 3px; text-transform: uppercase; } .btn-watch { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; padding: 5px 20px; font-size: 14px; background: #ab1e23; color: #FFF; min-width: 100px; min-height: 40px; letter-spacing: 1px; text-transform: uppercase; } .wb-card-right-block img { width: 100%; height: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; object-fit:cover; } .up-coming-list-section button a, .on-demand-list-section button a { color: #FFF !important; } @media (max-width: 991.98px){ .cs-card { width: 100%; } .leftfilter { width: 100%; } ul.wb-card-list li.wb-card { display: block; } .wb-card-left-block { width: 100%; } .wb-card-right-block { width: 100%; } } @media only screen and (max-width: 767px) { .case-filter .leftfilter { width: 100%; text-align: center; margin: 0 0 30px 0; } .case-filter .inner-case { display: block; } .case-filter .rightfilter { width: 100%; display: block; } .rightfilter select { width: 100%; float: left; margin: 0 0 30px; } a.clearfilter { margin: 0 0 20px 0; width: 100%; list-style: none; text-align: center; } .cs-card { width: 100%; } .card-left-img { border-radius: 10px; } .case-study-banner { background-image: none; padding: 50px 0 50px 0; } ul.wb-card-list li.wb-card { display: block; } .wb-card-left-block { width: 100%; margin-bottom: 40px; padding-bottom: 0; } .wb-card-right-block { width: 100%; padding: 20px ; display:block; } .webinar-banner { background-image: none; padding: 20px; } .wb-card-right-block-l { width: 100%; display: block; float: left; margin-bottom: 20px; } .wb-card-right-block-r { width:100%; } .wb-card-right-block .btn-reg { min-width: 100%; } .wb-card-left-block { margin: 0; padding: 20px; width: 100%; } .wb-card-ondemand-right-block { padding:20px; width:100%; } .webinar-banner-text { height: auto; } .webinar-banner-text h1 { font-size: 30px; } .on-demand-list-section, .up-coming-list-section { padding:20px 0; } }