/* Theme Name: rd-global Theme URI: https://www.rdglobalinc.com/ Description: RD GLobal Author: RD GLobal Author URI: http://example.com Version: 6.3.5 */ /* Reset CSS */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, tab, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} a:hover {text-decoration:none;}.banner-conatiner .tiles-block .list-block:hover ol, ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse:collapse; border-spacing:0;} a:focus {outline:none; text-decoration:none;} .clear {clear:both; content:"."; display:block; height:0; visibility:hidden;} strong {font-weight:bold;} ::-ms-clear { display: none; } .no-padding {padding: 0 !important;} button{outline:none;} p{margin:0;} a {background-color: transparent;} a:active, a:hover {outline: 0;} @font-face { font-family: 'SofiaPro-Bold'; src: url('assets/fonts/SofiaPro-Bold.eot'); src: url('assets/fonts/SofiaPro-Bold.eot?#iefix') format('embedded-opentype'),url('assets/fonts/SofiaPro-Bold.woff2') format('woff2'), url('assets/fonts/SofiaPro-Bold.woff') format('woff'), url('assets/fonts/SofiaPro-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap;} @font-face { font-family: 'SofiaPro-Light'; src: url('assets/fonts/SofiaPro-Light.eot'); src: url('assets/fonts/SofiaPro-Light.eot?#iefix') format('embedded-opentype'), url('assets/fonts/SofiaPro-Light.woff2') format('woff2'), url('assets/fonts/SofiaPro-Light.woff') format('woff'), url('assets/fonts/SofiaPro-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'SofiaPro-Ultra'; src: url('assets/fonts/SofiaPro-UltraLight.eot'); src: url('assets/fonts/SofiaPro-UltraLight.eot?#iefix') format('embedded-opentype'), url('assets/fonts/SofiaPro-UltraLight.woff2') format('woff2'), url('assets/fonts/SofiaPro-UltraLight.woff') format('woff'), url('assets/fonts/SofiaPro-UltraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'SofiaPro-SemiBold'; src: url('assets/fonts/SofiaPro-SemiBold.eot'); src: url('assets/fonts/SofiaPro-SemiBold.eot?#iefix') format('embedded-opentype'),url('assets/fonts/SofiaPro-SemiBold.woff2') format('woff2'), url('assets/fonts/SofiaPro-SemiBold.woff') format('woff'), url('assets/fonts/SofiaPro-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'SofiaPro'; src: url('assets/fonts/SofiaProRegular.eot'); src: url('assets/fonts/SofiaProRegular.eot?#iefix') format('embedded-opentype'), url('assets/fonts/SofiaProRegular.woff2') format('woff2'), url('assets/fonts/SofiaProRegular.woff') format('woff'), url('assets/fonts/SofiaProRegular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'SofiaPro-Medium'; src: url('assets/fonts/SofiaPro-Medium.eot'); src: url('assets/fonts/SofiaPro-Medium.eot?#iefix') format('embedded-opentype'), url('assets/fonts/SofiaPro-Medium.woff2') format('woff2'), url('assets/fonts/SofiaPro-Medium.woff') format('woff'), url('assets/fonts/SofiaPro-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'SofiaPro-Extra'; src: url('assets/fonts/SofiaPro-ExtraLight.eot'); src: url('assets/fonts/SofiaPro-ExtraLight.eot?#iefix') format('embedded-opentype'), url('assets/fonts/SofiaPro-ExtraLight.woff2') format('woff2'), url('assets/fonts/SofiaPro-ExtraLight.woff') format('woff'), url('assets/fonts/SofiaPro-ExtraLight.ttf') format('truetype'); font-weight: 200;font-style: normal; font-display: swap; } /******************* End Custom Fonts *********************/ body {padding-top: 90px; color: #1b4049; font-family: 'SofiaPro', Arial, Helvetica, sans-serif; font-size: 14px;overflow-y: auto; overflow-x: hidden; background: #f7f7f7 !important;} a {transition: all 0.2s linear;} a:hover, a:focus {color: #DC6200; text-decoration: none;} .block-title {color: #000;} .info{text-align:center; color:#212121; font-size:16px; font-family: 'SofiaPro-Light'; font-weight:300; padding: 20px 0 ;} .home-comm-btn {background:#FFFFFF; border-radius:25px; font-family: 'SofiaPro-SemiBold'; font-size:16px; color:#DC6200; font-weight: 600; padding: 16px 60px 16px 27px; border: 0; letter-spacing: 0.5px; position: relative; cursor: pointer;} .home-comm-btn .arrow {width: 36px; height: 36px; background: #DC6200; display: inline-block; border-radius: 50%; position: absolute; top: 8px; right: 5px; left: auto;} .home-comm-btn .arrow i.one {-webkit-animation-delay:0.2s; animation-delay:0.2s;} .home-comm-btn .arrow i{color: #ffffff; font-size: 15px; padding: 11px 15px; -webkit-animation-name: move-arrow; animation-name: move-arrow; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .desc{font-family: 'SofiaPro-Light'; font-size:16px; font-weight:300; color:#212121; line-height:24px;} .comm-btn .email-form {display: none; -webkit-transition-duration: 5s; transition-duration: 5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; transition-delay: 1s; width: 570px;} .comm-btn .email-form .form-control {border: 1px solid #404040; border-radius: 40px; padding: 12px 150px 12px 30px; color: #404040; min-height: 46px; width: 570px;} .comm-btn .email-form .form-control:focus {box-shadow: none;} .comm-btn .email-form .input-group-btn {right: 100px; vertical-align: inherit;} .comm-btn .email-form .btn-send {background-color: #DC5F00; font-size: 16px; color: #FFFFFF; padding: 11px 32px; border-radius: 40px;} .page-head-block {padding: 0 37px 0 0;} .page-head-block .block-name {font-family: lato, Arial; font-size: 54px; color: #000000; padding: 0 0 40px;} .page-head-block .block-desc {font-size: 16px; line-height: 30px; color: #404040; padding: 0 0 50px;} .head-block .block-number .number{font-size: 12px; color: #868686; width: 30px; display: inline-block;} .head-block .block-number .border-line {width: 70px; height: 2px; background: #B8B8B8; display: inline-block; margin: 0 0 3px; position: relative;} .head-block .block-number .border-line:before {content: ''; width: 20px; height: 2px; background: #DC5F00; position: absolute; left: 0; top: 0; bottom: 0;} .head-block .title {font-family: 'SofiaPro'; font-size: 24px; color: #191919; padding: 10px 0; line-height:30px;} /*.comm-btn::after{content:""; display:block; background:url(assets/images/right_hover_arrow.svg) no-repeat right; width:36px; height:36px; position: absolute; left: auto; right: 5px; top: 8px; display:block;}*/ @-webkit-keyframes move-arrow { 0% {opacity: 1; transform: translateX(0px) scale(1);} 25%{opacity: 0; transform:translateX(10px) scale(0.9);} 26%{opacity: 0; transform:translateX(-10px) scale(0.9);} 55% {opacity: 1; transform: translateX(0px) scale(1);} } @keyframes move-arrow { 0% {opacity: 1; transform: translateX(0px) scale(1);} 25%{opacity: 0; transform:translateX(10px) scale(0.9);} 26%{opacity: 0; transform:translateX(-10px) scale(0.9);} 55% {opacity: 1; transform: translateX(0px) scale(1);} } .link-block{color:#212121; font-size:14px; font-family: 'SofiaPro-Light'; font-weight: 300; cursor:pointer;} .fa-chevron-right{font-size: 9px; color: #DC6200; padding: 0 0 0 5px;} .list-block .link-block .arrow{width: 0; height: 16px; position:relative; display: inline-block; border-radius: 50%; background: transparent; top: 5px; left: 8px;text-align: center; margin: 0 auto;} .list-block .link-block .arrow .fa-chevron-right{position:absolute; top:50%; left: 56%; padding: 0; transform: translate(-50%,-50%);} /*.list-block:hover .link-block .arrow{background:#DC6200; width: 16px;}*/ /*.list-block:hover .link-block .arrow .fa-chevron-right{color:#fff;}*/ /******** Header *******/ .header {} /* .header .logo {padding: 15px 0; position: relative; z-index: 5; display: inline-block; left: 90px;} */ .header .logo a {display: inline-block;} /* .header .logo a img {width:145px; height: 50px;} */ .header .navbar-inverse {background: #ffff00; margin: 0px; font-size: 16px; /* box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.10); */ box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);border: 0px none; z-index: 99992;} /* .header .top-nav ul li a:focus{color: #DC6200;} */ .header.home .navbar-inverse {background: #fff; box-shadow: none;} /* .header .top-nav {margin: 30px 80px 0 0;} */ /* .header .top-nav ul {float: right;} */ /* .header .top-nav ul li {position: relative; padding: 0 30px 0 0;} */ /* .header .top-nav ul li a {color: #DC6200;padding:0; font-size:14px; position: relative; text-transform: uppercase;} */ /* .header .top-nav ul li a:hover{color: #DC6200;} */ .header .top-nav .fa.fa-search {font-size:20px;} /*header .top-nav ul li .search-block {width: 0px; position: relative; opacity: 0; height: 0;} .header .top-nav ul li .search-block .form-control {border: 2px solid #ffff00; border-radius: 0px; box-shadow: none; height: 36px;} .header .top-nav ul li .search-block .button-block {position: absolute; top: 0; right: 0;} .header .top-nav ul li .search-block .button-block .btn {background: #1b4049; color: #fff; border: 0px none; border-radius: 0px; border: 2px solid #ffff00; height: 36px;} */ .header .top-nav ul li.search-link{padding:0 0 0 20px;} .header .top-nav .primary-menu{padding:0 0 0 40px;} .header .top-nav .primary-menu .toggle{border:0; background: transparent; padding: 0; margin: 0;} .header .top-nav .primary-menu .toggle img{width:20px; height:14px;} /* .header .navbar .nav li.dropdown {position: static; z-index: 99; cursor: pointer;} */ /* .header .navbar .nav li.dropdown.open a {color: #DC5F00; background-color: transparent; } */ /* .header .top-nav {margin: 23px 80px 0 0;} */ .header .top-nav ul li a {color: #DC6200; padding: 10px 0 0; font-size:14px; position: relative; text-transform: uppercase;} .header .top-nav .primary-menu {padding: 10px 0 0 40px;} .header .top-nav ul li.head-contact-btn a.home-comm-btn {background: #DC6200; color: #FFFFFF; letter-spacing: initial; padding: 10px 42px 10px 14px;} .header .top-nav ul li.head-contact-btn a.home-comm-btn .arrow {width: 24px; height: 24px; background: #FFFFFF;} .header .top-nav ul li.head-contact-btn a.home-comm-btn .arrow i {color: #DC6200; font-size: 11px; padding: 8px 9px;} .header .navbar .nav li.dropdown.open a .fa {-webkit-transform: rotate(180deg); transform: rotate(180deg);} /* .header .navbar .nav .dropdown .dropdown-menu {top: 123px; left: 0; right: 0; padding: 30px 193px 30px 188px; margin: 0; box-shadow: 0 3px 6px rgba(0,0,0,0.5); border: 0; z-index: 1; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;} */ .header .navbar .nav .dropdown .dropdown-menu .sub-menu-col {float: left; width: 16%; padding: 0 35px 0 0;} .header .navbar .nav .dropdown .dropdown-menu .sub-menu-col.col-large {width: 21%;} .header .navbar .nav .dropdown .dropdown-menu ul {text-align: center;} .header .navbar .nav .dropdown .dropdown-menu ul li {padding: 0;} .header .navbar .nav .dropdown .dropdown-menu ul .sub-menu-head a {font-family: 'SofiaPro'; font-size: 16px; color: #404040; padding: 0; text-transform: capitalize;} .header .navbar .nav .dropdown .dropdown-menu ul .sub-menu-desc {font-size: 12px; color: #DC5F00; line-height: 20px; padding: 16px 0 0;} .header .navbar .nav .dropdown .dropdown-menu ul .sub-menu-desc a {font-size: 12px; color: #DC5F00; line-height: 20px; padding: 0;} .head-block .block-number .border-line {width: 70px; height: 2px; background: #B8B8B8; display: inline-block; margin: 0 0 3px; position: relative;} .head-block .block-number .border-line:before {content: ''; width: 20px; height: 2px; background: #DC5F00; position: absolute; left: 0; top: 0; bottom: 0;} .header.fixed .navbar.navbar-fixed-top {background-color: #fff; box-shadow: 0 3px 6px rgb(0 0 0 / 50%);} .header.fixed .navbar.navbar-fixed-top .pre-header{display:none;} /* .pre-header{background:#F7F7F7; padding: 10px 0;} */ /* .pre-header .social-info{float:right; padding: 0 80px 0 0;} */ .pre-header .social-info ul{width:100%;} .pre-header .social-info ul li{float:left; font-size:14px; color:#DC6200;} .pre-header .social-info ul li.contact-social-header{border-right: 2px solid #dedede; padding: 0 16px; margin: 0 16px 0 0;} /* .pre-header .social-info ul li a{color:#DC6200;} */ .pre-header .social-info ul li.share{padding:0 20px 0 0} .pre-header .social-info ul li.social-icon{padding:0 20px 0 0;} .pre-header .social-info ul li.social-icon:last-child{padding:0;} .search-link.tab-search {display: none;} .block-title {font-size:44px; color:#212121; font-family: 'SofiaPro-Light'; font-weight: 300; text-align: center;} .block-title .desc {font-size: 20px; letter-spacing: 0.1px; color: #868686;} .block-title.heading2 {font-family: 'SofiaPro-bold';font-size:20px;line-height:24px;color:#1b4049;letter-spacing:0.5px;padding: 15px 0;background: #fff; margin: -54px 0;} .sub-title{font-size: 24px; color: #DC6200; line-height: 30px; font-family: 'SofiaPro';} .left{float:left;} .right{float:right;} .nav-wrapper {position: fixed; z-index: 10; overflow-x: hidden; top: 0; right: 0; transition: 0.5s ease-in-out; width: 0;} .nav-wrapper.in {width: 100%;} /* .nav-overlay {background-color: #DC6200; height: 100vh; width: 100%; position: relative; overflow-y: auto;} .nav-overlay .close-icon {position: absolute; top: 40px; right: 98px; cursor: pointer;} .nav-overlay .nav-overlay-bg {background: url('assets/images/overlay-bg.png') no-repeat center; height: 100vh; width:50%; padding: 30px 150px 30px 98px; float: left; position: relative; background-size: cover;} .nav-overlay .nav-overlay-bg .news-block {position: absolute; bottom: 40px; max-width: 520px;} .nav-overlay .nav-overlay-bg .news-block .news-block-info {background-color: #fff; border-radius: 4px; padding: 20px 54px 20px 20px;} .nav-overlay .nav-overlay-bg .news-block .title a {font-family: SofiaPro-Medium, Arial; font-size: 18px; line-height: 24px; color: #DC6200; padding: 0 0 20px;} .nav-overlay .nav-overlay-bg .news-block .link-block {font-family: SofiaPro-Light, Arial; font-size: 12px; line-height: 30px; color: #212121;} .nav-overlay .nav-overlay-bg .news-block .link-block .arrow {color: #DC6200; padding: 0 0 0 10px;} .nav-overlay .nav-right-block {padding: 40px 92px 40px 100px; float: left; width:50%; height: 100vh;overflow-y: auto;} */ /*.nav-overlay .nav-right-block .contact-info {position: absolute; top: auto; bottom: 40px;}*/ /* .nav-overlay .nav-right-block .social-icon ul li {float: left; font-size: 14px; padding: 0 14px 0 0;} .nav-overlay .nav-right-block .social-icon ul li a {border: 1px solid #fff; border-radius: 50%; display: block; width: 30px; height: 30px; line-height: 27px; text-align: center;} .nav-overlay .nav-right-block .overlay-menu {padding: 30px 0 0;} .nav-overlay .nav-right-block .overlay-menu .nav-item {padding: 0 0 20px;} .nav-overlay .nav-right-block .overlay-menu .nav-item .nav-link {font-family: SofiaPro-Light, Arial; font-size: 30px; line-height: 42px; color: #fff;} .nav-overlay .nav-right-block .overlay-menu .nav-item .sub-menu {padding: 10px 0 0; max-width: 400px;} .nav-overlay .nav-right-block .overlay-menu .nav-item .sub-menu .sub-menu-item {display: inline-block; padding: 0 10px 10px 0;} .nav-overlay .nav-right-block .overlay-menu .nav-item .sub-menu .sub-menu-item .sub-menu-link {font-family: SofiaPro-Light, Arial; font-size: 16px; line-height: 20px; color: #fff; padding: 0 10px 0 0; border-right: 1px solid #fff;} .nav-overlay .nav-right-block .overlay-menu .nav-item .sub-menu .sub-menu-item.no-border .sub-menu-link{border: 0;} .nav-overlay .nav-right-block .contact-info ul li {float: left;} .nav-overlay .nav-right-block .contact-info ul li:first-child {padding: 0 104px 0 0;} .nav-overlay .nav-right-block .contact-info ul li .contact-detail {font-size: 14px; line-height: 20px; color: #fff;} .nav-overlay .nav-right-block .contact-info ul li .contact-detail .icon {padding: 0 10px 0 0; width: 24px; height: 24px; vertical-align: middle;} */ /********End-of-Header *******/ /********Start-here-Homepage ********/ .main-container{} .home-page{background: #f7f7f7;} .banner-conatiner {position: relative; padding: 0 0 150px 0;} .banner-conatiner .banner-info { padding:110px 0 230px; text-align: center; position:relative; background: url(assets/images/banner-bg.webp); background-repeat: no-repeat; background-size: 100% 100%; z-index: 1;} .banner-conatiner .banner-info .block-title {font-size:44px; color:#FFFFFF; font-family: 'SofiaPro-Light'; font-weight: 300; text-align: center; padding: 0 0 40px; max-width: 1100px;} .banner-conatiner .banner-info .comm-btn {position:relative;} .home-page .banner-conatiner .banner-info:after{content:""; background: url(assets/images/home_banner_animation.webp); width: 100%; height: 286px; display: block; position: absolute; top: 150px; animation: ani 75s linear infinite ; z-index:-1; } @keyframes ani { 0% { background-position: 0 0; } 100% { background-position: 100vw 0; } } .banner-conatiner .tiles-block {top: auto; position: absolute; bottom: -10px; width:100%; z-index: 22;} .banner-conatiner .tiles-block .tiles-list {width: 100%; max-width: 885px; margin: 0 auto;} .banner-conatiner .tiles-block .list-block{background: #ffffff; border-radius: 5px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); overflow:hidden; transition-duration: 0.3s; } .banner-conatiner .tiles-block .list-block .list-img-block{width: 100%; height: 135px; background-size: cover; background-repeat: no-repeat; background-position: top center; position:relative;} .banner-conatiner .tiles-block .list-block .list-img-block.first::after{content:"";display:block;background: #ffffff; position:absolute; border-top-left-radius: 99% 97%;width: 100%;height: 7%;top: auto;bottom: -2px;} .banner-conatiner .tiles-block .list-block .list-img-block.second::after{content:"";display:block;background: #ffffff; position:absolute; border-top-right-radius: 99% 97%;width: 100%;height: 7%;top: auto;bottom: -2px;} .banner-conatiner .tiles-block .list-block .list-img-block.third::after{content: ""; display: block; background: #fff; position: absolute; border-top-right-radius: 142% 147%; width: 100%; height: 7%; top: auto; bottom: -4px;} .banner-conatiner .tiles-block .list-block .list-img-block {width: 100%; height: 135px; background-size: cover; background-repeat: no-repeat; background-position: top center;} .banner-conatiner .tiles-block .list-block .info {padding:20px;} .banner-conatiner .tiles-block .list-block .info .tag-line {text-align: left; padding: 0 0 10px;} .banner-conatiner .tiles-block .list-block .info .tag-line span {background:#F5F5F5; border-radius:4px; color: #212121; font-size:12px; padding:3px 8px;} .home-page .banner-conatiner .tiles-block .list-block .info .details{min-height: 72px; max-height: 72px;} .banner-conatiner .tiles-block .list-block .info .details {font-size:18px; color:#DC6200; font-family: 'SofiaPro-Medium'; font-weight:500; line-height:24px; text-align: left; } .banner-conatiner .tiles-block .list-block .info .details a {color:#DC6200;} .banner-conatiner .tiles-block .list-block .link-block {margin:20px 0 0; text-align: left; display: block;} .banner-conatiner .tiles-block .col-md-3 {padding-right:0;} .banner-conatiner .tiles-block .list-block .link-block .arrow {width: 0; height: 16px; position:relative; display: inline-block; border-radius: 50%; background: transparent; top: 5px; left: 8px;text-align: center; margin: 0 auto;} .banner-conatiner .tiles-block .list-block .link-block .arrow .fa-chevron-right {position:absolute; top:50%; left: 56%; padding: 0; transform: translate(-50%,-50%); font-size: 11px; color: #DC6200;} /*.banner-conatiner .tiles-block .list-block:hover .link-block .arrow{background:#DC6200; width: 16px;} .banner-conatiner .tiles-block .list-block:hover .link-block .arrow .fa-chevron-right{color:#fff;}*/ .banner-conatiner .tiles-block .list-block:hover {transform: scale(1.05);} .banner-conatiner .tiles-block .list-block:hover .details {color:#BE2600;} .banner-conatiner .tiles-block .list-block:hover .link-block {color: #DC6200;} .when-need-help{padding:125px 0 0;} .when-need-help .succ-partner{padding: 50px 0;} .list-sizer, .when-need-help .my-feed .feed-list .list-block {width: 1px;margin-bottom: 15px; height:380px; overflow: hidden; cursor: pointer;} .when-need-help .my-feed .feed-list .full {width:660px;} .when-need-help .my-feed .feed-list .commn-block {width:450px;} .when-need-help .my-feed .feed-list .category-block {width: 1130px;} .when-need-help .my-feed .feed-list .list-block .succe-partner-img img{outline: none; border: none; display: block; max-width: 100%; height:380px;} .when-need-help .my-feed .feed-list .list-block .succe-partner-img{position:relative; transition: all .5s linear;} .when-need-help .my-feed .feed-list .list-block:hover .succe-partner-img{transform: scale(1.1);} /* clearfix */ .when-need-help .my-feed .feed-list:after {content: ''; display: block; clear: both;} .when-need-help .my-feed .feed-list .list-block .succe-detail{position: absolute; top: auto; bottom: 20px; background-color: rgba(255, 255, 255, 0.9); margin: 0 0 0 20px; padding: 20px 95px 20px 20px; border-radius: 4px; width: 460px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);} .when-need-help .my-feed .feed-list .list-block .succe-detail .title{font-size:24px; color:#DC6200; line-height:30px; padding: 0 0 25px;} .when-need-help .my-feed .feed-list .list-block .succe-detail .title a{color:#DC6200;} .when-need-help .my-feed .feed-list .list-block .succe-detail.half{width: 360px; padding: 20px; top: auto; bottom: 20px;} .technical-team{padding:120px 0 120px; position:relative;} .technical-team .technology{margin:90px 0; position: relative;} .technical-team .technology .technology-block{background: #FFFFFF; padding: 20px 50px 20px 20px; max-width: 810px; border-radius:4px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); float:left; z-index: 22222; position: relative;} .technical-team .technology .technology-block .list-tech{padding: 20px;} .technical-team .technology .technology-block .tech-icon{width:40px; height:40px; float:left;} .technical-team .technology .technology-block .tech-name{padding:0 0 0 13px; font-size:13px; color:#212121; float:left;} .technical-team .technology .technology-block .list-tech:hover{background:#F7F7F7; border-radius:4px; cursor: pointer;} .technology-banner{float: right; z-index: 1020; position: absolute; left: auto; right: -38px; top: -35px;} .discovery-call{padding:0 0 120px; background: #fff; position:relative;} .discovery-call .discovery-call-block{background: url(assets/images/rd_info.jpg); background-repeat: no-repeat; background-size: 100% 100% ;border-radius:4px; padding:65px 100px; position: relative;} .discovery-call .discovery-call-block .discovery-call-info{ font-size:34px; color:#FFFFFF; line-height:48px;font-family: 'SofiaPro-Light'; font-weight:300; display:block; text-align:center;} .discovery-call .discovery-call-block .discovery-call-action{margin: 50px 0 0 0; text-align:center;} /***** Services Start here *****/ .our-services {padding: 100px 0 0;} .our-services .services-list {padding: 100px 0 0;} .our-services .services-list .list-block {max-width: 240px; min-height: 410px; margin: 0 auto;} .our-services .services-list .list-block .list-icon {width: 100px; height: 100px; text-align: center; position: relative; background-color: rgba(225,90,0,0.1); border-radius: 50%; background-repeat: no-repeat; background-position: center; transition-property: background-color; transition-duration: 0.5s; transition-timing-function: ease-in-out;} .our-services .services-list .list-block .list-icon .icon-bg-hidden {display: none; background: url('assets/images/icon-hover-bg.png') no-repeat center; z-index: -1; width: 86px; height: 86px; position: relative; transform: translate(15px, 10px); transition-duration: 0.3s; transition-timing-function: ease-in-out; opacity: 0.41;} .our-services .services-list .list-block .list-title {font-family: lato-semi, Arial; font-size: 26px; color: #191919; padding: 20px 80px 0 0; -webkit-transition-property: padding; transition-property: padding; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;} .our-services .services-list .list-block .list-detail {font-size: 16px; line-height: 30px; color: #999999; padding: 20px 0 0;} .our-services .services-list .list-block .know-more {display: none; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;} .our-services .services-list .list-block .know-more a {font-family: nunito-bold, Arial; font-size: 14px; color: #dc5f00; line-height: 24px;} .our-services .services-list .list-block:hover .list-icon {background-color: rgba(225,90,0,0.7); width: 86px; height: 86px;} .our-services .services-list .list-block:hover .list-icon .icon-bg-hidden {display: block;} .our-services .services-list .list-block:hover .list-title {color: #DC5F00; padding: 40px 80px 0 0;} .our-services .services-list .list-block:hover .list-detail {color: #404040;} .our-services .services-list .list-block:hover .know-more {display: block;} .our-services .services-list .list-block .list-icon.ai {background-image: url('assets/images/icon-ai.svg');} .our-services .services-list .list-block:hover .list-icon.ai {background-image: url('assets/images/icon-ai-hover.svg');} .our-services .services-list .list-block .list-icon.web {background-image: url('assets/images/icon-web.svg');} .our-services .services-list .list-block:hover .list-icon.web {background-image: url('assets/images/icon-web-hover.svg');} .our-services .services-list .list-block .list-icon.mobile {background-image: url('assets/images/icon-mobile.svg');} .our-services .services-list .list-block:hover .list-icon.mobile {background-image: url('assets/images/icon-mobile-hover.svg');} .our-services .services-list .list-block .list-icon.ecom {background-image: url('assets/images/icon-ecom.svg');} .our-services .services-list .list-block:hover .list-icon.ecom {background-image: url('assets/images/icon-ecom-hover.svg');} .our-services .services-list .list-block .list-icon.sw {background-image: url('assets/images/icon-software.svg');} .our-services .services-list .list-block:hover .list-icon.sw {background-image: url('assets/images/icon-software-hover.svg');} .our-services .services-list .list-block .list-icon.product {background-image: url('assets/images/icon-product.svg');} .our-services .services-list .list-block:hover .list-icon.product {background-image: url('assets/images/icon-product-hover.svg');} /***** Services End here *****/ /***** Customer Reviews Start here *****/ .customer-reviews .review-container {padding: 100px 0;} .customer-reviews .review-container .bx-wrapper {margin: 0 auto; box-shadow: none; border: 0; background: transparent;} .customer-reviews .review-container .bx-wrapper .bx-viewport {height: 500px !important;} .customer-reviews .review-container .review-list {margin-left: 22%; margin-right: 22%;} .customer-reviews .review-container .review-list .review-list-block.active-slide .review-list-item {background: url('assets/images/review-bg.svg') no-repeat; background-size: cover; background-position: center; width: 855px; height: 450px; box-shadow: none; border-radius: 0; margin: 0 auto;} .customer-reviews .review-container .review-list .review-list-block.active-slide .review-list-item .list-content {padding: 115px 220px;} .customer-reviews .review-container .review-list .review-list-block.active-slide .review-list-item .review-text {font-size: 18px; line-height: 30px; color: #FFFFFF; max-height: 210px; overflow: hidden;} .customer-reviews .review-container .review-list .review-list-block.active-slide .review-list-item .quote-left {background: url('assets/images/quote-left.svg') no-repeat; top: 100px; left: 105px;} .customer-reviews .review-container .review-list .review-list-block.active-slide .review-list-item .quote-right {background: url('assets/images/quote-right.svg') no-repeat; bottom: 125px; right: 105px;} .customer-reviews .review-container .review-list .review-list-block.active-slide .review-list-item .customer-details {bottom: -20px; max-height: 65px;} .customer-reviews .review-container .review-list .review-list-item {background: #fff; width: 755px; height: 295px; position: relative; box-shadow: 0 13px 36px rgba(0,0,0,0.16); border-radius: 19px; margin: 50px auto;} .customer-reviews .review-container .review-list .review-list-item .list-content {padding: 85px 155px;} .customer-reviews .review-container .review-list .review-list-item .review-text {font-size: 16px; line-height: 24px; color: #929292;} .customer-reviews .review-container .review-list .review-list-item .quote-left {background: url('assets/images/quote-left-grey.svg') no-repeat; position: absolute; top: 40px; left: 40px; width: 100px; height: 80px;} .customer-reviews .review-container .review-list .review-list-item .quote-right {background: url('assets/images/quote-right-grey.svg') no-repeat; position: absolute; bottom: 40px; right: 40px; width: 100px; height: 80px;} .customer-reviews .review-container .review-list .review-list-item .customer-details {position: absolute; bottom: -100px; left: 203px; min-width: 350px; max-height: 65px;} .customer-reviews .review-container .review-list .review-list-item .customer-details .customer-img {float: left; padding: 0 30px 0 0;} .customer-reviews .review-container .review-list .review-list-item .customer-details .customer-img img {border-radius: 50%;} .customer-reviews .review-container .review-list .review-list-item .customer-details .customer-name-block {padding: 13px 0;} .customer-reviews .review-container .review-list .review-list-item .customer-details .customer-name .name {font-family: nunito-bold, Arial; font-size: 20px; color: #404040; display: block;} .customer-reviews .review-container .review-list .review-list-item .customer-details .customer-name .desigantion {font-size: 16px; color: #999999; display: block;} /***** Customer Reviews End here *****/ /***** Primary Industries Start here *****/ .primary-industries {padding: 100px 0;} .primary-industries .industries-container {background: url('assets/images/industry-bg.svg') no-repeat; background-size: 100%;} .primary-industries .block-title .title, .primary-industries .block-title .desc {color: #ffffff;} .primary-industries .industries-container .industries-list {background-color: #ffffff; border-radius: 20px; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.04); padding: 80px 100px 57px; margin: 93px 0 0;} .primary-industries .industries-container .industries-list .block-desc {text-align: center; color: #DC5F00; font-size: 20px; padding: 0 0 40px;} .primary-industries .industries-container .industries-list .industry-list-block {text-align: center;} .primary-industries .industries-container .industries-list .industry-list-block .indutry-name {font-size: 20px; color: #DC5F00; padding: 15px 0 0;} .join-us {text-align: center; padding: 65px 0 0;} .join-us .email-form {width: 370px; margin: 0 auto;} .join-us .email-form .form-control {width: 370px;} /***** Primary Industries End here *****/ /***** Case Studies Start here *****/ .case-studies {position: relative;} .case-studies .title-bg-img {position: absolute; top: -15px; right: -170px} .case-studies .title-bg-img img {width: 280px; height: 280px;} .case-studies .list-bg-orange {position: absolute; bottom: -40px; left: -285px;} /*.case-studies .list-bg-orange img {width: 440px; height: 440px;}*/ .case-studies .list-bg-white {position: absolute; bottom: -120px; right: -230px;} /***** Case Studies End here *****/ /***** Contact Start here *****/ .contact {position: relative;} .contact .contact-form {padding: 57px 0 200px;} .contact .contact-form .services-tag .service-heading {font-family: nunito-bold, Arial; font-size: 20px; color: #404040; padding: 0 0 20px;} .contact .contact-form .services-tag .tag-list-block {float: left; padding: 0 20px 20px 0;} .contact .contact-form .services-tag .tag-list-block .tag-name {font-size: 16px; color: #939393; padding: 8px 14px; border: 1px solid #DC5F00; border-radius: 2px; display: block; position: relative; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;} .contact .contact-form .services-tag .tag-list-block .tag-name:before {content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #DC5F00; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; min-height: 33px;} .contact .contact-form .services-tag .tag-list-block .tag-name:hover {color: #FFFFFF; border: 1px solid transparent;} .contact .contact-form .services-tag .tag-list-block .tag-name:hover:before {-webkit-transform: scaleX(1); transform: scaleX(1);} .contact .contact-form .services-tag .tag-list-block .tag-name.active {background: #DC5F00; color: #FFFFFF;} .contact .contact-form .form-details .input-group .input-block {float: left; width: 270px; padding: 0 0 30px; margin: 0 30px 0 0; min-height: 84px;} .contact .contact-form .form-details .input-group .input-block:last-child {margin: 0;} .contact .contact-form .form-details .form-control {border: 0; border-bottom: 1px solid #C4C4C4; box-shadow: none; border-radius: 0; color: #999999; font-size: 16px; width: 270px;} .contact .contact-form .form-details .input-block-area .form-control {width: 570px; resize: none;} .contact .contact-form .form-details .form-control:focus {color: #DC5F00; border-bottom: 1px solid #DC5F00;} .contact .contact-form .form-details .form-control:focus::-webkit-input-placeholder {color: #DC5F00;} .contact .contact-form .form-details .form-control:focus::-moz-placeholder {color: #DC5F00;} .contact .contact-form .form-details .form-control:focus:-ms-input-placeholder {color: #DC5F00;} .contact .contact-form .form-details .comm-btn {padding: 40px 0 0;} .contact .contact-form .form-details .comm-btn .btn-text {background: #fff; outline: none;} .contact .contact-form .form-details .comm-btn .btn-sent {display:none; font-size: 16px; padding: 14px 30px; border-radius: 40px; background: #DC5F00; color: #ffffff; border: 1px solid #DC5F00;} .contact .contact-bg {position: absolute; top: 100px; right: -320px;} /***** Contact End here *****/ /***** Who we are Start here *****/ .who-we-are {padding: 120px 0 0;} .who-we-are .info {max-width: 94%; margin: 0 auto; line-height: 24px;} .who-we-are .our-intro-list {padding: 50px 0 0;} .who-we-are .our-intro-list a {display: block;} .who-we-are .our-intro-list .new-padd {padding: 0;} .who-we-are .our-intro-list .new-padd:nth-child(2n) {padding: 0 12px;} .who-we-are .our-intro-list .intro-list-block {background: #ffffff; border-radius: 4px; box-shadow: 0 4px 10px rgba(0,0,0,0.16); padding: 40px; min-height: 238px;} .who-we-are .our-intro-list .intro-list-block .list-icon {width: 80px; height: 80px;} .who-we-are .our-intro-list .intro-list-block.automation .list-icon {background: url('assets/images/intro-automation.svg') no-repeat center; background-size: 100%;} .who-we-are .our-intro-list .intro-list-block.digital-exp .list-icon {background: url('assets/images/intro-digital-exp.svg') no-repeat center; background-size: 100%;} .who-we-are .our-intro-list .intro-list-block.data-analytics .list-icon {background: url('assets/images/intro-data.svg') no-repeat center; background-size: 100%;} .who-we-are .our-intro-list a:hover .intro-list-block.automation {background: #3F51B5;} .who-we-are .our-intro-list a:hover .intro-list-block.automation .list-icon {background: url('assets/images/intro-automation-hover.svg') no-repeat center; background-size: 100%;} .who-we-are .our-intro-list a:hover .intro-list-block.digital-exp {background: #2196F3;} .who-we-are .our-intro-list a:hover .intro-list-block.digital-exp .list-icon {background: url('assets/images/intro-digital-exp-hover.svg') no-repeat center; background-size: 100%;} .who-we-are .our-intro-list a:hover .intro-list-block.data-analytics {background: #9C27B0;} .who-we-are .our-intro-list a:hover .intro-list-block.data-analytics .list-icon {background: url('assets/images/intro-data-hover.svg') no-repeat center; background-size: 100%;} .who-we-are .our-intro-list .intro-list-block .list-info .title {font-family: 'SofiaPro-SemiBold', Arial; font-size: 24px; line-height: 30px; padding: 15px 0 0; text-transform: uppercase; float: left;} .who-we-are .our-intro-list .intro-list-block.automation .list-info .title {color: #3F51B5;} .who-we-are .our-intro-list .intro-list-block.digital-exp .list-info .title {color: #2196F3;} .who-we-are .our-intro-list .intro-list-block.data-analytics .list-info .title {color: #9C27B0;} .who-we-are .our-intro-list a:hover .intro-list-block.automation .list-info .title {color: #FFFFFF;} .who-we-are .our-intro-list a:hover .intro-list-block.digital-exp .list-info .title {color: #FFFFFF;} .who-we-are .our-intro-list a:hover .intro-list-block.data-analytics .list-info .title {color: #FFFFFF;} .who-we-are .our-intro-list .intro-list-block .list-info .link-block {float: right; width: 34px; height: 34px; padding: 30px 0 0; display: none;} .who-we-are .our-intro-list a:hover .intro-list-block .list-info .link-block {display: block;} /***** Who we are End here *****/ /***** Our Awards Start here *****/ .our-awards {padding: 0 0 120px; position: relative;} .our-awards::after {content: ""; display:block; background: url(assets/images/discover_bg.webp); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; width: 100%; height:250px; bottom: -140px;} .our-awards .info {max-width: 590px; margin: 0 auto;} .awards-and-certi {padding: 50px 0 5px; text-align: center;} .awards-and-certi .image-list-slider .image-block {display: inline-block; padding: 0 30px 50px;} .awards-and-certi .image-list-slider .image-block img {margin: 0 auto; width: 100%;} .awards-and-certi .bx-wrapper {margin: 0 auto; box-shadow: none; border: 0; background: none;} /***** Our Awards End here *****/ /******** Home page End here ********/ /******** Mobile app developement Start here ********/ /***** Service banner Start here *****/ .service-banner {padding: 75px 0; background: #ffffff;} .service-banner .service-info {padding: 53px 0 0;} .service-banner .service-info .service-name {font-family: lato, Arial; font-size: 54px; color: #000000; padding: 0 0 30px;} .service-banner .service-info .service-types ul .service-type-title {float: left; padding: 0 40px 10px 0; font-size: 20px; color: #868686;} .service-banner .service-info .service-desc {font-size: 16px; color: #404040; line-height: 30px; padding: 20px 0;} .service-banner .enquire .email-form {width: 365px;} .service-banner .enquire .email-form .form-control {width: 365px;} .service-banner .other-services {padding: 0 0 0 10px; float: right;} .service-banner .other-services .other-services-list {width: 230px; padding: 25px; box-shadow: 0 15px 50px rgba(0, 0, 0, 0.06);} .service-banner .other-services .other-services-list .other-services-name {padding: 12px 5px; text-transform: uppercase;} .service-banner .other-services .other-services-list .other-services-name a {font-size: 12px; color: #404040;} .service-banner .other-services .other-services-list .other-services-name.head {font-size: 14px; color: #DC5F00; padding: 30px 0 9px;} .service-banner .other-services .other-services-list .current-service {width: 100px; background-repeat: no-repeat; background-size: contain; height: 100px;} /***** Service banner End here *****/ /***** Service for business Start here *****/ .service-section {background-color: #F5F5F5; padding: 70px 0;} .service-section .service-details .list-heading {font-family: lato-semi, Arial; font-size: 26px; color: #191919; padding: 0 0 50px;} .service-section .service-details .list-desc p {font-size: 16px; color: #404040; line-height: 30px; margin: 0; padding: 0 0 20px;} .service-section-icon {text-align: right; padding: 85px 0 0;} .service-section-icon img {width: 100%; max-width: 353px;} /***** Service for business End here *****/ /***** Service list Start here *****/ .services-list {padding: 100px 0 0;/* position: relative; */} .services-list .services-list-items {/* width: 100%; *//* height: auto; *//* position: absolute; *//* top: 100px; *//* left: 50px; */-webkit-transform-origin: left top;-webkit-transform: rotate(-90deg) translateX(-100%);} .services-list .services-list-items ul {margin: 0 auto;/* height: 100%; */} .services-list .services-list-items .services-list-name {padding: 0 15px 12px; float: right; border-bottom: 1px solid #A1A1A1;} .services-list .services-list-items .services-list-name:first-child {padding: 0 0 12px 20px;} .services-list .services-list-items .services-list-name a.active:after {content: '.'; position: absolute; border-bottom: 2px solid #000; display: block; width: 100%; color: transparent; left: 0; top: 11.6px;} .services-list .services-list-items .services-list-name a {font-size: 20px; color: #868686; position: relative;} .services-list .services-detail {padding: 0 100px;} .services-list .services-detail .service-detail-section {padding: 0 0 100px;} .services-list .services-detail .service-detail-section:last-child {padding: 0;} .services-list .services-detail .service-detail-block {padding: 0 100px;} .services-list .services-detail .service-detail-block .info-block p {font-size: 16px; line-height: 22px; color: #404040; padding: 10px 0; margin: 0;} .services-list .services-detail .service-detail-block .read-more-link a {font-family: nunito-bold, Arial; font-size: 14px; color: #DC5F00;} .services-list .services-detail .service-project-detail {padding: 50px 0 0;} .services-list .services-detail .service-project-detail .project-detail-block {box-shadow: 0 15px 50px rgba(0, 0, 0, 0.06); margin: 0 auto; padding: 0 0 50px;} .services-list .services-detail .service-project-detail .project-detail-block .project-image {float: left;} .services-list .services-detail .service-project-detail .project-detail-block .project-image img {width: 385px; height: auto;} .services-list .services-detail .service-project-detail .project-detail-block .project-desc {padding: 70px 100px 0 0;} .services-list .services-detail .service-project-detail .project-detail-block .project-desc .project-title {font-size: 20px; line-height: 26px; color: #A0130F;} .services-list .services-detail .service-project-detail .project-detail-block .project-desc .project-info {font-size: 16px; line-height: 22px; color: #404040; padding: 30px 0 40px;} .services-list .services-detail .service-project-detail .project-detail-block .project-desc .show-project-link {} .services-list .services-detail .service-project-detail .project-detail-block .project-desc .show-project-link a {font-family: lato-semi, Arial; font-size: 26px; color: #404040;} .services-list .services-detail .service-project-detail .project-detail-block .project-desc .show-project-link .show-icon {opacity: 0; position: absolute; -webkit-transform: translateX(-25px); transform: translateX(-25px); -webkit-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;} .services-list .services-detail .service-project-detail .project-detail-block:hover .project-desc .show-project-link .show-icon {opacity: 1; -webkit-transform: translateX(15px); transform: translateX(15px);} .services-list .services-detail .service-project-detail .project-detail-block .project-desc .show-project-link .show-icon img {width: 23px; height: 18px;} .sticky-anchor {height: 0;} .services-list .services-list-items.fixed {position: fixed; top: 180px; transition: top 0.5s linear;} /***** Service list End here *****/ /***** Certification Start here *****/ .excellence-certi .certificate-list {padding: 60px 0 160px; text-align: center;} .excellence-certi .certificate-list .certificate-list-block .certificate-logo {width: 170px; height: 170px; background-color: #FFFFFF; border-radius: 20px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); position: relative;} .excellence-certi .certificate-list .certificate-list-block .certificate-logo img {position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;} /***** Certification End here *****/ /******** Mobile app developement End here ********/ /******** Blog Detail Start here ********/ .block-title-border .title {font-family: nunito-bold, Arial; font-size: 20px; color: #404040; position: relative; overflow: hidden; padding: 0 0 100px;} .block-title-border .title h4 {display: inline-block;} .block-title-border .title .border {background-color: #CDCDCD; width: 100%; height: 1px; display: inline-block; position: absolute; top: 9px; margin: 0 0 0 33px;} /***** Blogs Content Start here *****/ .blog-content {background:#f7f7f7;} .blog-title-bg {position:absolute; left: -170px; top: 172px;} .blog-detail {padding: 53px 0 0; background: #fff; position: relative;} .blog-detail .blog-banner {position: relative;} .blog-detail .blog-tile-bg:before {content: ""; display: block; background: url('assets/images/blog_bg.webp') no-repeat; background-size: 100% 100%; background-position: center; width: 100%; height: 220px; position: absolute; top: -130px;} .blog-detail .blog-tile-bg {position: relative; background: #f7f7f7; margin: 123px 0 0;} .blog-detail.no-bg-color{background:#f7f7f7;} .blog-detail .blog-path {padding: 0 0 50px;} .blog-detail .blog-path ul li {float: left; padding: 0 10px 0 0; text-transform: uppercase;} .blog-detail .blog-path ul li a {font-family: 'SofiaPro-Ultra', Arial; font-size: 12px; color: #000000;} .blog-detail .blog-path ul li.active a {font-family: 'SofiaPro-Medium', Arial; color:#000000;} .blog-detail .blog-title-detail {position: relative;} .blog-detail .blog-title-detail .blog-banner-img{background-repeat: no-repeat; background-size: cover; width: 100%; height: 340px; background-position: center; } .blog-detail .blog-tile-bg .detail-block .blog-name {font-family: 'SofiaPro-Light', Arial; font-size: 44px; line-height: 58px; color: #000000;} .blog-detail .blog-tile-bg .detail-block .author-name {padding: 21px 0 51px;} .blog-detail .blog-tile-bg .detail-block .author-name .author-name-info {float:left; margin: 0 45px 0 0;} .blog-detail .blog-tile-bg .detail-block .author-name .author-name-info span{font-family: 'SofiaPro-Ultra', Arial; font-size: 14px; line-height: 24px; color: #757575; text-transform: uppercase;} .blog-detail .blog-tile-bg .detail-block .author-name .author-name-info .name {font-family: 'SofiaPro', Arial;} .blog-detail .blog-title-detail .detail-block .author-detail .date {font-family: 'SofiaPro', Arial; font-size:14px; line-height:24px; color:#757575; text-transform: uppercase;} .blog-share-list{ display:block; position:relative; padding: 50px 0 125px; background: url(assets/images/discover_bg.webp) no-repeat; background-size: 100% 100%; background-position: bottom;} .blog-share-list.no-bg{ background: transparent; padding: 0;} .blog-share-list .share-text {font-size: 16px; color: #999999; padding: 0 0 14px;} .blog-share-list ul .social-icon {display: inline-block; padding: 0 15px;} .blog-share-list ul .social-icon a {width: 30px; height: 30px; border: 1px solid #878787; border-radius: 50%; display: block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; position: relative;} .blog-share-list ul .social-icon a:before {content: ''; display: block; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; background: #404040; border-radius: 50%;} .blog-detail-intro-bg {position:relative;} .blog-detail-intro .intro-section .intro-section-btn,.blog-detail-intro .blog-info-section .info-para .intro-section-btn{text-align: center;} .blog-detail-intro .intro-section .common-btn,.blog-detail-intro .blog-info-section .info-para .common-btn{display: inline-block; background-color: #DC6200; border-radius: 20px; color: #FFFFFF; padding: 11px 35px; font-family: 'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600;} .blog-detail-intro .blog-info-section .info-para{} /*.blog-detail-intro-bg::before{content:""; display:block; background: url(assets/images/blog-detail-bg.png) rgba(247,247,247,1); background-repeat: no-repeat; background-size: cover; position: absolute; width: 100%; height: 230px; top: -149px;}*/ .blog-content .blog-detail-intro {max-width: 770px;} .blog-share-list ul .social-icon a:hover:before {-webkit-transform: scale(1); transform: scale(1); width: 30px; height: 30px;} .blog-share-list ul .social-icon a svg {fill: rgba(64,64,64,0.57);} .blog-share-list ul .social-icon a:hover {border: 1px solid transparent;} .blog-share-list ul .social-icon a:hover svg {fill: #FFFFFF;} .blog-share-list ul .social-icon a.fb {padding: 7px 10px;} .blog-share-list ul .social-icon a.insta {padding: 5px 8px;} .blog-share-list ul .social-icon a.linkedin {padding: 5px 8px;} .blog-share-list ul .social-icon a.twitter {padding: 6px 8px;} .blog-share-list ul .social-icon a.email {padding: 5px 8px;} .blog-content .blog-title-detail .blog-share-list .share-text {padding: 0 0 20px;} .blog-content .blog-title-detail .blog-share-list ul .social-icon {display: block; padding: 0 0 20px;} .blog-content .blog-title-detail .blog-share-list ul .social-icon a {margin: 0 auto;} .blog-content .blog-detail-intro .intro-section {font-family: 'SofiaPro-Light', Arial; font-size: 16px; line-height: 24px; color: #404040;} .blog-content .blog-detail-intro .intro-section p {padding: 0 0 30px;} .blog-content .blog-content-image {padding: 0 0 50px;} .blog-content .blog-content-image-bg {background-repeat: no-repeat; background-size: cover; border-radius: 4px; width: 100%; height: 460px; background-position: center;} .blog-content .blog-detail-intro .blog-info-section {padding: 0 0 20px;} .blog-content .blog-detail-intro .blog-info-section .head-block .title {font-size: 24px; line-height: 30px; color: #212121; padding: 0 0 25px;} .blog-content .blog-detail-intro .blog-info-section .info-para .sub-title {font-size: 24px; line-height: 30px; color: #212121; padding: 0 0 15px;} .blog-content .blog-detail-intro .blog-info-section .info-para {font-family: 'SofiaPro-Light', Arial; font-size: 16px; line-height: 24px; color: #404040;} .blog-content .blog-detail-intro .blog-info-section .info-para p {padding: 0 0 30px;} .blog-content .blog-detail-intro .blog-info-section .info-para .blog-content-list {} .blog-content .blog-detail-intro ul li {font-family: 'SofiaPro-Light', Arial; font-size: 16px; line-height: 24px; color: #404040; padding: 0 0 0 20px; position: relative; border-left: 1px solid #DC6200; margin: 0 0 15px;} /*.blog-detail .blog-content-list li:before {content: ''; position: absolute; top: 16px; left: 0; background-color: #404040; border-radius: 50%; width: 5px; height: 5px;}*/ .blog-content .blog-detail-intro a {color: #DC6200;} .blog-detail .blog-detail-section .blog-info-section .info-para .sub-title {font-family: nunito-bold, Arial; font-size: 20px; color: #404040; padding: 10px 0;} .blog-content .blog-detail-intro .author-detail .author-photo {float: left;} .blog-content .blog-detail-intro .author-detail .author-photo img {height: 70px; width: 70px; border-radius: 50%;} .blog-content .blog-detail-intro .author-detail .author-photo.author-without-image {display: none;} .blog-content .blog-detail-intro .author-detail .author-desc {float: left; padding: 0 0 0 30px; width: 410px;} .blog-content .blog-detail-intro .author-detail .author-desc.author-remove-padding { padding: 0;} .blog-content .blog-detail-intro .author-detail .author-desc .blog-writer {font-family: 'SofiaPro-Light', Arial; font-size: 16px; line-height: 24px; color: #424242;} .blog-content .blog-detail-intro .author-detail .author-desc .blog-writer .name {color: #DC6200; text-transform: uppercase;} .blog-content .blog-detail-intro .author-detail .author-desc .author-bio {font-family: 'SofiaPro-Light', Arial; font-size: 14px; line-height: 24px; color: #9E9E9E; padding: 8px 0;} .blog-content .blog-detail-intro .author-detail .author-desc .blog-date {font-family: 'SofiaPro-Light', Arial; font-size: 14px; line-height: 24px; color: #757575;} .related-blogs {border-radius: 4px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16); padding: 20px; background: #fff;} .related-blogs .slider-title {font-family: 'SofiaPro-Light', Arial; font-size: 16px; color: #212121;} .related-blogs .bx-wrapper {margin: 0; box-shadow: none; border: 0;} .related-blogs .bx-wrapper .bx-pager {bottom: auto; top: -38px; right: -88px;} .related-blogs .bx-wrapper .bx-pager.bx-default-pager a {background: #fff; border: 1px solid #DC6200; margin: 0 4px;} .related-blogs .bx-wrapper .bx-pager.bx-default-pager a.active, .related-blogs .bx-wrapper .bx-pager.bx-default-pager a:focus, .related-blogs .bx-wrapper .bx-pager.bx-default-pager a:hover {background: #DC6200; border: 1px solid #DC6200;} .related-blogs .related-blogs-list .blog-list-block .blog-list-name {padding: 15px 0;} .related-blogs .related-blogs-list .blog-list-block .blog-list-name a {font-size: 14px; line-height: 24px; color: #DC6200;} .related-blogs .related-blogs-list .blog-list-block .blog-list-date {font-size: 12px; color: #9E9E9E; text-transform: uppercase;} .blog-detail .hire-us {padding: 340px 0 0;} .blog-detail .hire-us .hire-us-container {max-width: 300px;} .blog-detail .hire-us .hire-us-container .hire-text {font-family: lato-semi, Arial; font-size: 26px; line-height: 40px; color: #868686; padding: 0 0 30px;} .blog-detail .hire-us .hire-us-container .comm-btn .btn-text {padding: 14px 55px;} .blog-detail .final-thoughts {position: relative; padding:0 0 50px;} .blog-detail .final-thoughts .thought-block {background: #ffffff; border: 1px solid #DC5F00; padding: 30px 70px; max-width: 100%; position: absolute; top: 22px; left: 30px; z-index: 10; border-radius: 4px; right: -15px;} .blog-detail .final-thoughts .thought-block .title {font-family: nunito-bold, Arial; font-size: 20px; color: #000000;} .blog-detail .final-thoughts .thought-block .quotes-text {font-size: 16px; line-height: 22px; color: #404040; padding: 20px 0 0;} .blog-detail .final-thoughts .thought-bg-top {background: #DC5F00; width: 970px; height:100%; position: relative; border-radius: 4px; right: 0; max-height: 220px; min-height: 170px;} .blog-detail .final-thoughts .thought-bg-bottom {background: #FEF7F2; max-width: 950px; height: 202px; position: relative; bottom: -77px; left: 50px;} .blog-detail .blog-detail-section .blog-info-section .info-para p a {color: #DC5F00;} .blog-content .blog-detail h2, .blog-content .blog-detail h3 {font-family: lato-semi, Arial; font-size: 26px; color: #191919; line-height: 36px;} .blog-detail .final-thoughts .thought-block .quotes-text a {font-family: lato-semi, Arial; color: #404040;} /*.blog-content .blog-detail a {font-family: lato-semi, Arial; color: #DC5F00;}*/ .blog-detail .blog-detail-section .blog-info-section .head-block .block-number{padding:0 0 10px;} /***** Blogs Content End here *****/ /***** Other Blogs List Start here *****/ .other-blogs-list {padding: 30px 0 100px; background: #ffffff; position: relative;} .other-blogs-list .block-title {padding: 0;} .other-blogs-list .listing-block .listing-block-content{min-height: 265px;} .listing-block-container {padding: 50px 0 35px;} .listing-block {float: left; padding: 0 10px 55px 0; /*height: 405px;*/} .listing-block .listing-block-content {background: #FFFFFF; position: relative; display: block; border-radius: 4px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16); min-height: 285px; width: 275px; overflow: hidden;} .listing-block .listing-block-content .listing-img-block .listing-img-part {width: 100%; background-size: cover; height: 135px; background-position: center;} .listing-block .listing-block-content .listing-article-info {background-color: #fff; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .listing-block .listing-block-content .listing-article-info .listing-article-block {padding: 20px 28px 20px 20px;} .listing-block .listing-block-content .listing-article-info .listing-article-desc {padding: 10px 0;} .listing-block .listing-block-content .listing-article-info .listing-article-desc a {font-family: SofiaPro-Medium, Arial; font-size: 18px; color: #212121; line-height: 24px; max-height: 48px; overflow: hidden; display: block;} .listing-block .listing-block-content .listing-article-info .listing-article-tag a {font-family: lato, Arial; font-size: 12px; color: #404040; padding: 3px 10px; border-radius: 5px;} .listing-block .listing-block-content .listing-article-info .listing-article-tag .tag {font-family: 'SofiaPro-SemiBold', Arial; font-size: 12px; color: #212121; padding: 3px 10px; border-radius: 4px; background-color: #F5F5F5; display: inline-block; margin: 0 5px 0 0;} .listing-block .listing-block-content .listing-article-info .listing-article-details .listing-author {font-family: 'SofiaPro-Light', Arial; font-size: 12px; color: #DC6200; display: inline-block;} .listing-block .listing-block-content .listing-article-info .listing-article-details .listing-date {font-family: 'SofiaPro-Light', Arial; font-size: 12px; color: #9E9E9E; float: right;} .listing-block .listing-block-content .listing-read-more {position: absolute; width: 100%; opacity: 0; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out;} .listing-block .listing-block-content .listing-read-more a {background: #DC5F00; width: 100%; padding: 17px 24px; display: block;} .listing-block .listing-block-content .listing-read-more .read-more .link-txt {font-family: 'SofiaPro-SemiBold', Arial; font-size: 14px; color: #FFFFFF;} .listing-block .listing-block-content .listing-read-more .read-more .arrow {float: right; height: 16px; width: 16px; background-color: #FFFFFF; text-align: center; border-radius: 50%;} .listing-block .listing-block-content .listing-read-more .read-more .arrow .fa {color: #DC6200; font-size: 12px; line-height: 16px; font-weight: bold; vertical-align: top; margin: 0 0 0 1px;} .listing-block .listing-block-content .listing-read-more .listing-time-stamp {float: right;} .listing-block .listing-block-content .listing-read-more .listing-time-stamp .time-img {width: 12px; height: 12px;} .listing-block .listing-block-content .listing-read-more .listing-time-stamp span {font-family: lato, Arial; font-size: 12px; color: #FFFFFF; vertical-align: top;} .listing-block .listing-block-content:hover .listing-article-info {-webkit-transform: translateY(-45px); transform: translateY(-45px);} .listing-block .listing-block-content:hover .listing-read-more {opacity: 1; bottom: -49px;} .listing-block .listing-block-content .listing-article-info .listing-article-tag a.tag-comm {background-color: rgba(76, 239, 29, 0.19);} .listing-block .listing-block-content .listing-article-info .listing-article-tag a.tag-ai {background-color: rgba(76, 239, 29, 0.19);} .listing-block .listing-block-content .listing-article-info .listing-article-tag a.tag-sw {background-color: rgba(0, 175, 220, 0.15);} .listing-block .listing-block-content .listing-article-info .listing-article-tag a.tag-mobile {background-color: rgba(220, 95, 0, 0.15);} .listing-block .listing-block-content .listing-article-info .listing-article-tag a.tag-dev {background-color: rgba(0, 0, 255, 0.12);} .listing-block .listing-block-content .listing-article-info .listing-article-tag a.tag-ux {background-color: rgba(220, 95, 0, 0.15);} .view-more { text-align:center;} .view-more a{padding:15px 75px; background:#DC6200; border-radius:53px; color:#ffffff; font-size:16px; font-weight:bold;} .other-blogs-list .listing-detail{padding: 50px 0 0;} /***** Other Blogs List End here *****/ /******** Blog Detail End here ********/ /*common hover button*/ .comm-btn {} .comm-btn .btn-text {font-size: 16px; color: #404040; padding: 14px 30px; border: 1px solid #404040; border-radius: 40px; display: inline-block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-property: color, transform; transition-property: color, transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; overflow: hidden;} .comm-btn .btn-text:before {content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #DC5F00; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .comm-btn .btn-text:hover {color: #ffffff; border: 1px solid transparent; -webkit-transform: translateY(-5px); transform: translateY(-5px);} .comm-btn .btn-text:hover:before {-webkit-transform: scaleX(1); transform: scaleX(1);} /******** Footer ********/ .footer{/*background: url(assets/images/footer-bg.jpg) rgba(255,255,255,1); background-repeat: no-repeat; background-size: 121% 58%; background-position: bottom;*/ background: #F7F7F7; padding: 70px 0 0; z-index: 1; position: relative;} .footer .footer-main{padding: 0 0 40px; } .footer .footer-main .footer-widget {padding: 0 13px;} /* .footer .footer-main .footer-widget.company-info {padding: 0 0 0 98px;} */ /* .footer .footer-main .footer-widget .footer-logo {width:115px; margin:0 0 25px;} */ /* .footer .footer-main .footer-widget .intro {font-size:14px; color:#212121; line-height:24px; padding: 0 40px 25px 0;} */ .footer .footer-main .footer-widget .footer-social {} .footer .footer-main .footer-widget .footer-social ul {} .footer .footer-main .footer-widget .footer-social ul li {margin:0 14px 0 0; float:left;} .footer .footer-main .footer-widget .quick-links {} .footer .footer-main .footer-widget .title {font-size:14px; line-height:30px; color:#212121; font-family: 'SofiaPro-SemiBold'; font-weight:600; /*border-bottom: 1px solid #dbdbdb;*/ padding: 0 0 14px; margin:0 0 30px 0; position: relative;} .footer .footer-main .footer-widget .title:after {content: ""; background: #dbdbdb; width: 139px; height: 1px; position: absolute; left: 0; top: 43px;} .footer .footer-main .footer-widget .footer-links {} .footer .footer-main .footer-widget .footer-links ul {} .footer .footer-main .footer-widget .footer-links ul li {} .footer .footer-main .footer-widget .footer-links ul li a {font-size:14px; line-height:30px; color:#424242;} .footer .footer-main .footer-widget .footer-content {} /* .footer .footer-main .footer-widget .footer-content .address {font-size:14px; line-height:20px; color:#212121; padding:0 0 15px;} */ /* .footer .footer-main .footer-widget .footer-content .contact-details {font-size:14px; line-height:20px; color:#212121; padding: 0 0 5px;} */ .footer .footer-main .footer-widget .footer-content .contact-details a {font-size:14px; font-family: 'SofiaPro-SemiBold'; font-weight:600; color:#212121;} .footer .legal-line {background:#DC6200; border-radius:4px;} .footer .legal-line .copy-right {float:left; font-size:12px; color:#FFFFFF; line-height:30px; padding: 0 0 0 100px;} .footer .legal-line .privacy-policy {float:right; padding: 0 50px 0 0;} .footer .legal-line .privacy-policy ul li {float:left; padding:0 30px 0 0;} .footer .legal-line .privacy-policy ul li a {font-size:12px; color:#FFFFFF; line-height:30px;} /********End-Footer-here********/ /******** Privacy Policy Start here ********/ .privacy-policies {padding: 124px 0 54px;} .privacy-policies .privacy-content .policy-intro {padding: 0 0 30px;} .privacy-policies .privacy-content .policy-intro p {font-size: 16px; line-height: 22px; color: #404040; margin: 0; padding: 0 0 20px;} .privacy-policies .privacy-content .privacy-policy-detail .head-block .title {text-transform: uppercase;} .privacy-policies .privacy-content .privacy-policy-detail .policy-info .sub-title {font-family: nunito-bold, Arial; font-size: 20px; color: #404040; padding: 10px 0;} .privacy-policies .privacy-content .privacy-policy-detail .policy-info {font-size: 16px; line-height: 22px; color: #404040;} .privacy-policies .privacy-content .privacy-policy-detail .policy-info p {margin: 0; padding: 0 0 20px;} .privacy-policies .privacy-content .privacy-policy-detail .policy-info ul {padding: 0 0 10px;} .privacy-policies .privacy-content .privacy-policy-detail .policy-info ul li {padding: 0 0 10px 15px; position: relative;} .privacy-policies .privacy-content .privacy-policy-detail .policy-info ul li:before {content: ''; position: absolute; top: 8px; left: 0; background-color: #404040; border-radius: 50%; width: 4px; height: 4px;} .privacy-policies .privacy-content .privacy-policy-detail .policy-info ul li .list-item-main {font-weight: bold;} .privacy-policies .privacy-content .privacy-policy-detail .policy-info a {color: #404040; font-weight: bold;} /******** Privacy Policy End here ********/ /******* Back to top Start**********/ .scroll-button .back-to-top {width: 60px; height: 60px; overflow: hidden; z-index: 999; display: none; cursor: pointer; position: fixed; bottom: 50px; right: 50px; background-color: rgba(255, 255, 255, 0.82); color: #dc5f00; text-align: center; border-radius: 50px; padding: 14px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);} .scroll-button .back-to-top .fa {font-size: 32px;} /******* Back to top End**********/ /***** page loader start here *****/ .loader-overlay {background: #fff; opacity: 0.9; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 11111;} .loader {width: 100px; height: 100px; position: relative; top: 50%; left: 50%; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .loader:before, .loader:after {content: ''; width: 100px; height: 100px; display: block; border: 2px solid #DC5F00; position: absolute; top: 0; left: 0; border-radius: 50%; box-sizing: border-box; -webkit-animation: spinner-before 1s linear infinite; animation: spinner-before 1s linear infinite;} .loader:before {-webkit-transform: scale(1); transform: scale(1); opacity: 1;} .loader:after {-webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-name: spinner-after; animation-name: spinner-after;} .loader-icon {width:40px; height: 40px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} @-webkit-keyframes spinner-before { from { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } to { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } } @keyframes spinner-before { from { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } to { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } } @-webkit-keyframes spinner-after { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } @keyframes spinner-after { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } @keyframes show-img { 0% { height: 100%; } 100% { height: 0%; } } @-webkit-keyframes show-img { 0% { height: 100%; } 100% { height: 0%; } } /***** page loader end here *****/ /******** Blog List Start here ********/ .page-title {position: relative;} .page-title-bg {position: absolute; top: -70px; right: -220px;} /*.blog-container {padding: 80px 0;} .blog-list .listing-block-container {padding: 30px 0 0;}*/ .blog-container .banner-conatiner {background: #ffffff; padding: 0 0 50px;} .blog-container .banner-conatiner .banner-info {background: #ffffff; text-align: left; padding: 110px 0 0;} .blog-container .breadcrumbs ul li a {color: #000000;} .blog-container .breadcrumbs ul li .fa-angle-right {color: #000000;} .blog-container .banner-conatiner .banner-info .block-title {color: #000000; text-align: left; padding: 0;} .blog-container .banner-conatiner .banner-info .info {color: #404040; text-align: left; max-width: 100%; padding: 20px 0 0 0;} .blog-list {position: relative; padding: 0 0 120px;} .blog-list:before {content: ""; display: block; background: url(assets/images/blog_bg.webp) no-repeat; background-size: 100% 100%; background-position: center; width: 100%; height: 230px; position: absolute; top: 0;} .blog-list:after {content: ""; display: block; background: url(assets/images/discover_bg.webp) no-repeat; background-size: 100% 100%; background-position: center; width: 100%; height: 250px; position: absolute; bottom: -140px;} .blog-list .listing-block-container {margin: 0 -10px;} .listing-block-sizer, .blog-list .listing-block {width: 1px; margin-bottom: 10px; height: 295px; overflow: hidden; cursor: pointer; box-sizing: border-box;} .blog-list .listing-block {float: left; padding: 0 10px; width: 680px;} .blog-list .listing-block.small-block {width: 480px;} .blog-list .listing-block .listing-block-content {width: 100%;} .blog-list .listing-block-container:after {content: ''; display: block; clear: both;} .blog-list .listing-block .listing-block-content .listing-article-info .listing-article-desc a {min-height: 48px;} .blog-list .load-more {text-align: center; padding: 50px 0 0;} .blog-list .load-more .btn-text {font-family: 'SofiaPro-SemiBold', Arial; font-size: 16px; color: #FFFFFF; background-color: #DC6200; border: 1px solid #DC6200; min-width: 230px; padding: 15px; position: relative;} .blog-list .load-more .btn-text:before {background-color: #ffffff;} .blog-list .load-more.comm-btn .btn-text:hover {-webkit-transform: translateY(0px); transform: translateY(0px); border: 1px solid #DC6200; color: #DC6200;} .blog-list .load-more .btn-text .btn-icon {background: url('assets/images/load-more-icon.svg') no-repeat; height: 12px; width: 12px; /*display: none;*/ position: absolute; top: 15px; right: 91px;} /*.blog-list .load-more .btn-text:hover .btn-icon {display: inline-block;}*/ .blog-list .blog-list-left {position: absolute; top: 220px; left: -226px;} .blog-list .blog-list-right-top {position: absolute; top: 340px; right: -220px;} .blog-list .blog-list-right-bottom {position: absolute; bottom: 5px; right: -210px;} /******** Blog List End here ********/ /******** Case Study Start here ********/ .case-study-container {padding: 80px 0 50px;} .case-study {padding: 50px 0 0; position: relative;} .case-study .case-study-list {position: relative; z-index: 10;} .case-study .case-study-list .list-block {padding: 0 0 50px;} .case-study .case-study-list .list-block .list-block-detail {max-width: 970px; padding: 54px 35px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.10); background-color: #fff;} .case-study .case-study-list .list-block .list-block-detail .case-study-image {float: left; padding: 0 30px 0 0; width: 530px;} .case-study .case-study-list .list-block .list-block-detail.img-right .case-study-image {padding: 0 0 0 30px;} .case-study .case-study-list .list-block .list-block-detail .case-study-detail {float: left; width: 370px;} .case-study .case-study-list .list-block .list-block-detail .case-study-detail .block-desc {font-family: lato-semi,Arial;font-size: 26px;line-height: 40px;color: #191919;padding: 40px 0;} .case-study .case-study-list .list-block .list-block-detail .case-study-detail .read-more-btn {padding: 0 0 0 3px;} .case-study .case-study-list .list-block .list-block-detail .case-study-detail .read-more-btn .btn-text {min-width: 170px; padding: 15px 45px; position: relative; height: 46px;} .case-study .case-study-list .list-block .list-block-detail .case-study-detail .read-more-btn.comm-btn .btn-text:hover {-webkit-transform: translateY(0px); transform: translateY(0px); height: 46px;} .case-study .case-study-list .list-block .list-block-detail .case-study-detail .read-more-btn .btn-text:hover {padding: 15px 55px 15px 35px;} .case-study .case-study-list .list-block .list-block-detail .case-study-detail .read-more-btn .btn-text .btn-icon {background: url('assets/images/read-more-icon.svg') no-repeat; height: 12px; width: 12px; display: none; position: absolute; top: 16px; right: 26px;} .case-study .case-study-list .list-block .list-block-detail .case-study-detail .read-more-btn .btn-text:hover .btn-icon {display: block;} .case-study .bg-left-top {position: absolute; top: -65px; left: -295px;} .case-study .bg-left-bottom {position: absolute; top: 400px; left: -110px;} .case-study .bg-right {position: absolute; bottom: 145px; right: -120px;} /******** Case Study End here ********/ /******** Case Study Detail Start here ********/ .case-detail-container {padding: 50px 0;} .case-study-section .our-work-area .work-name-list .list-block {width: 208px; height: 208px; display: inline-block; border: 6px solid #DC5F00; border-radius: 50%; position: relative; margin: 0 45px 0 0;} .case-study-section .our-work-area .work-name-list .list-block .title-bg{width: 158px; height:158px; background-color: #FFFFFF; position: relative; border-radius: 100%; box-shadow: 0px 50px 99px rgba(31, 48, 93, 0.26); top: 50%; left: 50%; transform: translate(-50%,-50%);} .case-study-section .our-work-area .work-name-list .list-block .title-bg .title{font-size: 16px; color: #DC5F00; font-weight: bold; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; line-height: 24px;} .case-study-section .work-description .block-title span{font-size: 26px; line-height: 40px; color: #191919; text-align: left; font-family: 'lato-semi'; display: block; padding: 0 580px 0 0;} .case-study-section .work-description .block-title{padding: 120px 0 50px 0;} .case-study-section .work-description .sub-title{font-size: 16px; line-height: 30px; padding: 0 0 170px;} .case-study-section .work-description .description-block{} .case-study-section .work-description .description-block .desc-title{text-align: center; font-size: 40px; line-height: 56px; color: #000000; font-family: 'nunito-semi';} .case-study-section .work-description .description-points{padding: 60px 300px 40px;} .case-study-section .work-description .description-points .points-list li{font-size: 16px; line-height: 30px; color: #404040; padding: 0 0 40px 0; position: relative;} .case-study-section .work-description .description-points .points-list li::before{content: ""; width: 14px; height: 14px; border-radius: 50%; border:1px solid #DC5F00; display: block; position: absolute; left: -10%; top: 50%; transform: translate(-8%, -27px);} .case-study-section .work-description .work-image-block{text-align: center; padding: 0 0 100px;} .case-study-section .work-description .work-image-block img {width: 100%; max-width: 970px;} .case-study-section .work-description .list-of-tools{padding: 60px 0 0; text-align: center;} .case-study-section .work-description .list-of-tools .icon-list-block{background-color: #FFFFFF; width: 170px; height: 170px; display: inline-block; box-shadow: 0px 3px 6px rgba(31, 48, 93, 0.26); border-radius: 20px; margin: 0 30px 20px 0; position: relative;} .case-study-section .work-description .list-of-tools .icon-list-block img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; max-width: 100px;} .case-study-section .work-description{position: relative;} .case-study-section .work-description .bg-right-bottom{position: absolute; top: 9%; left: auto; right: -235px;} .case-study-section .work-description .bg-left-bottom{ position: absolute; top: 34%; left: -220px; right: auto;} .case-study-section .work-description .bg-left-top{position: absolute; top: 70%; left: -300px; right: auto;} /******** Case Study Detail End here ********/ /******** About Us Start here ********/ /*.about-us {padding: 80px 0;}*/ .about-us-blocks .about-rd-desc .title{font-size: 54px; line-height: 60px; color: #000000; font-family: 'lato'; padding: 0 0 40px;} .about-us-blocks .about-rd-desc .sub-title{font-size: 26px; color: #191919; line-height: 40px; font-family: 'lato-semi'; padding-bottom: 40px;} .about-us-blocks .about-rd-desc .about-desc-block{font-size: 16px; line-height: 30px; font-family: 'nunito';} .about-us-blocks .list-block.block-left{width:54%; float: left;} .about-us-blocks .about-rd-desc .about-desc-block p{margin: 0 0 40px 0;} .about-us-blocks .list-block.block-right{width: 46%; float: right;} .about-us-blocks .list-block.block-right .about-rd-image {padding: 0 0 0 150px;} .about-us .about-us-blocks{padding: 0 0 80px 0;} .about-us .about-us-info .list-block.block-left{width: 50%; float: left; padding: 60px 100px 137px 190px; background: #CF680F; max-height: 550px; color: #FFFFFF;} .about-us .about-us-info .list-block.block-right{width: 50%; float:left; background: #ffffff; padding: 60px 100px 137px 190px; max-height: 550px;} .about-us .about-us-info .list-block .differentiators .title{font-size: 40px; line-height: 56px; font-family: 'nunito-semi'; padding: 0 0 60px;} .about-us .about-us-info .list-block .differentiators .about-desc-block p{font-size: 16px; line-height: 30px; padding: 0 0 30px;} .about-us .about-us-info .list-block .differentiators .list-block.block-right{color: #000000;} .about-us .key-points{padding: 150px 0 20px 0;} .about-us .key-points .key-point-block{background: #FFFFFF; border-radius: 10px; min-height: 420px; max-height: 420px; box-shadow: 0px 5px 15px rgba(31, 48, 93, 0.26); margin: 0 0 35px;} .about-us .key-points .key-point-block .point-icon{background: #FEF7F2; text-align: center; height: 200px; position: relative;} .about-us .key-points .key-point-block .point-icon img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .about-us .key-points .key-point-block .point-detail{padding: 10px 75px 0 24px;} .about-us .key-points .key-point-block .point-detail .point-name{font-size: 18px; line-height: 29px; color: #DC5F00; font-family: 'nunito-semi'; padding: 0 0 20px;} .about-us .key-points .key-point-block .point-detail .point-info{font-size: 16px; line-height: 30px; color: #000000; } /******** About Us End here ********/ /******** Contact Us Start here ********/ .contact-us .block-desc{padding: 0 280px;} .contact-us-main{position: relative; margin: 150px 0 0 0;} .contact-us {padding: 80px 0 0;} .contact-us .page-title {text-align: center;} .contact-us-main .contact-info {max-width: 370px; margin: 0 auto; border: 1px solid #E9E9E9; border-radius: 10px; padding: 50px 30px; text-align: center; position: absolute; background-color: #fff; left: 50%; top: -20%; transform: translate(-50%,0%);} .contact-us-main .contact-info .contact-details a {color: #000000;} .contact-us .contact .contact-form .form-details .btn-text{width: 170px;} .contact-us .contact-us-main .contact-info-img{background-image: url(assets/images/contact-bg-bottom.svg); width: 100%; height: 561px;} .contact-us-main .contact-info .detail-title{font-size: 40px; color: #000000; letter-spacing: 0px; line-height: 56px; font-family: 'nunito-semi'; padding: 0 0 20px;} .contact-us-main .contact-info .address{font-size: 16px; line-height: 30px; color: #000000; padding: 0 0px 50px;} .contact-us-main .contact-info .contact-details{font-size: 16px; color: #000000; line-height: 30px;} /******** Contact Us End here ********/ .bredcum{ padding: 50px 0 0 0;} .bredcum ul li{display: inline-block; font-size: 16px; line-height: 25px; color: #000000; margin: 0 10px 0 0; position: relative;} .bredcum ul li a{color: #000000; position: relative;} .bredcum ul li a::after{content: ""; width: 40px; height: 1px; background: #DC5F00; display: block; } /*Inquiry-Form-Start*/ .float-enquire {position: absolute; color: #fff; right: -170px; top: 0; z-index: 11;} .float-enquire .float-button span {width: 50px; height: 180px; background-color: #e86f0f; color: #ffffff; font-size: 16px; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 30px; text-decoration: none; letter-spacing: 1px; cursor: pointer; text-align: center;} .float-enquire .float-button span img{margin: 6px 0 15px;} .float-enquire .float-button .text{margin: 0 auto; width: 22px;} .float-enquire .float-button span .fa-pencil-square-o {font-size: 20px; margin: 0 0 10px;} .float-enquire .form-popup input {color: #191919; outline: none; margin: 0 0 24px; font-size: 14px; /*line-height: 30px;*/ border: 0; border-bottom: 1px solid #d9d9d9; width: 100%; height: 30px;} .float-enquire .form-popup select {color: gray; border: 1px solid gray; border-radius: 20px; -webkit-appearance: menulist-button;} .float-enquire .form-popup textarea {border: 1px solid gray; border-radius: 0; width: 100%; border: 0; border-bottom: 1px solid #d9d9d9; height: 30px; outline: none; resize: vertical; min-height: 30px; max-height: 80px; margin: 0 0 24px;} .float-enquire .form-popup {position: fixed; right: -275px; z-index: 888888; background: #ffffff; padding: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; display: block; top: 21%; -webkit-transition: right 0.7s ease-out; -moz-transition: right 0.7s ease-out; -o-transition: right 0.7s ease-out; transition: right 0.7s ease-out; border-right: 0; width:270px; box-shadow: 0 3px 6px rgba(0,0,0,0.5);} .float-enquire .form-popup.open {right: 0px;} .float-enquire .float-button {position: fixed; color: #fff; z-index: 1; top: 40%; right: 0; -webkit-transition: right 0.7s ease-out; -moz-transition:right 0.7s ease-out; -o-transition: right 0.7s ease-out; transition: right 0.7s ease-out;} .float-enquire .float-button.open {right: 270px; } .form-popup .btn {width: 170px; height: 46px; border: 1px solid #404040; text-align: center; font-size: 16px; line-height: 22px; background: transparent; border-radius: 40px; margin: 40px 0 0;} .form-popup .btn:hover {background-color: transparent; border-color: #e86f0f; color: #000; border: 1px solid gray;} .float-enquire .form-popup input:focus {color: #DC5F00; border-bottom: 1px solid #DC5F00;} .float-enquire .form-popup input:focus::-webkit-input-placeholder {color: #DC5F00;} .float-enquire .form-popup input:focus::-moz-placeholder {color: #DC5F00;} .float-enquire .form-popup input:focus:-ms-input-placeholder {color: #DC5F00;} .float-enquire .form-popup.open{right: 0;} .float-enquire .form-popup .error {padding: 0;} .float-enquire .form-popup span.error {font-size: 12px; padding: 0; position: relative; top: -20px; padding: 0; width: 100%;} .float-enquire .form-popup .inq-popup-thank-msg {display: block; font-size: 14px; color: #1a7a2f; padding: 5px 30px 0;} /*Inquiry-From-End*/ /******** Contact Name Detail Start here ********/ .page-content {padding: 70px 0 150px;} .page-content .contact-name-detail .contact-name {font-family: lato-bold, Arial; font-size: 30px; line-height: 40px; color: #000000;} .page-content .contact-name-detail .contact-designation {font-family: lato-semi, Arial; font-size: 16px; line-height: 22px; color: #404040; padding: 20px 0 5px;} .page-content .contact-name-detail a {font-size: 16px; line-height: 22px; color: #404040; padding: 0 0 3px; display: block;} .page-content .contact-name-detail .contact-social a {font-family: lato-semi, Arial; color: #DC5F00;} .page-content .contact-name-detail .schedule-btn {padding: 35px 0 0;} .page-content .contact-name-detail .schedule-btn a.btn-text {display: inline-block; padding: 12px 30px;} .page-content .contact-name-detail .contact-image img {border-radius: 50%; height: 150px; width: 150px;} .page-content .contact-name-detail .details-block {padding: 60px 0 0 15px;} .page-content .contact-name-detail .contact-detail-bg {text-align: right;} /******** Contact Name Detail End here ********/ /******************* Press Release Start *********************/ .pr-container {padding: 80px 0;} .pr-container .content-top .pr-month-name {font-size: 32px; text-align: center; color: #DC5F00; font-family: lato-semi, Arial; padding: 0 0 40px;} .pr-container .content-top .block-title {font-size: 40px; line-height: 60px; color: #000000; font-family: lato-bold, Arial; text-align: center;} .pr-container .content-top .sub-title {font-size: 20px; line-height: 30px; color: #404040; text-align: center;} .pr-container .pr-details .content-listing {padding: 80px 0 20px;} .pr-container .pr-details .content-listing .pr-content-title {font-size: 20px; line-height: 26px; font-family: lato-semi, Arial; color: #000000; padding: 0 0 30px;} .pr-container .pr-details .content-listing .pr-content-center {text-align: center; padding: 0 0 50px;} .pr-container .pr-details .content-listing .content-part .content-img img {border-radius: 50%;} .pr-container .pr-details .content-listing .content-part .content-sub-title a {font-size: 20px; line-height: 26px; color: #404040; font-family: lato-bold, Arial; padding: 20px 0; display: block;} .pr-container .pr-details .content-listing .share-pr {max-width: 390px; margin: 0 auto;} .pr-container .pr-details .content-listing .share-pr .pr-content-title {float: left; padding: 7px 15px 0 0;} .pr-container .pr-details .content-listing .share-pr .sharethis-inline-share-buttons {display: inline-block;} .pr-container .pr-details .pr-content-container .pr-content {padding: 50px 0 0;} .pr-container .pr-details .pr-content-container .pr-content .article-title {font-size: 38px; line-height: 45px; color: #000000; font-family: lato-bold, Arial; padding: 0 0 50px;} .pr-container .pr-details .pr-content-container .pr-content .article-info {font-size: 16px; line-height: 25px; margin: 0; color: #404040; padding: 15px 0 0;} .pr-container .pr-details .pr-content-container .pr-content .article-img img {width: 150px; height: 150px; border-radius: 20px;} .pr-container .pr-details .pr-content-container .pr-content .article-info .article-sub-title {font-family: lato-bold, Arial; padding: 10px 0; display: block;} .pr-container .pr-details .pr-content-container .pr-content .article-info a {color: #DC5F00;} /*.pr-container .pr-details .pr-content-container .pr-content .article-info a.tel-no {color: #404040;}*/ .pr-container .pr-details .pr-video {padding: 20px 0;} .pr-container .pr-details .pr-video .video-frame {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;} .pr-container .pr-details .pr-video .video-frame iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /******************* Press Release End *********************/ /******************* Press Release Banner Start *********************/ .pr-banner .banner-container {background: #DC5F00; padding: 20px 20px 20px 180px; position: relative; top: 18px; width: 67%; border-top-right-radius: 50px; border-bottom-right-radius: 50px;} .pr-banner .banner-container .banner-content {font-family: lato-semi, Arial; font-size: 22px; line-height: 30px; color: #ffffff; padding: 0 10px 0 0;} .pr-banner .banner-container .banner-arrow {font-size: 26px; color: #fff; position: absolute; top: auto; margin-top: 4px;} .pr-banner .banner-container .banner-arrow.two {margin-left: 8px;} @-webkit-keyframes move-arrow { 0% {opacity: 1; transform: translateX(0px) scale(1);} 25%{opacity: 0; transform:translateX(10px) scale(0.9);} 26%{opacity: 0; transform:translateX(-10px) scale(0.9);} 55% {opacity: 1; transform: translateX(0px) scale(1);} } @keyframes move-arrow { 0% {opacity: 1; transform: translateX(0px) scale(1);} 25%{opacity: 0; transform:translateX(10px) scale(0.9);} 26%{opacity: 0; transform:translateX(-10px) scale(0.9);} 55% {opacity: 1; transform: translateX(0px) scale(1);} } .pr-banner .banner-container .banner-arrow {-webkit-animation-name: move-arrow; animation-name: move-arrow; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;} .pr-banner .banner-container .banner-arrow.one {-webkit-animation-delay:0.2s; animation-delay:0.2s;} /******************* Press Release Banner End *********************/ /********* Insurtech Start here *******************/ .insurtech-conatiner{} .insurtech-conatiner .banner-conatiner .tiles-block .list-block .info .details{max-width: 290px;} .insurtech-conatiner .banner-conatiner .tiles-block .list-block .info .desc{font-family: 'SofiaPro-Light'; font-size:16px; font-weight: 300; color:#404040; line-height:24px; padding: 15px 0 0; text-align:left;} .insurtech-conatiner .banner-conatiner .tiles-block .list-block .info{padding:30px;} .custom_swd{padding:120px 0; position:relative;} .custom_swd .block-title{padding:0 0 30px;} .custom_swd .info{text-align:left; font-family: 'SofiaPro-Extra'; font-weight:200; font-size:16px; line-height:24px; color:#424242; padding: 0;} .custom_swd .info .desc{padding:0 0 24px;} .custom_swd .custom_swd_list_block{} .custom_swd .custom_swd_list_block .custom_swd_list{padding:20px; position: relative; z-index: 1;} .custom_swd .custom_swd_list_block .custom_swd_list .title{padding:0 0 20px;} .custom_swd .custom_swd_list_block .custom_swd_list .title .icon{float:left; margin:0 25px 0 0;} .custom_swd .custom_swd_list_block .custom_swd_list .title .name{float:left; color:#DC6200; font-family: 'SofiaPro'; font-size:24px;} .custom_swd .custom_swd_list_block .custom_swd_list:hover{background:#ffffff; border-radius:4px; box-shadow: 0 4px 10px rgb(0 0 0 /10%);} .custom_swd::after{content:""; display:block; background: url(assets/images/discover_bg.webp); background-repeat: no-repeat; background-size: 100% 100%; background-position: 100% -1px; height: 100%; position: absolute; width: 100%; top: auto; height:250px; bottom:-2px; z-index:0000;} .custom_sws_product{background:#ffffff; position: relative; padding:0 0 50px;} .custom_sws_product .our-product-block .product_info{} .custom_sws_product .our-product-block{background:#ffffff; border-radius:4px; box-shadow: 0 4px 10px rgba(0, 0, 0 , 0.1); padding:30px; position:relative;} .custom_sws_product .our-product-block .product_info .tag{background:#424874; font-family: 'SofiaPro-SemiBold'; font-size:12px; font-weight:600; padding:10px 24px; display:block; color:#ffffff; width:120px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; position: relative; left: -56px; top:10px;} .custom_sws_product .our-product-block .product_info .tag::before {content: ""; display: block; width: 25px; height: 22px; background: url(assets/images/adjustfy_cove.svg); position: absolute; top: -22px; left: 0; z-index: 000;} .custom_sws_product .our-product-block .product_info .spotlight{ padding: 140px 0 0 100px;} .custom_sws_product .our-product-block .product_info .spotlight .icon{padding:0 0 30px;} .custom_sws_product .our-product-block .product_info .spotlight .title{font-size:44px; color:#212121; font-family: 'SofiaPro-Light'; font-weight: 300;} .custom_sws_product .our-product-block .product_info .spotlight .info{font-family: 'SofiaPro-Ultra'; font-size:16px; line-height:24px; font-weight:200; color:#424242; text-align: left; display: block; margin: 0 0 40px;} .custom_sws_product .our-product-block .product_info .spotlight .button{background:#424874; padding:15px 25px; color:#FFFFFF; font-family: 'SofiaPro-SemiBold'; font-weight:600; border-radius: 5px;} /******************* Video Component Start *********************/ video::-webkit-media-controls {outline: none;} /* Could Use thise as well for Individual Controls */ video::-webkit-media-controls-play-button {} video::-webkit-media-controls-volume-slider {display: none;} video::-webkit-media-controls-mute-button {display: none;} video::-webkit-media-controls-timeline {} video::-webkit-media-controls-current-time-display {} .custom_sws_product .our-product-block .playpause {background-image: url(assets/images/ou_product_adjustfy.jpg); background-repeat: no-repeat; width: 500px; height: 560px; position: absolute; left: 0%; right: 0%; top: 0%; bottom: 0%; margin: 0 auto; background-position: right; cursor: pointer; background-size: contain;} /******************* Video Component End *********************/ .faq-conatiner{position:relative;} .faq-conatiner .faq-block{position:relative; padding: 100px 0 ;} .faq-conatiner .faq-block .block-title{position:relative;} .faq-conatiner .faq-block::before{content:""; display:block; background: url(assets/images/blog_bg.webp) rgba(247,247,247,1); background-repeat: no-repeat; background-size: cover; position: absolute; width: 100%; height: 270px; top: -39px;} .faq-conatiner .faq-block::after{content:""; display:block; background: url(assets/images/discover_bg.webp); background-repeat: no-repeat; background-size: 100% 100%; background-position: 100% -1px; height: 100%; position: absolute; width: 100%; top: auto; height:250px; bottom:-120px; z-index:0000;} .faq-conatiner .faq-accordion{padding:20px 0; position: relative;} .faq-conatiner .faq-accordion .faq-list{ box-shadow: none; border-bottom: 1px solid #dedede; background-color: transparent; border-top: 0; border-left: 0; border-right: 0;} .faq-conatiner .faq-accordion .faq-list:last-child{border:0;} .faq-conatiner .faq-accordion .faq-list .panel-heading.collapsed{cursor:pointer; padding:25px 50px; color:#212121; background-color: transparent;} .faq-conatiner .faq-accordion .faq-list .panel-heading .question{font-family: 'SofiaPro-Medium'; font-size:18px; font-weight:500; float:left;} .faq-conatiner .faq-accordion .faq-list .panel-heading .arrow{float: right; transform: rotate(-90deg); color:#DC6200;} .faq-conatiner .faq-accordion .faq-list .panel-heading.collapsed .arrow{float: right; transform: rotate(90deg); color:#212121;} .faq-conatiner .faq-accordion .faq-list .panel-heading{cursor:pointer; padding:25px 50px; color:#DC6200; background-color: transparent;} .faq-conatiner .faq-accordion .faq-list .faq-ans{ padding: 0 50px 25px;} .faq-conatiner .faq-accordion .faq-list .faq-ans .info{text-align:left; padding:0;} .faq-conatiner .faq-accordion .faq-list .faq-ans .info a {color: #DC6200; font-weight: bold;} .faq-conatiner .faq-accordion .faq-list .faq-ans .info a:hover {color: #DC6200;} .faq-conatiner .faq-accordion .faq-list .panel-heading .arrow .fa-chevron-right{font-size:15px;} .faq-conatiner .faq-accordion .faq-list .panel-heading.collapsed .arrow .fa-chevron-right{color:#212121;} /*.faq-conatiner::before{content:""; display:block; background: url(assets/images/blog_bg.webp) rgba(247,247,247,1); background-repeat: no-repeat; background-size: cover; position: absolute; width: 100%; height: 270px; top: -149px;}*/ /********* Insurtech End here *******************/ .breadcrumbs{text-align:left; position: relative; top: -50px;} .breadcrumbs ul li{float:left; margin:0 10px 0 0} .breadcrumbs ul li a{color:#ffffff; font-family: 'SofiaPro-Ultra'; font-weight: 200; font-size:12px; text-transform:uppercase;} .breadcrumbs ul li .fa-angle-right{color:#fff; padding: 5px 0 0 0;} .breadcrumbs ul li.active a{font-family: 'SofiaPro-Medium'; font-weight:500;} /******************** Digital Solutions Start here *************************************************/ .digitalsolutions-conatiner{} .digitalsolutions-conatiner .banner-conatiner .tiles-block{bottom: auto; top: 400px;} .digitalsolutions-conatiner .banner-conatiner .tiles-block .info .details{padding:30px 100px; text-align:center; } .digitalsolutions-conatiner .banner-conatiner{padding:0 0 50px 0;} .core-components{padding:100px 0 60px;} .core-components .core-components-block{padding:60px 0 0;} .core-components .core-components-block .core-graphica{position:relative; left: -30px; padding: 95px 0 0;} .core-components .core-components-block .core-list-block{ margin: 0 0 15px;} .core-components .core-components-block .core-list-block .core-list{background:#ffffff; padding:20px; border-radius:4px; box-shadow: 0 4px 10px rgba(0 ,0, 0, 0.5);} .core-components .core-components-block .core-list-block .core-list .title-info{padding:0 0 20px;} .core-components .core-components-block .core-list-block .core-list .title-info .icon{float:left;} .core-components .core-components-block .core-list-block .core-list .title-info .title{font-family: 'SofiaPro'; font-size:24px; color:#3F51B5; line-height:30px; padding:0 0 0 25px; float:left; position: relative; top: -2px;} .core-components .core-components-block .core-list-block .core-list .core-title-detail{padding:0 0 20px;} .core-components .core-components-block .core-list-block .core-list .title-info .title.digital{color:#2196F3;} .core-components .core-components-block .core-list-block .core-list .title-info .title.data-manag{color:#9C27B0;} .dedicated-solution{padding:60px 0 120px; position:relative;} .dedicated-solution .info{max-width:830px; margin:0 auto;} .dedicated-solution .solution-block{padding: 30px 0 50px;} .dedicated-solution .solution-block .solution-list{position:relative; margin: 0 0 50px; display: flex; align-items: center; justify-content: left;} .dedicated-solution .solution-block .solution-list.right-image{ justify-content:right; } .dedicated-solution .solution-block .solution-list .solution-banner{max-width:570px;} .dedicated-solution .solution-block .solution-list .solution-detail{background:#ffffff; padding: 20px 50px 0px; max-width:820px; position: absolute; top: 50%; left:auto; right:0; transform: translateY(-50%);} .dedicated-solution .solution-block .solution-list .solution-detail .info{text-align:left; padding:20px 0 0;} .dedicated-solution .solution-block .solution-list .solution-detail .info .desc{padding:0 0 20px;} .dedicated-solution .solution-block .solution-list.right-image .solution-detail{left:0; right:auto;} .dedicated-solution::after{content:""; display:block; background: url(assets/images/discover_bg.webp); background-repeat: no-repeat; background-size: 100% 100%; background-position: 100% -1px; height: 100%; position: absolute; width: 100%; top: auto; height:190px; bottom:-2px} .our-specialize{background:#ffffff; padding:30px 0 60px;} .our-specialize .our-specialize-block{padding:50px 0 0;} .our-specialize .our-specialize-block .our-specialize-list{padding: 25px; height:195px; position: relative;} .our-specialize .our-specialize-block .our-specialize-list .title-info{margin:0 0 20px;} .our-specialize .our-specialize-block .our-specialize-list .title-info .icon{position:relative; top:12px;} .our-specialize .our-specialize-block .our-specialize-list .title-info .name{padding:0 0 0 25px; font-family: 'SofiaPro-Light'; font-size:24px; line-height:30px; color:#DC6200; font-weight:300;} .our-specialize .our-specialize-block .our-specialize-list .detail{font-family: 'SofiaPro-Light'; font-size: 15px; line-height: 24px; color: #424242; position: absolute; top: auto; max-width: 310px; bottom: 25px;} .our-specialize .our-specialize-block .our-specialize-list:hover, .our-specialize .our-specialize-block .our-specialize-list.active{background:#F7F7F7; border-radius:4px;} .our-specialize .our-specialize-block .our-specialize-list .ready-for-digt{padding:20px;} .our-specialize .our-specialize-block .our-specialize-list .ready-for-digt .title{font-family: 'SofiaPro-Light'; font-size: 15px; line-height: 24px; color: #424242;} .our-specialize .our-specialize-block .our-specialize-list .ready-for-digt .home-comm-btn{margin:20px 0 0; display:block;} .our-specialize .our-specialize-block .our-specialize-list.active:hover{background:#DC6200;} .our-specialize .our-specialize-block .our-specialize-list.active:hover .ready-for-digt .title{color:#ffffff;} .final-thoughts{padding:60px 0; background: #fff;} .final-thoughts .thought-block {background: #ffffff; border: 1px solid #DC5F00; padding: 50px 70px; max-width: 100%; position: absolute; top: 22px; left: 30px; z-index: 10; border-radius: 4px; right: -15px;} .final-thoughts .thought-block .quotes-text {font-size: 16px; line-height: 22px; color: #404040;} .final-thoughts .thought-bg-top {background: #DC5F00; width: 970px; height:100%; position: relative; border-radius: 4px; right: 0; max-height: 220px; min-height: 170px; margin:0 auto;} .final-thoughts .thought-bg-bottom {background: #FEF7F2; max-width: 950px; height: 202px; position: relative; bottom: -77px; left: 50px;} .final-thoughts .thought-block .quotes-text span{color:#DC6200;} /******************** Digital Solutions End here *************************************************/ /************** customer-service-conatiner Start here ***********************************/ .customer-service-conatiner{} .customer-service-conatiner .banner-conatiner{background:#ffffff;} .customer-service-conatiner .banner-conatiner .banner-info{background:#ffffff; text-align:left;} .customer-service-conatiner .breadcrumbs ul li a{color:#000000; font-family: 'SofiaPro-Ultra'; font-weight:200;} .customer-service-conatiner .breadcrumbs ul li .fa-angle-right{color:#000000;} .customer-service-conatiner .breadcrumbs ul li.active a{font-family: 'SofiaPro-Medium'; font-weight: 500;} /*.customer-service-conatiner .banner-conatiner .banner-info .block-title{text-align: left; color: #000000; max-width: 100%; padding: 0; margin: 0;}*/ .customer-service-conatiner .banner-conatiner .banner-info .block-title {color: #000000; max-width: 65%; padding: 0; text-align: left;} .customer-service-conatiner .banner-conatiner .banner-info .info {color: #404040; max-width: 55%; text-align: left;} .customer-service-conatiner .banner-conatiner .banner-info .banner-image {position: absolute; right: 160px; top: 115px;} .customer-service-conatiner .banner-conatiner .tiles-block{position:relative; background: #f7f7f7;} .customer-service-conatiner .banner-conatiner .tiles-block::before{content:""; display:block; background: url(assets/images/blog_bg.webp) rgba(247,247,247,1); background-repeat: no-repeat; background-size: cover; position: absolute; width: 100%; height: 270px; top: -180px;} .customer-service-conatiner .banner-conatiner .tiles-block .list-block .info .details {text-align: center;} .customer-service-conatiner .banner-conatiner {position: relative; padding: 0 0 0px 0;} .customer-service-conatiner .custom_swd::after{display:none;} .customer-service-conatiner .final-thoughts{background: #f7f7f7; padding: 0 0 40px;} .client-story{padding:30px 0 120px; position:relative;} .client-story .client-story-block{background: #ffffff; border-radius: 4px; box-shadow: 0 4px 10px rgb(0 0 0 / 10%); padding: 30px; position: relative; max-width: 970px; margin: 0 auto; z-index: 1050;} .client-story .client-story-block .tag{background:#DC6200; font-family: 'SofiaPro-SemiBold'; font-size:12px; font-weight:600; padding:10px 24px; display:block; color:#ffffff; width:120px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; position: relative; left: -56px; top:10px;} .client-story .client-story-block .tag::before {content: ""; display: block; width: 25px; height: 22px; background: url(assets/images/client_story_cove.svg); position: absolute; top: -22px; left: 0; z-index: 000;} .client-story .client-story-block .client-product .client-pro-dsc{padding:50px 0 0;} .client-story .client-story-block .client-product .client-pro-dsc .block-title{text-align:left;} .client-story .client-story-block .client-product .client-pro-dsc .info{text-align:left;} .client-story::after{content:""; display:block; background: url(assets/images/discover_bg.webp); background-repeat: no-repeat; background-size: 100% 100%; background-position: 100% -1px; height: 100%; position: absolute; width: 100%; top: auto; height:250px; bottom:-29px; z-index:0000;} .client-product-image {position: absolute; top: 50%; transform: translate(0,50%);} .client-product-image img{width:100%;} /************** customer-service-conatiner End here ***********************************/ /******************* New Case Study Detail Start *********************/ .case-study-conatiner .banner-conatiner {padding: 0;} .case-study-conatiner .banner-info {background: #ffffff; text-align: left; padding: 110px 0 50px;} .case-study-conatiner .breadcrumbs ul li a {color: #000000;} .case-study-conatiner .breadcrumbs ul li .fa-angle-right {color: #000000;} .case-study-conatiner .banner-conatiner .banner-info .block-title {color: #000000;padding: 0; text-align: left;} .case-study-conatiner .banner-conatiner .banner-info .info {color: #404040; max-width: 55%; text-align: left;} /*.case-study-conatiner .banner-conatiner .banner-info .banner-image {position: absolute; right: 45px; top: 115px;}*/ .case-study-conatiner .case-study:before {content: ""; display: block; background: url(assets/images/blog_bg.webp) rgba(247,247,247,1); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; width: 100%; height: 250px; top: -180px;} .case-study-conatiner .case-study:after {content: ""; display: block; background: url(assets/images/discover_bg.webp); background-repeat: no-repeat; background-size: 100% 100%; background-position: 100% -1px; height: 100%; position: absolute; width: 100%; top: auto; height: 250px; bottom: -88px; z-index: 0000;} .case-study {padding: 70px 0 0px; position: relative;} .case-study .cs-list-items.fixed {position: fixed; top: 180px; transition: top 0.5s linear;} .case-study .cs-list-items {/* width: 100%; height: auto; position: absolute; top: 100px; left: 50px; */-webkit-transform-origin: left top;-webkit-transform: rotate(-90deg) translateX(-100%);} .case-study .cs-list-items ul {margin: 0 auto;/* height: 100%; */} .case-study .cs-list-items .cs-list-name {position:relative; padding: 0 22px 12px; float: right; border-bottom: 1px solid #cfcfcf;} .case-study .cs-list-items .cs-list-name::after{content: ""; width: 1px; height: 23px; background: #cfcfcf; display: block; transform: rotate(90deg);position: absolute; top: 0; left: auto; right: 0px;} .case-study .cs-list-items .cs-list-name:first-child {padding: 0 0 12px 22px;} .case-study .cs-list-items .cs-list-name:last-child{padding:0 22px 12px 0;} .case-study .cs-list-items .cs-list-name a.active:after {content: '.'; position: absolute; border-bottom: 2px solid #000; display: block; width: 100%; color: transparent; left: 0; top: 11.6px;} .case-study .cs-list-items .cs-list-name a { position: relative; font-family: 'SofiaPro-Medium'; font-weight:500; font-size:15px; color:#424242;} .case-study .cs-list-items .cs-list-name a.active{color:#DC6200;} .case-study .cs-list-items .cs-list-name a.active:after{border-bottom: 2px solid #DC6200;} .case-study .cs-list-items .cs-list-name:first-child::after{display:none;} .sticky-anchor {height: 0;} .services-list .services-list-items.fixed {position: fixed; top: 250px; transition: top 0.5s linear;} .case-study .cs-detail{padding:0 100px;} .cs-detail-section{padding:0 0 120px; } #stakeholders{min-height:550px;} .cs-detail-section .list-title{font-family: 'SofiaPro-Light'; font-size:34px; line-height:48px; color:#000000; font-weight:300;} .cs-detail-section .list-block .list-detail{font-family: 'SofiaPro-Light'; font-size:16px; font-weight:300; line-height:24px; color:#404040; padding:20px 0 0;} .cs-detail-section{padding:0 0 120px;} .cs-detail-section .list-detail .stakeholders-list{padding:50px 0 0;} .cs-detail-section .list-detail .stakeholders-list .stakeholders-detail-block{width: 19%; float: left; border-right: 1px solid #cfcfcf; margin: 0 50px 0 0;} .cs-detail-section .list-detail .stakeholders-list .stakeholders-detail-block.last{border:0;} .cs-detail-section .list-detail .stakeholders-list .stakeholders-detail-block .stakeholders-info{max-width:135px; text-align:center;} .cs-detail-section .list-detail .stakeholders-list .stakeholders-detail-block .stakeholders-info .stakeholders-desc{position:relative; font-family: 'SofiaPro-Light'; font-size:16px; font-weight:300; line-height:24px; color:#404040; height: 48px;} .cs-detail-section .list-detail .stakeholders-list .stakeholders-detail-block .stakeholders-info .stakeholders-desc .desc{position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%);} .cs-detail-section .list-detail .stakeholders-list .stakeholders-detail-block:last-child{border:0;} .cs-detail-section .list-detail .technology{margin:100px 0 120px; position: relative;} .cs-detail-section .list-detail .technology .technology-block{background:#ffffff; box-shadow: 0 5px 10px rgb(0 0 0 / 10%); padding:15px; border-radius:4px; float: left; position: relative; z-index: 2222; max-width:770px;} .cs-detail-section .list-detail .technology .technology-block .list-tech{padding:15px;} .cs-detail-section .list-detail .technology .technology-block .list-tech .tech-icon{float: left; height: 40px; width:40px;} .cs-detail-section .list-detail .technology .technology-block .list-tech .tech-name{float:left; font-family: 'SofiaPro'; font-size:14px; color:#212121; line-height: 18px; padding:0 0 0 15px;} .cs-detail-section .list-detail .technology .technology-banner{position: absolute; z-index: 1111; top: -60px;} .cs-detail-section .list-detail .technology .technology-block .list-tech:hover {background: #F7F7F7; border-radius: 4px;} .cs-detail-section .list-detail .info{ text-align:left;} .cs-detail-section .list-detail .info .features{padding:30px 0 0;} .cs-detail-section .list-detail .info .features .list-head{color:#404040; font-family: 'SofiaPro'; font-size:16px; padding:0 0 25px; display:block;} .cs-detail-section .list-detail .info .features ul{} .cs-detail-section .list-detail .info .features ul li{font-family: 'SofiaPro-Light'; font-weight:300;font-size:16px; line-height:24px; color:#404040; margin:0 0 20px; position:relative; padding:0 0 0 20px; border-left:1px solid #DC6200;} .cs-detail-section .list-detail .project-image{padding:60px 0 0;} .cs-detail-section .list-detail .project-image img{width:100%;} .cs-detail-section .result-status{padding:50px 0 0; } .cs-detail-section .result-status .stats-info{padding:0 0 80px;} .cs-detail-section .result-status .stats-info .stats-block{width: 33%; float: left; border-right: 1px solid #cfcfcf;} .cs-detail-section .result-status .stats-info .stats-block .stats-list{max-width: 100%; text-align: center; padding: 0 60px;} .cs-detail-section .result-status .stats-info .stats-block .stats-list .number{font-family: 'SofiaPro'; font-size:44px; font-weight:bold; line-height:58px; color:#AA0400;} .cs-detail-section .result-status .stats-info .stats-block .stats-list .stats-detail{font-family: 'SofiaPro-Extra'; font-size:16px; font-weight:200; line-height:24px; color:#424242;} .cs-detail-section .result-status .stats-info .stats-block.last{border:0;} .cs-detail-section .result-status .stats-info .stats-block:first-child .stats-list{padding:0 81px 0 0;} .cs-detail-section .result-status .info{text-align:left;} .cs-detail-section .result-status .info .desc{padding:0 0 20px;} .cs-detail-section .review-list-container{margin:30px 0 0;} .cs-detail-section .review-list-container .bx-wrapper{border: 0; background: transparent; box-shadow:none; padding: 0; margin: 0; margin: 0 auto;} .cs-detail-section .review-list-container .bx-wrapper .bx-viewport .review-list-block{} .cs-detail-section .review-list-container .review-list-block .review-listing{position: relative; } .cs-detail-section .review-list-container .bx-wrapper .bx-prev{background-position: 0 0; background: url(assets/images/case-study-left-icon.svg); width:32px; height:32px; background-size:cover; background-repeat:no-repeat;} /*.cs-detail-section .review-list-container .bx-wrapper .bx-prev:focus, .cs-detail-section .review-list-container .bx-wrapper .bx-prev:hover , .bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover{background-position: 0 0;}*/ .cs-detail-section .review-list-container .bx-wrapper .bx-next:focus, .cs-detail-section .review-list-container .bx-wrapper .bx-next:hover{background-position: right;} .cs-detail-section .review-list-container .bx-wrapper .bx-next{background-position: -42px 0; background: url(assets/images/case-study-right-icon.svg); width:32px; height:32px; background-size:cover;} .cs-detail-section .review-list-container .review-list-block .review-listing{ } .cs-detail-section .review-list-container .review-list-block .review-listing .list-block{ margin: 30px 10px; box-shadow: 0 5px 10px rgb(0 0 0 / 10%); background:#ffffff; padding:25px 100px 25px 40px; border-radius: 4px;} .cs-detail-section .review-list-container .review-list-block .review-listing .quote{position:absolute; top:0;} .cs-detail-section .review-list-container .review-list-block .review-listing .review-text{padding:24px 0; font-family: 'SofiaPro'; font-size:16px; line-height:24px; color:#404040;} .cs-detail-section .review-list-container .review-list-block .review-listing .reviewer-detail .name{font-family: 'SofiaPro-Light'; font-size:16px; color:#AA0400; font-weight:300; line-height:24px;} .cs-detail-section .review-list-container .review-list-block .review-listing .reviewer-detail .position{font-family: 'SofiaPro-Light'; font-size:14px; color:#9E9E9E; font-weight:300; line-height:24px;} .cs-detail-section .review-list-container .bx-wrapper .bx-controls{position: absolute; top: -60px; left: auto; right: 50px;} .cs-detail-section .review-list-container .bx-wrapper .bx-controls {width:150px;} .cs-detail-section .review-list-container .bx-wrapper .bx-controls .bx-controls-direction{float: right; width: 87px; position: relative;} .cs-detail-section .review-list-container .bx-wrapper .bx-controls .bx-controls-direction a{z-index:1;} .cs-detail-section .review-list-container .bx-wrapper .bx-controls .bx-pager{position: absolute; top: -33px; left: auto; right: 50px; font-family: 'SofiaPro-Light'; font-weight: 300; font-size: 18px; color: #616161;} .cs-detail-section .review-list-container .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{ left: 0;} .top-result-status{background: #ffffff; padding: 10px 0 50px;} .top-result-status .top-result-status-block{background:#ffffff; box-shadow: 0 5px 10px rgb(0 0 0 / 10%); position: relative; z-index: 2; padding: 40px 53px;} .top-result-status .top-result-status-block .result-status{} .top-result-status .top-result-status-block .result-status .stats-info{} .top-result-status .top-result-status-block .result-status .stats-info .stats-block{width: 33%; float: left; border-right: 1px solid #cfcfcf;} .top-result-status .top-result-status-block .result-status .stats-info .stats-block .stats-list{max-width: 100%; text-align: center; padding: 0 60px;} .top-result-status .top-result-status-block .result-status .stats-info .stats-block .stats-list .number{font-family: 'SofiaPro'; font-size:44px; font-weight:bold; line-height:58px; color:#AA0400;} .top-result-status .top-result-status-block .result-status .stats-info .stats-block .stats-list .stats-detail{font-family: 'SofiaPro-Extra'; font-size:16px; font-weight:200; line-height:24px; color:#424242;} .top-result-status .top-result-status-block .result-status .stats-info .stats-block.last{border:0;} .top-result-status .top-result-status-block .result-status .stats-info .stats-block:first-child .stats-list{padding:0 60px 0 0;} .top-result-status .top-result-status-block .result-status .stats-info .stats-block.last .stats-list{padding:0 0 0 60px;} .clovered-cs .top-result-status .top-result-status-block .result-status .stats-info .stats-block .stats-list .number{color:#39B54A;} .clovered-cs .top-result-status .top-result-status-block .result-status .stats-info .stats-block .stats-list{ padding: 0 30px;} /******************* New Case Study Detail End *********************/ /******************* New Contact Us Start *********************/ .contact-page {background: #ffffff; padding: 0 0 165px;} .contact-page .banner-conatiner {background: #f7f7f7; padding: 0 0 100px;} .contact-page .banner-conatiner .banner-info {background: #ffffff;} .contact-page .banner-conatiner .banner-info .block-title {color: #000000; padding: 0 0 18px;} .contact-page .banner-conatiner .banner-info .sub-title {font-family: 'SofiaPro-Extra', Arial; font-size: 18px; line-height: 24px; color: #424242; max-width: 39%; margin: 0 auto;} .contact-page .banner-conatiner .tiles-block {background: #f7f7f7; position: relative;} .contact-page .banner-conatiner .tiles-block::before {content: ""; display: block; background: url(assets/images/blog_bg.webp) rgba(247,247,247,1); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; width: 100%; height: 275px; top: -140px;} .contact-page .banner-conatiner .tiles-block .contact-form {background: #ffffff; border-radius: 5px; box-shadow: 0 5px 15px rgb(0 0 0 / 10%); overflow: hidden; transition-duration: 0.3s; padding: 50px 175px; position: relative; top: -50px;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details {} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .field-details {/*float: left;*/ width: 100%;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .input-group .input-block {float: left; width: 46%; padding: 0 0 20px; margin: 0 20px 0 0; min-height: 33px;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .form-control {border: 0; border-bottom: 1px solid #DBDBDB; background-color: transparent; box-shadow: none; border-radius: 0; color: #9E9E9E; font-size: 14px; font-family: 'SofiaPro-Light', Arial; width: 100%; padding: 0 0 14px;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .input-block-area {float: left; margin: 0 20px 0 0; width: 82%;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .input-block-area .form-control {width: 100%; resize: none;} /*.contact-page .banner-conatiner .tiles-block .contact-form .form-details .form-control:focus {color: #DC6200; border-bottom: 1px solid #DC6200;}*/ .contact-page .banner-conatiner .tiles-block .contact-form .form-details .get-started {padding: 0 0 0 10px; position: absolute; bottom: 160px; right: 175px;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .get-started .btn-submit {font-family: 'SofiaPro-SemiBold', Arial; font-size: 16px; color: #DC6200; padding: 40px 30px; border: 1px solid #DC6200; border-radius: 4px; background-color: #ffffff; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .get-started .btn-submit .icon {background: url(assets/images/fly.svg); width: 25px; height: 25px; display: block; margin: 0 auto;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .get-started .btn-submit span {display: block; padding: 10px 0 0 0;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .get-started .btn-submit:hover {color: #fff; background-color: #DC6200;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .get-started .btn-submit:hover .icon{background:url(assets/images/fly-hover.svg);} /*.contact-page .office-locations {position: relative; background: #f7f7f7;} .contact-page .office-locations:after {content: ""; display: block; background: url(assets/images/discover_bg.webp); background-repeat: no-repeat; background-size: 100% 100%; height: 100%; position: absolute; width: 100%; height: 230px; bottom: -70px; z-index: 0;} .contact-page .office-locations .block-title {color: #000000;} .contact-page .office-locations .block-desc {font-family: 'SofiaPro-Extra', Arial; font-size: 16px; line-height: 24px; color: #424242; text-align: center; padding: 20px 75px 50px;} .contact-page .office-locations .global-office-locations {position: relative; bottom: -45px; z-index: 1;} .contact-page .office-locations .global-office-locations .location-block {background-color: #ffffff; border-radius: 4px; box-shadow: 0 4px 10px rgba(0,0,0,0.16); position: relative;} .contact-page .office-locations .global-office-locations .location-block .tag {background: #DC6200; font-family: 'SofiaPro-SemiBold', Arial; font-size: 12px; padding: 10px 24px; display: block; color: #ffffff; width: auto; border-top-right-radius: 15px; border-bottom-right-radius: 15px; position: absolute; left: -12px; top: 30px;} .contact-page .office-locations .global-office-locations .location-block .tag::before {content: ""; display: block; width: 25px; height: 22px; background: url(assets/images/client_story_cove.svg); position: absolute; top: -22px; left: 0; z-index: -1;} .contact-page .office-locations .global-office-locations .location-block .location-head {padding: 24px 50px 25px 28px; border-bottom: 1px solid #DBDBDB; position: relative;} .contact-page .office-locations .global-office-locations .location-block .location-head:after {content: ''; width: 170px; height: 1px; background: #DC6200; position: absolute; bottom: 0; left: 0;} .contact-page .office-locations .global-office-locations .location-block .location-head .location-name {font-family: 'SofiaPro-Light', Arial; font-size: 24px; color: #DC6200; float: left; position: absolute; top: 80px;} .contact-page .office-locations .global-office-locations .location-block .location-head .location-time {float: right; text-align: center;} .contact-page .office-locations .global-office-locations .location-block .location-details {padding: 24px;} .contact-page .office-locations .global-office-locations .location-block .location-details .list-block {padding: 0 0 24px;} .contact-page .office-locations .global-office-locations .location-block .location-details .list-block:last-child {padding: 0;} .contact-page .office-locations .global-office-locations .location-block .location-details .icon {float: left; width: 20px;} .contact-page .office-locations .global-office-locations .location-block .location-details .icon img {width: 24px; height: 24px;} .contact-page .office-locations .global-office-locations .location-block .location-details .detail {font-size: 16px; line-height: 24px; color: #424242; width: 80%; padding: 0 0 0 20px; display: inline-block;} .contact-page .office-locations .global-office-locations .location-block .location-details .detail a {color: #424242;} .contact-page .office-locations .global-office-locations .location-block .location-head .location-time .time{display:block; font-family: 'SofiaPro-Light'; font-size:14px; font-weight:300; color:#424242;}*/ .contact-page .banner-conatiner .tiles-block .contact-form .form-details .input-group .input-block-area {color:#DC6200;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .input-group .error {font-size: 13px; color:#DC6200; display: block;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .input-chkbox .error {font-family: 'SofiaPro', Arial; padding: 3px 0 0 25px;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .input-group .file-upload {width: 100px; padding: 0 0 5px;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .input-group .file-upload .form-control {padding: 0; cursor: pointer;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .input-group .file-upload input {display: none;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .input-group .file-upload .field-content .fa {color: #DC6200; font-size: 18px; -webkit-transform: rotate(90deg); transform: rotate(90deg); margin: 0 5px 0 0;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .file-req {font-family: 'SofiaPro-Light', Arial; font-size: 12px; color: #9E9E9E; text-align: right; padding: 0 20px 0 0;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .upload-detail {display: none; background: #f7f7f7; height: 50px; margin: 20px 20px 0 0;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .upload-detail .file-name {font-size: 14px; color: #212121; padding: 15px 22px; display: inline-block;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .upload-detail .btn-delete {float: right; padding: 15px 22px; background: none; border: none; border-radius: 0; color: #212121; font-size: 14px; text-align: center;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .upload-detail .btn-delete:hover {background: #eaeaea;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .policy-note {font-size: 14px; line-height: 22px; color: #212121; padding: 20px 0; width: 79%;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .policy-note a {color: #212121; font-weight: 600;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .input-chkbox {padding: 0 0 20px; font-family: 'SofiaPro-Light', Arial; font-size: 14px; color: #424242; position: relative;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .input-chkbox input {position: absolute; opacity: 0; cursor: pointer; width: 0; height: 0;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .input-chkbox .comm-checkmark {position: relative; top: 2px; left: 0; height: 15px; width: 15px; background: #ffffff; border: 2px solid #788891; border-radius: 4px; display: inline-block; margin: 0 7px 0 0;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .input-chkbox input:checked ~ .comm-checkmark {background: #DC6200; border: 2px solid #DC6200;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .input-chkbox .comm-checkmark:after {content: ""; position: absolute; display: none; left: 4px; top: 1px; width: 4px; height: 7px; border: solid #ffffff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .input-chkbox input:checked ~ .comm-checkmark:after {display: block;} .contact-page .book-call {background: #f7f7f7; padding: 0 0 100px;} .contact-page .book-call .book-call-block {background: url(assets/images/rd_info.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius:4px; padding: 42px 100px 40px; position: relative;} .contact-page .book-call .book-call-block .block-detail {float: left;} .contact-page .book-call .book-call-block .block-detail .block-title {color: #FFFFFF; padding: 8px 0 0; text-align: left;} .contact-page .book-call .book-call-block .block-detail .desc {font-family: 'SofiaPro-Light', Arial; font-size: 24px; color: #FFFFFF; padding: 5px 0 30px;} .contact-page .book-call .book-call-block .block-detail .home-comm-btn {display: inline-block; padding: 15px 100px 15px 64px;} .contact-page .book-call .book-call-block .block-detail .home-comm-btn .arrow {right: 8px;} .contact-page .book-call .book-call-block .block-detail .home-comm-btn .arrow i.one {animation: none;} .contact-page .book-call .book-call-block .block-image {float: right;} .contact-page .book-call .book-call-block .block-image img {width: 100%; max-width: 160px;} .thank-msg {font-size: 25px; color: #dc6200; text-align: center; padding-top: 20px; display: none; font-family: 'SofiaPro-Medium', Arial, sans-serif;} /******************* New Contact Us End *********************/ /******************* Clovered Case Study Detail Start *********************/ .case-study-conatiner.clovered-cs .banner-conatiner{padding: 0 ;} .clovered-cs .banner-conatiner .banner-info .banner-image {top: 105px;} .clovered-cs .cs-detail-section .review-list-container .review-list-block .review-listing .reviewer-detail .name {color: #39B54A;} .clovered-cs .cs-detail-section .list-detail .technology .technology-block {padding: 20px 20px 5px;} .clovered-cs .cs-detail-section .list-detail .technology .technology-block .list-tech {margin: 0 0 15px;} .clovered-cs .cs-detail-section .list-detail .info .features ul li {border-left: 1px solid #39B54A;} .clovered-cs .cs-detail-section .result-status .stats-info .stats-block .stats-list .number {color: #39B54A;} .clovered-cs .design-spotlight {padding: 0 0 55px; position: relative; z-index: -1;} .clovered-cs .design-spotlight .title-block {max-width: 770px; margin: 0 auto;} .clovered-cs .design-spotlight .title-block .list-title {font-family: 'SofiaPro-Light', Arial; font-size: 34px; line-height: 48px; color: #000000; font-weight: 300;} .clovered-cs .design-spotlight .title-block .list-desc {font-family: 'SofiaPro-Light', Arial; font-size: 16px; font-weight: 300; line-height: 24px; color: #404040; padding: 20px 0 0;} .clovered-cs .design-spotlight .spotlight-detail {padding: 250px 0 120px; position: relative} .clovered-cs .design-spotlight .spotlight-detail .cl-site-view {position: absolute; top: 55px; left: 185px;} .clovered-cs .design-spotlight .spotlight-detail .clovered-spotlight {position: relative;} .clovered-cs .design-spotlight .spotlight-detail .clovered-spotlight:after {content: ''; background-color:#81D08C; background-size: 100%; position: absolute; top: 0; width: 100%; height: 735px; z-index: -1;} .clovered-cs .design-spotlight .spotlight-detail .clovered-spotlight:before {content: ''; background: url('assets/images/cl-spotlight-icon.svg') no-repeat; background-size: cover; width: 116px; height: 125px; position: absolute; top: -58px; right: 57px; display:none;} .clovered-cs .design-spotlight .spotlight-detail .clovered-spotlight .cl-site-challenge {padding: 295px 200px 105px;} .clovered-cs .design-spotlight .spotlight-detail .clovered-spotlight .cl-site-challenge .list-title {font-family: 'SofiaPro-Light', Arial; font-size: 34px; color: #FFFFFF;} .clovered-cs .design-spotlight .spotlight-detail .clovered-spotlight .cl-site-challenge .list-detail {font-family: 'SofiaPro-Light', Arial; font-size: 16px; line-height: 24px; color: #FFFFFF; padding: 18px 0 0;} .clovered-cs .design-spotlight .spotlight-detail .cl-site-guide {max-width: 970px; margin: 0 auto; padding: 50px 100px; background-color: #ffffff; border-top-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.16); position: relative;} .clovered-cs .design-spotlight .spotlight-detail .cl-site-guide:after {content: ''; background: url('assets/images/cl-box-bg.svg') no-repeat; background-size: cover; position: absolute; bottom: 0; right: 0; width: 373px; height: 401px;} .clovered-cs .design-spotlight .spotlight-detail .cl-site-guide .list-block:first-child {padding: 0 0 60px;} .clovered-cs .design-spotlight .spotlight-detail .cl-site-guide .list-block .title {font-family: 'SofiaPro-Light', Arial; font-size: 34px; color: #1D414A; padding: 0 0 35px;} .clovered-cs .design-spotlight .spotlight-detail .cl-site-guide .list-block .button-block .style-name {font-family: 'SofiaPro-Medium', Arial; font-size: 14px; color: #424242;} .clovered-cs .design-spotlight .spotlight-detail .cl-site-guide .list-block .button-block .button {padding: 20px 0; background-color: transparent;} .clovered-cs .design-spotlight .spotlight-detail .cl-site-guide .list-block .button-block .cl-comm-btn {background-color: #1B4049; text-align: center; padding: 15px 50px; font-family: 'SofiaPro-SemiBold', Arial; font-size: 16px; color: #FAFAFA; border-top-left-radius: 6px; border-bottom-right-radius: 6px; display: inline-block; width: 270px; box-shadow: 0px 6px 12px 0px rgb(0 0 0 / 8%); position: relative; cursor: pointer;} .clovered-cs .design-spotlight .spotlight-detail .cl-site-guide .list-block .button-block .cl-comm-btn .hover-line {height: 2px; width: 90px; background-color: #39B54A; position: absolute; top: 27px; right: -30px;} .clovered-cs .design-spotlight .spotlight-detail .cl-site-guide .list-block .button-block .cl-border-btn {border: 1px solid #1B4049; width: 270px; color: #1B4049; padding: 15px 50px; font-family: 'SofiaPro-SemiBold', Arial; font-size: 16px; border-top-left-radius: 6px; border-bottom-right-radius: 6px; text-align: center; cursor: pointer;} .clovered-cs .design-spotlight .spotlight-detail .cl-site-guide .list-block .button-block.hover-state .cl-comm-btn {color: #FAFAFA; padding: 15px 100px 15px 0;} .clovered-cs .design-spotlight .spotlight-detail .cl-site-guide .list-block .button-block.hover-state .cl-comm-btn .hover-line {width: 65px; right: 56px;} .clovered-cs .design-spotlight .spotlight-detail .cl-site-guide .list-block .button-block.hover-state .cl-comm-btn .hover-line:after {content: ''; background: url(assets/images/btn-icon.svg) no-repeat; display: block; height: 23px; width: 23px; position: absolute; right: -15px; bottom: -11px;} .clovered-cs .design-spotlight .spotlight-detail .cl-site-guide .list-block .button-block.hover-state .cl-border-btn {color: #ffffff; background-color: #1b4049;} .clovered-cs .design-spotlight .spotlight-detail .cl-site-guide .list-block .color-tags .color-block {float: left; padding: 0 14px 0 0;} .clovered-cs .design-spotlight .spotlight-detail .cl-site-guide .list-block .color-tags .color-block .color-code {border-top-left-radius: 6px; border-bottom-right-radius: 6px; padding: 48px 12px 6px; font-family: 'SofiaPro-SemiBold', Arial; font-size: 12px; height: 70px; width: 70px;} .clovered-cs .design-spotlight .spotlight-detail .cl-site-guide .list-block .color-tags .color-block .color-code.one {background-color: #F7F7F7; color: #1B4049;} .clovered-cs .design-spotlight .spotlight-detail .cl-site-guide .list-block .color-tags .color-block .color-code.two {background-color: #E7EBEC; color: #1B4049;} .clovered-cs .design-spotlight .spotlight-detail .cl-site-guide .list-block .color-tags .color-block .color-code.three {background-color: #7D9297; color: #F7F7F7;} .clovered-cs .design-spotlight .spotlight-detail .cl-site-guide .list-block .color-tags .color-block .color-code.four {background-color: #385860; color: #F7F7F7;} .clovered-cs .design-spotlight .spotlight-detail .cl-site-guide .list-block .color-tags .color-block .color-code.five {background-color: #39B54A; color: #FFFFFF;} .clovered-cs .design-spotlight .spotlight-detail .cl-site-guide .list-block .color-tags .color-block .color-code.six {background-color: #1B4049; color: #FFFFFF;} .clovered-cs .cs-detail-section .review-list-container .review-list-block .review-listing .list-block{min-height:218px;} .clovered-cs .review-list-container .bx-wrapper .bx-prev{background: url(assets/images/clv-left.svg) no-repeat; height:32px; width:32px; background-position: center; background-size: cover;} .clovered-cs .review-list-container .bx-wrapper .bx-next{background: url(assets/images/clv-right.svg) no-repeat; height:32px; width:32px; background-position: center; background-size: cover;} .clovered-cs .review-list-container .bx-wrapper .bx-next:hover,.clovered-cs .review-list-container .bx-wrapper .bx-next:focus{background-position: right;} /******************* Clovered Case Study Detail End *********************/ /******************* Intelligent Automation Start *********************/ .ds-detail {position: relative;} .ds-detail .banner-conatiner .banner-info {background: url('assets/images/automation-bg.webp'); background-position: right top; background-size: 100% 100%; background-repeat: no-repeat;} .ds-detail .breadcrumbs ul li a {color: #000000;} .ds-detail .breadcrumbs ul li .fa-angle-right {color: #000000;} .ds-detail .banner-conatiner .banner-info .block-title {color: #000000;} .ds-detail .banner-conatiner .banner-info .block-desc {color: #404040; font-family: 'SofiaPro-Light', Arial; font-size:18px; line-height:30px;} .ds-detail .banner-conatiner .banner-info .block-desc .reg-text {color: #404040; font-family: 'SofiaPro', Arial;} .ds-detail .banner-conatiner .tiles-block {bottom: -35px;} .ds-detail .banner-conatiner .tiles-block .list-block .info {padding: 30px 100px;} .ds-detail .banner-conatiner .tiles-block .list-block .info .details {text-align: center;} .ds-detail .banner-conatiner .tiles-block .list-block .info .details p {padding: 0 0 30px;} .ds-detail .banner-conatiner .tiles-block .list-block .info .details p:last-child {padding: 0px;} .digi-stats {position: relative; padding: 0; top: -250px; z-index: 222; } .digi-stats .block-title {font-size: 34px; line-height: 48px; color: #000000; padding: 0 0 53px;} .digi-stats .stats-info {padding: 0 85px 0px;} .digi-stats .stats-info .stats-block {width: 33%; float: left; position: relative;} .digi-stats .stats-info .stats-block.middle:before {content: ""; position: absolute; top: 55px; left: 0; width: 1px; height: 120px; background-color: #cfcfcf;} .digi-stats .stats-info .stats-block.middle:after {content: ""; position: absolute; top: 55px; right: 0; width: 1px; height: 120px; background-color: #cfcfcf;} .digi-stats .stats-info .stats-block .stats-list {max-width: 100%; text-align: center; padding: 0 60px;} .digi-stats .stats-info .stats-block .stats-list .number {font-family: 'SofiaPro-Bold', Arial; font-size: 44px; line-height: 58px; color: #DC6200; padding: 0 0 14px;} .digi-stats .stats-info .stats-block .stats-list .stats-detail {font-family: 'SofiaPro-Extra', Arial; font-size: 16px; line-height: 24px; color: #424242;} .digi-stats .stats-info .stats-block .stats-list .stats-detail .name {font-family: 'SofiaPro', Arial;} .digi-stats .stats-info .stats-block:first-child .stats-list {padding: 0 90px 0 0;} .ds-detail .dedicated-solution .solution-block .solution-list .solution-detail {top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .ds-detail .dedicated-solution {padding: 60px 0 0;} /*.ds-detail .dedicated-solution:after {background: none; height: 0;}*/ .ds-detail .dedicated-solution:after {z-index: -1;} .ds-detail .final-thoughts {background: none; padding: 20px 0 40px; padding: 20px 0 120px 0; background: #fff;} .ds-detail .faq-conatiner .faq-block {padding: 100px 0 120px;} /*.ds-detail .faq-conatiner .faq-block::before {background: none; height: 0;} .ds-detail .faq-conatiner .faq-block::after {background: none; height: 0;}*/ .ds-detail .faq-conatiner .faq-block .faq-link {color: #DC6200;} .ds-detail .send-questions {position: relative; padding: 0 0 105px;} .ds-detail .send-questions:after {content: ""; display: block; background: url(assets/images/discover_bg.webp); background-repeat: no-repeat; background-size: 100% 100%; background-position: 100%; position: absolute; width: 100%; height: 250px; bottom: -120px; z-index: -1;} .ds-detail .send-questions .question-form {background: #ffffff; border-radius: 4px; box-shadow: 0 4px 10px rgb(0 0 0 / 16%); overflow: hidden; padding: 40px 50px 50px;} .ds-detail .send-questions .question-form .form-title {font-family: 'SofiaPro-Medium', Arial; font-size: 18px; line-height: 24px; color: #212121; padding: 0 0 30px;} .ds-detail .send-questions .question-form .form-details .field-details {float: left; width: 86%;} .ds-detail .send-questions .question-form .form-details .input-group .input-block {float: left; width: 220px; margin: 0 30px 0 0; min-height: 33px;} .ds-detail .send-questions .question-form .form-details .input-group .input-block.mail-input {margin: 0; width: 394px;} .ds-detail .send-questions .question-form .form-details .form-control {border: 0; border-bottom: 1px solid #DBDBDB; background-color: transparent; box-shadow: none; border-radius: 0; color: #9E9E9E; font-size: 14px; font-family: 'SofiaPro-Light', Arial;} .ds-detail .send-questions .question-form .form-details .input-block-area {padding: 0 0 20px; width: 100%;} .ds-detail .send-questions .question-form .form-details .input-block-area .form-control {resize: none;} .ds-detail .send-questions .question-form .form-details .get-started {float: right; padding: 0 0 0 50px;} .ds-detail .send-questions .question-form .form-details .get-started .btn-submit {font-family: 'SofiaPro-SemiBold', Arial; font-size: 16px; color: #DC6200; padding: 30px; height: 86px; width: 86px; border: 1px solid #DC6200; border-radius: 4px; background-color: transparent; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;} .ds-detail .send-questions .question-form .form-details .get-started .btn-submit .icon {background: url(assets/images/fly.svg); width: 25px; height: 25px; display: block; margin: 0 auto;} .ds-detail .send-questions .question-form .form-details .get-started .btn-submit span {display: block; padding: 10px 0 0 0;} .ds-detail .send-questions .question-form .form-details .get-started .btn-submit:hover {color: #fff; background-color: #DC6200;} .ds-detail .send-questions .question-form .form-details .get-started .btn-submit:hover .icon{background:url(assets/images/fly-hover.svg);} .digi-stats .list-block {background: #ffffff; border-radius: 5px; box-shadow: 0 5px 15px rgb(0 0 0 / 10%); overflow: hidden; transition-duration: 0.3s; padding: 40px 0;} .ds-detail .auto-pack{padding: 0 0 120px; margin: -150px 0 0;} .ds-detail .auto-pack .auto-pack-block{padding:50px 0 0;} .ds-detail .auto-pack .auto-pack-block .list-block{background: #fff; padding: 20px 20px 20px; box-shadow: 0 5px 15px rgb(0 0 0 / 10%); border-radius: 4px;} .ds-detail .auto-pack .auto-pack-block .list-block .title-info{} .ds-detail .auto-pack .auto-pack-block .list-block .title-info .icon{float:left; padding: 0 10px 0 0;} .ds-detail .auto-pack .auto-pack-block .list-block .title-info .title{float:left; font-size:16px; color:#121212; padding: 13px 0 0 0; } .ds-detail .auto-pack .auto-pack-block .list-block .info{text-align: left; font-size: 14px; line-height: 24px; color: #424242;} .ds-detail .auto-pack .auto-pack-block .list-block .info p {min-height:168px;} .ds-detail .middle-info-block{} .ds-detail .middle-info-block .list-block{background: #ffffff; border-radius: 5px; box-shadow: 0 5px 15px rgb(0 0 0 / 10%); overflow: hidden; transition-duration: 0.3s; padding: 30px 100px;} .ds-detail .middle-info-block .list-block .info{font-size: 18px; line-height: 24px; color: #212121; font-family: 'SofiaPro';} .ds-detail .middle-info-block .list-block .info p{padding:0 0 30px;} .ds-detail .who-we-list{background: #ffffff; padding:0 0 120px;} .ds-detail .who-we-list .who-we-intro{padding:50px 0 0;} .ds-detail .who-we-list .who-we-intro .intro-list-block{background: #ffffff; border-radius: 4px; box-shadow: 0 4px 10px rgb(0 0 0 / 16%); padding: 40px;} .ds-detail .who-we-list .who-we-intro .intro-list-block .title-icon{} .ds-detail .who-we-list .who-we-intro .intro-list-block .title-icon .icon{float:left; width: 80px; height: 80px;} .ds-detail .who-we-list .who-we-intro .intro-list-block .title-icon .title .sub-title{font-size:14px; line-height:20px; color:#9E9E9E; font-family: 'SofiaPro-Light'; font-weight: 300; text-transform: capitalize;} .ds-detail .who-we-list .who-we-intro .intro-list-block .title {font-family: 'SofiaPro-SemiBold', Arial; font-size: 22px; line-height: 30px; padding: 20px 0 0 25px; text-transform: uppercase; float: left;} .ds-detail .who-we-list .who-we-intro .intro-list-block.digital-exp .title {color: #2196F3;} .ds-detail .who-we-list .who-we-intro .intro-list-block.data-analytics .title {padding: 25px 0 0 25px; color: #9C27B0;} .ds-detail .who-we-list .who-we-intro a:hover .intro-list-block.digital-exp {background: #2196F3;} .ds-detail .who-we-list .who-we-intro a:hover .intro-list-block.digital-exp .title{color:#fff;} .ds-detail .who-we-list .who-we-intro a:hover .intro-list-block.digital-exp .title .sub-title{color:#fff;} .ds-detail .who-we-list .who-we-intro .intro-list-block.digital-exp .title-icon .icon{ background: url(assets/images/intro-digital-exp.svg) no-repeat center; background-size: 100%;} .ds-detail .who-we-list .who-we-intro a:hover .intro-list-block.digital-exp .title-icon .icon {background: url(assets/images/intro-digital-exp-hover.svg) no-repeat center; background-size: 100%;} .ds-detail .who-we-list .who-we-intro a:hover .intro-list-block.data-analytics { background: #9C27B0} .ds-detail .who-we-list .who-we-intro a:hover .intro-list-block.data-analytics .title{color:#fff; } .ds-detail .who-we-list .who-we-intro a:hover .intro-list-block.data-analytics .title .sub-title{color:#fff;} .ds-detail .who-we-list .who-we-intro .intro-list-block.data-analytics .title-icon .icon{ background: url(assets/images/intro-data.svg) no-repeat center; background-size: 100%;} .ds-detail .who-we-list .who-we-intro a:hover .intro-list-block.data-analytics .title-icon .icon {background: url(assets/images/intro-data-hover.svg) no-repeat center; background-size: 100%;} .ds-detail .our-awards{background: #ffffff; padding: 0 0 20px;} .ds-detail .our-awards::after{display: none; background: #ffffff;} .ds-detail .who-we-list .who-we-intro .intro-list-block.intelligent .title-icon .icon{ background: url(assets/images/intro-automation.svg) no-repeat center; background-size: 100%;} .ds-detail .who-we-list .who-we-intro a:hover .intro-list-block.intelligent .title-icon .icon {background: url(assets/images/intro-automation-hover.svg) no-repeat center; background-size: 100%;} .ds-detail .who-we-list .who-we-intro a:hover .intro-list-block.intelligent { background: #3F51B5;} .ds-detail .who-we-list .who-we-intro a:hover .intro-list-block.intelligent .title{color:#fff; } .ds-detail .who-we-list .who-we-intro a:hover .intro-list-block.intelligent .title .sub-title{color:#fff;} .ds-detail .who-we-list .who-we-intro .intro-list-block.intelligent .title {color: #3F51B5;} .data-management .ds-detail .middle-info-block{margin: -170px 0 0;} .digital-exp .ds-detail .middle-info-block{margin: -170px 0 0;} .header-link-block {padding: 20px 0 0;} .header-link-block.view-more a {font-family: 'SofiaPro-Medium', Arial, sans-serif; font-size: 16px; line-height: 22px; font-weight: normal; display: inline-block; padding: 10px 50px;} .ds-detail .client-story {background: #fff;} .ds-detail .client-story::after {display: none;} /******************* Intelligent Automation End *********************/ /******************* Innovation Lab Start *********************/ .innovation-lab {position: relative;} .innovation-lab .banner-conatiner .banner-info {background: url('assets/images/innovation-lab-bg.webp'); background-position: right top; background-size: 100% 100%; background-repeat: no-repeat;} .innovation-lab .banner-conatiner .banner-info .block-title {text-align: left; padding: 60px 0 20px; color:#fff;} .innovation-lab.ds-detail .banner-conatiner .banner-info .block-desc .reg-text{color:#fff;} .innovation-lab .banner-conatiner .banner-info .block-desc {text-align: left; width: 60%;} .innovation-lab .banner-conatiner .tiles-block {bottom: 50px;} .innovation-lab .banner-conatiner .tiles-block .list-block .info .details .highlight-text {color: #DC6200; font-family: 'SofiaPro-Medium', Arial;} .innovation-lab .innovation-detail {position: relative;} .innovation-lab .innovation-detail:after {content:""; display:block; background: url(assets/images/discover_bg.webp); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; width: 100%; height:250px; bottom:-25px; z-index: -1;} .innovation-lab .innovation-detail .cs-detail {padding: 0 0 0 145px;} .innovation-lab .innovation-detail .cs-detail-section {position: relative; padding: 0;} .innovation-lab .innovation-detail .cs-detail-section .list-block {padding: 0 0 30px; position: relative;} .innovation-lab .innovation-detail .cs-detail-section .list-title {padding: 0 0 50px;} .innovation-lab .innovation-detail .product-list {padding: 0 0 30px;} .innovation-lab .innovation-detail .product-list .product-detail {font-family: SofiaPro-Light, Arial; font-size: 16px; line-height: 30px; color: #404040;} .innovation-lab .innovation-detail .product-list .product-image {text-align: center;} .innovation-lab .innovation-detail .product-list .product-image img {width: 100%;} .innovation-lab .innovation-detail .product-list .resources-used {padding: 0 135px;} .innovation-lab .innovation-detail .product-list .resources-used .resource-listing {padding: 0 30px 20px 0; float: left;} .innovation-lab .innovation-detail .product-list .resources-used .resource-listing:nth-child(n+3) {padding: 0;} .innovation-lab .innovation-detail .product-list .resources-used .resource-listing .resource-block {width: 270px; background-color: #ffffff; border: 1px solid #D16A0D; border-radius: 10px; box-shadow: 0 12px 26px rgba(0,0,0,0.05); padding: 24px; min-height: 444px; max-height: 444px;} .innovation-lab .innovation-detail .product-list .resources-used .resource-listing .resource-block .title {font-family: 'SofiaPro-Medium', Arial; font-size: 22px; line-height: 32px; color: #000000; padding: 0 0 16px;} .innovation-lab .innovation-detail .product-list .resources-used .resource-listing .resource-block .resource-list li {font-family: 'SofiaPro-Light', Arial; font-size: 18px; line-height: 24px; color: #292929; padding: 8px 0;} .innovation-lab .innovation-detail .product-list .adjustify-ar .resource-listing .resource-block {border: 1px solid #424874; min-height: 556px; max-height: 556px;} .innovation-lab .innovation-detail .product-list .ai-insurtech .resource-listing .resource-block {min-height: 545px; max-height: 545px;} .innovation-lab .emerging-tech .block-title {padding: 0 0 30px;} .innovation-lab .emerging-tech .block-title .highlight-text {color: #DC6200;} .innovation-lab .emerging-tech{ padding: 50px 0 0; background: #fff;} .innovation-lab .emerging-tech .emerging-tech-block {background: #ffffff; padding: 30px 0;} .innovation-lab .emerging-tech .emerging-tech-block .tech-list {padding: 0 115px; text-align: center;} .innovation-lab .emerging-tech .emerging-tech-block .tech-list:last-child {padding: 0 270px;} .innovation-lab .emerging-tech .emerging-tech-block .emerging-tech-list {float: left; margin: 30px 15px 0;} .innovation-lab .emerging-tech .emerging-tech-block .emerging-tech-list .list-info {padding: 20px; width: 270px; height: 270px; box-shadow: 0 6px 20px rgba(0,0,0,0.08); border-radius: 4px;} .innovation-lab .emerging-tech .emerging-tech-block .emerging-tech-list .title-block {font-size: 16px; line-height: 22px; color: #212121; padding: 0 0 25px;} .innovation-lab .emerging-tech .emerging-tech-block .emerging-tech-list .title-block .icon{float:left; width:46px; height:46px;} .innovation-lab .emerging-tech .emerging-tech-block .emerging-tech-list .title-block .title{float: left; text-align: left; width: calc(100% - 46px); padding: 0 0 0 10px;} .innovation-lab .emerging-tech .emerging-tech-block .emerging-tech-list .title-block .title.top{padding:12px 0 0 10px;} .innovation-lab .emerging-tech .emerging-tech-block .emerging-tech-list .detail {font-family: 'SofiaPro-Light', Arial; font-size: 14px; line-height: 24px; color: #424242; text-align: left;} .innovation-lab .custom_swd {background: #ffffff;} .innovation-lab .custom_swd:after {background: none;} .innovation-lab .innovation-detail .cs-detail-section .list-title .product-list-slide .slick-slide{background:transparent;} .innovation-lab .innovation-detail .cs-detail-section .product-list-slide .slick-dots{width: 100%; margin: 0 auto; text-align: center;} .innovation-lab .innovation-detail .cs-detail-section .product-list-slide .slick-dots li{margin: 0 15px 0 0; display: inline-block;} .innovation-lab .innovation-detail .cs-detail-section .product-list-slide .slick-dots li button{font-size: 0; line-height: 0; display: block; width: 0; height: 0; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; position: relative;} .innovation-lab .innovation-detail .cs-detail-section .product-list-slide .slick-dots li button:after{content:""; width:8px; height:8px; display:block; background:#e0e0e0; position:absolute; top: 0; left: 0; border-radius: 50%;} .innovation-lab .innovation-detail .cs-detail-section .product-list-slide .slick-dots li.slick-active button:after{background:#DC6200;} .innovation-lab .case-study .cs-list-items{-webkit-transform-origin: initial; -webkit-transform: initial; height: 36px; color: #fff; width: 100%; z-index: 99991; position: relative; top: 0; transition: top 0.4s linear; overflow: hidden;} .innovation-lab .case-study .cs-list-items .cs-list-name{ margin: 0 auto; padding:0; border:0; float:none; display: inline-block;} .innovation-lab .case-study .cs-list-items .cs-list-name .link-block{ border-bottom: 1px solid #cfcfcf; padding:0 50px 15px;} .innovation-lab .case-study .cs-list-items .cs-list-name .link-block.active{border-bottom:1px solid #DC6200;} .innovation-lab .case-study .cs-list-items .cs-list-name:first-child{padding:0;} .innovation-lab .innovation-detail .cs-detail {padding: 0;} .innovation-lab .case-study .cs-list-items ul {margin: 0 auto; width: 100%; text-align: center;} .innovation-lab .sticky-element{margin:0 0 50px;} .innovation-lab .case-study .cs-list-items .cs-list-name::after{content: ""; width: 1px; height: 23px; background: #cfcfcf; display: block; transform: rotate(90deg);position: absolute; top: 0; left: auto; right: 2px;} .innovation-lab .case-study .cs-list-items .cs-list-name.last::after{display:none;} .innovation-lab .case-study .cs-list-items .cs-list-name .link-block:after{display:none} .innovation-lab .case-study .cs-list-items.fixed{top: 136px; width: 100%; text-align: center; position: fixed; background: #fff; border-radius: 5px; padding: 20px 0; height: 70px;} .innovation-lab.ds-detail .breadcrumbs ul li a{color:#fff;} .innovation-lab.ds-detail .breadcrumbs ul li .fa-angle-right {color: #fff;} .innovation-lab .cs-detail .cs-detail-section .slick-arrow{position:absolute; left:auto; right:0; right: -50px; position: absolute; top: 88px;} .innovation-lab .cs-detail .cs-detail-section .slick-arrow.slick-next, .innovation-lab .cs-detail .cs-detail-section .slick-arrow.slick-prev{background: #DC6200; color: transparent; border:0 ; width: 50px; height: 50px; border-radius: 50%;} .innovation-lab .cs-detail .cs-detail-section .slick-arrow.slick-next::after{content:""; display:block; background: url('assets/images/slider-arrow-right.svg') no-repeat center; width:15px; height:19px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .innovation-lab .cs-detail .cs-detail-section .slick-arrow.slick-prev::after{content:""; display:block; background: url('assets/images/slider-arrow-left.svg') no-repeat center; width:159px; height:19px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .innovation-lab .cs-detail .cs-detail-section .slick-arrow.slick-prev{margin:70px 0 0;} /******************* Innovation Lab End *********************/ /******************* Digital Solutions - Client Story List Start *********************/ .client-story-list {background: #FFFFFF;} .client-story-detail .client-story::after {background: none; height: 0;} .client-story-detail .client-story {padding: 50px 10px 90px;} .client-story-detail .client-story .client-story-block .client-product .client-pro-dsc {padding: 30px 0 0;} .client-story-detail .client-story .client-story-block .client-product .client-pro-dsc .client-product-image {position: relative; top: auto; transform: none; min-height: 230px; max-height: 230px;} .client-story-detail .client-story .client-story-block .client-product .client-pro-dsc .block-title {font-size: 24px; padding: 10px 0 20px;} /******************* Digital Solutions - Client Story List End *********************/ /******************* Digital Solutions - Innovation Lab Section Start *********************/ .innovation-lab-section .banner-conatiner {padding: 20px 0;} .innovation-lab-section .banner-conatiner .banner-info {background: url(assets/images/innovation-lab-bg.webp); background-position: right top; background-size: cover; padding: 40px 0; text-align: left;} .innovation-lab-section .banner-conatiner .banner-info .block-title {color: #ffffff; max-width: 60%; padding: 0 0 30px; text-align: left;} .innovation-lab-section .banner-conatiner .banner-info .link-block {color: #ffffff;} .innovation-lab-section .banner-conatiner .banner-info .link-block .fa-chevron-right {color: #ffffff;} /******************* Digital Solutions - Innovation Lab Section End *********************/ /******************* Leadership Start *********************/ .leadership-main {position: relative;} .leadership-main .banner-conatiner .banner-info {background: url('assets/images/leadership-bg.webp'); background-position:center; background-size: cover; background-repeat: no-repeat;} .leadership-main .breadcrumbs ul li a {color: #212121;} .leadership-main .breadcrumbs ul li .fa-angle-right {color: #212121;} .leadership-main .banner-conatiner {background: #ffffff;} .leadership-main .banner-conatiner .banner-info .block-title {text-align: left; padding: 90px 0 20px; color: #212121;} .leadership-main .banner-conatiner .tiles-block {bottom: 45px;} .leadership-main .banner-conatiner .tiles-block .list-block .info {padding: 45px 100px;} .leadership-main .banner-conatiner .tiles-block .list-block .info .details {font-family: 'SofiaPro', Arial; color: #424242; text-align: center;} .leadership-main .inspiring-leaders {padding: 100px 0 70px; background: #ffffff;} .leadership-main .inspiring-leaders .info {max-width: 900px; margin: 0 auto;} .leadership-main .leaders-list {padding: 60px 0 0;} .leadership-main .leaders-block {float: left; position: relative; margin: 0 0 50px;} .leadership-main .leaders-block.center-block {padding: 0 45px;} .leadership-main .leaders-block .list-block {width: 350px; height: 430px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;} .leadership-main .leaders-block .block-image {width: 350px; height: 350px;} .leadership-main .leaders-block .block-image img {border-radius: 4px;} .leadership-main .leaders-block .block-detail {padding: 10px 24px 10px 10px; position: relative;} .leadership-main .leaders-block .block-detail .leader-info {width: 290px; float: left;} .leadership-main .leaders-block .block-detail .leader-info .name {font-family: 'SofiaPro-Light', Arial; font-size: 24px; line-height: 34px; color: #212121; padding: 0 0 3px 14px;} .leadership-main .leaders-block .block-detail .leader-info .name .bold-text {font-family: SofiaPro-Bold, Arial;} .leadership-main .leaders-block .block-detail .leader-info .desg {font-family: 'SofiaPro-Bold', Arial; font-size: 14px; line-height: 20px; color: #DC6200; text-transform: uppercase; padding: 0 0 0 14px; position: relative;} .leadership-main .leaders-block .block-detail .leader-info .desg:before {content: ""; background: #DC6200; width: 6px; height: 1px; position: absolute; left: 0; top: 10px;} .leadership-main .leaders-block .block-detail .arrow {float: right; height: 16px; width: 16px; background-color: #DC6200; text-align: center; border-radius: 50%; position: absolute; right: 24px; top: 30px; display: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;} .leadership-main .leaders-block .block-detail .arrow .fa {color: #FFFFFF; font-size: 12px; line-height: 16px; font-weight: bold; vertical-align: top;} .leadership-main .leaders-block:hover .list-block {border-radius: 4px; box-shadow: 0 4px 10px rgba(0,0,0,0.10);} .leadership-main .leaders-block:hover .block-detail .arrow {display: block;} .leadership-main .our-values {position: relative; padding: 0; margin: 70px 0 100px;} .leadership-main .our-values-bg {background: #f7f7f7; padding: 150px 0 10px;} .leadership-main .our-values:before {content:""; display:block; background: url(assets/images/blog_bg.webp); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; width: 100%; height: 250px; top: -90px;} .leadership-main .our-values .our-specialize-block {padding: 40px 0 0;} .leadership-main .our-values .our-specialize-block .our-specialize-list {height: 223px; padding: 24px 18px; margin: 0 0 30px;} .leadership-main .our-values .our-specialize-block .our-specialize-list .title-info .icon {top: auto;} .leadership-main .our-values .our-specialize-block .our-specialize-list .title-info .name {padding: 0 0 0 20px;} .leadership-main .our-values .our-specialize-block .our-specialize-list .detail {max-width: 320px;} .leadership-main .our-values .our-specialize-block .our-specialize-list:hover, .our-values .our-specialize-block .our-specialize-list.active {background: #ffffff;} .leadership-main .our-values:after {content:""; display:block; background: url(assets/images/discover_bg.webp); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; width: 100%; height: 250px; bottom: -250px; z-index: -1;} .leadership-main .client-story-list {position: relative; padding: 50px 0;} .leadership-main .client-story-list:after {content:""; display:block; background: url(assets/images/discover_bg.webp); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; width: 100%; height: 250px; bottom: -140px; z-index: -1;} .leadership-main .client-story-list .client-story-detail {padding: 50px 0 0;} .leadership-main .client-story .client-story-block .client-product .client-pro-dsc .block-title {padding: 20px 0;} .leadership-main .client-story .client-story-block .client-product .client-pro-dsc .client-product-image {text-align: center; min-height: 200px; max-height: 200px;} .leadership-main .client-story .client-story-block .client-product .client-pro-dsc .client-product-image img {width: 200px; height: 200px;} .customer-exp {} .customer-exp .customer-exp-block {background: url(assets/images/rd_info.jpg); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; border-radius:4px; padding: 30px 30px 26px; position: relative;} .customer-exp .customer-exp-block .block-detail {float: left;} .customer-exp .customer-exp-block .block-detail .block-title {font-size: 34px; color: #FFFFFF; padding: 30px 0 0; text-align: left;} .customer-exp .customer-exp-block .block-detail .desc {font-family: 'SofiaPro-Light', Arial; font-size: 18px; color: #FFFFFF; padding: 5px 0 30px;} .customer-exp .customer-exp-block .block-detail .home-comm-btn {display: inline-block; padding: 15px 100px 15px 64px;} .customer-exp .customer-exp-block .block-detail .home-comm-btn .arrow {right: 8px;} .customer-exp .customer-exp-block .block-detail .home-comm-btn .arrow i.one {animation: none;} .customer-exp .customer-exp-block .block-image {float: right;} .customer-exp .customer-exp-block .block-image img {width: 100%; max-width: 200px;} /******************* Leadership End *********************/ /******************* Leadership Detail Start *********************/ .leadership-detail {background: #ffffff; padding: 0 0 150px;} .leadership-detail .banner-conatiner {background: #ffffff; padding: 0;} .leadership-detail .banner-conatiner .banner-info {background: #ffffff; padding: 50px 0 35px;} .leadership-detail .breadcrumbs {position: inherit; top: auto;} .leadership-detail .breadcrumbs ul li a {color: #212121;} .leadership-detail .breadcrumbs ul li .fa-angle-right {color: #212121;} .leadership-detail .detail-block {border: 1px solid #EEEEEE; border-radius: 4px;} .leadership-detail .detail-block .detail-card {float: left; padding: 20px 0 30px 30px; max-height: 275px;} .leadership-detail .detail-block .detail-card .personal-detail {border-bottom: 1px solid #EEEEEE; padding: 0 0 14px;} .leadership-detail .detail-block .detail-card .personal-detail .name {font-family: 'SofiaPro-Light', Arial; font-size: 24px; color: #212121; padding: 0 0 5px;} .leadership-detail .detail-block .detail-card .personal-detail .name .bold-text {font-family: 'SofiaPro-Bold', Arial;} .leadership-detail .detail-block .detail-card .personal-detail .designation {font-family: 'SofiaPro-Light', Arial; font-size: 14px; color: #DC6200; text-transform: uppercase;} .leadership-detail .detail-block .detail-card .social-connect {padding: 25px 0 0;} .leadership-detail .detail-block .detail-card .social-connect .social-group {padding: 0 0 24px;} .leadership-detail .detail-block .detail-card .social-connect .social-group:last-child {padding: 0;} .leadership-detail .detail-block .detail-card .social-connect .social-group .icon {float: left; padding: 0 14px 0 0;} .leadership-detail .detail-block .detail-card .social-connect .social-group .icon img {width: 24px; height: 24px;} .leadership-detail .detail-block .detail-card .social-connect .social-group .info {float: left; font-family: 'SofiaPro-Light', Arial; font-size: 16px; padding: 0;} .leadership-detail .detail-block .detail-card .social-connect .social-group .info a {color: #212121; display: inline-block; max-width: 313px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .leadership-detail .detail-block .detail-card .social-connect .social-group .info a:hover {color: #DC6200;} .leadership-detail .detail-block .leader-image {float: right; text-align: right; max-height: 275px;} .leadership-detail .detail-block .leader-image img {width: 100%; max-width: 700px; border-radius: 4px;} .leadership-detail .about-leader {padding: 110px 0 0;} .leadership-detail .about-leader .block-desc {font-family: 'SofiaPro-Light', Arial; font-size: 16px; line-height: 28px; color: #424242; padding: 20px 0 0; text-align: center; max-width: 895px; margin: 0 auto;} /******************* Leadership Detail End *********************/ .g-recaptcha {padding: 30px 0 0;} /*************** invoice processing css start here ******************/ .invoice-processing {padding:136px 0;display: block;} .block-title.orange {color: #DC6200;font-family: 'SofiaPro-Medium';text-transform: capitalize;margin-bottom: 48px;line-height: 58px;} .input-fields {display: inline-block;width: 100%;background: #ffffff;border-radius: 4px;box-shadow: 0 4px 7px rgb(0 0 0 / 16%);padding: 24px 65px 48px 65px;} .gray-label {color: #6F6F6F;text-transform: capitalize;font-size: 16px;margin-bottom: 9px;} .gray-label.active{color:#DC6200;} .invoice-pro-form input{color: #2E2E2E;font-size: 16px;outline:none;font-family: 'SofiaPro-Medium';box-shadow: none;} .invoice-pro-form input:focus {border: 1px solid #DC6200;box-shadow: none;} .invoice-processing .asses-btn .btn-orange{background: #DC6200;color: #ffffff;text-transform: capitalize;font-size: 16px;font-family: 'SofiaPro-SemiBold';box-shadow: 0 4px 7px rgb(0 0 0 / 16%);outline:none !important;padding: 15px 43px;} .invoice-processing .asses-btn .btn-orange:focus{box-shadow:none !important;border: 1px solid #DC6200;background: #ffffff;color: #DC6200;box-shadow: 0 4px 7px rgb(0 0 0 / 16%);} .invoice-processing .asses-btn .btn-orange:hover {border: 1px solid #DC6200;background: #ffffff;color: #DC6200;} .asses-btn{margin-top:26px;text-align: center;} /*************** end of invoice processing css ******************/ /*************** invoice questions css start here ******************/ .invoice-filled-data {margin: 120px 0 0;display: block;} .invoice-filled-data .panel-group{background: #ffffff;} .invoice-filled-data .panel-title{padding: 22px 24px;text-transform: capitalize;font-size: 24px;color: #2E2E2E;} .actions-btn {float: right;margin: 24px 24px 24px 0;} .actions-btn a,.invoice-filled-data .invoice-pro-form {display: none;} .actions-btn.active a {display: inline-block;padding: 8px;height: 28px;width: 58px;font-size: 10px;text-transform: capitalize;text-align: center;border-radius: 5px;} .actions-btn.active .save-btn {background: #DC6200;color: #ffffff;border:1px solid #DC6200;} .actions-btn.active .save-btn:hover {background: #ffffff;color: #DC6200;border:1px solid #DC6200;} .actions-btn.active i{display:none;} .cancle-btn {background-color: #F5F5F5;color: #757575;} .cancle-btn:hover{background-color: #757575;color: #F5F5F5;border:1px solid #F5F5F5;} .invoice-filled-data .panel-heading {padding: 0;border:0;} .invoice-filled-data .downarrow {color: #DC6200;background: #F5F5F5;padding: 7px;font-size: 13px;cursor: pointer;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);} .invoice-filled-data .downarrow.collapsed {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);} .invoice-filled-data .edit-invoice {color: #DC6200;margin: 7px 24px 0 0;font-size: 15px;cursor: pointer;} .invoice-filled-data .panel-group .panel-heading+.panel-collapse .panel-body{border:none;} .invoice-filled-data .panel-body{padding: 0px 22px 24px 24px;} .data-title {color: #6F6F6F;text-transform: capitalize;font-size: 14px;} .invoice-data {color: #2E2E2E;font-size: 14px;font-family: 'SofiaPro-Medium';} .invoice-questions {margin: 20px 0px 95px 0px;display: block;} .invoice-questions .tab-list li {background: #ffffff;padding: 30px 0px 30px 40px;border: 1px solid #f5f5f5;text-transform: uppercase;color: #9E9E9E;font-size: 16px;font-family: 'SofiaPro';cursor:pointer;} .invoice-questions .tab-list li.active {background: #FFEADA;color: #DC6200;font-weight: 600;} .invoice-questions .tab-list li .squareborder {width: 27px;height: 27px;border: 2px solid;display: inline-block;text-align: center;margin-right: 20px;} .invoice-questions .tab-list li .squareborder i{margin-top: 4px;color:transparent;display:none;} .invoice-questions .tab-list li .squareborder i.square {display: inline-block;} .invoice-questions .tab-list li.active .squareborder i.square {height: 15px;width: 16px;background: #DC6200;} .invoice-questions .que-num-list {display: inline-block;width: 100%;padding: 40px 0px 0px 40px;} .invoice-questions .que-num-list li {float: left;width: 30px;height: 27px;text-align: center;border: 1px solid #E0E0E0;background: #ffffff;margin: 3px;border-radius: 4px;color: #2E2E2E;font-size: 12px;padding: 5px;cursor:pointer;} .invoice-questions .que-num-list li.active {color: #ffffff;background: #DC6200;border: 1px solid #DC6200;} .invoice-questions .que-num-list li.error {background: #DD1C1C;color: #ffffff;} .question-num {display: inline-block;width: 100%;background: #ffffff;} .question-ans-form h3 {color: #2E2E2E;font-size: 22px;font-family: 'SofiaPro';display:inline-block;} .question-ans-form {padding: 48px;} .total-questions {display: inline-block;margin: 7px 0px 0px 28px;color:#898989;} .question-ans-form ul li{display:none;position:relative;} .question-ans-form ul li.active{display:block;} .question-ans-form .que-block {margin-bottom: 30px; position: relative;} .question-ans-form .que-block .que-title {color: #2E2E2E;font-size: 22px;font-family: 'SofiaPro-Medium';display:initial; padding: 5px 0 0;} .question-ans-form .que-block .que-tooltip {display: inline-block; position: relative; padding: 5px 0 0;} .question-ans-form .que-block .fa.fa-info {border: 2px solid #898989;color: #898989;font-size: 14px;width: 24px;height: 24px;border-radius: 25px;text-align: center;padding: 4px;} .question-ans-form ul li .form-group label {cursor: pointer;padding: 14px 40px;display: inline-block;width: 100%;} .question-ans-form ul li .form-group {background: #F5F5F5;color: #2E2E2E;text-transform: capitalize;border-radius: 4px;position: relative;} .question-ans-form ul li .form-group.inputtext{background:#ffffff;padding:0} .question-ans-form ul li .form-group.inputtext input{background:transparent;border:1px solid #DC6200;width:100%;padding:14px;border-radius:4px;outline:none;} .question-ans-form ul li .form-group.inputtext input:focus-visible, .question-ans-form ul li .form-group.inputtext input:focus{border:1px solid #DC6200;border-radius:4px;} .question-ans-form ul li .form-group.checkedvalue{color: #ffffff;background: #DC6200;} .question-ans-form ul li input[type="radio"] {position: absolute;opacity: 0;cursor: pointer;} .checkmark{position: absolute;top: 12px;left: 12px;height: 22px;width: 22px;border: 1px solid #BFBFBF;border-radius: 50%;} .question-ans-form ul li input[type="radio"]:checked ~ .checkmark {background-color: #ffffff;border:1px solid #DC6200;} .checkmark:after {content: "";position: absolute;display: none;} .question-ans-form ul li input[type="radio"]:checked ~ .checkmark:after {display: block;} .checkmark:after {left: 7px;top: 3px;width: 6px;height: 10px;border: solid #DC6200;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .next-prev-btn {margin-top: 50px;} .next-prev-btn .btn {background: #F5F5F5;color: #2E2E2E;font-size: 12px;font-family: 'SofiaPro';text-transform: capitalize;padding: 12px 35px;border: 1px solid #EEEEEE;box-shadow: none;display:none;} .next-prev-btn .btn.active{display:inline-block;color: #DC6200;} .next-prev-btn .btn:hover {background: #DC6200;color: #ffffff;} /* question mark css */ .invoice-questions .tab-list li.error .squareborder, .invoice-questions .tab-list li.check .squareborder {color: #4CAF50; /*color: #dd1c1c;*/} .invoice-questions .tab-list li.error .squareborder i.fa-question {display:inline-block;color: #dd1c1c;} .invoice-questions .tab-list li.error .squareborder i.square {display: none;} /* check mark css */ .invoice-questions .tab-list li.check .squareborder i.fa-check {display: inline-block;color: #4CAF50; /*#DC6200;*/} .invoice-questions .tab-list li.check .squareborder i.square {display: none;} /*tooltip css*/ .mytooltip {position: relative;display: inline-block;} .mytooltip:hover .info-data {visibility: visible;} .info-data {visibility: hidden;width: 274px;background-color: #FFF9F5;color: #2E2E2E;border-radius: 4px;padding: 14px 20px;position: absolute;z-index: 1;top: 45px;left: auto;right:-11px;border: 1px solid #DCDCDC;font-size:14px;} .info-data:before {content: '';margin: 30px auto;width: 12px;height: 12px;border-top: 2px solid #DCDCDC;border-left: 2px solid #DCDCDC;display: block;transform: rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);position: absolute;left: auto;top: -37px;right:15px;background: #FFF9F5;} .que-title-tooltip{margin-bottom:30px;} .que-tooltip:hover .info-data {visibility: visible;} /*************** invoice questions css end here ******************/ /*************** score board screen start here ******************/ .invoice-score-board-main {margin-top: 120px;} .score-data {background: #ffffff;padding: 22px 24px;border-radius: 4px;} .block-title.scoreboard-title {font-size: 24px;text-align: left;text-transform: capitalize;font-family: 'SofiaPro-Medium';margin-bottom: 29px;} .progress.implementation {height: 40px;box-shadow: none;} .progress.implementation .progress-bar{background:#009500;border-radius: 4px;} .progress.implementation .progress-text i {color: #009500;} .progress.value-return{height: 40px;box-shadow: none;position:relative;} .progress.value-return .progress-bar {background: #F9A825;border-radius: 4px;} .progress.value-return .progress-text i {color: #F9A825;margin: 7px 24px;} .progress-text {margin: 0 0 20px 0; display: inline-block; font-size: 18px; color:#009500;font-family: 'SofiaPro-Medium';} .progress-text i {font-size: 18px;border-radius: 25px;background: #009500;margin:0px 24px 0 0;padding:5px;color: #fff;} .progress-text.orange {color:#F9A825;} .progress-text.orange i {background: #F9A825;color: #fff;} .scoreboard-graph{margin: 30px 0 0 0;} .scoreboard-graph .progress-data-box{margin: 0 0 30px 0; padding: 22px 24px; background-color: #fff;} .percentage {text-align: right;font-size: 20px;font-weight: bold;float: right;} .percentage.green {color: #009500;} .percentage.orange {color: #F9A825;} .graph-details {background: #ffffff;border-radius: 4px;padding: 40px;margin-bottom:120px} .graph-title {color: #2E2E2E;font-family: 'SofiaPro-Medium';font-size: 24px;margin-bottom: 10px;} .graph-data {font-size: 14px;line-height: 18px;color: #2E2E2E;padding-right: 115px;} .download-pdf{text-align:right;} .download-pdf a {color: #DC6200;border: 1px solid #DC6200;padding: 10px;border-radius: 4px;font-size: 12px;cursor: pointer;} .download-pdf a:hover {background: #DC6200;color:#ffffff;} .graph-block {width: 142px;height: 131px;display: inline-block;position:relative;margin:10px} .graph-block .graph-block-text {color: #2E2E2E;font-family: 'SofiaPro-Medium';text-align: center;font-size: 12px;text-transform: uppercase;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);} .graph-one .blue {background: #64B0F5;} .graph-one .green {background: #AED882;} .graph-one .light-pink {background: #FFA29F;} .graph-one .light-purple {background: #E1CFF8;} .graph-one{display: inline-block;width: 100%;position: relative; text-align: center;} .graph-arrow {background: #E9E9E9;display: inline-block;width: 75%;} .graph-arrow.one {transform: rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);position: absolute;left: 13.5%;top: 47%;width:73%;} .graph-arrow.two {position: absolute;left: 10%;top: 47%;width:79%;} .top-text, .bottom-text, .right-text, .left-text {text-transform: uppercase;font-size: 12px;font-family: 'SofiaPro-Medium';} .top-text, .right-text {float: right;width:50%;} .bottom-text, .left-text {float:left;width:50%;} .graph-arrow p:after {content: "";width: 0;height: 0;position: absolute;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-right: 20px solid #E9E9E9;left: -20px;top: -13px;} .graph-arrow p:before {content: "";width: 0;height: 0;position: absolute;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 20px solid #E9E9E9;right: -20px;top: -12px;} .circle {position: absolute;width: 12px;height: 12px;background: transparent;border-radius: 25px;border: 3px solid #ffffff;top: 14px;left: 13px;} /*************** score board screen end here ******************/ .disableQuestions .invoice-questions .que-num-list li:nth-child(n+4) { pointer-events: none; background: #dddddd; } .disableQuestions .invoice-questions .tab-list li:nth-child(n+4) { pointer-events: none; background: #ddd; } .disableQuestions .next-prev-btn .btn-next { pointer-events: none; background: #dddddd; } /******** Join Our Team Start here ********/ .apply-now .btn-text {font-size: 16px; color: #FFFFFF; background: #F17F27; padding: 14px 30px; border-radius: 40px; display: inline-block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; overflow: hidden;} .apply-now .btn-text:before {content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #DC5F00; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; transform-origin: 0; -webkit-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out;} .apply-now .btn-text:hover:before {-webkit-transform: scaleX(1); transform: scaleX(1);} .join-our-team .join-team-banner {padding: 86px 0 0; background: url('assets/images/career-banner-bg.svg') no-repeat 60%; width: 100%; height: 850px; position: relative; /*background-position: bottom center; background-size: cover;*/} .join-our-team .join-team-banner .banner-content {padding: 0 55px 0 80px;} .join-our-team .join-team-banner .banner-content .banner-title {font-size: 54px; line-height: 72px; color: #000000;} .join-our-team .join-team-banner .banner-content .banner-title span {font-family: lato-bold, Arial; text-transform: uppercase;} .join-our-team .join-team-banner .banner-content .banner-detail {font-size: 16px; line-height: 30px; color: #404040; padding: 24px 0;} .join-our-team .join-team-banner .banner-bg-main .banner-bg-img img {width: 100%; max-width: 528px;} .join-our-team .company-info {padding: 60px 0 130px; position: relative;} .join-our-team .company-info .company-info-bg {background: url('assets/images/side-circle.svg') no-repeat; background-size: contain; width: 250px; height: 250px; position: absolute; top: 80px; right: -135px;} .join-our-team .team-block-title {width: 50%; margin: 0 auto;} .join-our-team .team-block-title .title {font-family:nunito-semi, Arial; font-size: 40px; line-height: 56px; letter-spacing: 0.5px; color: #000000;} .join-our-team .team-block-title .desc {font-size: 16px; line-height: 22px; color: #404040; padding: 24px 0 0;} .join-our-team .team-block-title .desc a {font-family: nunito-bold, Arial; color: #353535; } .join-our-team .career-slider .bx-wrapper {box-shadow: none; border: 0;} .join-our-team .career-slider .bx-wrapper .bx-pager.bx-default-pager a {background: #fff; border: 1px solid #707070; margin: 0 4px;} .join-our-team .career-slider .bx-wrapper .bx-pager.bx-default-pager a.active {background: #DC5F00; border: 1px solid #DC5F00;} .join-our-team .career-slider .slider-block .slider-block-content {float: right; position: relative;} .join-our-team .career-slider .slider-block .slider-img img {width: 100%;} .join-our-team .career-slider .slider-block .slider-info {width: 30%; margin: 0 auto; position: absolute; top: 258px; left: 100px;} .join-our-team .career-slider .slider-block .slider-info .info-title {font-family: lato-semi, Arial; font-size: 26px; line-height:40px; color: #FFFFFF; position: relative;} .join-our-team .career-slider .slider-block .slider-info .info-title:before {content: ''; width: 20px; height: 2px; background-color: #FFFFFF; position: absolute; top: -7px; left: 0;} .join-our-team .career-slider .slider-block .slider-info .info-title:after {content: ''; width: 50px; height: 2px; background-color: #8D440D; position: absolute; top: -7px; left: 20px;} .join-our-team .career-slider .slider-block .slider-info .info-detail {font-size: 16px; line-height: 22px; color: #FFFFFF; padding: 16px 0 0;} .join-our-team .why-us {padding: 100px 0 50px; position: relative;} .join-our-team .why-us .perks-list {padding: 130px 25px 0;} .join-our-team .why-us .perks-list .list-block {padding: 0 0 80px; min-height: 363px; width: 60%; margin: 0 auto;} .join-our-team .why-us .perks-list .list-block .list-title {font-family: lato-semi, Arial; font-size: 26px; line-height: 40px; color: #191919; padding: 5px 38px 15px 0;} .join-our-team .why-us .perks-list .list-block .list-detail p {font-size: 16px; line-height: 24px; color: #353535;} .join-our-team .why-us .why-us-bg {background: url('assets/images/circle-white.svg') no-repeat; background-size: contain; width: 352px; height: 352px; position: absolute; bottom: 252px; right: -166px;} .join-our-team .work-scopes {padding: 0 0 140px; position: relative;} .join-our-team .work-scopes .work-scopes-bg {background: url('assets/images/side-circle.svg') no-repeat; background-size: contain; width: 250px; height: 250px; position: absolute; top: 35px; left: -170px;} .join-our-team .work-scopes .work-scopes-list {padding: 105px 0 0;} .join-our-team .work-scopes .work-scopes-list .list-block {padding: 0 0 24px;} .join-our-team .work-scopes .work-scopes-list .list-block .list-content {padding: 35px 100px; border-radius: 10px; box-shadow: 0 6px 15px rgba(0,0,0,0.16); margin: 0 -15px;} .join-our-team .work-scopes .work-scopes-list .list-block .list-content .scope-title-block {font-family: nunito-semi, Arial; font-size: 24px; letter-spacing: 0.5px; padding: 0 0 20px;} .join-our-team .work-scopes .work-scopes-list .list-block .list-content .scope-title-block .job-name {padding: 0 30px 0 0; min-width: 310px; max-width: 570px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block;} .join-our-team .work-scopes .work-scopes-list .list-block .list-content .scope-title-block .job-name a {color: #000000; } .join-our-team .work-scopes .work-scopes-list .list-block .list-content .scope-title-block .job-location {font-size: 16px; line-height: 23px; color: #F17F27; display: inline-block; float: right;} .join-our-team .work-scopes .work-scopes-list .list-block .list-content .scope-desc {font-size: 16px; line-height: 24px; color: #353535;} .join-our-team .work-scopes .work-scopes-list .list-block .list-content .scope-desc p {margin: 0;} .join-our-team .work-scopes .work-scopes-list .list-block .list-content .apply-now {text-align: right; -webkit-transform: translateY(70%); transform: translateY(70%);} /******** Join Our Team End here ********/ /******** Job Role Detail Start here ********/ .job-role-detail .job-role-header {position: relative; padding: 97px 0 0;} .job-role-detail .job-role-header .role-header-bg {background: url('assets/images/role-detail-bg.svg') no-repeat; background-size: cover; background-position: 100% 100%; width: 100%; height: 272px;} .job-role-detail .job-role-header .job-role-title {position: absolute; top: 166px;} .job-role-detail .job-role-header .job-role-title .block-title {font-family: lato, Arial; font-size: 54px; line-height: 72px; color: #FFFFFF; text-align: left; padding: 0;} .job-role-detail .job-role-header .job-role-title .block-detail {font-family: nunito-semi, Arial; font-size: 16px; line-height: 56px; letter-spacing: 0.5px; color: #FFFFFF;} .job-role-detail .role-detail-content {padding: 30px 0 125px; position: relative;} .job-role-detail .role-detail-content .sub-panel {border-bottom: 1px solid #707070;} .job-role-detail .role-detail-content .sub-panel .nav-tabs {border: none; overflow-x: auto; white-space:nowrap;} .job-role-detail .role-detail-content .sub-panel .nav-tabs li {font-size: 18px; line-height: 26px; margin: 0 55px 0 0;} .job-role-detail .role-detail-content .sub-panel .nav-tabs li a, .job-role-detail .role-detail-content .sub-panel .nav-tabs li a:hover {color: #353535; border: none; padding: 0 0 16px; background-color: transparent;} .job-role-detail .role-detail-content .sub-panel .nav-tabs li.active {border-bottom: 3px solid #DC5F00;} .job-role-detail .role-detail-content .sub-panel .nav-tabs li.active a {font-family: lato-bold, Arial; color: #DC5F00;} .job-role-detail .role-detail-content .tab-content {padding: 32px 80px 0 0;} .job-role-detail .role-detail-content .role-overview {position: relative;} .job-role-detail .role-detail-content .role-overview p {font-size: 16px; line-height: 26px; color: #404040; padding: 0 0 10px;} .job-role-detail .role-detail-content .role-overview .role-detail-list .list-title {font-family: nunito-semi, Arial; font-size: 28px; letter-spacing: 0.5px; color: #000000; padding: 20px 0 30px;} .job-role-detail .role-detail-content .role-overview .role-detail-list p {padding: 0 0 5px;} .job-role-detail .role-detail-content .role-overview .role-detail-list ul li {font-size: 16px; line-height: 22px; color: #404040; padding: 10px 0 10px 16px; position: relative;} .job-role-detail .role-detail-content .role-overview .role-detail-list ul li:before {content: ''; position: absolute; top: 17px; left: 0; background-color: #404040; border-radius: 50%; width: 5px; height: 5px;} .job-role-detail .role-detail-content .role-overview .company-commitment {font-family: nunito-bold, Arial; font-size: 16px; line-height: 22px; color: #404040; padding: 20px 0 35px;} .job-role-detail .role-detail-content .role-overview .company-commitment .list-title {font-family: nunito-semi, Arial; font-size: 28px; letter-spacing: 0.5px; color: #000000; padding: 20px 0 30px;} .job-role-detail .role-detail-content .content-bg-top {background: url('assets/images/side-circle.svg') no-repeat; background-size: contain; width: 250px; height: 250px; position: absolute; top: 250px; right: -115px;} .job-role-detail .role-detail-content .role-overview .overview-bg-bottom {background: url('assets/images/circle-white.svg') no-repeat; background-size: contain; width: 352px; height: 352px; position: absolute; bottom: 250px; left: -370px;} .job-role-detail .role-detail-content .role-application {position: relative;} .job-role-detail .role-detail-content .role-application .form-group {margin: 0; padding: 0 0 48px;} .job-role-detail .role-detail-content .role-application .form-group .form-label {font-family: nunito-semi, Arial; font-size: 16px; letter-spacing: 0.5px; color: #000000; padding: 0 0 8px;} .job-role-detail .role-detail-content .role-application .form-group .form-label .asterik {color: #FF0000;} .job-role-detail .role-detail-content .role-application .form-group .form-control {border: 1px solid #707070; border-radius: 0; color: #707070; box-shadow: none; height: 40px;} .job-role-detail .role-detail-content .role-application .form-group select.form-control {cursor: pointer; -webkit-appearance: none; -moz-appearance: none; background: transparent; background-image: url('assets/images/select-arrow.png'); background-repeat: no-repeat; background-position-x: 98%; background-position-y: 16px;} .job-role-detail .role-detail-content .role-application .form-group .file-guide {font-size: 14px; line-height: 22px; letter-spacing: 0.5px; color: #000000; display: block;} .job-role-detail .role-detail-content .role-application .form-group .file-upload {display: none;} .job-role-detail .role-detail-content .role-application .form-group .browse-file {float: right;} .job-role-detail .role-detail-content .role-application .form-group .browse-file .btn-text {padding: 14px 23px; cursor: pointer;} .job-role-detail .role-detail-content .role-application .form-group .browse-file .btn-text .icon {padding: 0 0 0 4px; vertical-align: middle;} .job-role-detail .role-detail-content .role-application .form-group .browse-file .btn-text .icon img {width: 13px; height: 13px;} .job-role-detail .role-detail-content .role-application .form-group .resume-uploaded {float: right; padding: 10px 0 0 10px; display: none;} .job-role-detail .role-detail-content .role-application .form-group .resume-uploaded .file-name {padding: 0 10px 0 0; font-size: 16px; color: #404040;} .job-role-detail .role-detail-content .role-application .form-group .resume-uploaded .file-name .fa {} .job-role-detail .role-detail-content .role-application .form-group .resume-uploaded .cancel-btn .icon {font-size: 18px; color: #DC5F00;} .job-role-detail .role-detail-content .role-application .usa-applicant .content-title {font-family: nunito-semi, Arial; font-size: 28px; line-height: 44px; letter-spacing: 0.5px; color: #000000; padding: 0 0 8px;} .job-role-detail .role-detail-content .role-application .usa-applicant p {font-size: 16px; line-height: 25px; color: #404040; padding: 0 0 10px;} .job-role-detail .role-detail-content .role-application .application-bg-middle {background: url('assets/images/blog-round-one.svg') no-repeat; background-size: contain; width: 352px; height: 352px; position: absolute; top: 37%; left: -370px;} .job-role-detail .role-detail-content .role-application .application-bg-bottom {background: url('assets/images/circle-white.svg') no-repeat; background-size: contain; width: 352px; height: 352px; position: absolute; bottom: 23%; right: -129%;} /******** Job Role Detail End here ********/ .ds-detail .our-awards{ margin-top: 60px;} .ds-detail .our-awards .block-title{margin-top: 30px;} .our-awards.service-child::after{background: transparent;} .our-awards.service-child{ background: #fff;} .featured-content {margin: 100px 0 0;} .featured-details { max-width: 970px; margin: 0 auto; padding: 30px 40px 10px; position: relative; box-shadow: 4px 8px 16px #00000014; border-top-left-radius: 12px; border-bottom-right-radius: 12px; background: #fff; display: flex; align-items: center; justify-content: center;} .featured-details:after { content: ''; background: url(assets/images/featured-bg-right.png) no-repeat; width: 210px; height: 155px; position: absolute; z-index: -1; left: 94%; bottom: 80px;} .featured-details:before { content: ''; background: url(assets/images/featured-bg-left.png) no-repeat; width: 200px; height: 155px; position: absolute; z-index: -1; right: 94%; top: 80px;} .featured-details .separator { border-right: 1px solid #9e9e9e; width: 1px; height: 100px; margin: 0 20px 0 35px; float:left;} .featured-details .featured-list { float: left; margin: 0px -20px 0 0; width: calc(100% - 100px);} .featured-details .featured-list ul { display: flex;padding-bottom: 18px;flex-wrap: wrap;} .featured-details .featured-list ul li { display: inline-block; padding: 0;} .featured-details .featured-list ul li:last-child { padding: 0;} .featured-details .featured-list ul li img {width: 170px; max-height: 70px;} .featured-details .featured-list ul::-webkit-scrollbar {background-color: #F5F5F5; height: 7px; width: 7px; border-radius: 6px;} .featured-details .featured-list ul::-webkit-scrollbar-thumb {background-color: #DC6200; border-radius: 6px;} .featured-content .featured-details .block-content {float: left;} .featured-content .featured-details .block-content .block-content-title{font-family: 'Sofia Pro Semi'; font-size: 20px; color: #1B4049; padding: 22px 0 0; font-family: 'SofiaPro-Light'; font-weight: 300; text-transform: uppercase; font-weight: bold;} .featured-details .featured .img-content img{ width: 50px; height: auto;} /******** PPC contact form start here ********/ .ppc-page-container {padding: 0 0 50px 0; background: #fff;} .ppc-page.mobile-app {background: url(assets/images/app-development-bg.webp) no-repeat center -65px #f5f5f5; background-size: cover; padding: 35px 0;} .ppc-page.cms {background: url(assets/images/cms-development-bg.webp) no-repeat center -65px #f5f5f5; background-size: cover; padding: 35px 0;} .ppc-page .page-title {font-family: 'SofiaPro-Bold', arial; font-size: 56px; padding: 140px 20% 0 0; color: #fff; Text-shadow: 2px 2px 3px #000; line-height: 65px;} .ppc-page .ppc-form .sub-title{padding: 24px 0px 12px; font-size: 18px; line-height: 24px; font-family: 'SofiaPro-Bold',Arial,sans-serif; color: #FFFFFF;} .ppc-page .category-list{margin:32px 0;} .ppc-page .category-list li{font-size: 20px; line-height: 26px; padding: 7px 16px; max-width: 300px; width: 100%; color: #DC6200; float: left; border-radius: 23px; font-family: 'SofiaPro-Medium',Arial,sans-serif; margin: 0 20px 20px 0; background-color: #ffffff; cursor: pointer;} .ppc-page .category-list li .development-icon{vertical-align: text-bottom; margin: 0 7px 0 0; text-align: left; width: 20px; height: 20px; display: inline-block; position: relative; top:-4px;} .ppc-page .ppc-form {} .ppc-page .ppc-form .form-title {padding: 0 0 30px;} .ppc-page .ppc-form .form-title .rd-circle-ico {display: inline-block;} .ppc-page .ppc-form .form-title h1 {display: inline-block; padding: 0 0 0 10px; font-size: 34px; position: relative; top: -17px;} .ppc-page .ppc-form .contact-form {background: #fff; box-shadow: 0 5px 15px rgb(0 0 0 / 10%); padding: 40px;} .ppc-page .ppc-form .contact-form .form-details {} .ppc-page .ppc-form .contact-form .form-details .input-group {width: 100%;} .ppc-page .ppc-form .contact-form .input-block {display: block; padding: 0 0 25px 0;} .ppc-page .ppc-form .contact-form .input-block input {border: 0px none; box-shadow: none; border-bottom: 1px solid #DBDBDB; width: 100%; padding: 5px 0 10px 0;} .ppc-page .ppc-form .contact-form .input-block input.form-control {} .ppc-page .ppc-form .contact-form .input-block-area {display: block; padding: 0 0 20px 0;} .ppc-page .ppc-form .contact-form .input-block-area textarea {border: 0px none; box-shadow: none; border-bottom: 1px solid #DBDBDB; width: 100%; padding: 5px 0 10px 0; resize:none;} .ppc-page .ppc-form .contact-form .input-block-area .form-control {} .ppc-page .ppc-form .contact-form .file-upload .form-control {} .ppc-page .ppc-form .contact-form button.btn-text {background: #DC6200; width: 100%; color: #fff; border-radius: 20px; padding: 10px 0 12px 0; font-family: 'SofiaPro-SemiBold'; font-size: 16px; border:0px none; margin: 10px 0 0 0;} .get-quote-btn-block {float: right; margin: 30px 80px 0 0;} .get-quote-btn-block a.btn-text {background: #DC6200; width: 100%; color: #fff; border-radius: 20px; padding: 8px 40px 12px 40px; font-family: 'SofiaPro-SemiBold'; font-size: 16px; border:0px none; } .ppc-page .ppc-form .contact-form span.error {color: #DC6200;} .ppc-page .ppc-form .copy {font-size: 10px; font-family: 'SofiaPro-Light', arial; text-align: center; padding: 10px 0 0 0;} .ppc-page .ppc-form .copy a {text-decoration: underline; color: #DC6200;} .ppc-page .thank-title {display: none; text-align: center;} .ppc-page .thank-msg {padding: 50px 0; line-height: 40px;} .ppc-page-container .title-block {font-size: 44px; font-family: 'SofiaPro-Light', arial; padding: 0 0 20px;} .ppc-page-container .desc {width: 70%; margin: 0px auto;} .ppc-page-container .desc p {font-size: 16px; font-family: 'SofiaPro-Light', arial;} .brand-section {text-align: center; padding: 80px 0 0 0;} .brand-section .brand-logos {padding: 50px 0;} .brand-section .brand-logos .logo-img {box-shadow: 0 5px 15px rgb(0 0 0 / 10%); padding: 10px 0; text-align: center; margin: 0 0 30px;} .brand-section .brand-logos .logo-img img {display: inline-block; max-width: 170px;} .process-block {text-align: center; padding: 80px 0; background: #F7F7F7;} .ppc-page-container .process-block .title-block {padding: 0 0 50px 0;} .ppc-page-container .process-block .desc {padding: 0 0 50px 0;} .process-block .step-block {} .process-block .step-block .saperator {width: 1px; background: #E0E0E0; height: 200px; position: absolute; right: 0;} .process-block .step-block.alter {margin: 50px 0 0 0;} .process-block .step-block.alter .saperator {top: 25px;} .process-block .img-block {} .process-block .img-block img {} .process-block .block-content {} .process-block .block-content h3 {font-family: 'SofiaPro-SemiBold', arial; font-size: 18px; padding: 0 0 8px;} .process-block .block-content p {font-family: 'SofiaPro-Light', arial; font-size: 16px; padding: 0 0 10px;} .process-block .block-content span.step-info {display: block; text-align: center; font-size: 20px; color: #DBDBDB; font-family: 'SofiaPro-Bold', arial; padding: 20px 0;} .ppc-page-container .project-sliders .full-block{display:block;} .ppc-page-container .project-sliders{position:relative;} .ppc-page-container.mobile-app-container .project-sliders .project-data{height:586px; position: relative; max-width: 65%; min-width: 400px;} .ppc-page-container .project-sliders .project-data{height:530px; float: right; padding: 0 40px 0 0;} .ppc-page-container .project-sliders .project-data .project-views{position: absolute; bottom: 0;} .ppc-page-container .project-sliders .bg-color {position: relative;z-index: 1;padding:100px 0 35px;} .ppc-page-container .project-sliders .bg-color:before, .ppc-page-container .project-sliders .bg-color:after {content: '';background: #900300;display: block;width: calc(100% - 60%);height: 100%;position: absolute;left: 0;top: 0;} .ppc-page-container .project-sliders .spendgenie-slider.bg-color:before, .ppc-page-container .project-sliders .spendgenie-slider.bg-color:after {background: #023047;} .ppc-page-container .project-sliders .adjustify-slider.bg-color:before, .ppc-page-container .project-sliders .adjustify-slider.bg-color:after {background: #414874;} .ppc-page-container .project-sliders .import-slider.bg-color:before, .ppc-page-container .project-sliders .import-slider.bg-color:after {background: #2D3192;} .ppc-page-container .project-sliders .altera-slider.bg-color:before, .ppc-page-container .project-sliders .altera-slider.bg-color:after {background: #274E7D;} .ppc-page-container .project-sliders .clovered-slider.bg-color:before, .ppc-page-container .project-sliders .clovered-slider.bg-color:after {background: #1B4049;} .ppc-page-container .project-sliders .bg-color:after {width: 100%;left:inherit;right: 0;z-index: -1;opacity: 0.87;} .ppc-page-container .project-sliders .project-sub-title {font-family: 'SofiaPro-Light', arial;font-size: 16px;line-height: 26px;color: #DBDBDB;} .ppc-page-container .project-sliders .project-title {font-family: 'SofiaPro-SemiBold', arial;font-size: 34px;line-height: 40px;margin: 12px 0 60px 0;color: #EBEBEB;} .ppc-page-container.mobile-app-container .project-sliders .project-tech-list { margin: 0 0 0 -23px;} .ppc-page-container.mobile-app-container .project-sliders .project-tech-list .project-tech-item {float: left; max-width: 120px; width: 100%; margin: 0 0 28px 0;} .ppc-page-container.mobile-app-container .project-sliders .project-tech-list .project-tech-item .project-tech-images {margin:0 auto 6px auto;} .ppc-page-container .project-sliders .project-tech-list {padding: 12px 0 32px 0;display: inline-block;width: 100%;} .ppc-page-container .project-sliders .project-tech-list .project-tech-item {float: left;margin-right: 24px;vertical-align: middle;text-align: center;} .ppc-page-container .project-sliders .project-tech-list .project-tech-item .project-tech-images {width: 60px;height: 35px;margin-bottom: 7px;vertical-align: middle;} .ppc-page-container .project-sliders .project-tech-list .project-tech-item .project-tech-name {font-family: 'SofiaPro-Light', arial;font-size: 18px;line-height: 28px;color:#ffffff;} .ppc-page-container .project-sliders .project-views-list {display:inline-block;width:100%;margin-top:12px;} .ppc-page-container .project-sliders .project-views-list .project-views-item{float:left;margin-right:30px;} .ppc-page-container .project-sliders .project-views-list .project-views-item a{display:block;} .ppc-page-container .project-sliders .project-dev-img img{margin:0 auto; max-width: 70%;} .ppc-page-container .project-sliders .custom-dots {position: absolute;bottom: 54px; /*display: block;width: 100%;*/ padding: 0;margin: 0;list-style: none;right: 57px;text-align: right;} .ppc-page-container .project-sliders .custom-dots li {position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;} .ppc-page-container .project-sliders .custom-dots li button {font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none; background: #ffffff;border-radius: 25px;border: 4px solid #fff;} .ppc-page-container .project-sliders .custom-dots li.slick-active button {background: transparent;border: 4px solid #fff;} .thank-you-section {padding: 100px 0; text-align: center;} .thank-you-section .block-title {font-family: 'SofiaPro-Bold', arial; font-size: 35px; padding: 0 0 30px 0;} .thank-you-section a.btn-text {background: #DC6200; width: 100%; color: #fff; border-radius: 20px; padding: 8px 40px 12px 40px; font-family: 'SofiaPro-SemiBold'; font-size: 16px; border:0px none; } /******customer-review section start here******/ .ppc-page-container .customer-review{padding: 100px 0px;} .ppc-page-container .customer-review .customer-data{padding-bottom: 35px; position: relative;} .ppc-page-container .customer-review .customer-data .block-title{font-size: 34px; line-height: 48px; color: #000000; display: inline-block; font-family: 'SofiaPro-Light';} .ppc-page-container .customer-review .customer-data .pagingInfo{font-family: 'SofiaPro-Light'; display: inline-block; vertical-align: middle; position: absolute; right: 187px; top: 5px; font-size: 18px; line-height: 48px;} .ppc-page-container .customer-review .customer-data .customer-img{top:54px; left: 40px; z-index: 1; background-color: #DC6200; display: inline-block; padding: 15px; border-radius: 50%; position: absolute;} .ppc-page-container .customer-review .customer-data .customer-img .quote{height: 24px; width: 30px;} .ppc-page-container .customer-review .testimonial-slider {border-radius: 4px; box-shadow: 0px 4px 10px #00000029; } .ppc-page-container .customer-review .testimonial-slider .slider-block {padding: 54px 100px 24px 40px; position: relative;} .ppc-page-container .customer-review .testimonial-slider .slider-block .customer-feedback{font-family: 'SofiaPro'; font-size: 16px; line-height: 24px; padding-bottom: 13px;} .ppc-page-container .customer-review .testimonial-slider .slider-block .customer-name{font-family: 'SofiaPro-Light'; font-size: 16px; line-height: 24px; padding-bottom: 6px; color: #DC6200;} .ppc-page-container .customer-review .testimonial-slider .slider-block .info{font-family: 'SofiaPro-Light'; font-size: 14px; line-height: 24px; color: #9E9E9E;} .ppc-page-container .customer-review .slick-prev.slick-arrow{position: absolute; top: -75px; right: 100px;} .ppc-page-container .customer-review .slick-prev .fa-chevron-left{cursor: pointer; font-size: 16px; color: #DC6200; border: 1px solid #DC6200; padding: 12px 14px 12px 16px; border-radius: 50%;} .ppc-page-container .customer-review .slick-next.slick-arrow{position: absolute;top: -75px; right: 20px;} .ppc-page-container .customer-review .slick-next .fa-chevron-right{cursor: pointer; font-size: 16px; color: #DC6200; border: 1px solid #DC6200; padding: 12px 14px 12px 16px; border-radius: 50%;} .ppc-page-container .customer-review .slick-dots li button{display: none;} /******customer-review section end here******/ /******customer-review section end here******/ .common-content {padding: 100px 0;} .common-content .section-title-block {text-align: center; font-size: 44px; line-height: 58px; padding: 0 0 30px; font-family: 'SofiaPro-Medium',Arial,sans-serif;} .common-content .section-desc {text-align: center; padding: 0 100px 40px;} .common-content .section-desc p {font-size: 16px; line-height: 24px; font-family: 'SofiaPro-Light';padding: 0 0 24px;} .common-content .section-desc p:last-child{padding: 0;} .ppc-page-container .common-content .title-block {font-size: 34px; line-height: 44px; font-family: 'SofiaPro-Medium',Arial,sans-serif;} .common-content .image-block {margin: 60px 0; background-size: cover; height: 440px;} .common-content .common-desc p {font-family: 'SofiaPro-Light',Arial,sans-serif; padding: 0 0 20px; font-size:16px; line-height: 30px; color: #000000;} .common-content .common-desc ul {} .common-content .common-desc ul li {font-size: 18px; padding: 0 0 10px 0; font-family: SofiaPro-Medium, Arial; margin: 0 0 0 20px;} .common-content .common-desc ul li:before {content: "\2022"; color: #DC6200; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; } .common-content.tech-specialization .content-detail{padding: 80px 0 0 0; position: relative; display: flex; align-items: center;} .common-content.tech-specialization .content-detail.reverse-block{flex-direction: row-reverse;} .common-content.tech-specialization .content-detail .app-img{flex: 0 0 60%; max-width: 60%; padding: 0 15px 0 15px; justify-content: left;} .common-content.tech-specialization .content-detail .app-img img{width: 100%;} .common-content.tech-specialization .content-detail .home-comm-btn{background-color: #F7F7F7; display: inline-block; margin: 10px 0; padding:11px;} .common-content.tech-specialization .content-detail .content-block{flex: 0 0 40%; max-width: 40%; padding: 0 15px 0 15px; justify-content: right;} .common-content.tech-specialization .content-detail .common-desc ul li {font-size: 16px; line-height: 24px; padding: 0 0 14px 0; font-family: 'SofiaPro-SemiBold',Arial,sans-serif; margin: 0 0 0 14px;} .common-content.tech-specialization .content-detail .common-desc ul li:before {content: "\2022"; color: #DC6200; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; } /******customer-review section end here******/ .common-content .develop-design-section{background-color: #F7F7F7; margin:102px 0 0 0;} .common-content .develop-design-section .developer-design-detail .develop-design-img{padding:35px 0;} .common-content .develop-design-section .developer-design-detail .develop-design-img .user-img{width: 100%;} .common-content .develop-design-section .develop-detail{padding: 59px 0 59px 86px;} .common-content .develop-design-section .develop-detail .block-title{font-size: 34px; line-height: 44px; color: #000000; font-family: 'SofiaPro',Arial,sans-serif; text-align: left; padding: 0 0 20px 0;} .common-content .develop-design-section .develop-detail .block-desc{font-size: 18px; line-height: 28px; color: #000000; padding: 0 0 30px 0; font-family: 'SofiaPro-Light',Arial,sans-serif;} .common-content .develop-design-section .develop-detail .home-comm-btn{display: inline-block; padding: 16px 58px 16px 17px;} .common-content .develop-design-section .develop-detail .home-comm-btn .arrow{ top: 10px;} .common-content .discovery-call{padding: 124px 0 0 0;} .common-content .discovery-call .discovery-call-block{padding: 62px 60px;} .common-content .discovery-call .discovery-call-block .discovery-call-info{font-size: 40px; line-height: 48px; font-family: 'SofiaPro-bold',Arial,sans-serif;} .common-content .discovery-call .discovery-call-block .block-info{text-align: center; font-size:24px; line-height: 28px; padding: 24px 0 0 0; line-height:28px ; color: #FFFFFF; font-family: 'SofiaPro-Light',Arial,sans-serif;} .common-content .discovery-call .discovery-call-block .discovery-call-action .home-comm-btn{padding: 16px 24px; display: inline-block;} /******** PPC contact form end here ********/ /********thank-you section section Start here********/ .thank-you-page .thank-you-container .thank-you-info{ background-image: url(assets/images/thank-you-banner-img.png); width: 100%; background-repeat: no-repeat; background-size: 100% 100%; padding: 120px 0px 80px 0px;} .thank-you-page .thank-you-container .thank-you-info .thank-you-block{padding: 0px 0px 0px 80px;} .thank-you-page .thank-you-container .thank-you-info .success-icon img{width: 64px; height: 64px;} .thank-you-page .thank-you-container .thank-you-info .block-title{font-family: 'SofiaPro-Black',arial,sans-serif; font-size: 52px; line-height: 52px; color: #FFFFFF; text-align: left; padding: 15px 0px;} .thank-you-page .thank-you-container .thank-you-info .block-desc{font-size: 18px; line-height: 23px; color: #F7F7F7; font-family: 'SofiaPro-Light',arial,sans-serif; width: 100%; max-width: 50%;} .thank-you-page .thank-you-description{padding: 80px 0px 0px} .thank-you-page .thank-you-description.banner-conatiner .tiles-block .list-block{margin-bottom: 20px;} .thank-you-page .thank-you-description.banner-conatiner .tiles-block{position: initial;} .thank-you-page .thank-you-description.banner-conatiner .tiles-block .col-md-3 {padding: 0 0 20px 15px;} .thank-you-page .thank-you-description.banner-conatiner .tiles-block .list-block .info .details{min-height: 72px;max-height: 72px;} .thank-you-page .title-block{padding:72px 0px 72px 61px;} .thank-you-page .title-detail .title{font-size: 24px; line-height: 30px; color: #DC6200; } .thank-you-page .title-detail .block-desc{font-size: 16px; line-height: 24px; color: #404040; padding: 14px 0px 40px 0px; font-family: 'SofiaPro-Light',arial,sans-serif;} .thank-you-page .thank-you-btn .comm-btn .view-btn{font-family: 'SofiaPro-SemiBold',arial,sans-serif; background-color: #DC6200; font-size: 16px; color: #ffffff; padding: 11px 46px; border: 1px solid #DC6200; border-radius: 53px; display: inline-block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-property: color, transform; transition-property: color, transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; overflow: hidden;} .thank-you-page .thank-you-btn .comm-btn .view-btn:before{content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #ffffff; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .thank-you-page .thank-you-btn .comm-btn .view-btn:hover{color: #DC6200; border: 1px solid transparent; } .thank-you-page .thank-you-btn .comm-btn .view-btn:hover:before{-webkit-transform: scaleX(1); transform: scaleX(1);} .thank-you-page .blog-section{position: relative; padding: 100px 0px 120px 0px; background-color: #F7F7F7;} .thank-you-page .blog-section:after{content: ""; display: block; background-image: url(assets/images/discover_bg.webp); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; width: 100%; height: 150px; bottom: -75px;} .thank-you-page .blog-section .block-title{font-size: 44px; line-height: 54px; color: #212121; font-family: 'SofiaPro-Light',arial,sans-serif; padding: 0px 0px 50px 0px;} .thank-you-page .blog-section .thank-you-btn{text-align: center;} .thank-you-page .blog-section.other-blogs-list .listing-block .listing-block-content .listing-article-info .listing-article-block .listing-article-details{padding-top: 9px; min-height: 44px;} .thank-you-page .blog-section.other-blogs-list .listing-detail{padding: 0px;} .thank-you-page .subscribe-block{padding: 0 0 120px; background-color: #fff; position: relative;} .thank-you-page .subscribe-block .subscribe-info{background: url(assets/images/rd_info.jpg); background-repeat: no-repeat; border-radius: 4px; background-size: 100% 100%; padding: 60px 100px; position: relative;} .thank-you-page .subscribe-block .subscribe-info .block-title{font-size: 34px; line-height: 38px; color: #ffffff; font-family: 'SofiaPro-Light',arial,sans-serif;} .thank-you-page .subscribe-block .subscribe-info .form-block{padding: 32px 0px 0px 0px; text-align: center;} .thank-you-page .subscribe-block .subscribe-info .form-block .subscribe_msg{padding:7px 0 0 0; color:#ffffff; font-size:15px; line-height:21px; font-family: 'SofiaPro',Arial,sans-serif;} .thank-you-page .subscribe-block .subscribe-info .form-block .thank-you-form .form-main{max-width: 530px; width: 100%; margin: 0 auto; position: relative;} .thank-you-page .subscribe-block .subscribe-info .form-block .thank-you-form .thanks-email{background-color: #ffffff; font-size: 16px; line-height: 24px; color: rgba(64, 64, 64, 0.69); border: none; padding: 14px 202px 14px 24px; max-width: 535px; width: 100%; border-radius: 26px;} .thank-you-page .subscribe-block .subscribe-info .form-block .thank-you-form .thanks-email:focus{outline: none;} .thank-you-page .subscribe-block .subscribe-info .form-block .thank-you-form .sub-btn{right: 3px; top: 4px; position: absolute; padding: 10px 42px; background-color: #DC6200; color: #ffffff; border-radius: 26px; font-size: 16px; line-height: 24px; font-family: 'SofiaPro-Bold',arial,sans-serif; border:none;} .thank-you-page .subscribe-block .subscribe-info .form-block .thank-you-form .form-main span.error{color: #ffffff; font-size: 13px;} /********thank-you section section end here********/ .contact-page .banner-conatiner .tiles-block .contact-form .recaptcha-error {font-size: 13px; color: #DC6200; display: block;} .contact-page .banner-conatiner .banner-info .block-title .full-block{width:100%;display:block;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .input-group .input-block, .contact-page .banner-conatiner .tiles-block .contact-form .form-details .input-block-area, .contact-page .banner-conatiner .tiles-block .contact-form .form-details .policy-note{width:100%;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .input-group .file-upload .form-control{display:block;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .get-started{position:initial;text-align:center;margin-top:40px;} .contact-page .banner-conatiner .banner-info {padding:110px 0 150px;} .contact-page .banner-conatiner .select-dropdown-menu{background: transparent;border: none;padding:0 0 14px;color:#9E9E9E;font-size: 14px;font-family: 'SofiaPro-Light', Arial;width:100%;text-align:left;} .contact-page .banner-conatiner .select-dropdown-menu{width:100%;border-bottom:1px solid #DBDBDB;} .contact-page .banner-conatiner .select-dropdown-menu option{color:#212121;font-size:14px;line-height:24px;padding:7px 0;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .get-started .btn-submit .icon{float:left;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .get-started .btn-submit span{padding:0;} .contact-page .banner-conatiner .tiles-block .contact-form .form-details .get-started .btn-submit{padding:10px 30px;width:60%;} .contact-page .banner-conatiner #helpdesc{display:none;position:relative;} .contact-page .banner-conatiner .help-close-icon{position:absolute;right:20px;cursor:pointer;} .contact-page .banner-conatiner .tiles-block::before{top:-45px;} .contact-page .banner-conatiner .banner-info{padding:110px 0 80px;} .contact-page .banner-conatiner .select-dropdown-menu option:checked {color: #DC6200;background: #F7F7F7;} /********* Blog Filters **********/ .filter_section { background: #ffffff;} .filter_section.fixed{position: fixed; width: 100%; top: 123px; z-index: 105; background-color:#fff; box-shadow: 0 1px 5px rgb(0 0 0 / 10%); transition: top 1s linear;} .filter_section.fixed .category-opt-val{padding: 0 0 25px 0;} .filter_section .filter-box{padding: 30px 0px 20px 4px;} .filter_section .filter-box .section_title{float: left; font-size: 18px;} .filter_section .filter-box .filter-btn{float: right; padding: 5px 10px; border: 1px solid #DC6200; background-color: #fff; display: none;} .category-opt-val li {cursor: pointer; padding: 5px 10px; display: inline-block;font-size: 14px; font-family: SofiaPro-Medium, Arial; margin: 0 4px 10px;line-height: 19px; border: 1px solid #DC6200; border-radius: 5px;} .category-opt-val li:hover{background: #DC6200; color: #fff;} .category-opt-val li.active {background: #DC6200; color: #fff;} /*.category-opt-val li.active:not {background: #ffffff; color: #000000;}*/ .filter_section .filter-box .filter-btn.selected .fa-plus:before{content: "\f068";} /********* End Blog Filters **********/ /******404 error page******/ .error-page{padding: 80px 0 90px; text-align: center; background-color: #fff;} .error-page .page-title{font-size: 150px; line-height: 160px; font-family: SofiaPro-bold, Arial,sans-serif; padding: 10px 0;} .error-page .entry-title{font-size: 60px; line-height: 63px; font-family: SofiaPro-Medium, Arial,sans-serif;} .error-page .intro-text{font-size: 24px; line-height: 34px; padding: 15px 0 50px; font-family: 'SofiaPro', Arial,sans-serif;} .error-page .link-block{font-size: 16px; line-height: 24px; display: inline-block; background-color: #DC6200; color: #fff; border-radius: 20px; border: 0 none; font-family: 'SofiaPro-SemiBold'; padding: 12px 28px;} /******404 error page******/ /******customer-review section start here******/ .customer-review{padding: 100px 0 0;} .customer-review .customer-data{position: relative;} .customer-review .customer-data .block-title{font-size: 34px; line-height: 48px; color: #000000; display: inline-block; font-family: 'SofiaPro-Light';} .customer-review .customer-data .pagingInfo{font-family: 'SofiaPro-Light'; display: inline-block; vertical-align: middle; position: absolute; right: 187px; top: 5px; font-size: 18px; line-height: 48px;} /* .customer-review .customer-data .customer-img{top:54px; left: 40px; z-index: 1; background-color: #DC6200; display: inline-block; padding: 15px; border-radius: 50%; position: absolute;} */ /* .customer-review .customer-data .customer-img .quote{height: 24px; width: 30px;} */ /* .customer-review .testimonial-slider {border-radius: 4px; box-shadow: 0px 4px 10px rgba(0,0,0,0.16);} */ /* .customer-review .testimonial-slider .slick-list{padding: 0 0 0 8px;} */ /* .slick-list{padding: 0 0 0 8px;} */ .customer-review .testimonial-slider .slider{height: 335px;} .customer-review .testimonial-slider .slider-block::after{content: ""; position: absolute; top: -27px; background-image: url(assets/images/quote.svg); width: 60px; height: 60px; background-color: #DC6200; background-repeat: no-repeat; border-radius: 50%; background-position: center;} .customer-review .testimonial-slider .slider-block {position: relative; padding: 54px 100px 24px 40px; margin: 32px 30px 0 9px; min-height: 285px; box-shadow: 0px 4px 10px rgb(0 0 0 / 16%); border-radius: 4px;} .customer-review .testimonial-slider .slider-block .customer-feedback{font-family: 'SofiaPro'; font-size: 16px; line-height: 24px; padding-bottom: 13px;} .customer-review .testimonial-slider .slider-block .customer-name{font-family: 'SofiaPro-Light'; font-size: 16px; line-height: 24px; padding-bottom: 6px; color: #DC6200;} .customer-review .testimonial-slider .slider-block .info{font-family: 'SofiaPro-Light'; font-size: 14px; line-height: 24px; color: #9E9E9E;} .customer-review .slick-prev.slick-arrow{position: absolute; top: -39px; right: 100px;} .customer-review .slick-prev .fa-chevron-left{cursor: pointer; font-size: 16px; color: #DC6200; border: 1px solid #DC6200; padding: 12px 14px 12px 16px; border-radius: 50%;} .customer-review .slick-next.slick-arrow{position: absolute;top: -39px; right: 20px;} .customer-review .slick-next .fa-chevron-right{cursor: pointer; font-size: 16px; color: #DC6200; border: 1px solid #DC6200; padding: 12px 14px 12px 16px; border-radius: 50%;} .customer-review .slick-dots li button{display: none;} /******customer-review section end here******/ /****** New Contact Page -v2022 start here ******/ .contact-page {background: #ffffff; padding: 50px 0 124px;} .contact-banner{background-image: url(assets/images/contact-us-img.webp); background-position: center; width: 100%; height: auto; max-height: 750px; padding: 80px 198px 50px 198px; background-position: top; background-repeat: no-repeat; background-size: cover;} .contact-banner .contact-detail .title{font-size: 44px; line-height: 52px; color: #FFFFFF; font-family: 'SofiaPro-Light',arial,sans-serif; padding: 0 0 17px 0;} .contact-banner .contact-detail{padding: 90px 0;} .contact-banner .contact-detail .block-desc{font-size: 16px;line-height: 24px;max-width: 78%;padding: 0 0 47px 0;font-family: 'SofiaPro-Light',arial,sans-serif;color: #fff;} .contact-banner .contact-detail .contact-no{padding: 0 0 30px 0;} .contact-banner .contact-detail .detail-block .icon {margin: 0 12px 0 0; vertical-align: top; display: inline-block;} .contact-banner .contact-detail .detail-block .icon svg {width: 24px; height: 24px; vertical-align: middle;} .contact-banner .contact-detail .detail-block a {font-size: 16px; line-height: 24px; color: #fff; font-family: 'SofiaPro', Arial,sans-serif;} .contact-banner .contact-detail .detail-block a:hover {text-decoration: underline;} .contact-banner .contact-icon{padding: 40px 0 0 0;} .contact-banner .contact-icon a{text-align: center; padding: 4px; width: 30px; height: 30px; border: 1px solid #fff; border-radius: 50%; display: block; float: left; margin: 0 14px 0 0;} .contact-banner .contact-icon a:hover{background-color: #fff;} .contact-banner .contact-icon a:hover svg path{fill: #DC6200;} .contact-page .contact-form {background: #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.16); padding: 29px 40px;} .contact-page .contact-form span.error{font-size: 12px; line-height: 12px; color: #DC6200; display: none; font-family: 'SofiaPro-Light',arial,sans-serif;} .contact-page .contact-form .title{padding: 0 0 32px 0; color: #424242; font-size: 32px; line-height: 38px; font-family: 'SofiaPro-Light',arial,sans-serif;} .contact-page .contact-form .form-details .input-group {width: 100%;} .contact-page .contact-form .input-block {display: block; padding: 0 0 23px 0; font-family: 'SofiaPro-Light',arial,sans-serif;} .contact-page .contact-form .input-block:last-child{padding: 0;} .contact-page .contact-form .input-block input.form-control {border: 0px none; box-shadow: none; border-bottom: 1px solid #DBDBDB; width: 100%; padding: 0px 0 14px 0; color: #212121; border-radius: 0;} .contact-page .contact-form .input-block-area .select-dropdown-menu{background: transparent; color: #000; font-family: 'SofiaPro-Light',arial,sans-serif; width:100%;text-align:left; cursor: pointer;} .contact-page .contact-form .input-block-area .select-dropdown-menu:focus-visible{outline: none;} .contact-page .contact-form .input-block-area .select-dropdown-menu:required:invalid{color: #9e9e9e;} .contact-page .contact-form .input-block-area .select-dropdown-menu option{color: #000;} .contact-page .contact-form .input-block-area {display: block; padding: 0px 0 14px 0; border: 0 none; margin: 0 0 23px 0; box-shadow: none; border-bottom: 1px solid #DBDBDB; width: 100%; cursor: pointer;} .contact-page .contact-form .input-block-area select{border: none;} .contact-page .contact-form .input-block textarea {border: 0px none; box-shadow: none; height: 42px; border-bottom: 1px solid #DBDBDB; width: 100%; padding: 0; resize:none;} .contact-page .contact-form button.btn-text {background: #DC6200; width: 100%; color: #fff; border-radius: 20px; padding: 10px 0 12px 0; font-family: 'SofiaPro-SemiBold', Arial, sans-serif; font-size: 16px; border:0px none; margin: 32px 0 20px 0;} .contact-page .contact-form .copy{text-align: center; font-size: 11px; line-height: 16px; color: #9E9E9E; font-family: 'SofiaPro-Light',arial,sans-serif;} .contact-page .contact-form .copy a{color:#DC6200; text-decoration: underline;} .contact-page .what-next {padding: 124px 0; position: relative;} .contact-page .what-next .section-info {padding: 74px 0;} .contact-page .what-next .section-info .block-title {text-align: left; line-height: 58px;} .contact-page .what-next .section-info .desc {text-align: left; padding: 20px 0; max-width: 90%;} .contact-page .what-next .next-steps-image img {width: 115%;} .contact-page .office-locations {position: relative; background: #F7F7F7; padding: 124px 0;} .contact-page .office-locations .info-block {padding: 60px 0;} .contact-page .office-locations .info-block .block-title {color: #000000; text-align: left; padding: 0 0 24px; border-bottom: 1px solid #E0E0E0;} .contact-page .office-locations .info-block .block-desc {font-family: 'SofiaPro-Extra', Arial, sans-serif; font-size: 16px; line-height: 24px; color: #424242; max-width: 84%; padding: 23px 0 0;} .contact-page .office-locations .location-block .top-block {position: relative;} .contact-page .office-locations .location-block .top-block .location-image {background-repeat: no-repeat; background-size: cover; background-position: center; height: 200px; border-top-left-radius: 4px; border-top-right-radius: 4px;} .contact-page .office-locations .location-block .top-block .current-time {background-color: rgba(255,255,255,0.24); border-radius: 2px; padding: 4px 12px 0px 8px; position: absolute; left: 24px; bottom: 24px;} .contact-page .office-locations .location-block .top-block .current-time .icon {margin: 0 8px 0 0; vertical-align: middle; display: inline-block;} .contact-page .office-locations .location-block .top-block .current-time .icon img {width: 16px; height: 16px;} .contact-page .office-locations .location-block .top-block .current-time .time {font-size: 16px; color: #FFFFFF; min-width: 68px; max-width: 70px; vertical-align: top;} .contact-page .office-locations .location-block .detail-block {position: relative;} .contact-page .office-locations .location-block .detail-block {background: #FFFFFF; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 0 4px 10px rgba(0,0,0,0.08); padding: 24px 32px 32px;} .contact-page .office-locations .location-block .detail-block .country-icon img {width: 40px; height: 40px;} .contact-page .office-locations .location-block .detail-block .country-name {padding: 12px 0;} .contact-page .office-locations .location-block .detail-block .country-name .name {font-family: 'SofiaPro-Medium', Arial, sans-serif; font-size: 24px; line-height: 30px; color: #212121; margin: 0 11px 0 0;} .contact-page .office-locations .location-block .detail-block .country-name .tag {background-color: #FDF6F0; padding: 4px 8px; font-family: 'SofiaPro-Medium', Arial, sans-serif; font-size: 12px; line-height: 16px; color: #DC6200; text-transform: uppercase;} .contact-page .office-locations .location-block .detail-block .address {font-size: 14px; line-height: 20px; color: #424242; min-height: 63px;} .contact-page .office-locations .location-block .detail-block .map-direction {display: none; position: absolute; top: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); right: 0;} .contact-page .office-locations .location-block:hover .detail-block .map-direction {display: block;} .contact-page .office-locations .location-block .detail-block .map-direction svg {width: 24px; height: 24px;} .contact-page .office-locations .location-block .detail-block .contact-number {padding: 13px 0 0;} .contact-page .office-locations .location-block .detail-block .contact-number .icon {margin: 0 14px 0 0; vertical-align: top;} .contact-page .office-locations .location-block .detail-block .contact-number .icon svg {width: 24px; height: 24px; vertical-align: middle;} .contact-page .office-locations .location-block .detail-block .contact-number .number {font-size: 16px; color: #212121;} .brands-clients .brand-section .title-block {font-family: 'SofiaPro-Light', Arial, sans-serif; font-size: 44px; line-height: 54px; color: #000000; padding: 0 0 20px;} .brands-clients .brand-section .desc {max-width: 400px; margin: 0 auto;} .contact-page .our-awards {padding: 40px 0 0;} .contact-page .our-awards::after{background: none;} /****** New Contact Page -v2022 end here ******/ /******header new css -v2022 start here******/ .header .logo {padding: 15px 61px 15px 98px; z-index: 5; display: inline-block; } .header .logo a img {width:139px; height: 48px;} .header .serach-link{display: none;} .header .navbar .close-icon{display: none;} .header .navbar .close-icon svg{cursor: pointer;} .header .navbar .close-icon svg line{fill: #DC6200; stroke: #DC6200;} /* .header .navbar-collapse{float: left;} */ .header .top-nav .navbar-nav li {position: relative; padding: 0 24px 0 0;} .header .navbar .nav li.dropdown {position: static; z-index: 99; cursor: pointer;} .header .navbar .nav li.dropdown.open a {color: #DC5F00; background-image: url(assets/images/down-arrow-icon-hover.svg);} .header .top-nav .navbar-nav li a:hover{color: #DC6200; background-image: url(assets/images/down-arrow-icon-hover.svg);} .header .navbar .nav li.dropdown.open a:after{content: ""; background-color: #dc6200; width: 100%; position: absolute; bottom: -5px; left: 0; right: 0; z-index: 2; display: block; height: 3px;} .header .top-nav .navbar-nav li a {color: #757575; font-size:14px; line-height: 19px; padding: 30px 20px 30px 0; display: block; position: relative; text-transform: uppercase; background-image: url(assets/images/down-arrow-icon.svg); background-repeat: no-repeat; background-position-x: right; background-position-y: center;} .header .top-nav .navbar-nav li a.less-dropdown{background-image:none;} .pre-header{background:#F7F7F7; padding: 10px 98px;} .pre-header .top-header{float: left;} .pre-header .top-header .title{display: inline-block; font-size: 12px; line-height: 16px; color: #757575; font-family: 'SofiaPro', Arial,sans-serif;} .pre-header .top-header .header-logo{display: inline-block; vertical-align: middle;} .pre-header .top-header .header-logo a{display: flex;} .pre-header .top-header .header-logo.agenzee-logo{padding: 0px 21px; margin: 0 21px 0 0; /*border-right: 2px solid #dedede;*/} .pre-header .top-header .header-logo.agenzee-logo img{max-width: 92px; width: 100%;} .pre-header .top-header .header-logo.adjustify-logo img{max-width: 104px; width:100%;} .pre-header .social-info{float:right; padding: 9px 0px 7px 0;} .pre-header .social-info ul li a{color: #212121;} .pre-header .social-info ul li.contact-social-header img{vertical-align: bottom; margin: 0 12px 0 0; width: 18px; height: 18px;} .header .right-nav{float: right; padding: 17px 98px 17px 0;} .header .right-nav .search-img{display: inline-block; vertical-align: middle; margin: 0 30px 0 0; display: none;} .header .right-nav .header-btn{display: inline-block;} .header .right-nav .header-btn .home-comm-btn{border: 2px solid #DC6200; padding: 10px 40px; display: inline-block;} .header .right-nav .header-btn .home-comm-btn .arrow{display: none;} .header .right-nav .header-btn:hover .home-comm-btn .arrow{display: block; right: 6px; top: 3px;} .header .right-nav .header-btn:hover .home-comm-btn .arrow i{animation: none;} .header .right-nav .header-btn .home-comm-btn:hover{ padding: 10px 56px 10px 22px;} .header .navbar .nav li.dropdown .dropdown-menu .development-list .development-link{color: transparent; background: none; padding: 0 0 9px 0; text-transform: initial;} .header .navbar .nav li.dropdown .dropdown-menu .development-list .development-link::after{display: none;} .header .navbar .nav .dropdown .dropdown-menu {box-shadow: 0 3px 6px rgba(0 ,0, 0, 16%); z-index: 1; top: 100%; left: 0; right: 0; padding: 40px 98px 55px 98px; border: 0; border-top: 2px solid #E0E0E0; text-align: center;} /*.dropdown-menu .development-list{padding: 0 0 15px 0;}*/ /*.dropdown-menu .development-list:last-child{padding: 0;}*/ .dropdown-menu .development-list .development-block .development-img{float: left; padding: 0 0 0 0;} .dropdown-menu .development-list .development-block .development-img img{width: 28px; height: 28px;} .dropdown-menu .development-list .development-block .development-detail-box{float: left; margin: 0 0 0 12px; width: calc(100% - 40px);} .dropdown-menu .development-list .development-block .development-detail-box .development-title{padding: 0 0 4px 0; text-align: left; font-size: 16px; line-height: 24px; color: #424242; font-family: 'SofiaPro-SemiBold',arial,sans-serif;} .dropdown-menu .development-list .development-block .development-detail-box .development-detail{text-align: left; max-width: 75%; font-size: 14px; line-height: 20px; color: #757575; font-family: 'SofiaPro', Arial,sans-serif;} .dropdown-menu .development-list .development-block:hover .development-title{color: #BE2600;} .dropdown-menu .development-list .development-block:hover .development-detail{color: #424242;} .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{background-color: transparent;} /******header new css -v2022 end here******/ /*******new category page upadtes 26-08-2022*******/ .category-page{padding: 55px 0 0 0;} .category-page .banner-section .img-info{background-image: url(./assets/images/category-banner-img.png); padding: 0 90px 0 90px; height: 400px; background-position: center top; background-repeat: no-repeat; background-size: cover;} .category-page .banner-section .img-info .blog-path {padding: 32px 0 50px;} .category-page .banner-section .img-info .blog-path ul li {float: left; padding: 0 10px 0 0; text-transform: uppercase;} .category-page .banner-section .img-info .blog-path ul li i{color: #ffffff;} .category-page .banner-section .img-info .blog-path ul li a {font-family: 'SofiaPro-Ultra', arial,sans-serif; font-size: 12px; line-height: 18px; font-weight: 500; color: #FFFFFF;} .category-page .banner-section .img-info .blog-path ul li.active a {font-family: 'SofiaPro-Medium', arial,sans-serif; color:#FFFFFF;} .category-page .banner-section .img-info .title{font-size: 44px; line-height: 58px; font-family: 'SofiaPro',arial,sans-serif; font-weight: 400; color: #FFFFFF; padding: 50px 0 0 0;} .category-page .case-study{padding: 124px 0; background-color: #ffffff;} .category-page .case-study .case-study-detail{padding: 0 0 52px 0;} .category-page .case-study .case-study-detail .block-title{font-size: 44px; line-height: 52px; padding: 0 0 24px 0; color: #000000; font-family: 'SofiaPro-Light',arial,sans-serif; font-weight: 300;} .category-page .case-study .case-study-detail .block-desc{font-size: 16px; max-width: 81%; margin: 0 auto; text-align: center; line-height: 24px; color: #000000; font-family: 'SofiaPro-Light',arial,sans-serif; font-weight: 300;} .category-page .case-study .tiles-block .tiles-list {width: 100%; max-width: 885px; margin: 0 auto;} .category-page .case-study .tiles-block .list-block{background: #ffffff; border-radius: 5px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); overflow:hidden; transition-duration: 0.3s; } .category-page .case-study .tiles-block .list-block .list-img-block{width: 100%; height: 135px; background-size: cover; background-repeat: no-repeat; background-position: top center; position:relative;} /* .category-page .case-study .tiles-block .list-block .list-img-block.first::after{content:"";display:block;background: #ffffff; position:absolute; border-top-left-radius: 99% 97%;width: 100%;height: 7%;top: auto;bottom: -2px;} */ /* .category-page .case-study .tiles-block .list-block .list-img-block.second::after{content:"";display:block;background: #ffffff; position:absolute; border-top-right-radius: 99% 97%;width: 100%;height: 7%;top: auto;bottom: -2px;} */ /* .category-page .case-study .tiles-block .list-block .list-img-block.third::after{content: ""; display: block; background: #fff; position: absolute; border-top-right-radius: 142% 147%; width: 100%; height: 7%; top: auto; bottom: -4px;} */ /* .category-page .case-study .tiles-block .list-block .list-img-block {width: 100%; height: 135px; background-size: cover; background-repeat: no-repeat; background-position: top center;} */ .category-page .case-study .tiles-block .list-block .info {padding:20px;} .category-page .case-study .tiles-block .list-block .info .tag-line {text-align: left; padding: 0 0 10px;} .category-page .case-study .tiles-block .list-block .info .tag-line span {background:#F5F5F5; border-radius:4px; color: #212121; font-size:12px; padding:3px 8px;} .category-page .case-study .tiles-block .list-block .info .details{min-height: 72px; max-height: 72px;} .category-page .case-study .tiles-block .list-block .info .details {font-size:18px; color:#DC6200; font-family: 'SofiaPro-Medium'; font-weight:500; line-height:24px; text-align: left; } .category-page .case-study .tiles-block .list-block .info .details a {color:#DC6200;} .category-page .case-study .tiles-block .list-block .link-block {margin:20px 0 0; text-align: left; display: block;} .category-page .case-study .tiles-block .col-md-3 {padding-right:0;} /* .category-page .case-study .tiles-block .list-block .link-block .arrow {width: 0; height: 16px; position:relative; display: inline-block; border-radius: 50%; background: transparent; top: 5px; left: 8px;text-align: center; margin: 0 auto;} */ /* .category-page .case-study .tiles-block .list-block .link-block .arrow .fa-chevron-right {position:absolute; top:50%; left: 56%; padding: 0; transform: translate(-50%,-50%); font-size: 11px; color: #DC6200;} */ .category-page .case-study .tiles-block .list-block:hover {transform: scale(1.05);} .category-page .case-study .tiles-block .list-block:hover .details {color:#BE2600;} .category-page .case-study .tiles-block .list-block:hover .link-block {color: #DC6200;} .category-page .category-block{background-color: #ffffff; position: relative;} .category-page .category-block .tab-container.fixed{position: fixed; top: 150px; transition: top 0.5s linear; width: 262px;} .category-page .category-block .tab-container ul{height: calc(100vh - 200px); overflow: auto; width: 100%;} /* .category-page .category-block .tab-container ul::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F7F7F7;} */ .category-page .category-block .tab-container ul::-webkit-scrollbar{width: 3px;background-color: #F7F7F7; border-radius: 2px;} .category-page .category-block .tab-container ul::-webkit-scrollbar-thumb{background-color: #DC6200;} /* .category-page .category-block .tab-container ul::-webkit-scrollbar-button{width: 2px;} */ .category-page .category-block .tab-container ul .heading{font-size: 12px; line-height: 24px; color: #9E9E9E; font-family: 'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600; padding: 0 0 15px 0;} .category-page .category-block .tab-container ul li{} .category-page .category-block .tab-container ul li a{padding: 10px 0 10px 0px; display: block; font-size: 14px; line-height: 22px; color: #424242; font-family: 'SofiaPro',Arial,sans-serif; font-weight: 400; border-left: 3px solid transparent;} .category-page .category-block .tab-container ul li a:hover{color: #212121; background-color: #F7F7F7; border-radius: 2px; padding: 13px 20px; transition: 0.5s ease-in-out; font-family: 'SofiaPro-Medium',Arial,sans-serif; font-weight: 500;} .category-page .category-block .tab-container ul li a.active{color: #212121; background-color: #F7F7F7; border-radius: 2px; border-left: 3px solid #DC6200; padding: 13px 20px; transition: 0.5s ease-in-out; font-family: 'SofiaPro-Medium',Arial,sans-serif; font-weight: 500;} .category-page .category-block .tab-container ul span a{color: #DC6200; padding: 16px 0 0 0; display: block;} .category-page .category-block .category-list .desc{font-size: 20px; line-height: 32px; color: #424242; text-align: left; padding: 0 0 40px 0; font-family: 'SofiaPro',Arial,sans-serif; font-weight: 400;} .category-page .category-block .category-list .bold-text{font-size: 32px; line-height: 48px; color: #212121; font-family: 'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600; font-style: italic; padding: 0 0 80px 0;} .category-page .category-block .category-list .category-data{padding: 0 0 16px 0;} .category-page .category-block .category-list .category-data .block-title{font-size: 40px; line-height: 52px; text-align: left; padding: 0 0 48px 0; font-family: 'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600;} .category-page .category-block .category-list .category-data .desc{font-size: 18px; line-height: 32px; color: #424242; text-align: left; padding: 0 0 40px 0; font-family: 'SofiaPro',Arial,sans-serif; font-weight: 400;} .category-page .category-block .category-list .category-data .category-box{max-width: 230px; min-width: 230px; max-height: 77px; min-height: 77px; margin: 0 0 20px 0; text-align: center; display: flex; align-items: center; justify-content: center; background-color: #F7F7F7; border-radius: 8px; font-size: 18px; line-height: 24px; font-family: 'SofiaPro',Arial,sans-serif; font-weight: 400;} .category-page .category-block .category-list .category-data .category-box.custom{max-width: 168px; min-width: 168px;} .category-page .category-block .category-list .category-info .title{padding: 0 0 20px 0; font-size: 40px; line-height: 52px; color: #212121; font-family: 'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600;} .category-page .category-block .category-list .category-info .desc{padding: 0 0 40px 0; font-size: 18px; line-height: 31px; color: #424242; font-family: 'SofiaPro',Arial,sans-serif; font-weight: 400;} .category-page .category-block .category-list .category-img img{height: 385px; border-radius: 8px; padding: 0 0 32px 0; width: 100%;} .category-page .category-block .category-list .category-data .logo .img-block{display: inline-block; padding: 0 10px 30px 0;} .category-page .category-block .category-list .category-data .logo .img-block img{margin: 0 auto; width: 153px;} .category-page .category-block .category-list .category-description .desc{padding: 0 0 32px 0;} .category-page .category-block .category-list .category-description .info{text-align: left; font-size: 20px; line-height: 32px; font-family: 'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600; color: #212121; padding: 0 0 24px 0;} .category-page .category-block .category-list .category-description .info:last-child{padding: 0 0 40px 0;} .category-page .contact-block{padding: 124px 0; background-color: #ffffff;} .category-page .contact-block .contact-container{background-color: #DC6200; border-radius: 4px; padding: 60px 100px;} .category-page .contact-block .contact-container .contact-detail{padding: 70px 0 0 0;} .category-page .contact-block .contact-container .contact-detail .block-title{font-size: 34px; line-height: 48px; text-align: left; color: #FFFFFF; font-family: 'SofiaPro-Light',arial,sans-serif; font-weight: 300; padding: 0 0 24px 0;} .category-page .contact-block .contact-container .contact-detail .block-desc{font-size: 18px; line-height: 32px; max-width: 77%; font-family: 'SofiaPro',Arial,sans-serif; font-weight: 400; color: #ffffff;} .category-page .contact-form {background: #fff; padding: 29px 40px;} .category-page .contact-form span.error{font-size: 12px; line-height: 12px; color: #DC6200; display: none; font-family: 'SofiaPro-Light',arial,sans-serif;} .category-page .contact-form .title{padding: 0 0 32px 0; color: #424242; font-size: 32px; line-height: 38px; font-family: 'SofiaPro-Light',arial,sans-serif;} .category-page .contact-form .form-details .input-group {width: 100%;} .category-page .contact-form .input-block {display: block; padding: 0 0 23px 0; font-family: 'SofiaPro-Light',arial,sans-serif;} .category-page .contact-form .input-block input.form-control {border: 0px none; box-shadow: none; border-bottom: 1px solid #DBDBDB; width: 100%; padding: 0px 0 14px 0; color: #212121; border-radius: 0;} .category-page .contact-form button.btn-text {background: #DC6200; width: 100%; color: #fff; border-radius: 53px; padding: 14px 0 14px 0; font-family: 'SofiaPro-SemiBold', Arial, sans-serif; font-size: 16px; border:0px none; margin: 17px 0 0 0;} .category-page .blog-detail{padding: 0 0 52px 0;} .category-page .blog-detail .block-title{font-size: 44px; line-height: 56px; color: #000000; font-family: 'SofiaPro-Light',arial,sans-serif; font-weight: 300; padding: 0 0 24px 0;} .category-page .blog-detail .block-desc{font-size: 16px; line-height: 24px; color: #000000; margin: 0 auto; text-align: center; max-width: 84%; font-family: 'SofiaPro-Light',arial,sans-serif; font-weight: 400;} .category-page .blog-section{padding: 0 0 124px 0; background-color: #ffffff;} .category-page .blog-section .blog-container .listing-block .listing-article-info .listing-article-block .tag-line span {background: #F5F5F5; border-radius: 4px; color: #212121; font-size: 12px; padding: 3px 8px;} .category-page .blog-section .blog-container .listing-block{padding: 0;} .category-page .blog-section .blog-container .listing-block .listing-block-content .listing-img-block .listing-img-part{background-position: center left;} /*******new category page upadtes 26-08-2022*******/ /*******career-page update 07-09-2022*******/ .career-page{padding: 55px 0 0 0; background-color: #ffffff;} .career-page .career-banner-page .banner-img .blog-path {padding: 31px 0 50px;} .career-page .career-banner-page .banner-img .blog-path ul li {float: left; padding: 0 10px 0 0; text-transform: uppercase;} .career-page .career-banner-page .banner-img .blog-path ul li i{color: #ffffff;} .career-page .career-banner-page .banner-img .blog-path ul li a {font-family: 'SofiaPro-Ultra',arial,sans-serif; font-size: 12px; line-height: 18px; font-weight: 500; color: #FFFFFF;} .career-page .career-banner-page .banner-img .blog-path ul li.active a {font-family: 'SofiaPro-Medium', arial,sans-serif; color:#FFFFFF;} .career-page .career-banner-page .banner-img{padding: 0 90px 0 90px; border: 1px solid #707070; background-image: url(./assets/images/carrer-banner-img.webp); height: 400px; background-size: cover; background-position: center top; background-repeat: no-repeat;} .career-page .career-banner-page .banner-img .career-banner-detail .title{padding: 33px 0 0 0; font-size: 44px; line-height: 60px; color: #FFFFFF; font-family: 'SofiaPro',Arial,sans-serif; font-weight: 400;} .career-page .career-banner-page .banner-img .career-banner-detail .block-desc{padding: 16px 0 0 0; font-size: 16px; line-height: 24px; color: #FFFFFF; font-family: 'SofiaPro-Light',Arial,sans-serif; font-weight: 300; max-width: 35%;} .career-page .hiring-section{padding: 120px 0;} .career-page .hiring-section .hiring-detail{padding: 0 0 52px 0; text-align: center;} .career-page .hiring-section .hiring-detail .title{padding: 0 0 24px 0; font-size: 44px; line-height: 58px; color: #212121; font-family: 'SofiaPro-Light',Arial,sans-serif; font-weight: 300;} .career-page .hiring-section .hiring-detail .block-desc{font-size: 16px; line-height: 24px; color: #424242; font-family: 'SofiaPro-Extra',Arial,sans-serif; font-weight: 200; max-width: 85%; margin: 0 auto;} .career-page .hiring-section .hiring-box{padding: 0 0 40px 0;} .career-page .hiring-section .hiring-box:last-child{padding: 0;} .career-page .hiring-section .hiring-box .box-container{border: 1px solid #E0E0E0; border-radius: 8px; text-align: center; padding: 50px 20px; color: #ffffff; margin: 0 0 20px 0;} .career-page .hiring-section .hiring-box .box-container:hover{box-shadow: 0 0 16px #00000029;} .career-page .hiring-section .hiring-box .box-container .box-img{width: 86px; padding: 0 0 32px 0; margin: 0 auto;} .career-page .hiring-section .hiring-box .box-container .box-img img{width: 100%; height: auto;} .career-page .hiring-section .hiring-box .box-container .box-title{position: relative; min-height: 100px; max-height: 100px; font-size: 21px; line-height: 28px; padding: 0 0 10px 0; color: #212121; font-family:'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600;} .career-page .hiring-section .hiring-box .box-container .box-title:after{content: ""; border: 1px solid #E0E0E0; width: 54px; position: absolute; bottom: 0; right: 132px; left: auto;} .career-page .hiring-section .hiring-box .box-container .sub-title{color: #757575; font-size: 20px; line-height: 30px; padding: 10px 0 32px 0;} .career-page .hiring-section .hiring-box .box-container .box-btn .common-btn{display: inline-block; background-color: #DC6200; border-radius: 20px; color: #FFFFFF; padding: 11px 53px; font-family:'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600;} .career-page .hiring-section .hiring-box.div-center .row{display: flex; justify-content: center;} .career-page .discovery-call .discovery-call-block .block-title{font-size: 44px; line-height: 58px; padding: 0 0 24px 0; color: #FFFFFF; font-family: 'SofiaPro',Arial,sans-serif; font-weight: 400;} .career-page .discovery-call .discovery-call-block .discovery-call-info{font-size: 18px; line-height: 26px; font-family: 'SofiaPro',Arial,sans-serif; font-weight: 400;} .career-page .discovery-call .discovery-call-block .discovery-call-action .home-comm-btn{display: inline-block; border-radius: 38px; padding: 20px 87px; color: #DC6200;} .career-page .work-section{padding: 66px 0; background-color: #f7f7f7; margin: 0 0 120px 0;} .career-page .work-section .work-detail{padding: 0 0 52px 0; text-align: center;} .career-page .work-section .work-detail .title{padding: 0 0 24px 0; font-size: 44px; line-height: 58px; color: #212121; font-family: 'SofiaPro-Light',Arial,sans-serif; font-weight: 300;} .career-page .work-section .work-detail .block-desc{font-size: 16px; line-height: 24px; color: #424242; font-family: 'SofiaPro-Extra',Arial,sans-serif; font-weight: 200; max-width: 85%; margin: 0 auto;} .career-page .work-section .picture-container .work-section-img{padding: 55px 0;} .career-page .work-section .picture-container .work-section-img img{width: 100%; height: 369px;} .career-page .work-section .picture-container .work-section-img.custom{padding: 0 0 24px 0;} .career-page .work-section .picture-container .work-section-img.custom img{height: 245px;} .career-page .info-section{padding: 0 0 120px 0;} .career-page .info-section .info-detail{padding: 0 0 52px 0; text-align: center;} .career-page .info-section .info-detail .title{padding: 0 0 24px 0; font-size: 44px; line-height: 58px; color: #212121; font-family: 'SofiaPro-Light',Arial,sans-serif; font-weight: 300;} .career-page .info-section .info-detail .block-desc{font-size: 16px; line-height: 24px; color: #424242; font-family: 'SofiaPro-Extra',Arial,sans-serif; font-weight: 200; max-width: 85%; margin: 0 auto;} .career-page .info-section .info-container{padding: 0 0 30px 0;} .career-page .info-section .info-container:last-child{padding: 0;} .career-page .info-section .info-container .info-box{border-radius: 12px; box-shadow: 0 0 10px #00000029; display: flex; align-items: center; padding: 34px 10px 34px 30px;} .career-page .info-section .info-container .info-box .info-img{border-radius: 6px; width: 48px; height: 48px;} .career-page .info-section .info-container .info-box .info-desc{font-size: 18px; line-height: 22px; color: #212121; font-family: 'SofiaPro',Arial,sans-serif; font-weight: 400; padding: 0 0 0 18px;} /*******career-page update 07-09-2022*******/ /*******career-page-form update 07-09-2022*******/ .career-page-form{padding: 55px 0 0 0; background-color: #ffffff;} .career-page-form .career-banner-page .banner-img{padding: 0 98px 0 98px; border: 1px solid #707070; background-image: url(./assets/images/career-page-form-img.webp); height: 400px; background-size: cover; background-position: center top; background-repeat: no-repeat;} .career-page-form .career-banner-page .banner-img .blog-path {padding: 32px 0 50px;} .career-page-form .career-banner-page .banner-img .blog-path ul li {float: left; padding: 0 10px 0 0; text-transform: uppercase;} .career-page-form .career-banner-page .banner-img .blog-path ul li i{color: #ffffff;} .career-page-form .career-banner-page .banner-img .blog-path ul li a {font-family: 'SofiaPro-Ultra', arial,sans-serif; font-size: 12px; line-height: 18px; font-weight: 500; color: #FFFFFF;} .career-page-form .career-banner-page .banner-img .blog-path ul li.active a {font-family: 'SofiaPro-Medium', arial,sans-serif; color:#FFFFFF;} .career-page-form .career-banner-page .banner-img .career-banner-detail{padding: 60px 0 0 0;} .career-page-form .career-banner-page .banner-img .career-banner-detail .title{font-size: 44px; line-height: 60px; color: #FFFFFF; font-family: 'SofiaPro',Arial,sans-serif; font-weight: 400;} .career-page-form .information-section{padding: 52px 0 60px;} .career-page-form .information-section .information-box{box-shadow: 0 3px 6px #00000029; border-radius: 8px; padding: 46px 49px;} .career-page-form .information-section .information-box .center{display: flex; align-items: center;} .career-page-form .information-section .information-box .information-data:last-child{padding:0;} .career-page-form .information-section .information-box .information-data .info-detail{padding: 0 0 25px 0;} .career-page-form .information-section .information-box .information-data .info-detail .exp{border-right: 1px solid #707070; padding: 0 49px 0 0; font-size: 22px; line-height: 28px; color: #404040; font-family: 'SofiaPro-Light',Arial,sans-serif; font-weight: 300;} .career-page-form .information-section .information-box .information-data .info-detail .exp .highlighted-text{font-family: 'SofiaPro',Arial,sans-serif; font-weight: 400; color: #424242;} .career-page-form .information-section .information-box .information-data .info-detail .add{padding: 0 0 0 49px; font-size: 22px; line-height: 28px; color: #424242; font-family: 'SofiaPro-Light',Arial,sans-serif; font-weight: 300;} .career-page-form .information-section .information-box .information-data .info-detail .add .highlighted-text{font-family: 'SofiaPro',Arial,sans-serif; font-weight: 400; color: #424242;} .career-page-form .information-section .information-box .information-data .skill{padding:0 0 25px 0; font-size: 22px; line-height: 28px; color: #404040; font-family: 'SofiaPro-Light',Arial,sans-serif; font-weight: 300;} .career-page-form .information-section .information-box .information-data .skill .highlighted-text{font-family: 'SofiaPro',Arial,sans-serif; font-weight: 400; color: #424242;} .career-page-form .information-section .information-box .information-data .education{font-size: 22px; line-height: 28px; color: #404040; font-family: 'SofiaPro-Light',Arial,sans-serif; font-weight: 300;} .career-page-form .information-section .information-box .information-data .education .highlighted-text{font-family: 'SofiaPro',Arial,sans-serif; font-weight: 400; color: #424242;} .career-page-form .information-section .information-box .info-btn{text-align: right;} .career-page-form .information-section .information-box .info-btn .home-comm-btn{background-color: #DC6200; border-radius: 53px; font-size: 16px; color: #ffffff; line-height: 24px; font-family:'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600; padding: 14px 50px; display: inline-block;} .career-page-form .category-section .about-role-desc{padding: 0 0 56px 0; text-align: left;} .career-page-form .category-section .about-role-desc .block-title{font-size: 40px; text-align: left; padding: 0 0 42px 0; line-height: 52px; color: #212121; font-family:'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600;} .career-page-form .category-section .about-role-desc .block-desc{font-size: 18px; line-height: 32px; color: #424242; max-width: 92%; font-family: 'SofiaPro',Arial,sans-serif; font-weight: 400;} .career-page-form .category-section .tab-container.fixed{position: fixed; top: 150px; transition: top 0.5s linear; min-width: 360px;} .career-page-form .category-section .tab-container{background-color: #F7F7F7; padding:25px;} .career-page-form .category-section .tab-container .block-title{font-size: 28px; line-height: 36px; color: #212121; text-align: left; font-family:'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600; padding: 0 0 25px 0;} .career-page-form .category-section .tab-container ul li{font-size: 22px; line-height: 32px; list-style: inside disc; color: #DC6200; font-family: 'SofiaPro',Arial,sans-serif; font-weight: 400; padding: 0 0 20px 0;} .career-page-form .category-section .tab-container ul li a{color: #424242;} .career-page-form .category-section .skill-req-detail{padding: 0 0 124px 0;} .career-page-form .category-section .skill-req-detail .block-title{font-size: 40px; text-align: left; padding: 0 0 42px 0; line-height: 52px; color: #212121; font-family:'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600;} .career-page-form .category-section .skill-req-detail ul li{font-size: 20px; max-width: 94%; position: relative; display: flex; line-height: 32px; list-style: inside disc; color: #424242; font-family: 'SofiaPro',Arial,sans-serif; font-weight: 400; padding: 0 0 30px 30px;} .career-page-form .category-section .skill-req-detail ul li::before{content: ""; width: 18px; height: 4px; background-color: #DC6200; position: absolute; left: 0; top: 14px;} .form-section {padding-bottom: 60px; background: linear-gradient(180deg, #FFFFFF 75%, #F7F7F7 25%);} .form-section .form-container {box-shadow:0px 3px 12px #0000001A; padding: 60px 100px; background-color: #fff; border-radius: 8px; position: relative;} .form-section .form-container .form-btn .home-comm-btn{background-color: #DC6200; border-radius: 53px; font-size: 16px; color: #ffffff; line-height: 24px; font-family: 'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600; padding: 14px 109px; display: inline-block;} .form-section .form-container .form-group{padding: 56px 0 42px; margin: 0;} .form-section .form-container .form-group .content{display: flex; align-items: center;} .form-section .form-container .form-group .content .input-box.salary{margin: 0 0 0 15px; width: 72px; position: relative;} .form-section .form-container .form-group .content .input-box.salary::after{ content: ""; background-image: url(./assets/images/down-arrow-icon-hover.svg); position: absolute; width: 16px; height: 16px; right: 0; top: 6px;} .form-section .form-container .form-group .input-box.salary::after{ content: ""; background-image: url(./assets/images/down-arrow-icon-hover.svg); position: absolute; width: 16px; height: 16px; right: 0; top: 6px;} .form-section .form-container .form-group .input-box{width: 100%; position: relative; font-family: 'SofiaPro-Light',arial,sans-serif; font-weight: 300; padding: 0 0 38px 0;} .form-section .form-container .form-group .input-box .input-file-trigger .fa-times{position: absolute; right: 0; top: 6px; font-size: 17px; display: none ;} .form-section .form-container .form-group .input-box .form-control{height: auto; resize: none; border: 0 none; box-shadow: none; border-bottom: 2px solid #DBDBDB; width: 100%; padding: 0 0 16px 0; font-size: 18px; line-height: 23px; background-color: transparent; border-radius: 0; color: #000000; font-family: 'SofiaPro-Light',Arial,sans-serif; font-weight: 300; appearance: none;} .form-section .form-container .form-group .input-box textarea.form-control{height: 100px;} .form-section .form-container .form-group .input-box .icon{position: absolute; top: 4px; left: 0; font-size: 23px; color: #DC6200; transform: rotate(78deg);} .form-section .form-container .form-group .input-box .file-info{font-size: 13px; line-height: 19px; color: #9E9E9E; font-family: 'SofiaPro-Light',arial,sans-serif; font-weight: 300;} .form-section .form-container .form-group .input-box span.error{color: #DC6200;} .input-file {position: absolute; top: 0; left: 0; opacity: 0; cursor: pointer;} .input-file-trigger{height: auto; cursor: pointer; border: 0 none; box-shadow: none; border-bottom: 2px solid #DBDBDB; width: 100%; padding: 0 0 10px 35px; font-size: 18px; line-height: 24px; background-color: transparent; border-radius: 0; color: #000000; font-family: 'SofiaPro-Light',Arial,sans-serif; font-weight: 300;} .form-group .input-box .input-file-trigger .upload{min-width: 250px; max-width: 250px; -webkit-box-orient: vertical; overflow: hidden; white-space: nowrap; display: inline-block; text-overflow: ellipsis;} .form-section .form-container .success-detail{text-align: center; padding: 120px 0;} .form-section .form-container .success-detail .success-info{padding: 52px 0 40px; color: #2F2E2E; font-size: 34px; line-height: 42px; font-family:'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600;} .form-section .form-container .success-detail .success-data{font-size: 28px; line-height: 36px; color: #212121; font-family: 'SofiaPro-Light',Arial,sans-serif; font-weight: 300;} /*******career-page-form update 07-09-2022*******/ /*******new-case-study-page update 09-09-2022*******/ .new-case-study-page{padding: 55px 0 0 0; background-color: #ffffff;} .new-case-study-page .case-study-page .banner-img{padding: 0 98px 0 98px; border: 1px solid #707070; background-image: url(./assets/images/case-study-banner.webp); width: 100%; height: 400px; background-size: cover; background-position: center top; background-repeat: no-repeat;} .new-case-study-page .case-study-page .banner-img .blog-path {padding: 32px 0 50px;} .new-case-study-page .case-study-page .banner-img .blog-path ul li {float: left; padding: 0 10px 0 0; text-transform: uppercase;} .new-case-study-page .case-study-page .banner-img .blog-path ul li i{color: #ffffff;} .new-case-study-page .case-study-page .banner-img .blog-path ul li a {font-family: 'SofiaPro-Ultra', arial,sans-serif; font-size: 12px; line-height: 18px; font-weight: 500; color: #FFFFFF;} .new-case-study-page .case-study-page .banner-img .blog-path ul li.active a {font-family: 'SofiaPro-Medium', arial,sans-serif; color:#FFFFFF;} .new-case-study-page .case-study-page .banner-img .case-study-detail{padding: 60px 0 0 0;} .new-case-study-page .case-study-page .banner-img .case-study-detail .title{font-size: 44px; line-height: 60px; color: #FFFFFF; font-family: 'SofiaPro',Arial,sans-serif; font-weight: 400;} .new-case-study-page .solution-section{padding: 80px 0 124px 0;} .new-case-study-page .solution-section .solution-detail{text-align: center; padding: 0 0 52px 0;} .new-case-study-page .solution-section .solution-detail .block-title{font-size: 44px; line-height: 52px; padding: 0 0 24px 0; color: #000000; font-family: 'SofiaPro-Light',arial,sans-serif; font-weight: 300;} .new-case-study-page .solution-section .solution-detail .block-desc{font-size: 16px; max-width: 68%; margin: 0 auto; text-align: center; line-height: 24px; color: #000000; font-family: 'SofiaPro-Light',arial,sans-serif; font-weight: 300;} .new-case-study-page .solution-section .solution-conainer{padding: 0 0 60px 0;} .new-case-study-page .solution-section .solution-conainer:last-child{padding: 0;} .new-case-study-page .solution-section .solution-conainer .solution-box{border: 1px solid #70707053; border-radius: 12px; padding: 12px 10px; text-align: left;} .new-case-study-page .solution-section .solution-conainer .solution-box .solution-img img{width: 100%; height: 281px;} .new-case-study-page .solution-section .solution-conainer .solution-box .solution-block{padding: 20px;} .new-case-study-page .solution-section .solution-conainer .solution-box .tag-line {text-align: left; padding: 0 0 20px;} .new-case-study-page .solution-section .solution-conainer .solution-box .tag-line span {background:#F5F5F5; border-radius:4px; color: #212121; font-size:16px; line-height: 22px; padding:5px 13px;} .new-case-study-page .solution-section .solution-conainer .solution-box .block-title{color: #212121; text-align: left; font-size: 32px; line-height: 42px; font-family:'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600;} .new-case-study-page .solution-section .solution-conainer .solution-box .block-desc{font-size: 18px; line-height: 26px; color: #212121; font-family: 'SofiaPro-Light',arial,sans-serif; font-weight: 300; padding: 14px 0 42px;} .new-case-study-page .solution-section .solution-conainer .solution-box .info{font-size: 18px; position: relative; text-align: left; line-height: 23px; color: #9E9E9E; font-family: 'SofiaPro-Medium',Arial,sans-serif; font-weight: 500; padding: 0 0 40px 32px;} .new-case-study-page .solution-section .solution-conainer .solution-box .info::after{content: ""; width: 20px; height: 2px; background-color: #A8A8A8; top: 12px; left: 0; position: absolute;} .new-case-study-page .solution-section .solution-conainer .solution-box .solution-btn{margin: 0 0 18px 0;} .new-case-study-page .solution-section .solution-conainer .solution-box .solution-btn .home-comm-btn{background-color: #ffffff; color: #424242; padding: 11px 45px; display: inline-block; border: 1px solid #A8A8A8; border-radius: 28px; font-family:'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600;} .new-case-study-page .solution-section .solution-conainer .solution-box:hover{box-shadow: 0 0 12px #00000029;} .new-case-study-page .solution-section .solution-conainer .solution-box:hover .tag-line span{background-color: #F0F0F0; } .new-case-study-page .solution-section .solution-conainer .solution-box:hover .solution-btn .home-comm-btn{background-color: #DC6200; color: #ffffff; border: none;} .new-case-study-page .solution-section .solution-box-btn{text-align: center;} .new-case-study-page .solution-section .solution-box-btn .home-comm-btn{background-color: #DC6200; padding: 17px 76px; display: inline-block; border-radius: 53px; color: #ffffff; font-size: 16px; line-height: 26px; font-family:'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600;} /*******new-case-study-page update 09-09-2022*******/ /*******new rpa case study update 03-09-2022*******/ .case-study-conatiner.rpa-casestudy .cs-detail-section .list-block .list-detail p{padding: 0 0 24px 0;} .case-study-conatiner.rpa-casestudy .cs-detail-section .list-detail .technology .technology-banner img{width:370px; height:378px;} .case-study-conatiner.rpa-casestudy .top-result-status .top-result-status-block .result-status .stats-info .stats-block .stats-list .number,.case-study-conatiner.rpa-casestudy .cs-detail-section .result-status .stats-info .stats-block .stats-list .number{color:#FA4616;} /*.rpa-casestudy .case-study .cs-detail-section.rpa-container{padding: 0 0 180px 0;}*/ /*.rpa-casestudy .case-study .cs-detail-section.rpa-container .block-title{font-size: 34px; line-height: 48px; color: #000000; font-family: 'SofiaPro-Light',arial,sans-serif; font-weight: 300; padding: 0 0 48px 0; text-align: left;}*/ /*.rpa-casestudy .case-study .cs-detail-section .rpa-box{padding: 23px; border-radius: 4px; box-shadow: 0px 4px 10px #00000029; background-color: #fff; }*/ /*.rpa-casestudy .case-study .cs-detail-section .rpa-detail-box{border-right: 1px solid #E0E0E0; position: relative;}*/ /*.rpa-casestudy .case-study .cs-detail-section .rpa-detail-box::after{content: "1"; display: block; position: absolute; font-size: 96px; line-height: 168px; color: #E5E5E5; font-family: 'SofiaPro-Black',arial,sans-serif; top: 111px; z-index: -1; left: 50px;}*/ /*.rpa-casestudy .case-study .cs-detail-section .rpa-detail-box.second::after{content: "2";}*/ /*.rpa-casestudy .case-study .cs-detail-section .rpa-detail-box.third::after{content: "3";}*/ /*.rpa-casestudy .case-study .cs-detail-section .rpa-detail-box.fourth::after{content: "4";}*/ /*.rpa-casestudy .case-study .cs-detail-section .rpa-detail-box.last{border: none;}*/ /*.rpa-casestudy .case-study .cs-detail-section .rpa-detail-box .rpa-detail-box-img{padding: 0 0 24px 0;}*/ /*.rpa-casestudy .case-study .cs-detail-section .rpa-detail-box .rpa-detail-title{font-size: 18px; line-height: 24px; color: #212121; font-family:'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600; padding: 0 0 12px 0;}*/ /*.rpa-casestudy .case-study .cs-detail-section .rpa-detail-box .rpa-detail-desc{color:#616161; font-family: 'SofiaPro-Light',arial,sans-serif; font-weight: 300;}*/ /*******new rpa case study update 03-09-2022*******/ /*******new-rpa-detail update 18-10-2022*******/ .rpa-detail-page{padding: 55px 0 0 0;} .rpa-detail-page .banner-section{position: relative;} .rpa-detail-page .rpa-banner-page{z-index: 1;} .rpa-detail-page .rpa-banner-page .banner-img{padding: 0 90px 0 90px; background-image: url(./assets/images/rpa-detail-banner-img.png); width: 100%; height: 400px; background-size: cover; background-position: center; background-repeat: no-repeat;} .rpa-detail-page .rpa-banner-page .banner-img .blog-path {padding: 31px 0 50px;} .rpa-detail-page .rpa-banner-page .banner-img .blog-path ul li {float: left; padding: 0 10px 0 0; text-transform: uppercase;} .rpa-detail-page .rpa-banner-page .banner-img .blog-path ul li i{color: #ffffff;} .rpa-detail-page .rpa-banner-page .banner-img .blog-path ul li a {font-family: 'SofiaPro-Ultra',arial,sans-serif; font-size: 12px; line-height: 18px; font-weight: 500; color: #FFFFFF;} .rpa-detail-page .rpa-banner-page .banner-img .blog-path ul li.active a {font-family: 'SofiaPro-Medium', arial,sans-serif; color:#FFFFFF;} .rpa-detail-page .rpa-banner-page .banner-img .rpa-banner-detail{padding: 46px 0 0 0} .rpa-detail-page .rpa-banner-page .banner-img .rpa-banner-detail .title{font-size: 44px; line-height: 60px; color: #FFFFFF; font-family: 'SofiaPro-medium',arial,sans-serif; font-weight: 500;} .rpa-detail-page .banner-section .result-section{position: absolute; top: 350px; bottom: auto; width: 100%; z-index: 22;} .rpa-detail-page .banner-section .result-section .result-container{border-radius: 8px; text-align: center; box-shadow: 0px 3px 6px #00000029; background-color: #fff; padding: 40px 85px;} .rpa-detail-page .rpa-detail{padding: 390px 0 124px 0; background-color: #fff;} .rpa-detail-page .rpa-detail .desc-note{padding: 24px 0 64px 0; font-size: 56px; line-height: 80px; color: #616161; font-family: 'SofiaPro-Light',arial,sans-serif; font-weight: 300;} .rpa-detail-page .rpa-detail .desc-note .highlight-text{color: #212121; font-family: 'SofiaPro',arial,sans-serif; font-weight: 400;} .rpa-detail-page .rpa-detail .block-desc{padding: 0 0 40px 0; font-size: 24px; line-height: 40px; color: #212121; font-family: 'SofiaPro-Light',arial,sans-serif; font-weight: 300;} .rpa-detail-page .rpa-detail .block-desc:last-child{padding: 0;} .modal .modal-header{text-align:left; padding:15px 22px;} .rpa-detail-page .modal{z-index:555555;} .modal-backdrop.in{z-index:99999;} .modal .modal-header .close{margin-top:-20px; background: transparent;} /* .circle_percent {font-size:200px; width:1em; height:1em; position: relative; background: #FEE1DA; border-radius:50%; overflow:hidden; display:inline-block; } .circle_inner {position: absolute; left: 0; top: 0; width: 220px; height: 220px; clip:rect(0 1em 1em .5em);} .round_per {position: absolute; left: 0; top: 0; width: 1em; height: 1em; background: #FA4616; clip:rect(0 1em 1em .5em); transform:rotate(180deg); transition:1.05s;} .percent_more .circle_inner {clip:rect(0 .5em 1em 0em);} .percent_more:after {position: absolute; left: .5em; top:0em; right: 0; bottom: 0; background: #FA4616; content:'';} .circle_inbox {position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: #fff; z-index:3; border-radius: 50%;} .percent_text {position: absolute; font-size: 44px; line-height: 58px; color: #FA4616; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3; font-family:'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600;} */ /* .card { display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #ffffff; border-radius: 8px;} */ .card{border-right: 1px solid #eee;} .card.last{border: none;} .card .percent { position: relative;} .card svg { position: relative; width: 220px; height: 220px; transform: rotate(-90deg);} .card svg circle { width: 100%; height: 100%; fill: none; stroke: #FEE1DA; stroke-width: 10; stroke-linecap: round;} .card svg circle:last-of-type { stroke-dasharray: 625px; stroke-dashoffset: calc(625px - (625px * var(--percent)) / 100); stroke: #FA4616; } .card .number { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .card .number h3{font-size: 44px; line-height: 58px; color: #FA4616; font-family:'SofiaPro-Bold',Arial,sans-serif; font-weight: 700;} .card .title{padding: 24px 0 0 0; font-size: 20px; line-height: 24px; color: #2F2E2E; font-family:'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600;} /*******new-rpa-detail update 18-10-2022*******/ /*******pillar-page-re-design*******/ .category-page.pillar-page .category-block{padding: 120px 0 0 ;} .category-page .banner-section .img-info{background-image: url(./assets/images/cms-pillar-page-img.png);} /* .category-page.pillar-page .category-block .tab-container ul{height: 550px; overflow: scroll; } */ .category-page.pillar-page .category-block .category-list .category-data{padding: 0 0 42px 0;} .category-page.pillar-page .category-block .category-list .category-data .title,.category-page.pillar-page .category-block .category-list .category-data .block-title{font-size: 40px; line-height: 52px; text-align: left; padding: 0 0 32px 0; font-family: 'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600;} .category-page .category-block .category-list .category-data .desc{padding: 0 0 25px 0;} .category-page .category-block .category-list .category-data .desc a{color: #DC6200;} .category-page .category-block .category-list .category-data .desc:last-child{padding: 0;} .category-page.pillar-page .category-block .category-list .category-data .info{padding: 0 0 16px 0; text-align: left;} .category-page.pillar-page .category-block .tab-container ul li{margin: 0 20px 0 0} .category-page.pillar-page .category-block .category-list .category-data .info-detail p{position: relative; background-color: #F7F7F7; border-radius: 4px; padding: 14px 24px; margin: 0 0 3px 0; font-size: 18px; line-height: 32px; font-family: 'SofiaPro-Light',arial,sans-serif; font-weight: 300;} .category-page.pillar-page .category-block .category-list .category-data .info-detail p::before{content: ""; position: absolute; background-color: #DC6200; border-radius: 0 2px 2px 0; height: 23px; width: 2px; left: 0; top: 20px;} .category-page.pillar-page .category-block .category-list .category-data .info-detail p .highlightext-text{font-family:'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600;} .category-page.pillar-page .category-block .category-list .category-data .info{text-align: left; font-size: 18px; line-height: 32px; color: #424242; font-family:'SofiaPro',Arial,sans-serif; font-weight: 400;} .category-page.pillar-page .category-block .category-list .category-data .faq-container{padding: 0 0 30px 0;} .category-page.pillar-page .category-block .category-list .category-data .faq-container:last-child{padding: 0;} .category-page.pillar-page .category-block .category-list .category-data .faq-container .panel-group .panel{ padding: 0 0 8px 0; border-bottom: none; border: none; box-shadow: none; margin: 0;} .category-page.pillar-page .category-block .category-list .category-data .faq-container .panel-group .panel.active-accordian{box-shadow: 0px 3px 6px #00000029; background-color: #fff; border-radius: 4px; padding: 0; margin: 0 0 8px 0} .category-page.pillar-page .category-block .category-list .category-data .faq-container .panel-group .panel-heading+.panel-collapse .panel-body{border: none; padding: 0 44px 16px 24px;} .category-page.pillar-page .category-block .category-list .category-data .faq-container .panel-group .panel .panel-heading{position: relative; padding: 0;} .category-page.pillar-page .category-block .category-list .category-data .faq-container .panel-group .panel .panel-heading .panel-title{position: relative;} .category-page.pillar-page .category-block .category-list .category-data .faq-container .panel-group .panel .panel-heading .panel-title::before{content: ""; position: absolute; background-color: #DC6200; border-radius: 0 2px 2px 0; height: 23px; width: 2px; left: 0; top: 20px;} .category-page.pillar-page .category-block .category-list .category-data .faq-container .panel-group .panel .panel-heading .default.collapsed{color: #424242; background-color: #F7F7F7; border-radius: 4px; font-weight: 700; padding: 13px 48px 13px 24px; display: block; font-size: 20px; line-height: 32px; font-family:'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600;} .category-page.pillar-page .category-block .category-list .category-data .faq-container .panel-group .panel .panel-heading .default{background-color: transparent; border-radius: 4px; font-weight: 700; padding: 13px 24px; display: block; color: #212121; font-size: 20px; line-height: 32px; font-family:'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600;} .category-page.pillar-page .category-block .category-list .category-data .faq-container .panel-group .panel-body {padding: 12px 44px 16px 24px; font-size: 18px; line-height: 32px; color: #424242;} .category-page.pillar-page .category-block .category-list .category-data .faq-container .panel-group .panel-body a{color: #DC6200;} .category-page.pillar-page .category-block .category-list .category-data .faq-container .panel-group .panel .panel-heading a .arrow{position: absolute; right: 0; top: -1px; padding: 14px 24px; font-size: 15px;} .category-page.pillar-page .category-block .category-list .category-data .faq-container .panel-group .panel.active-accordian a .arrow .fa-chevron-right {transition: all 0.3s ease; transform: rotate(270deg); color: #DC6200; font-size: 15px;} .category-page.pillar-page .category-block .category-list .category-data .faq-container .panel-group .panel .panel-heading .panel-title .accordion-toggle.collapsed .arrow .fa-chevron-right {font-size: 15px; transition: all 0.3s ease; background-position: center; transform: rotate(89deg); color: #000;} .category-page.pillar-page .category-block .discovery-call{padding: 0; text-align: left; padding: 16px 0 56px 0;} .category-page.pillar-page .category-block .discovery-call .discovery-call-block{padding: 40px 78px 40px 52px;} .category-page.pillar-page .category-block .discovery-call .discovery-call-block .discovery-call-info{text-align: left;} .category-page.pillar-page .category-block .discovery-call .discovery-call-block .discovery-call-action{text-align: left;} .category-page.pillar-page .category-block .discovery-call .discovery-call-block .discovery-call-action .home-comm-btn{padding:14px 31px; display: inline-block;} .category-page.pillar-page .category-block .discovery-call .discovery-call-block .center{display: flex; align-items: center; justify-content: space-between;} .category-page.pillar-page .category-block .discovery-call .discovery-call-block svg{width: 112px; height: 112px;} .category-page.pillar-page .category-block .category-list .category-data .client .img-block{box-shadow: 0 5px 15px rgb(0 0 0 / 10%); display: block; margin: 0 0 46px 0; text-align: center; padding: 20px 0;} .category-page.pillar-page .category-block .category-list .category-data .client .img-block img{max-width: 153px; display: inline-block;} .category-page.pillar-page .category-block .category-list .category-data .certifications .img-block{box-shadow: none; display: inline-block; padding: 0 10px 30px 0;} .category-page.pillar-page .category-block .category-list .category-data .certifications .img-block img{width: 153px; max-width: 100%; height: auto; margin: 0 auto;} .category-page.pillar-page .category-block .category-list .category-data .listing-box{position: relative; background-color: #F7F7F7; border-radius: 4px; padding: 24px; margin: 0 0 30px 0;} .category-page.pillar-page .category-block .category-list .category-data .listing-box .title{font-size: 20px; line-height: 32px; color: #212121; font-family:'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600; padding: 0 0 16px 0; border-bottom: 1px solid #E0E0E0;} .category-page.pillar-page .category-block .category-list .category-data .listing-box .title a{color: #dc6200;} .category-page.pillar-page .category-block .category-list .category-data .listing-box ul{padding: 16px 0 38px 0; } .category-page.pillar-page .category-block .category-list .category-data .listing-box ul li{position: relative; font-size: 16px; line-height: 24px; padding: 0 0 24px 0; color: #424242; font-family:'SofiaPro',Arial,sans-serif; font-weight: 400;} .category-page.pillar-page .category-block .category-list .category-data .listing-box ul li::before{content: ""; position: absolute; background-color: #DC6200; border-radius: 0 2px 2px 0; height: 23px; width: 2px; left: -24px; top: 2px;} .category-page.pillar-page .category-block .category-list .category-data .listing-box ul li:last-child{padding: 0;} .category-page.pillar-page .category-block .category-list .category-data .listing-box .listing-btn{position: absolute; bottom: 24px;} .category-page.pillar-page .category-block .category-list .category-data .listing-box .home-comm-btn{padding: 16px 89px; display: inline-block; border-radius: 36px; border: 1px solid #DC6200; background-color: transparent; font-family:'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600;} .category-page.pillar-page .category-block .category-list .category-data .listing-box .home-comm-btn:hover{background-color: #DC6200; color: #fff;} .category-page.pillar-page .contact-block{background: linear-gradient(180deg, #fff 35%,35%, #f7f7f7 65%); padding: 40px 0 124px 0;} .category-page.pillar-page .case-study{ padding: 124px 0 0 0; background-color: transparent;} .category-page.pillar-page .blog-section{padding: 124px 0 ;} .category-page.pillar-page .listing-block .listing-block-content{min-height: 300px} .category-page.pillar-page .listing-block .listing-block-content:hover .listing-read-more{bottom: -45px;} .category-page.pillar-page .listing-block .listing-block-content .listing-article-info .listing-article-details{min-height: 35px;} .category-page.pillar-page .listing-block .listing-block-content .listing-article-info .listing-article-desc{min-height: 68px;} .category-page.pillar-page .listing-block .listing-block-content .listing-article-info .listing-article-block{min-height: 181px;} .category-page.pillar-page .listing-block .listing-block-content .listing-article-info .listing-article-block .tag-line{min-height: 44px;} .category-page.pillar-page .tiles-block.div-center .row, .category-page.pillar-page .blog-container.div-center .row{display: flex; justify-content: center;} .category-page.pillar-page .faq-conatiner .faq-accordion .faq-list .faq-ans .info a{color: #DC6200;} .category-page.pillar-page .faq-conatiner .faq-accordion .faq-list .faq-ans{padding: 0 50px;} .category-page.pillar-page .faq-conatiner .faq-accordion .faq-list .faq-ans .info{padding:20px 0;} .category-page.pillar-page .faq-conatiner .faq-block::before{background: none; background-color: #fff; position: initial; height: auto;} .category-page.pillar-page .faq-conatiner .faq-block::after{background: none; content: none;} .category-page.pillar-page .faq-conatiner .faq-block{padding: 0 0 124px 0; background-color: #fff;} /*******pillar-page-re-design*******/ /******* Back to top Start**********/ .scroll-button .back-to-top { width: 40px; height: 40px; overflow: hidden; z-index: 999; display: none; cursor: pointer; position: fixed; bottom: 90px; right: 26px; background-color: #DC6200; color: #555; text-align: center; border-radius: 100px; padding: 10px; box-shadow: 0px 4px 8px #00000029;} /******* Back to top End**********/ /***enterprise page start here***/ .enterprise-page{padding: 55px 0 0 0;} .enterprise-page .banner-section .img-info{background-image: url(./assets/images/enterprise-page-banner-img.webp); padding: 0 90px 0 90px; height: 400px; background-position: center; background-repeat: no-repeat; background-size: cover;} .enterprise-page .banner-section .img-info .blog-path {padding: 32px 0 50px;} .enterprise-page .banner-section .img-info .blog-path ul li {float: left; padding: 0 10px 0 0; text-transform: uppercase;} .enterprise-page .banner-section .img-info .blog-path ul li i{color: #ffffff;} .enterprise-page .banner-section .img-info .blog-path ul li a {font-family: 'SofiaPro-Ultra', arial,sans-serif; font-size: 12px; line-height: 18px; font-weight: 500; color: #FFFFFF;} .enterprise-page .banner-section .img-info .blog-path ul li.active a {font-family: 'SofiaPro-Medium', arial,sans-serif; color:#FFFFFF;} .enterprise-page .banner-section .img-info .title{font-size: 44px; line-height: 58px; font-family: 'SofiaPro',arial,sans-serif; font-weight: 400; color: #FFFFFF; padding: 50px 0 0 0;} .enterprise-page .detail-section{padding: 124px 0; background-color: #ffffff;} .enterprise-page .detail-section .block-title{padding: 0 0 20px 0; } .enterprise-page .detail-section .desc{font-size: 16px; line-height: 24px; color: #404040; font-family: 'SofiaPro', arial,sans-serif; font-weight: 400; max-width: 90%; text-align: center; margin: 0 auto; } .enterprise-page .info-section{background-color: #ffffff; padding: 0 0 124px 0;} .enterprise-page .info-section .info-img{position: relative; background-image: url(./assets/images/partner_success.webp); width: 100%; height: 480px; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 4px;} .enterprise-page .info-section .info-img .info-detail{position: absolute; top: auto; bottom: 20px; background-color: rgba(255, 255, 255, 0.9); margin: 0 0 0 20px; padding: 20px 38px 22px 20px; border-radius: 4px; width: 460px; box-shadow: 0px 4px 10px rgba(0 ,0, 0, 0.16);} .enterprise-page .info-section .info-img .info-detail .title{font-size: 24px; line-height: 30px; color: #DC6200; font-family: 'SofiaPro', arial,sans-serif; font-weight: 400; padding: 0 0 20px 0;} .enterprise-page .info-section .info-img .info-detail .title a{color: #DC6200;} .enterprise-page .info-section .info-img .info-detail .link-block {color: #212121; font-size: 12px; font-family: 'SofiaPro-Light'; font-weight: 300; cursor: pointer;} .enterprise-page .enterprise-service-section{background-color: #ffffff; padding: 0 0 124px 0;} .enterprise-page .enterprise-service-section .service-detail{padding: 62px 0 0;} .enterprise-page .enterprise-service-section .service-detail .block-title{text-align: left; padding: 0 0 58px 0;} .enterprise-page .enterprise-service-section .faq-container .panel-group .panel{ padding: 0; border-bottom: none; border: none; box-shadow: none; margin: 0; width: 600px;} .enterprise-page .enterprise-service-section .faq-container .panel-group .panel-heading+.panel-collapse .panel-body{border: none; padding: 0 32px 25px;} .enterprise-page .enterprise-service-section .faq-container .panel-group .panel .panel-heading{padding: 25px 32px 20px;} .enterprise-page .enterprise-service-section .faq-container .panel-group .panel .panel-heading .panel-title{font-size: 24px; line-height: 30px; color: #DC6200; font-family: 'SofiaPro', arial,sans-serif; font-weight: 400;} .enterprise-page .enterprise-service-section .faq-container .panel-group .panel.active-accordian{border-left: 2px solid #DC6200; border-radius: 0px; background-color: rgba(220, 98, 0, 6%); margin: 0 0 8px 0} .enterprise-page .enterprise-service-section .faq-container .panel-group .panel-body{font-size: 16px; line-height: 24px; color: #212121; font-family: 'SofiaPro-Light'; font-weight: 300;} .enterprise-page .enterprise-service-section .faq-container .panel-group .panel .panel-heading a .arrow{vertical-align: middle; padding: 0 24px 0 0;} .enterprise-page .enterprise-service-section .service-detail-box{text-align: right; position: relative;} .enterprise-page .enterprise-service-section .service-detail-box .enterprise-service-img img{box-shadow: 0px 4px 10px #00000029; border-radius: 4px;} .enterprise-page .enterprise-service-section .service-detail-box .cloud-service-img-two img{box-shadow: 0px 4px 10px #00000029; border-radius: 4px;} .enterprise-page .enterprise-service-section .service-detail-box .cloud-service-img-two{position: absolute; bottom: 95px; left: 0;} .enterprise-page .enterprise-it-section{padding: 0 0 90px 0; background-color: #fff;} .enterprise-page .enterprise-it-section .block-title{padding: 0 0 50px 0;} .enterprise-page .enterprise-it-section .enterprise-it-box .development-data-block{border-radius: 4px; padding: 24px; cursor: pointer; height: 195px;} .enterprise-page .enterprise-it-section .enterprise-it-box .development-data-block .title{display: flex; align-items: center; font-size: 24px; line-height: 30px; color: #DC6200; font-family: 'SofiaPro-Light'; font-weight: 300;} .enterprise-page .enterprise-it-section .enterprise-it-box .development-data-block .title svg{margin: 0 24px 0 0; width: 30px; height: 30px;} .enterprise-page .enterprise-it-section .enterprise-it-box .development-data-block .title svg.icon path{stroke: #DC6200;} .enterprise-page .enterprise-it-section .enterprise-it-box .development-data-block .detail{font-size: 16px; line-height: 24px; color: #424242; padding: 18px 0 0 0; font-family: 'SofiaPro-Light'; font-weight: 300;} .enterprise-page .enterprise-it-section .enterprise-it-box .development-data-block:hover{background-color: #F7F7F7;} .enterprise-page .enterprise-it-section .enterprise-it-box .development-data-block:hover .title{color:#BE2600;} .enterprise-page .enterprise-it-section .enterprise-it-box .development-data-block:hover .title svg path{fill: #BE2600;} .enterprise-page .enterprise-it-section .enterprise-it-box .development-data-block:hover .title svg.icon path{stroke: #BE2600; fill: none;} .enterprise-page .technologies-section{padding: 0 0 124px 0; background-color: #ffffff;} .enterprise-page .technologies-section .technologies-block{padding: 50px 0 0 0;} .enterprise-page .technologies-section .technologies-block .technologies-box{padding: 30px 24px; background-color: #ffffff; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.16); border-radius: 4px;} .enterprise-page .technologies-section .technologies-block .technologies-box .technologies-icon{padding: 0 0 20px 0;} .enterprise-page .technologies-section .technologies-block .technologies-box .technologies-title{font-size: 24px; line-height: 30px; color: #DC6200; padding: 0 0 8px 0; font-family:'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600;} .enterprise-page .technologies-section .technologies-block .technologies-box .technologies-desc{font-size: 16px; line-height: 24px; color: #424242; font-family: 'SofiaPro-Light'; font-weight: 300;} .enterprise-page .how-do-enterprise{background-color: #ffffff; padding: 0 0 124px 0;} .enterprise-page .how-do-enterprise .tech-solution-block{padding: 50px 0 0 0;} .enterprise-page .how-do-enterprise .tech-solution-block{position: relative;} .enterprise-page .how-do-enterprise .tech-solution-block .tech-solution-block-img{text-align: left; position: relative;} .enterprise-page .how-do-enterprise .tech-solution-block .tech-solution-block-img img{width: 570px; height: 450px; border-radius: 4px;} .enterprise-page .how-do-enterprise .tech-solution-block .info-detail{position: absolute; top: 103px; left: 320px; right: auto; margin: 0; bottom: auto; background-color: rgba(255, 255, 255, 0.9); padding: 40px 100px 30px 50px; border-radius: 4px; width: 850px; box-shadow: 0px 4px 10px rgba(0 ,0, 0, 0.16);} .enterprise-page .how-do-enterprise .tech-solution-block .info-detail .title{font-size: 24px; line-height: 30px; color: #DC6200; padding: 0 0 18px 0; font-family: 'SofiaPro',arial,sans-serif; font-weight: 400;} .enterprise-page .how-do-enterprise .tech-solution-block .info-detail .desc{padding: 0 0 18px 0;} .enterprise-page .how-do-enterprise .tech-solution-block .info-detail .desc:last-child{padding: 0;} .enterprise-page .partner-service{padding: 0 0 124px 0; background-color: #ffffff;} .enterprise-page .partner-service .partner-service-detail{padding: 0 0 50px 0;} .enterprise-page .partner-service .partner-service-detail .block-title{padding: 0 0 20px 0;} .enterprise-page .partner-service .partner-service-detail .block-desc{font-size: 16px; line-height: 24px; color: #404040; max-width: 86%; margin: 0 auto; text-align: center; font-family: 'SofiaPro', arial,sans-serif; font-weight: 400;} .enterprise-page .partner-service .technologies-partner-box .title{font-size: 16px; line-height: 24px; color: #9E9E9E; padding: 0 0 20px 0; text-align: center; text-transform: uppercase; font-family: 'SofiaPro', arial,sans-serif; font-weight: 400;} .enterprise-page .partner-service .technologies-partner-box .technology-data{padding: 40px; background-color: #FFFFFF; border-radius: 4px; box-shadow: 0px 4px 10px rgba(0 ,0, 0, 0.16);} .enterprise-page .partner-service .technologies-partner-box .technology-data .title{display: flex; align-items: center; justify-content: left;} .enterprise-page .partner-service .technologies-partner-box .technology-data .title img{padding: 0 10px 0 0px;} .enterprise-page .partner-service .technologies-partner-box .technology-data .title span{font-size: 24px; line-height: 30px; color: #DC6200; font-family:'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600;} .enterprise-page .partner-service .technologies-partner-box .technology-data .desc{font-size: 16px; line-height: 24px; color: #424242; font-family: 'SofiaPro-Light'; font-weight: 300;} .enterprise-page .info-section{background-color: #ffffff; padding: 0 0 124px 0;} .enterprise-page .info-section .info-img-full{position: relative; background-image: url(./assets/images/robot-info-img.webp); width: 100%; height: 480px; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 4px;} .enterprise-page .info-section .info-img-full .info-detail{position: absolute; top: auto; bottom: 20px; background-color: #ffffff; margin: 0 0 0 20px; padding: 20px 40px 20px 20px; border-radius: 4px; width: 460px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.16);} .enterprise-page .info-section .info-img-full .info-detail .title{font-size: 24px; line-height: 30px; color: #DC6200; font-family: 'SofiaPro', arial,sans-serif; font-weight: 400; padding: 0 0 20px 0;} .enterprise-page .info-section .info-img-full .info-detail .title a{color: #DC6200;} .enterprise-page .info-section .info-img-full .info-detail .home-comm-btn{background-color: #DC6200; color: #ffffff; display: inline-block; border-radius: 63px;} .enterprise-page .info-section .info-img-full .info-detail .home-comm-btn .arrow{background-color: #ffffff;} .enterprise-page .info-section .info-img-full .info-detail .home-comm-btn .arrow i{color: #DC6200;} .enterprise-page .providing-section{background-color: #ffffff; padding: 0 0 124px 0;} .enterprise-page .providing-section .block-desc{padding: 42px 0 0 0; font-size: 16px; text-align: center; line-height: 24px; color: #404040; font-family: 'SofiaPro-Light'; font-weight: 300;} .enterprise-page .providing-section .providing-block{padding: 50px 0 0 0;} .enterprise-page .providing-section .providing-block .providing-img{text-align: left;} .enterprise-page .providing-section .providing-block .providing-img img{width: 470px; height: 486px;} .enterprise-page .providing-section .providing-block .providing-block-detail{padding: 25px 32px; background-color: #ffffff;} .enterprise-page .providing-section .providing-block .providing-block-detail:last-child{margin: 0;} .enterprise-page .providing-section .providing-block .providing-block-detail:hover{background-color: rgba(156, 39, 176, 6%);} .enterprise-page .providing-section .providing-block .providing-block-detail.second:hover{background-color: rgba(76, 175, 80, 6%);} .enterprise-page .providing-section .providing-block .providing-block-detail.third:hover{background-color: rgba(63, 81, 181, 6%);} .enterprise-page .providing-section .providing-block .providing-block-detail .title{display: flex; align-items: center; justify-content: left; padding: 0 0 20px 0;} .enterprise-page .providing-section .providing-block .providing-block-detail .title h3{padding: 0 0 0 24px; font-size: 24px; line-height: 30px; color: #9C27B0; font-family: 'SofiaPro', arial,sans-serif; font-weight: 400;} .enterprise-page .providing-section .providing-block .providing-block-detail.second .title h3{color: #4CAF50;} .enterprise-page .providing-section .providing-block .providing-block-detail.third .title h3{color: #3F51B5;} .enterprise-page .providing-section .providing-block .providing-block-detail .desc{font-size: 16px; line-height: 24px; color: #424242; font-family: 'SofiaPro-Light'; font-weight: 300;} .enterprise-page .providing-section .block-desc a{color: #DC6200;} .enterprise-page .friendly-hiring-section{padding: 0 0 84px 0; background-color: #ffffff;} .enterprise-page .friendly-hiring-section .hiring-container{padding: 50px 0 0 0;} .enterprise-page .friendly-hiring-section .hiring-container .hiring-box{padding: 30px 55px; background-color: #ffffff; border-radius: 4px; box-shadow: 0px 4px 10px #00000029; text-align: center;} .enterprise-page .friendly-hiring-section .hiring-container .hiring-box .hiring-img{padding: 0 0 16px 0;} .enterprise-page .friendly-hiring-section .hiring-container .hiring-box .hiring-title{font-size: 24px; line-height: 30px; color: #424242; padding: 0 0 8px 0; font-family: 'SofiaPro-Medium', arial,sans-serif; font-weight: 500;} .enterprise-page .friendly-hiring-section .hiring-container .hiring-box .block-desc{font-size: 14px; line-height: 22px; color: #616161; padding: 0 0 24px 0; font-family: 'SofiaPro', arial,sans-serif; font-weight: 400;} .enterprise-page .friendly-hiring-section .hiring-container .hiring-box .hiring-btn a{background-color: rgba(220, 98, 0, 8%); display: inline-block; color: #DC6200; padding: 11px 56px; border-radius: 21px; font-size: 16px; line-height: 17px; font-family:'SofiaPro-SemiBold',Arial,sans-serif; font-weight: 600;} .category-page.enterprise-page .contact-block{background: linear-gradient(180deg, #fff 22%,22%, #f7f7f7 78%);} .category-page .contact-block .contact-container .contact-detail .block-desc{max-width: 90%;} .category-page.enterprise-page .case-study .case-study-detail{padding: 0;} .category-page.enterprise-page .blog-detail{padding: 0;} /***enterprise page end here***/ /***ats css start here***/ .job-role-detail .role-detail-content{padding: 80px 0 125px;} /***ats css end here***/ /**blog recss Newsletter css start here***/ .blog-detail-intro-bg .blog-subscribe{background: url(assets/images/rd_info.jpg);background-repeat:no-repeat;background-size:100% 100%;position:relative;padding:60px 0 69px 0;border-radius:4px; margin: 30px 0 81px;} .blog-detail-intro-bg .blog-subscribe .subscribe-detail{padding:40px 0 0 0;} .blog-detail-intro-bg .blog-subscribe .subscribe-detail .sub-name{display: flex; justify-content: center;} .blog-detail-intro-bg .blog-subscribe .block-desc{text-align: center; color: #fff; font-family: 'SofiaPro-Extra', Arial, sans-serif; font-size: 16px; line-height: 24px;} .blog-detail-intro-bg .blog-subscribe .subscribe-detail .sub-name .sub-input{border:1px solid #ffffcc;border-radius:22px;font-family: SofiaPro;font-weight:400;font-size:16px;line-height:24px;padding:12px 24px 12px 24px; width: 175px; background-color:#dc6200;color:#fff;outline:none;margin:0 8px 5px 8px;} .blog-detail-intro-bg .blog-subscribe .subscribe-detail .sub-name .subscribe-form{display: flex;justify-content: center;} .blog-detail-intro-bg .blog-subscribe .subscribe-detail .sub-name .sub-input.email{width: 275px;} .blog-detail-intro-bg .blog-subscribe .subscribe-detail .sub-name .sub-input::placeholder{color:#fff;} .blog-detail-intro-bg .blog-subscribe .subscribe-detail .sub-name .subscribe-form .input-block .error{color: #fff; text-align: center;} .blog-detail-intro-bg .blog-subscribe .subscribe-detail .subscribe-error{text-align: center; padding: 10px 0 0 0; color: #FFF;} .blog-detail-intro-bg .blog-subscribe .subscribe-detail .sub-name .sub-btn{font-size:16px;line-height:24px;border-radius:26px;font-weight:700;padding:12px 20px;border:1px solid #fff;outline:none;color:#dc6200;background-color:#fff;text-align:center;font-family:SofiaPro-Bold;height: 50px;} .blog-detail-intro-bg .blog-subscribe .subscribe-detail .sub-name .sub-btn a{color:#dc6200;} .blog-detail-intro-bg .blog-subscribe.subscribe{padding:107px 0;} .blog-detail-intro-bg .blog-subscribe .sub-heading{text-align:center;font-size:34px;line-height:48px;letter-spacing:0.41px; padding: 0 0 5px 0; color:#fff;font-weight:300;font-family: 'SofiaPro-Light';} /**blog recss Newsletter css end here***/ /***new footer css start here***/ .footer{padding:80px 0 0; position: relative; background-color: rgba(247, 247, 247, 1);} .footer::after{content: ""; background: url(./assets/images/footer-bg-image.svg); filter: grayscale(1); background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; height: 380px; display: block; position: absolute; bottom: 0; z-index: -1;} .footer .footer-main {padding: 0 0 40px;} .footer .footer-main .footer-widget {padding: 0;} .footer .footer-main .footer-widget .footer-logo {margin: 0 0 25px;} .footer .footer-main .footer-widget .footer-logo img {width: 116px;height: 40px;} .footer .footer-main .footer-widget .intro {padding: 0 0px 72px 0;font-size: 14px;line-height: 24px;color: #212121;font-family: 'SofiaPro',arial,sans-serif; text-align: left; max-width:83%;} .footer .footer-main .footer-widget .company-info {padding: 0;} .footer .footer-main .footer-widget.company{margin:42px 0 0 0;} .footer .footer-main .footer-list.solution{padding:0 25px;} .footer .footer-main .footer-widget .footer-content .address {font-size: 14px;line-height: 20px;color: #212121;margin: 0 0px 17px 0;display: flex;} .footer .footer-main .footer-widget .footer-content .address img {width: 18px;height: 22px;} .footer .footer-main .footer-widget .footer-content .contact-details {font-size: 14px;line-height: 20px;color: #212121;margin: 0 13px 20px 0;display: flex;} .footer .footer-main .footer-widget .footer-content a{color:#dc6200;padding:0 23px 0 0;} .footer .footer-main .footer-widget .footer-content img{width:20px;height:20px;} .footer .footer-main .footer-widget .title {margin:0 0 12px 0; padding:0 0 12px 0; font-weight:600; font-size:14px;line-height:20px;} .footer .footer-main .footer-widget .title:after{width:136px; top:31px;} .footer .footer-main .footer-widget-extra{padding:40px 0 0;} .footer .footer-main .footer-widget .footer-links ul li{padding:0 0 6px;} .footer .footer-main .footer-widget .footer-links ul li a { font-size: 14px; line-height: 30px; color: #424242;} .footer .footer-main .footer-social { margin: 35px 0 0; position:absolute; right:290px; bottom:130px; width:333px;} .footer .footer-main .footer-social span {float: left;margin: 0 24px 0 0;padding: 6px 0;} .footer .footer-main .footer-social ul li {margin: 0 14px 0 0;float: left;} .footer .certificate-widget{padding: 15px 0;} .footer .certificate-widget img{margin: 0 10px;} /***new footer css end here***/ /*******new about-page update 29-08-2022*******/ .about-page{padding: 50px 0 0 0;} .about-page .about-banner-page .banner-img{padding: 0 90px 0 90px; background-image: url(./assets/images/aboutbanner-page.webp); width: 100%; height: 400px; background-size: cover; background-position: center top; background-repeat: no-repeat;} .about-page .about-banner-page .banner-img .blog-path {padding: 31px 0 50px;} .about-page .about-banner-page .banner-img .blog-path ul li {float: left; padding: 0 10px 0 0; text-transform: uppercase;} .about-page .about-banner-page .banner-img .blog-path ul li i{color: #ffffff;} .about-page .about-banner-page .banner-img .blog-path ul li a {font-family: 'SofiaPro-Ultra',arial,sans-serif; font-size: 12px; line-height: 18px; font-weight: 500; color: #FFFFFF;} .about-page .about-banner-page .banner-img .blog-path ul li.active a {font-family: 'SofiaPro-Medium', arial,sans-serif; color:#FFFFFF;} .about-page .about-banner-page .banner-img .about-banner-detail{padding: 30px 0 0 0} .about-page .about-banner-page .banner-img .about-banner-detail .title{font-size: 44px; line-height: 58px; color: #FFFFFF; font-family: 'SofiaPro-Light',arial,sans-serif; font-weight: 300; padding: 0 0 18px 0;} .about-page .about-banner-page .banner-img .about-banner-detail .block-desc{font-size: 18px; line-height: 28px; color: #FFFFFF; max-width: 44%; font-family: 'SofiaPro-Light',arial,sans-serif; font-weight: 400;} .about-page .inspiring-leaders{padding: 124px 0 ; background-color: #FFFFFF;} .about-page .inspiring-leaders .leader-detail{padding: 0 0 52px 0;} .about-page .inspiring-leaders .leader-detail .info{padding: 20px 0 0 0; font-weight: 300; color: #000000; line-height:24px;} .about-page .inspiring-leaders .leaders-list{padding: 0 0 30px 0;} .about-page .inspiring-leaders .leaders-list:last-child{padding: 0;} .about-page .inspiring-leaders .leaders-list .leaders-block{border-radius: 4px; border: 1px solid #EEEEEE; background-color: #ffffff;} .about-page .inspiring-leaders .leaders-list .leaders-block .list-link .list-block{position: relative;} .about-page .inspiring-leaders .leaders-list .leaders-block .list-link .list-block .block-img{background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 350px; transition: all 0.3s ease-out;} /* .about-page .inspiring-leaders .leaders-list .leaders-block .list-link:hover .list-block .block-img{height: 340px;} */ /* .about-page .inspiring-leaders .leaders-list .leaders-block .list-link:hover .list-block{background-color: #ffffff; box-shadow: 0px 4px 10px #00000014; padding: 10px; transition: 0.5s ease-in-out;}*/ .about-page .inspiring-leaders .leaders-list .leaders-block .list-link:hover .list-block .block-detail .leader-info{transition: linear 0.3s ease; padding: 0px 0px 14px 24px;} .about-page .inspiring-leaders .leaders-list .leaders-block .list-link:hover .list-block .block-detail .leader-info .position{transition: linear 0.3s ease-in-out; transition-delay: 300ms; opacity: 1; display: block;} .about-page .inspiring-leaders .leaders-list .leaders-block .list-link:hover .list-block {background-color: #ffffff; box-shadow: 0px 4px 10px #00000014;} .about-page .inspiring-leaders .leaders-list .leaders-block .list-link:hover .list-block .block-img{ transform: scale(0.94); transition: transform 0.3s ease-in-out;} .about-page .inspiring-leaders .leaders-list .leaders-block .list-link .list-block .block-img.raj-img{background-image: url(./assets/images/raj-img.jpg);} .about-page .inspiring-leaders .leaders-list .leaders-block .list-link .list-block .block-img.patty-img{background-image: url(./assets/images/patty-img.png);} .about-page .inspiring-leaders .leaders-list .leaders-block .list-link .list-block .block-img.ashish-img{background-image: url(./assets/images/ashish-img.png);} .about-page .inspiring-leaders .leaders-list .leaders-block .list-link .list-block .block-img.medha-img{background-image: url(./assets/images/medha-img.png);} .about-page .inspiring-leaders .leaders-list .leaders-block .list-link .list-block .block-detail .leader-info{padding: 24px 0 24px 24px; transition: all 0.3s ease-in-out;} .about-page .inspiring-leaders .leaders-list .leaders-block .list-link .list-block .block-detail .leader-info .name{font-size: 20px; line-height: 28px; color: #424242; font-family: 'SofiaPro-Light',arial,sans-serif; font-weight: 400;} .about-page .inspiring-leaders .leaders-list .leaders-block .list-link .list-block .block-detail .leader-info .name .highlighted-text{font-family: 'SofiaPro-Bold',arial,sans-serif; font-weight: 700;} .about-page .inspiring-leaders .leaders-list .leaders-block .list-link .list-block .block-detail .leader-info .profile{font-size: 12px; line-height: 20px; color: #9E9E9E; font-weight: 500; font-family: 'SofiaPro-Medium', Arial, sans-serif;} .about-page .inspiring-leaders .leaders-list .leaders-block .list-link .list-block .block-detail .leader-info .position{font-size: 14px; padding: 14px 0 0px 0; width: 100%;transition: all 0.3s ease-in-out; display: none; opacity: 0; line-height: 22px; color: #DC6200; font-family: 'SofiaPro-medium',arial,sans-serif; font-weight: 500;} .about-page .inspiring-leaders .leaders-list .leaders-block .list-link .list-block .block-detail .leader-info .position .link-data{padding: 0 8px 0 0; color: #DC6200;} .about-page .inspiring-leaders .leaders-list .leaders-block .list-link .list-block .block-detail .leader-info .position .data{border-left: 1px solid #E0E0E0; padding:0 0 0 8px; color: #DC6200;} .about-page .our-specialize{background-color: #F7F7F7; padding: 124px 0;} .about-page .our-specialize .our-specialize-block .our-specialize-list{height: 223px; padding: 24px 18px; margin: 0 0 30px;} .about-page .our-specialize .our-specialize-block .our-specialize-list .title-info .icon{position:relative; top:auto;} .about-page .our-specialize .our-specialize-block .our-specialize-list .title-info .name{padding:0 0 0 14px; font-family: 'SofiaPro-Light'; font-size:24px; line-height:30px; color:#DC6200; font-weight:300;} .about-page .our-specialize .our-specialize-block .our-specialize-list:hover,.about-page .our-specialize .our-specialize-block .our-specialize-list.active{background:#fff; border-radius:4px;} .about-page .our-specialize .our-specialize-block .our-specialize-list:hover .name{color: #BE2600;} .about-page .our-specialize .our-specialize-block .our-specialize-list .detail{position: initial;} .about-page .our-specialize .our-values-bg .block-desc{text-align: center; padding: 20px 0 0 0; font-size: 16px; line-height: 24px; color: #000000; font-family: 'SofiaPro-Light',Arial,sans-serif; font-weight: 300;} .about-page .our-specialize .our-specialize-block .customer-exp .customer-exp-block {background: linear-gradient(270deg, rgba(0,0,0,1) 0%, rgba(241,241,241,1) 0%); border-radius:4px; padding: 30px 30px 26px; position: relative;} .about-page .our-specialize .our-specialize-block .customer-exp .customer-exp-block .block-detail .block-title {font-size: 24px; line-height: 30px; color: #DC6200; text-align: left;} .about-page .our-specialize .our-specialize-block .customer-exp .customer-exp-block .block-detail .desc {font-family: 'SofiaPro-Light', Arial; font-size: 14px; line-height: 20px; color: #424242; padding: 5px 0 24px;} .about-page .our-specialize .our-specialize-block .customer-exp .customer-exp-block .block-detail .home-comm-btn{box-shadow: 0px 4px 6px #00000029; border-radius: 26px; } .about-page .our-services{background-color: #ffffff; padding: 124px 0;} .about-page .our-services .our-specialize-block .our-specialize-list .title-info{display: flex; align-items: center; margin: 0 0 20px 0;} .about-page .our-services .our-specialize-block .our-specialize-list .title-info .name{padding: 0 0 0 15px;} .about-page .our-services .our-specialize-block .our-specialize-list .detail{position: initial;} .about-page .our-services .our-specialize-block .our-specialize-list{height: 195px; padding: 24px;} .about-page .our-services .our-specialize-block .our-specialize-list:hover,.about-page .our-services .our-specialize-block .our-specialize-list.active{background:#f7f7f7; border-radius:4px;} /*******new about-page update 29-08-2022*******/ /*** About-us Page Change Css start here**/ .about-page .enterprise-it-section{padding: 124px 0; background-color: #fff;} .about-page .enterprise-it-section .block-title{padding: 0 0 50px 0;} .about-page .enterprise-it-section .enterprise-it-box .development-data-block{border-radius: 4px; padding: 24px; cursor: pointer; height: 195px;} .about-page .enterprise-it-section .enterprise-it-box .development-data-block .title{display: flex; align-items: center; font-size: 24px; line-height: 30px; color: #DC6200; font-family: 'SofiaPro-Light'; font-weight: 300;} .about-page .enterprise-it-section .enterprise-it-box .development-data-block .title svg{margin: 0 24px 0 0; width: 30px; height: 30px;} .about-page .enterprise-it-section .enterprise-it-box .development-data-block .title svg.icon path{stroke: #DC6200;} .about-page .enterprise-it-section .enterprise-it-box .development-data-block .detail{font-size: 16px; line-height: 24px; color: #424242; padding: 18px 0 0 0; font-family: 'SofiaPro-Light'; font-weight: 300;} .about-page .enterprise-it-section .enterprise-it-box .development-data-block:hover{background-color: #F7F7F7;} .about-page .enterprise-it-section .enterprise-it-box .development-data-block:hover .title{color:#BE2600;} .about-page .enterprise-it-section .enterprise-it-box .development-data-block:hover .title svg path{fill: #BE2600;} .about-page .enterprise-it-section .enterprise-it-box .development-data-block:hover .title svg.icon path{stroke: #BE2600; fill: none;} .about-page .office-locations {position: relative; background: #F7F7F7; padding: 124px 0;} .about-page .office-locations .info-block {padding: 60px 0;} .about-page .office-locations .info-block .block-title {color: #000000; text-align: left; padding: 0 0 24px; border-bottom: 1px solid #E0E0E0;} .about-page .office-locations .info-block .block-desc {font-family: 'SofiaPro-Extra', Arial, sans-serif; font-size: 16px; line-height: 24px; color: #424242; max-width: 84%; padding: 23px 0 0;} .about-page .office-locations .location-block .top-block {position: relative;} .about-page .office-locations .location-block .top-block .location-image {background-repeat: no-repeat; background-size: cover; background-position: center; height: 200px; border-top-left-radius: 4px; border-top-right-radius: 4px;} .about-page .office-locations .location-block .top-block .current-time {background-color: rgba(255,255,255,0.24); border-radius: 2px; padding: 4px 12px 0px 8px; position: absolute; left: 24px; bottom: 24px;} .about-page .office-locations .location-block .top-block .current-time .icon {margin: 0 8px 0 0; vertical-align: middle; display: inline-block;} .about-page .office-locations .location-block .top-block .current-time .icon img {width: 16px; height: 16px;} .about-page .office-locations .location-block .top-block .current-time .time {font-size: 16px; color: #FFFFFF; min-width: 68px; max-width: 70px; vertical-align: top;} .about-page .office-locations .location-block .detail-block {position: relative;} .about-page .office-locations .location-block .detail-block {background: #FFFFFF; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 0 4px 10px rgba(0,0,0,0.08); padding: 24px 32px 32px;} .about-page .office-locations .location-block .detail-block .country-icon img {width: 40px; height: 40px;} .about-page .office-locations .location-block .detail-block .country-name {padding: 12px 0;} .about-page .office-locations .location-block .detail-block .country-name .name {font-family: 'SofiaPro-Medium', Arial, sans-serif; font-size: 24px; line-height: 30px; color: #212121; margin: 0 11px 0 0;} .about-page .office-locations .location-block .detail-block .country-name .tag {background-color: #FDF6F0; padding: 4px 8px; font-family: 'SofiaPro-Medium', Arial, sans-serif; font-size: 12px; line-height: 16px; color: #DC6200; text-transform: uppercase;} .about-page .office-locations .location-block .detail-block .address {font-size: 14px; line-height: 20px; color: #424242; min-height: 63px;} .about-page .office-locations .location-block .detail-block .map-direction {display: none; position: absolute; top: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); right: 0;} .about-page .office-locations .location-block:hover .detail-block .map-direction {display: block;} .about-page .office-locations .location-block .detail-block .map-direction svg {width: 24px; height: 24px;} .about-page .office-locations .location-block .detail-block .contact-number {padding: 13px 0 0;} .about-page .office-locations .location-block .detail-block .contact-number .icon {margin: 0 14px 0 0; vertical-align: top;} .about-page .office-locations .location-block .detail-block .contact-number .icon svg {width: 24px; height: 24px; vertical-align: middle;} .about-page .office-locations .location-block .detail-block .contact-number .number {font-size: 16px; color: #212121;} .about-page .discovery-call{padding:124px 0;} /*** About-us Page Change Css end here**/ /*** digital tranformation css start here ***/ .digital-transformation-container{background-color: #fff; padding: 55px 0 0; text-align: center;} .digital-transformation-container .banner-section{padding: 60px 0;} .digital-transformation-container .banner-section .sub-title{font-size: 20px; line-height: 28px; color: #DC6200; text-transform: uppercase; font-family: 'SofiaPro-SemiBold', Arial, sans-serif; padding: 0 0 22px;} .digital-transformation-container .banner-section .block-title{font-size: 40px; line-height: 60px; color: #212121; padding: 0 0 16px; max-width: 83%; margin: 0 auto; font-family: 'SofiaPro-bold', Arial, sans-serif;} .digital-transformation-container .banner-section .block-desc{font-size: 18px; line-height: 28px; color: #656565; font-family: 'SofiaPro-Light', Arial, sans-serif; padding: 0 0 40px;} .digital-transformation-container .banner-section .banner-btn{display: block;} .digital-transformation-container .banner-section .banner-btn .commn-btn{display: inline-block; font-size: 18px; line-height: 22px; background-color: #DC6200; border-radius: 30px; color: #FFFFFF; font-family: 'SofiaPro-Medium', Arial, sans-serif; padding: 14px 36px;} .digital-transformation-container .img-container{padding: 0 0 80px;} .digital-transformation-container .img-container img{width: 100%; height: 450px;} .digital-transformation-container .features-section{padding: 0 0 100px;} .digital-transformation-container .features-section .block-desc{padding: 0 0 40px; font-size: 24px; line-height: 40px; text-align: left; color: #2F2E2E; font-family: 'SofiaPro-Medium', Arial, sans-serif;} .digital-transformation-container .features-section .features-container .features-detail{margin: 0 0 20px; display: flex; padding: 26px 26px 26px 21px; border-radius: 4px; box-shadow: 0px 3px 6px #00000029; align-items: center;} .digital-transformation-container .features-section .features-container .features-detail .features-img{width: 48px; height: 48px; margin-right: 30px;} .digital-transformation-container .features-section .features-container .features-detail .features-data .block-title{font-size: 24px; line-height: 30px; padding: 0 0 8px; color: #DC6200; text-align: left; font-family: 'SofiaPro-Medium', Arial, sans-serif;} .digital-transformation-container .features-section .features-container .features-detail .features-data .block-description{font-size: 18px; text-align: left; line-height: 24px; color: #424242; font-family: 'SofiaPro-Light', Arial, sans-serif;} .digital-transformation-container .future-insurance-section{margin: 0 0 120px; padding: 60px 141px; background-color: #DC6200; border-radius: 4px;} .digital-transformation-container .future-insurance-section .block-title{font-size: 30px; line-height: 46px; color: #FFFFFF; padding: 0 0 24px; font-family: 'SofiaPro-bold', Arial, sans-serif;} .digital-transformation-container .future-insurance-section .block-desc{font-size: 18px; line-height: 28px; color: #F7F7F7; font-family: 'SofiaPro-Light', Arial, sans-serif; padding: 0 0 40px;} .digital-transformation-container .future-insurance-section .future-insurance-btn{display: block;} .digital-transformation-container .future-insurance-section .future-insurance-btn .commn-btn{display: inline-block; border-radius: 30px; background-color: #FFFFFF; color: #DC6200; padding: 14px 36px; font-size: 18px; line-height: 22px; font-family: 'SofiaPro-Medium', Arial, sans-serif} .digital-transformation-container .schedule-demo-container{padding: 0 0 120px; text-align: left;} .digital-transformation-container .schedule-demo-container .schedule-demo-detail{padding: 150px 0 0 ;} .digital-transformation-container .schedule-demo-container .schedule-demo-detail .block-title{font-size: 40px; line-height: 50px; color: #212121; text-align: left; padding: 0 0 16px; font-family: 'SofiaPro-bold', Arial, sans-serif;} .digital-transformation-container .schedule-demo-container .schedule-demo-detail .block-desc{font-size: 16px; line-height: 28px; color: #656565; max-width: 71%; font-family: 'SofiaPro-Light', Arial, sans-serif;} .digital-transformation-container .schedule-demo-container .schedule-demo .meetings-iframe-container{transform: scale(0.9); height: 670px!important;} /*** digital tranformation css end here ***/ /*** RPA-landing css start here ***/ .digital-transformation-container.RPA-landing .banner-section .block-title{max-width: 91%;} .digital-transformation-container.RPA-landing .banner-section .block-desc{max-width: 325px; margin: 0 auto;} .digital-transformation-container.RPA-landing .banner-section .block-desc p{padding: 3px 0; text-align: left;} .digital-transformation-container.RPA-landing .banner-section .block-desc p span{font-weight: 700; color: #000;} .digital-transformation-container.RPA-landing .features-section .features-container .features-detail{align-items: flex-start;} .digital-transformation-container.RPA-landing .features-section .features-container .features-detail.RPA{align-items: center;} .digital-transformation-container.RPA-landing .features-section .features-container .features-detail .features-data .block-title{padding: 0 0 3px;} .digital-transformation-container.RPA-landing .features-section .features-container .features-detail .features-data .sub-block-title{font-size: 18px; line-height: 28px; color: #424242; font-family: 'SofiaPro-Medium', Arial, sans-serif; text-align: left;} /*** RPA-landing css end here ***/ /* Infographic PDF Page start here */ .infographic-pdf-page{padding: 55px 0 0 0;background-color: #fff;} .infographic-pdf-page .banner-section .img-info{background-image: url(assets/images/rpa-and-ai-services.webp); padding: 0 90px 0 90px; height: 400px; background-position: 100% 100%;; background-repeat: no-repeat; background-size: cover;} .infographic-pdf-page .banner-section .img-info .blog-path {padding: 32px 0 50px;} .infographic-pdf-page .banner-section .img-info .blog-path ul li {float: left; padding: 0 10px 0 0; text-transform: uppercase;} .infographic-pdf-page .banner-section .img-info .blog-path ul li i{color: #ffffff;} .infographic-pdf-page .banner-section .img-info .blog-path ul li a {font-family: 'SofiaPro-Ultra', arial,sans-serif; font-size: 12px; line-height: 18px; font-weight: 500; color: #FFFFFF;} .infographic-pdf-page .banner-section .img-info .blog-path ul li.active a {font-family: 'SofiaPro-Medium', arial,sans-serif; color:#FFFFFF;} .infographic-pdf-page .banner-section .img-info .title{font-size: 44px; line-height: 58px; font-family: 'SofiaPro',arial,sans-serif; font-weight: 400; color: #FFFFFF; padding: 50px 0 0 0;} .infographic-pdf-page .information-section{padding: 110px 0;} .infographic-pdf-page .information-section .information-detail .block-title{text-align: left; font-family: 'SofiaPro-SemiBold', Arial, sans-serif; font-size: 36px; line-height: 44px; color: #212121;padding: 0 0 32px 0;} .infographic-pdf-page .information-section .information-detail .block-desc{font-family: 'SofiaPro', Arial, sans-serif; font-size: 18px; line-height: 30px; color: #424242;padding: 0 0 28px 0; font-weight: 400;} .infographic-pdf-page .information-section .pdf-viewer{padding: 110px 0 60px 0;} .infographic-pdf-page .information-section .get-infographic .block-desc{font-size: 24px;line-height: 30px;color: #2F2E2E;font-family: 'SofiaPro', Arial, sans-serif;padding: 0 0 22px 0; font-weight: 500;} .infographic-pdf-page .information-section .get-infographic .get_content{display: inline-block;} .infographic-pdf-page .information-section .get-infographic .download-cta .btn.download{outline: none;border: none;box-shadow: none; padding: 16px 40px;color: #FFFFFF;background-color: #DC6200;border-radius: 53px;font-size: 16px;line-height: 22px;font-family: SofiaPro-SemiBold;} .infographic-pdf-page .information-section .get-infographic .share_content{float: right;} .infographic-pdf-page .information-section .get-infographic .share_content ul li{display: inline-block;margin: 0 10px 0 0;} .infographic-pdf-page .information-section .pdf-viewer .info-pdf img{width: 100%;height: auto;display: block;} /* Infographic PDF Page end here */