/*********************************** Start Of Common Class Css ***********************************/ .mini-size{font-size:14px;} .small-size{font-size:18px;} .large-size{font-size:20px;} .extra-large-size{font-size:22px;} .gray-color{color:#F2F2F2;} .gray-bg{background:#F2F2F2;} .white-color{color:#ffffff;} .white-bg{background:#ffffff;} .black-color{color:#000000;} .black-bg{background:#000000;} .primary-color{color:#2c2898;} .primary-bg{background:#2c2898;} .secondary-color{color:#DE463B;} .secondary-bg{background:#DE463B;} .blue-color{color:#007DD1;} .blue-bg{background:#007DD1;} .title-box{padding-bottom:30px;} .title-big-text{font-size:90px;line-height:1.1;} .title-large-text{font-size:80px;line-height:1.1;} .title-text{font-size:40px;font-weight:700!important;line-height:1.1;} .title-small-text{font-size:40px;line-height:1.1;} .title-mini-text{font-size:30px;line-height:1.1;} .title-info{font-size:18px;} .empty-space{padding:60px 0px;} .empty-space-top{padding-top:60px;} .empty-space-bottom{padding-bottom:60px;} .link{font-size:20px;} .link-text:hover{color:#002B75;} .list-box{padding:0px;margin:0px;list-style:none;} .list-box li{padding-left:20px;position:relative;font-size: 18px;} .list-box li:before{content:"";width:8px;height:8px;background:#F06823;position:absolute;left:0px;top:7px;border-radius:100%;} .list-box li + li{margin-top:15px;} /*********************************** End Of Common Class Css ***********************************/ /*********************************** Start Of Slick Slides Css ***********************************/ .slick-arrow{font-size:0px;background:none;border:none;padding:0px;margin:0px;width:auto;height:auto;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:1;} .slick-arrow:hover{background:none;color:#044AA7;} .slick-next{right:0px;} .slick-prev{left:0px;} .slick-prev:before{content:"\f104";font-family:'FontAwesome';font-size:30px;color:#044AA7;} .slick-next:before{content:"\f105";font-family:'FontAwesome';font-size:30px;color:#044AA7;} .slick-arrow:hover:before{color:#DE463B;} .slick-dots{margin:0px;padding:0px;text-align:center;} .slick-dots li{display:inline-block;margin:0px 5px;} .slick-dots li button{width:10px;height:10px;font-size:0px;background:#044AA7;border:none;border-radius:100%;padding:0px;margin:0px;} .slick-dots li.slick-active button{background:#DE463B;} /*********************************** End Of Slick Slides Css ***********************************/ .search-results .site-main:after{display:none;} /********************************* Start Of Odoo ERP Pages Css***************************************/ .why-choose-odoo-erp-bg{background:url(../images/Why-Choose-Odoo-Erp-Bg.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;} .why-choose-odoo-erp-box{background:#ffffff;padding:5%;border-left:5px solid #DE463B;box-shadow:0px 0px 10px 5px #e3e3e3;margin:15px 0px;} .why-choose-odoo-erp-box p{margin-bottom:0px;} .services-we-offer-box{background:#ffffff;padding:5%;border-bottom:5px solid #DE463B;box-shadow:0px 0px 10px 5px #e3e3e3;height:100%;text-align:center;} .services-we-offer-image img{width:90px;height:90px;object-fit:contain;margin:0px auto;} .services-we-offer-info h5{font-size:30px;margin:20px 0px;} .call-to-action{padding:50px 0px;} .call-to-action-button .button{padding:15px 30px;} .process-box{text-align:center;background:#ffffff;padding:5% 16%;position:relative;overflow:hidden;} .process-box:before{content:"";width:40px;height:100%;position:absolute;top:0px;bottom:0px;left:0px;right:0px;background:#1e5799;background:-moz-linear-gradient(left,#1e5799 0%,#7db9e8 100%);background:-webkit-linear-gradient(left,#1e579900 0%,#7db9e8 100%);background:linear-gradient(to right,#b7c1cd5e 0%,#7db9e800 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799',endColorstr='#7db9e8',GradientType=1);} .process-box:after{content:"";width:90px;height:90px;border:20px solid #DE463B;background:#fff;position:absolute;left:-62px;top:36%;transform:rotate(50deg) bounce-left-right 2s infinite;-webkit-transform:rotate(50deg);-moz-transform:rotate(50deg);-o-transform:rotate(50deg);-ms-transform:rotate(50deg);box-shadow:inset 0 0 10px #000000;} .process-image img{width:65px;height:65px;object-fit:contain;margin:0px auto;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;} .process-info h3{font-size:30px;margin:15px 0px;font-weight:700;} .process-col:nth-child(1){animation-duration:300ms;} .process-col:nth-child(2){animation-duration:600ms;} .process-col:nth-child(3){animation-duration:900ms;} .process-col:nth-child(4){animation-duration:1200ms;} .process-col:nth-child(5){animation-duration:1600ms;} .industries-we-serve-box{text-align:center;background:#ffffff;padding:20% 10%;position:relative;} .industries-we-serve-box a{text-decoration:none;display:block;} .industries-we-serve-image img{width:80px;height:80px;object-fit:contain;margin:0px auto;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;} .industries-we-serve-info h4{font-size:25px;margin:15px 0px;font-weight:500;} .industries-we-serve-box:hover{background:#DE463B;transition:all 0.3s cubic-bezier(0,0,0.6,1.6);} .industries-we-serve-box:hover *{color:#ffffff;} .industries-we-serve-box:hover img{filter:brightness(0) invert(1);} .why-choose-us-bg{background:url("../images/Why-Choose-Us-Bg.jpg");background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;} .why-choose-us-info h2{margin-bottom:30px;} .why-choose-us-info h2 span{color:#DE463B;} .why-choose-us-info{background:#ffffff;padding:5%;box-shadow:16px 16px 46px #00000029;} .faq-accordion{margin:0px;} .page-template-odoo-erp .getAQuote{padding:100px 0px 80px 0px;} .page-template-odoo-erp .innerBannerCaption h1{margin-bottom:5px;} .page-template-odoo-erp .innerBannerCaption p{font-size:25px;font-weight:600;display:block;} /********************************* End Of Odoo ERP Pages Css***************************************/ /********************************* Start Of News Pages Css***************************************/ .news-box{padding:15px;margin:15px 0px;box-shadow:0 0 10px #cdcbcb;} .news-image-box{position:relative;} .news-date{font-size:16px;color:#ffffff;font-weight:bold;text-align:center;line-height:1.3;width:65px;height:65px;display:flex;align-items:center;justify-content:center;background:#F9483B;position:absolute;right:0px;bottom:0px;} .news-info{padding-top:15px;} .news-info h5{font-size:20px;margin-bottom:15px;} .news-info p{font-size:14px;margin-bottom:15px;} .news-info a{font-size:14px;font-weight:bold;text-decoration:none;} ul.page-numbers{clear:both;display:block;width:100%;text-align:center;margin-top:30px;margin-bottom:0px;} .page-numbers li{display:inline-block;vertical-align:middle;margin:0px 5px;} .page-numbers li a{font-size:16px;color:#ffffff;text-align:center;text-decoration:none;width:40px;height:40px;line-height:40px;background:#002B75;display:block;} .page-numbers li span{font-size:16px;color:#ffffff;text-align:center;width:40px;height:40px;line-height:40px;background:#D93F41;display:block;} .page-numbers li .next{width:120px;} .page-numbers li .prev{width:120px;} .news-single-article{padding-right:5%;} .news-single-image{padding:15px 0px;} .news-single-image img{width:100%;} .news-single-title h1{font-size:35px;font-weight:700;margin-bottom:0px;} .news-single-info a{color:#2c2898;} .news-single-info a:hover{color:#DE463B;} .news-single-recent h1{font-size:35px;font-weight:700;margin-bottom:15px;} .news-single-recent ul{list-style:none;padding:0px;margin:0px;} .news-single-recent ul li{border-top:1px solid #bdbdbd;padding:15px 0px;} .news-single-recent ul li a{text-decoration:none;color:#2c2898;font-size:20px;font-weight:500;display:block;} .news-single-recent ul li span{font-size:16px;} .news-single-recent ul li a:hover{color:#DE463B;} .single .banner-bg:before{display:none;} /********************************* End Of News Pages Css***************************************/ /********************************* Start Of Footer Css***************************************/ .footer-title{margin-bottom:10px;} .footer-branch-location ul{padding:0px;margin:0px;list-style-type:none;display:flex;align-items:center;} .footer-branch-location ul li + li{margin-left:35px;} .footer-branch-location ul li a{color:#ffffff;text-decoration:none;text-align:center;} .footer-branch-location ul li a:hover{color:#ffffff;} .footer-branch-location ul li a img{width:40px;height:40px;object-fit:cover;border-radius:100%;margin:0px auto;display:block;} .footer-branch-location ul li a span{display:block;font-weight:600;margin-top:5px;font-size:12px;} .footer-branch-location h6.footer-title.mb-2,.footer-top .social-icon h6{font-size:18px;} .social-icon li a img{width:20px;filter:brightness(0) saturate(100%) invert(8%) sepia(97%) saturate(7488%) hue-rotate(12deg) brightness(92%) contrast(114%);} .social-icon li a:hover img{filter:unset;} .footer-form .formBottomtextWrap .btnRowWithCaptch .button { margin-top: 0px; } /********************************* End Of Footer Css***************************************/ /********************************* Start Of Home Pages Css***************************************/ .industries-main .swiper-two{width:100%;} .alliance-main h2{margin-bottom:0px;} .industries-main:after{display:none;} .blogs .swiper-three{padding-bottom:0px!important;} .blogs .swiper-three .button{margin-bottom:0px!important;} .getAQuoteFormWrap{margin-bottom:0px;} .service-main{padding:50px 0px;} .service-main .swiperSliderWebAppDevelopment .swiper-pagination{position:static;margin:10px auto;-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);} .bg-image-set{display:none!important;} .bg-set{background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;} .hero{position:relative;background-color:#081f49;} .hero-slider-box{display:flex;align-items:center;background-position: center !important;background-size: contain !important; fetchpriority: high;} .hero-slider-info h2{font-size:60px;color:#ffffff;line-height:1.1;font-weight:bold;} .hero-slider-info{max-width:1200px;} .hero-slider-info p{font-size:30px;color:#ffffff;} .hero-slider-info img{max-width:300px;margin-bottom:15px;} .hero-slider-info .button{margin-top:15px;border-radius:0px;border:1px solid transparent;} .hero-slider-info .button:active,.hero-slider-info .button:hover,.hero-slider-info .button:focus{background:#de463b;color:#ffffff;border-color:#ffffff;} .hero-slider-dots-box{position:absolute;bottom:120px;} .hero-slider-dots-box .slick-dots li button{background:#ffffff;} .hero-slider-dots-box .slick-dots li.slick-active button{background:#ff763a;} .hero-slider-info.hero-slider-info-events h2{font-size:44px;line-height:1.2;} .hero-slider-info-odoo-events h2 span{color:#9C5789;font-weight:bold;background:#ffffff;display:inline-flex;align-items:center;padding:5px 20px;} .hero-slider-info-odoo-events h2 span img{max-width:200px;margin-bottom:0px;margin-right:10px;} .hero-slider-info-odoo-events ul{margin-bottom:15px;} .hero-slider-info-odoo-events ul li{color:#ffffff;display:inline-block;vertical-align:middle;margin-right:15px;} .hero-slider-info-odoo-events ul li i{color:#ff763a;} .hero-slider-info-logo{padding-bottom:20px;} .hero-slider-info-logo img{max-width:200px;} .hero-slider-info.hero-slider-info-events h3{font-size:35px;line-height:1.1;} .hero-slider-info.hero-slider-info-events ul{margin-top:15px;border-top:1px solid #fff;display:inline-block;padding-top:10px;} .hero-slider-info.hero-slider-info-events ul li{font-weight:600;color:#ffffff;margin:15px 0px;} .hero-slider-info.hero-slider-info-events ul li i{width:25px;font-size:18px;color:#de463b;} .hero-slider-info.hero-slider-info-events ul li:nth-child(2) i{font-size:22px;} /********************************* End Of Home Pages Css*************************************** /********************************* Start Of Gallary Pages Css***************************************/ .slbArrow:hover{background:none;} .slbCloseBtn:hover{background:none;} .gallary-bg + .gallary-bg{padding-top:50px;} .gallary-box{position:relative;margin:15px 0px;} .gallary-image img{width:100%;object-fit:cover;} .gallary-image:after{content:"\f002";font-family:FontAwesome;font-size:30px;color:#ffffff;background:#252274a6;position:absolute;left:15px;right:15px;top:15px;bottom:15px;opacity:0;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;padding:10%;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;} .gallary-box:hover .gallary-image:after{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;} .gallary-slider .slider-col{padding:0px 15px;} /********************************* End Of Gallary Pages Css***************************************/ /********************************* Start Of Contact Us Pages Css***************************************/ .feildRow .selectServices label.error{right:40px;top:6px!important;} /********************************* End Of Contact Us Pages Css***************************************/ /********************************* Start Of Blog Details Pages Css***************************************/ .blog-single-content .table-content-list{padding:0px;margin:0px;margin-bottom:30px;list-style-type:none;} .blog-single-content .table-content-list li{position:relative;} .blog-single-content .table-content-list li + li{margin-top:15px;} .blog-single-content .table-content-list li a{color:#d93f41;font-weight:600;text-decoration:none;} .blog-single-content .table-content-list li:before{content:"\f00c";font-family:'FontAwesome';color:#044AA7;width:18px;height:18px;line-height:18px;border:1px solid #044AA7;text-align:center;border-radius:50%;font-size:11px;display:inline-block;vertical-align:middle;margin-right:10px;} /********************************* End Of Blog Details Pages Css***************************************/ /********************************* Start Of Footer Pages Css***************************************/ .getAQuoteFormInner{padding:0px;} .footer-form{background:#f3f3f3;padding:30px;} .profile-info img{width:200px;} .profile-info{padding:26px;text-align:center;} .profile-info h5{margin-top:15px;margin-bottom:0px;} .profile-info a{color:#444;border:1px solid #ddd;padding:10px 30px;display:inline-block;vertical-align:middle;text-decoration:none;} .profile-info a i{color:#0072b1;} .profile-info a:hover{color:#ffffff;background:#de463b;border-color:#de463b;} .profile-info a:hover i{color:#ffffff;} .footer-form .getInTouchFormOuter input{background:none!important;} .footer-form .getInTouchFormOuter textarea{background:none!important;} .footer-top-form{display:flex;justify-content:space-between;align-items:center;} .footer-top-form .centerHeading h2{font-size:26px;} .profile-info h4{font-size:20px;color:#2b2794;margin-bottom:30px;} .single .site-main:after{display:none;} .breadcumb a:before{font-family:fontAwesome;content:"\f105";position:absolute;right:-1px;top:0px;width:10px;height:10px;z-index:9;} .tooltip-inner{background-color:#044AA7;box-shadow:0px 0px 4px black;opacity:1!important;} .tooltip.bs-tooltip-right .tooltip-arrow::before{border-right-color:#044AA7!important;} .tooltip.bs-tooltip-left .tooltip-arrow::before{border-left-color:#044AA7!important;} .tooltip.bs-tooltip-bottom .tooltip-arrow::before{border-bottom-color:#044AA7!important;} .tooltip.bs-tooltip-top .tooltip-arrow::before{border-top-color:#044AA7!important;} .footer-logo{display: flex;align-items: center;gap: 20px;} .footer-logo-box img{max-width:150px;} .footer-logo .ISO-IEC-logo img {height: 45px !important; width: 100% !important;} .d-grid{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;} /********************************* End Of Footer Pages Css***************************************/ /********************************* Start Of SAP Business One Partner Pages Css***************************************/ .module-content-list ul li a{padding:0px;margin:0px;color:#212529;text-decoration:none;text-align:left;display:inline-block!important;} .module-content-list ul li a:before{display:none;} /********************************* End Of SAP Business One Partner Pages Css***************************************/ .resTab.r-tabs{position:relative;height:auto;} .resTab .tabNav{margin:0;padding:0;list-style:none;} .resTab .tabNav li a{text-decoration:none;display:block;position:relative;z-index:1;} .resTab .tabNav li:hover a:before,.resTab .tabNav li.active a:before,.resTab .tabNav li.r-tabs-state-active a:before{display:none;} .resTab .tabContent{display:none;} .resTab .r-tabs-panel.r-tabs-state-active{display:block;} .resTab .r-tabs-accordion-title{display:none;} .resTab .tabNav .r-tabs-state-disabled{opacity:0.5;} .resTab .r-tabs-accordion-title .r-tabs-anchor{display:block;padding:10px;background-color:rgba(0,142,242,0.75);color:#fff;font-weight:bold;text-decoration:none;border:0;margin-bottom:1px;} .resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor{background-color:#164681;color:#fff;text-shadow:none;border-bottom:0 none;} .resTab .r-tabs-accordion-title.r-tabs-state-disabled{opacity:0.5;} .resTab .r-tabs-accordion-title .r-tabs-anchor{position:relative;padding-right:45px!important;} .resTab .r-tabs-accordion-title .r-tabs-anchor:after{width:40px;height:100%;position:absolute;right:0;top:0;content:"+";background:rgba(0,142,242,1);text-align:center;font-size:26px;color:#fff;} .resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:after{content:"-";background:#d0611f;font-size:31px;line-height:35px;} .defaultTab{overflow:hidden;} .defaultTab .tabNav{border-bottom:1px solid #e3e3e3;overflow:hidden;list-style-type:none;margin:0;padding:0;} .defaultTab .tabNav li{float:left;} .defaultTab .tabNav li:first-child{margin-left:-9px;position:relative;} .defaultTab .tabNav li a{font-size:16px;color:#323232;text-decoration:none;display:block;line-height:24px;padding:8px 45px;position:relative;z-index:1;} .defaultTab .tabNav li a:focus{outline:0 none;} .defaultTab .tabNav li a:before{content:"";width:2px;height:40px;background:#e3e3e3;position:absolute;right:0;top:50%;margin-top:-20px; /* Safari */-webkit-transform:skew(25deg); /* Firefox */-moz-transform:skew(25deg); /* IE */transform:skew(25deg);transition:all 0.5s ease;-webkit-transition:all 0.5s ease;z-index:-1} .defaultTab .tabNav li:last-child a:before{background:none;} .defaultTab .tabNav li a:hover,.defaultTab .tabNav li.active a,.defaultTab .tabNav li.r-tabs-state-active a{color:#fff;} .defaultTab .tabNav li:hover a:before,.defaultTab .tabNav li.active a:before,.defaultTab .tabNav li.r-tabs-state-active a:before{background-color:#2b98e7;width:100%;} .defaultTab .tabNav li:first-child{margin-left:-9px;position:relative;} .defaultTab .tabNav li:first-child a{padding-left:45px;} .defaultTab .tabContent{padding:30px 0;} .tabNavOuter{position:relative;} .resTab{border:none;} .contactTab .tabContent{padding:0;} .contactTab ul{margin:0;padding:0;list-style-type:none;} .cntContainer li{border-left:1px solid #d8d8d8;display:inline-block;margin-top:40px;min-height:260px;padding:0 15px 0;position:relative;vertical-align:top;width:32%;} .cntContainer li:first-child,.cntContainer li:nth-child(5){padding-left:0;border:none;} .cntContainer h3{position:relative;} .cntContainer h3 span.icon{width:26px;height:26px;text-align:center;overflow:hidden;border-radius:50%;display:inline-block;vertical-align:middle;box-shadow:2px 2px 2px rgba(0,0,0,0.3);border:1px solid #fff;margin-right:14px;margin-top:-4px;} .cntContainer h3 span.icon img{display:block;border-radius:50%;} .cntContainer h3{font-size:25px;font-weight:400;line-height:32px;color:#2d62b2;} .cntContainer h3 span.icon.contactUK{background-position:-34px 3px;} .cntContainer h3 span.icon.contactFrance{background-position:-69px 3px;} .cntContainer h3 span.icon.contactIndia{background-position:-102px 3px;} .cntContainer h3 span.headOffice,.cntContainer h3 span.devCenter{font-size:13px;color:#595959;} .cntContainer h3 span.devCenter{position:absolute;left:40px;bottom:-24px;} .cntContainer li h4{color:#121212;font-size:16px;margin:20px 0 10px;} .cntContainer li p.cntAddress{margin-bottom:20px;padding-left:0;} .cntContainer li p{margin-bottom:10px;position:relative;font-size:15px;} .cntContainer li p a{text-decoration:none;color:#595959;} .cntContainer li p a i{margin-right:10px;} .cntContainer li p a:hover{text-decoration:underline;} /********************************* Start Of Case Studies Details Pages Css***************************************/ .case-study-project-information ul{padding:0px;margin:23px 0px 0px 0px;list-style:none;} .case-study-project-information ul li{padding:5px 0px;} .case-study-project-information ul li span{min-width:150px;display:inline-block;vertical-align:middle;} .case-study-project-information ul li strong{color:#000000;} .case-study-project-image img{width:100%;} .case-study-section:nth-child(odd){background:#ffffff;} .case-study-section:nth-child(even){background:#ffffff;} .case-study-section:nth-child(odd) .left-col{order:1} .case-study-section:nth-child(odd) .right-col{order:2} /* .case-study-section:nth-child(odd) .right-col .case-study-info{padding-left:5%;} */ .case-study-section:nth-child(even) .left-col{order:2} .case-study-section:nth-child(even) .right-col{order:1} /* .case-study-section:nth-child(even) .right-col .case-study-info{padding-right:5%;} */ .casestudyPopup ul.page-numbers{margin:50px 0px;} .case-study-image img{width:100%;} .case-study-info .title-small-text{font-size: 30px;line-height: 40px;font-weight: 600 !important;} .filter-list{text-align:center;padding:30px 0px;} .filter-list ul{padding:0px;margin:0px;} .filter-list li{display:inline-block;vertical-align:middle;margin:0px 5px;} .filter-list li a{color: #f37326;font-weight: 600;text-decoration: none;border: 1px solid #f37326;padding: 6px 15px;border-radius: 5px;display: block;font-size: 14px;} .filter-list li .active{color:#ffffff;background:#f37326;} .no-posts-found{text-align:center;margin-bottom:30px;} .technology-image img { width: 100%; } /********************************* End Of Case Studies Details Pages Css***************************************/ .hdd-banner-bg{background:url(../images/Hire-Dedicated-Developers-Banner-Bg.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;padding-top:150px;padding-bottom:100px;} .hdd-info h1{font-size:50px;font-weight:bold;} .hdd-info ul{margin-bottom:15px;} .hdd-info ul li{color:#ffffff;} .hdd-image img{width:100%;} .pricing-box{padding:50px 0px;text-align:center;background:#ECEBFC;border:1px solid #A7A4F5;} .pricing-col:nth-child(1) .pricing-box{border-right:none;} .pricing-col:nth-child(2) .pricing-box{background:#F9483B;border:1px solid #F9483B;} .pricing-col:nth-child(3) .pricing-box{border-left:none;} .pricing-box h5{font-size:50px;} .pricing-box h6{font-size:25px;margin-top:20px;} .pricing-list{padding-left:30px;} .technology-content{padding-top:30px;} .technology-tab ul:after{display:none;} .technology-tab ul:before{display:none;} .technology-tab ul{border-bottom:1px solid #a6a6a6;list-style-type:none;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;} .technology-tab ul li{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;text-align:center;} .technology-tab ul a{display:block;color:#A6A6A6;font-weight:normal;border-bottom:4px solid transparent;text-decoration:none;margin-bottom:-1px;padding:15px;} .technology-tab ul .active{font-weight:bold;color:#323232;border-bottom:4px solid #F9483B;} .technology-logo{background:#F8F8F8;padding:30px;text-align:center;margin:15px 0px;} .technology-logo img{width:80px;height:80px;object-fit:contain;} .technology-logo h6{color:#323232;margin-top:19px;margin-bottom:0px;} .call-to-action-bg{background:url("../images/Call-To-Action-Bg.jpg");background-size:cover;background-position:center center;background-repeat:no-repeat;padding:50px 0px;} .portfolio-bg{background:#ffffff;box-shadow:0px 0px 16px #00000029;padding:50px;} .portfolio-image img{width:100%;} .portfolio-info{padding-left:30px;} .blog-main.blog-list{background:#ffffff;} .blog-main.blog-list .button{display:none!important;} .blog-main.blog-list .swiper .swiper-slide{padding:0px;margin:0px!important;} .blog-main.blog-list .swiper .swiper-slide .blog-list-box{box-shadow:0px 0px 16px #00000029;border-radius:5px;padding:15px;margin:15px;} .blog-main.blog-list h2{color:#000000;} .hdd-why-choose-us-bg{background:url("../images/Hdd-Why-Choose-Us-Bg.jpg");background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;} .form-field-name{padding-bottom:5px;} .form-field-name label{font-size:16px;color:#323232;font-weight:600;} .hire-dedicated-developers-form{background:#ffffff;box-shadow:0px 0px 30px #00000029;margin-left:auto;} .hire-dedicated-developers-form-title{padding:15px;background:#eee;text-align:center;} .hire-dedicated-developers-form-title h3{font-size:25px;font-weight:bold;margin-bottom:0px;} .display-hire-dedicated-developers-form{padding:30px;} .form-field-input input{height:45px;padding:0px 15px;} .hire-dedicated-developers-form .button{width:100%;border-radius:0px;} .form-field-select select{height:45px;padding:0px 30px 0 10px;background:url("../images/Select-Arrow.png");background-size:10px;background-position:right .75rem center;background-repeat:no-repeat;} .g-recaptcha { border: 1px solid #c9c9c9; border-radius: 5px; -weblit-border-radius: 5px; height: 78px; overflow: hidden; padding: 0; position: relative; width: 200px; } .form-error{ font-size:14px; font-weight:500; color:#ff0000; margin-bottom:10px; } .benefits-icon-box{background:#ECEBFC;border:1px solid #A7A4F5;padding:50px 30px;text-align:center;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;} .benefits-icon-box h5{margin-top:15px;margin-bottom:0px;} .benefits-icon-box:hover{background:#252274;transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;} .benefits-icon-box:hover *{color:#ffffff;} .benefits-icon-box:hover img{filter:brightness(0) invert(1);} .hdd-info ol{list-style:none;padding:0px;margin:0px 0px 30px 0px;} .hdd-info ol li{color:#fff;margin-right:15px;display:inline-block;vertical-align:middle;position:relative;padding-left:20px;} .hdd-info ol li:before{content:"\f05d";font-family:FontAwesome;color:#f06823;position:absolute;left:0;top:0px;border-radius:100%;} .flexible-dedication-bg{background:linear-gradient(to bottom,#ffffff 50%,#f2f2f2 50%);} .flexible-dedication-accordion .accordion{margin:0px;} .flexible-dedication-accordion{background:#252274;box-shadow:0px 0px 16px #00000029;padding:50px;margin-left:-130px;} .flexible-dedication-accordion .accordion .accTrigger{font-size:24px;color:#de463b!important;background:none;color:#ffffff;border:none;margin-bottom:0px;padding:15px;border-bottom:1px solid #ffffff;} .flexible-dedication-accordion .accordion .accTrigger.active{border-bottom:none;} .flexible-dedication-accordion .accordion .accTrigger:before{color:#ffffff;border-color:#ffffff;} .flexible-dedication-accordion .accordion .accTrigger.active:before{color:#de463b!important;border-color:#de463b!important;} .flexible-dedication-accordion .accordion .accTrigger.active:after{display:none;} .flexible-dedication-accordion .accordion .accordDetail{color:#ffffff;border-bottom:1px solid #ffffff;padding-top:0px;} .flexible-dedication-accordion .accordion .accordDetail p{margin-bottom:0px;} .steps-col{position:relative;} .steps-col:before{content:"";width:50px;height:50px;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:none;border-left:none;position:absolute;right:-41px;border-radius:0px 30px 0px 30px;} .steps-col:after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;position:absolute;right:-45px;} .steps-box{display:flex;align-items:center;justify-content:center;padding:80px 30px;clip-path:polygon(0 0,85% 0%,100% 15%,100% 100%,15% 100%,0% 85%);text-align:center;margin:0px 30px;} .steps-box h5{font-size:18px;line-height:1.5;margin-bottom:0px;} .steps-slider .slick-slide:nth-child(1) .steps-box{background:#0070C0;} .steps-slider .slick-slide:nth-child(1) .steps-col:before{border-top-color:#0070C0;border-right-color:#0070C0;top:0px} .steps-slider .slick-slide:nth-child(1) .steps-col:after{border-top-color:#0070C0;top:50px;} .steps-slider .slick-slide:nth-child(2) .steps-box{background:#5A54C8;margin-top:60px;} .steps-slider .slick-slide:nth-child(2) .steps-col:before{border-top:none;border-bottom:1px solid #5A54C8;border-right-color:#0070c0;border-radius:0px 0px 60px 0px;bottom:0px;} .steps-slider .slick-slide:nth-child(2) .steps-col:after{border-top:none;border-bottom:5px solid #5A54C8;bottom:44px;} .steps-slider .slick-slide:nth-child(3) .steps-box{background:#CF4956;} .steps-slider .slick-slide:nth-child(3) .steps-col:before{border-top-color:#CF4956;border-right-color:#CF4956;top:0px} .steps-slider .slick-slide:nth-child(3) .steps-col:after{border-top-color:#CF4956;top:50px;} .steps-slider .slick-slide:nth-child(4) .steps-box{background:#1CA98F;margin-top:60px;} .steps-slider .slick-slide:nth-child(4) .steps-col:before{border-top:none;border-bottom:1px solid #1CA98F;border-right-color:#0070c0;border-radius:0px 0px 60px 0px;bottom:0px;} .steps-slider .slick-slide:nth-child(4) .steps-col:after{border-top:none;border-bottom:5px solid #1CA98F;bottom:44px;} .steps-slider .slick-slide:nth-child(5) .steps-box{background:#E1AD53;} .steps-slider .slick-slide:nth-child(5) .steps-col:before{display:none;} .steps-slider .slick-slide:nth-child(5) .steps-col:after{display:none;} .odoo-apps-box{margin:15px;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075)!important;} .odoo-apps-box a{text-decoration:none;} .odoo-apps-info{padding:10px;} .odoo-apps-info h3{font-size:18px;color:#000000;font-weight:bold;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1; /* number of lines to show */line-clamp:1;-webkit-box-orient:vertical;} .odoo-apps-info h4{font-size:12px;color:#374151;} .odoo-apps-info h5{text-align:right;margin-top:-18px;color:#374151;} .odoo-apps-info h5 strong{display:block;font-size:16px;font-weight:600;} .odoo-apps-info h5 span{font-size:16px;font-weight:500;} .odoo-apps-info h5 span i{color:#017e84;} .alliances-slider .slick-track{display:flex;align-items:center;} /*Don't Remove this is WP-Rocket Patch*/ body:not(.hasJS) section.hero .hero-slider .hero-slider-col:not(:first-child){display:none;} /*Odoo Road Show Banner*/ .roadShowBanner h2{font-size:54px;margin-bottom:0} .roadShowBanner p{font-weight:100;font-size:46px} .roadShowBanner .addrBox{display:flex;margin-bottom:20px;} .roadShowBanner .addrBox p{font-size:16px;margin-bottom:0;line-height:20px;margin-top:15px;font-weight:500} .roadShowBanner .addrBox .date{display:inline-block;font-size:18px;font-weight:600;padding:10px 15px;text-align:center;margin:0 auto;border:1px solid #ffffff;color:#ffffff;border-radius:5px;text-transform:uppercase;line-height:22px} .roadShowBanner .addrBox .addrInner{text-align:center;background:rgb(255 255 255 / 15%);padding:20px 24px;margin-right:10px;border-radius:7px;border:1px solid transparent;transition:0.3s all ease-in-out;} .roadShowBanner .addrBox .addrInner a{text-decoration:none} .roadShowBanner .addrBox .addrInner:hover{border:1px solid #fff;} .roadShowBanner .addrBox p span{display:block;} @media screen and (max-width:1799px){ .roadShowBanner.hero-slider-info p{font-size:38px} .roadShowBanner .addrBox .addrInner{padding:20px 15px;} .roadShowBanner.hero-slider-info .addrBox p{font-size:14px;} } @media screen and (max-width:1200px){ .roadShowBanner.hero-slider-info p{font-size:26px!important} .roadShowBanner.hero-slider-info .addrBox p{font-size:14px!important;} } @media screen and (max-width:991px){ .roadShowBanner .addrBox .addrInner{padding:15px} .roadShowBanner .addrBox p{margin-top:10px} .roadShowBanner .addrBox .date{font-size:16px;padding:5px 10px;line-height:20px;} } @media screen and (max-width:767px){ .hero-slider-box{height:430px!important;} } @media screen and (max-width:575px){ .roadShowBanner .addrBox{flex-direction:column;} .roadShowBanner .addrBox .addrInner{text-align:left;background:transparent;padding:0 0 8px;} .roadShowBanner .addrBox .addrInner a{display:flex;flex-direction:row;} .roadShowBanner .addrBox .date{margin:0px 15px 0 0;} .roadShowBanner.hero-slider-info p{font-size:18px!important;} } .hero-slider .slick-arrow{background:transparent;width:50px;height:50px;border-radius:100%;color:#aaa;border:1px solid #ff763a;} .hero-slider .slick-prev:before,.hero-slider .slick-next:before{color:#ff763a;} .hero-slider .slick-prev{left:20px;} .hero-slider .slick-next{right:20px;} .hero-slider-ai-chatbot-row .hero-slider-info ol li{color:#fff;font-weight:500;margin:15px 0px;} .hero-slider-ai-chatbot-row .hero-slider-info ol li::before{content:"";width:8px;height:8px;background:#13c8c8;display:inline-block;vertical-align:middle;border-radius:100%;margin-right:10px;} label.error{font-size:0px;font-weight:normal;position:absolute;right:5px;top:0px;bottom:0px;display:flex!important;align-items:center;padding:0px;margin:0px;z-index:11;} label.error:after{content:"";font-family:FontAwesome;color:#ffffff;font-size:12px;line-height:18px;font-weight:normal;opacity:1;border:none;width:18px;height:18px;border-radius:100%;display:block;text-align:center;} .error label.error:after{content:"\f00d";background:#f70000;} .valid label.error:after{content:"\f00c";background:#00ab15;} .form-field-captcha{position:relative;} .form-field-captcha span{position:absolute;right:0;top:0;bottom:0;z-index:1;background:#f3f3f3;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;min-width:150px;padding-right:20px;} .contactFormMain .grecaptcha img{border:none;border-bottom:0;position:static;top:17px;right:0px;} .form-field-captcha strong{font-size:14px;color:#ff6420;position:absolute;right:30px;top:0px;bottom:0px;z-index:1;display:flex;align-items:center;justify-content:center;cursor:pointer;} .form-field-captcha strong i{position:static!important;font-size:14px!important;color:#ff6420!important;padding:0px ! important;margin:0px!important;} .form-field{margin:5px 0px;position:relative;} .form-field-input{position:relative;} /********************************* Start Of AI Chatbot Pages Css***************************************/ .page-template-ai-chatbot .page-content{overflow:hidden;} .page-template-ai-chatbot .breadcum a{color:#000000;} .page-template-ai-chatbot .breadcum span{color:#000000;} .page-template-ai-chatbot #nav li a{color:#000000;} .page-template-ai-chatbot #nav li .sub-menu a{color:#ffffff;} .page-template-ai-chatbot .contactUs li a{color:#000000;} .page-template-ai-chatbot .contactUs li a i{color:#007DD1;} .page-template-ai-chatbot .contactUs li a i{color:#007DD1;} .page-template-ai-chatbot .sb-search .fa-search{color:#007DD1;} .page-template-ai-chatbot .site-main:after{display:none;} .page-template-ai-chatbot .accordion .accTrigger.active{color:#007DD1;} .page-template-ai-chatbot .accordion .accTrigger.active:after{background:#007DD1;} .page-template-ai-chatbot .accordion .accTrigger:before{color:#007DD1;border-color:#007DD1;} .page-template-ai-chatbot .button{border-radius:0px;} .page-template-ai-chatbot .button-border{background:none;border:1px solid;} .page-template-ai-chatbot .button + .button{margin-left:15px;} .page-template-ai-chatbot.stickyHeader #header{background:#ffffff;} .page-template-ai-chatbot .hamburger-inner{background:#007DD1;} .page-template-ai-chatbot .hamburger-inner:after{background:#007DD1;} .page-template-ai-chatbot .hamburger-inner:before{background:#007DD1;} .ai-chatbot-banner-bg{background:url("../images/AI-Chatbot-Banner-Bg.jpg");background-size:cover;background-position:center center;background-repeat:no-repeat;padding-top:200px;padding-bottom:40px;} .ai-chatbot-banner-info{padding-top:40px;} .ai-chatbot-banner-image img{width:100%;animation:float 6s ease-in-out infinite;} .ai-chatbot-banner-bg .breadcum{position:static;padding-top:20px;} .ai-chatbot-banner-info ul{list-style-type:none;padding:0px;margin-bottom:15px;} .ai-chatbot-banner-info ul li{color:#000000;font-weight:500;margin:5px 0px;} .ai-chatbot-banner-info ul li:before{content:"";width:8px;height:8px;background:#007DD1;display:inline-block;vertical-align:middle;border-radius:100%;margin-right:10px;} .ai-chatbot-feature-box{box-shadow:0px 5px 30px #0000001A;background:#ffffff;padding:30px;margin:15px 0px;display:flex;border-bottom:2px solid #007dd1;} .ai-chatbot-feature-image{width:100px;} .ai-chatbot-feature-info{width:calc(100% - 100px);padding-left:15px;} .ai-chatbot-feature-info h6{font-size:18px;margin-bottom:5px;} .ai-chatbot-feature-info p{line-height:1.5;margin-bottom:0px;} .ai-chatbot-hiw-slider .slick-dots li.slick-active button{background:#cccccc;} .ai-chatbot-hiw-title{padding-bottom:15px;} .ai-chatbot-hiw-box + .ai-chatbot-hiw-box{border-top:2px solid #989898;margin-top:15px;padding-top:15px;} .ai-chatbot-hiw-box h3{font-weight:bold;margin-bottom:5px;} .ai-chatbot-hiw-row{background:url("../images/Ai-Chatbot-How-It-Works-Bg.jpg");background-size:cover;background-position:center center;background-repeat:no-repeat;padding:50px;} .ai-chatbot-how-it-works-bg{position:relative;} .ai-chatbot-how-it-works-bg:before{content:"";width:300px;height:300px;position:absolute;left:-50px;top:-100px;background:#b4ffff;border-radius:100%;filter:blur(50px);opacity:0.5;z-index:-1;} .ai-chatbot-how-it-works-bg:after{content:"";width:300px;height:300px;position:absolute;right:-50px;bottom:-100px;background:#7fc7ed;border-radius:100%;filter:blur(30px);opacity:0.5;z-index:-1;} .ai-chatbot-free-info .link{font-size:14px;} .ai-chatbot-free-image{background:url(../images/Ai-Chatbot-Free-Image-Bg.png);background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative;z-index:1;} .ai-chatbot-free-image img{width:50%;margin:0px auto;display:block;animation:float 6s ease-in-out infinite;} @keyframes float{ 0%{transform:translatey(0)} 50%{transform:translatey(-40px)} to{transform:translatey(0)} } .ai-chatbot-use-bg{position:relative;} .ai-chatbot-use-bg:before{content:"";width:300px;height:300px;position:absolute;left:20%;top:-100px;background:#b4ffff;border-radius:100%;filter:blur(50px);opacity:0.5;z-index:-1;} .ai-chatbot-use-box{background:#ffffff;box-shadow:0px 5px 30px #0000001A;} .ai-chatbot-use-image img{width:100%;} .ai-chatbot-use-info{padding:15px;} .ai-chatbot-cta-bg{background:url("../images/AI-Chatbot-Call-To-Action-Bg.jpg");background-size:cover;background-position:center center;background-repeat:no-repeat;padding:30px;} /********************************* End Of AI Chatbot Pages Css***************************************/ /********************************* Start Of SAP Business One Hana Pages Css***************************************/ .left-right-row + .left-right-row{margin-top:50px;} .left-right-row:nth-child(odd) .left-col{order:1;} .left-right-row:nth-child(odd) .right-col{order:2;} .left-right-row:nth-child(even) .left-col{order:2;} .left-right-row:nth-child(even) .right-col{order:1;} .left-right-info{padding:5%;} .services-we-offer-box .services-we-offer-image img{width:90px;height:90px;} .call-to-action-bg{background:url('../images/Call-To-Action-Bg.jpg');background-size:cover;background-position:center center;background-repeat:no-repeat;} .number-counter-bg{background:url('../images/Number-Counter-Bg.jpg');background-size:cover;background-position:center center;background-repeat:no-repeat;} .number-counter-box{text-align:center;background:#fff;border:1px solid #d3d3d3;border-bottom:4px solid #de463b;padding:30px 15px;} .number-counter-box p{font-size:16px;line-height:1;margin-bottom:0px;} /********************************* End Of SAP Business One Hana Pages Css***************************************/ /********************************* Start Of SAP Business One Cloud Solutions Pages Css***************************************/ .why-bg{background:url("../images/Why-Bg.jpg");background-size:cover;background-position:center center;background-repeat:no-repeat;} .why-info{padding:50px;background:#ffffff;} .left-box{display:flex;align-items:center;border-bottom:3px solid transparent;padding-bottom:15px;} .left-image{width:50px;} .left-info{width:calc(100% - 50px);padding-left:15px;} .left-info h5{font-size:16px;margin-bottom:5px;} .left-info p{font-size:14px;line-height:1.4;margin-bottom:0px;} .left-box:hover{border-color:#DE463B;} /********************************* End Of SAP Business One Cloud Solutions Pages Css***************************************/ /* @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1200px!important; } } */ /*********************************** Start Of odd vs Sap Class Css ***********************************/ .listAccordianItems .accordDetail .customRow {padding: 0px 30px;align-items:inherit;} .listAccordianItems .accordDetail .customRow p { padding: 12px 0px;} .boder-lr{padding: 16px 0px;border-left: 1px solid #ccc;height:100%;} /*********************************** End Of Common Class Css ***********************************/ /* Odoo ERP Demo */ .page-template-odoo-demo section#innerBanner, .page-template-odoo-demo .site-main:after {display: none;} .page-template-odoo-demo #wrapper{overflow: unset!important;} .odooLandingBanner {padding-top: 180px;position: relative;margin-bottom: 35px;} .odooLandingBanner:before{content:'';position:absolute;background-image: url(../images/odoo-erp-demo-banner.jpg);background-repeat: no-repeat;background-size: cover;width: 100%;height: 670px;position: absolute;top: 0;} .odooLandingBanner .getAQuote { padding: 0; margin-top: 0; max-width: 670px;border-radius: 17px;background-color: #fff;} .odooLandingBanner .getAQuote h2 { text-align: center; z-index: 1; position: relative; font-size: 32px;color: #2C2898; font-weight: 700; margin-bottom: 14px} .odooLandingBanner .getAQuoteFormInner { position: relative; background: #fff; border-radius: 17px; border-top: 7px solid #DE463B;; padding: 40px 50px; box-shadow: 0px 0px 46px #00000021;} .odooLandingBanner .form-group input, .odooLandingBanner .form-group textarea {font-size: 20px;color: #9A9A9A;line-height: 28px;border: 0;padding: 0 0 20px;margin-bottom: 20px;height: auto;border-bottom: 1px solid #b8b8b8;} .odooLandingBanner .form-group.grecaptcha {position: relative;margin-bottom: 20px;} .odooLandingBanner .form-group.grecaptcha img.reqCaptachImg {position: absolute;top: 0;right: 0;} .odooLandingBanner .getAQuoteFormInner .demo-btn {width: 100%;background-color: #DE463B;border-radius: 2px;padding: 18px;font-size: 24px;line-height: 24px;} .landingBannerCaption { padding-top: 100px;} .landingBannerCaption h5 {font-size: 30px;color: #fff;line-height: 41px;} .landingBannerCaption h1 {color: #fff;font-size: 56px;line-height: 60px;font-weight: 700;} .landingBannerCaption span {color: #fff;font-size: 22px;margin-top: 14px;display: block;line-height: 30px;} .oddoDemosolutions{background-color: #F8F8F8;padding: 65px 0;text-align: center;} .oddoDemosolutions a.button.secondary-bg {font-size: 16px;font-weight: normal;padding: 18px 36px;border-radius: 0;line-height: 16px;margin-top: 58px;} .oddoDemosolutions .services-we-offer-box {background: #fff;padding: 28px;border-bottom: 0;box-shadow: none;height: 100%;text-align: center;margin: 10px;border: 1px solid #fff;transition: 0.3s all ease-in-out;} .oddoDemosolutions .services-we-offer-box:hover {border-color:#2C2898;} .oddoDemosolutions .services-we-offer-box .services-we-offer-info h5 {font-size: 22px;font-weight: normal !important;margin: 5px 0 0;} .aboutOdoo h2 {margin-bottom: 20px;} .aboutOdoo ul {list-style-type: none;margin: 0;padding: 0;} .aboutOdoo ul li {padding-left: 20px;font-size: 20px;margin-bottom: 7px;position: relative;} .aboutOdoo ul li span {font-weight: 500;} .aboutOdoo ul li a {color: #DE463B;} .aboutOdoo ul li:before {content: '';width: 12px;height: 12px;position: absolute;left: 0;top: 11px;background-image: url(../images/check.svg);background-size: 12px;} @media(max-width:1858px){ .landingBannerCaption h1{font-size: 52px;} .odooLandingBanner .getAQuote{max-width: 600px;} .oddoDemosolutions .services-we-offer-box .services-we-offer-info h5{font-size: 18px;} .oddoDemosolutions .services-we-offer-box{padding: 28px 25px;} } @media(max-width:1399px){ .landingBannerCaption h5{font-size: 24px;font-weight: 600 !important;} .landingBannerCaption h1{font-size: 42px;line-height: 46px;} .odooLandingBanner .getAQuote{max-width: 600px;} .landingBannerCaption span{font-size: 20px;} .oddoDemosolutions .services-we-offer-box .services-we-offer-info h5{font-size: 16px;} .oddoDemosolutions .services-we-offer-box{padding: 28px 18px;} .aboutOdoo ul li{font-size: 18px;} .aboutOdoo ul li:before{top: 9px;} } @media(max-width:1199px){ .landingBannerCaption h5{font-size: 20px;} .landingBannerCaption h1{font-size: 36px;line-height: 44px;} .landingBannerCaption span{font-size: 18px;} .odooLandingBanner .getAQuoteFormInner{padding: 25px;} .odooLandingBanner .getAQuote h2{font-size: 28px;} .odooLandingBanner .form-group input, .odooLandingBanner .form-group textarea{padding: 0 0 15px;margin-bottom: 15px;font-size: 16px;line-height: 24px;} .odooLandingBanner .getAQuoteFormInner .demo-btn{padding: 14px;font-size: 20px;line-height: 20px;} .odooLandingBanner:before{height: 580px;} .oddoDemosolutions .services-we-offer-box{padding: 20px 14px;margin: 5px;} .oddoDemosolutions .services-we-offer-box .services-we-offer-info h5 {font-size: 14px;} .aboutOdoo ul li{font-size: 16px;} } @media(max-width:991px){ .odooLandingBanner {padding: 30px 0 0;} .landingBannerCaption {padding: 80px 45px 30px;display: flex;align-items: center;justify-content: center;} .landingBannerCaption h1 br {display: none;} .landingBannerCaption h1 {line-height: 36px;margin-bottom: 0;} .landingBannerCaption h5 {margin-bottom: 0;} .odooLandingBanner .getAQuote {margin: 0 auto!important;} } @media(max-width:575px){ .landingBannerCaption {padding: 80px 0 30px;} .landingBannerCaption h5 {font-size: 16px;line-height: 28px;} .landingBannerCaption h1 {font-size: 26px;line-height: 32px;} .landingBannerCaption span {font-size: 16px;line-height: 20px;margin-top: 10px;} .odooLandingBanner .getAQuote h2 {font-size: 24px;margin-bottom: 0;} .odooLandingBanner .form-group input, .odooLandingBanner .form-group textarea {padding: 0 0 10px;margin-bottom: 10px;font-size: 14px;} .odooLandingBanner .getAQuoteFormInner {padding: 20px;border-radius: 12px;} .odooLandingBanner .getAQuoteFormInner .demo-btn {font-size: 16px;padding: 10px;} .modernServices h2.title-text {font-size: 20px;line-height: 24px;} .oddoDemosolutions {padding: 30px 10px;} .oddoDemosolutions a.button.secondary-bg {margin-top: 30px;font-size: 14px;padding: 12px 24px;} } /* Horizontal Tabs */ .tabs-box{background:#ffffff;box-shadow:16px 16px 46px #00000029;margin-top:15px;} .tabs-list ul li{flex:1 0 0%;} .tabs-list ul li a{font-size:18px;color:#161616;font-weight:bold;text-align:center;padding:15px 5px;background:#e3e3e3;display:block;position:relative;} .tabs-list ul li a:after{content:"";font-size:20px;width:15px;height:15px;background:#044AA7;position:absolute;left:0px;right:0px;bottom:-7px;margin:0px auto;opacity:0;transform:rotate(46deg);-webkit-transform:rotate(46deg);-moz-transform:rotate(46deg);-ms-transform:rotate(46deg);-o-transform:rotate(46deg);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;} .tabs-list ul li .active{background:#044AA7;color:#ffffff;} .tabs-list ul li .active:after{opacity:1;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;} .tab-content-box{padding:5%;} .tabs-top-info{padding-right:5%;} .tabs-content-image img{width:100%;} section.technologyTabs .tab-content-box {padding: 65px 50px 50px;max-width: 1200px;margin: -25px auto 0;border: 1px solid #e1e1e1;border-radius: 4px;} section.technologyTabs .tabs-list ul li {flex: 0 auto;border-radius: 4px;overflow: hidden;overflow: hidden;border: 1px solid #ffffff;padding: 2px;transition: 0.3s all ease-in-out;} section.technologyTabs .tabs-list ul li a {padding: 12px 40px;font-weight: 500;transition: 0.3s all ease-in-out;border-radius: 4px;text-decoration: none;} section.technologyTabs .tabs-list ul.nav {justify-content: center;gap: 20px;} section.technologyTabs .tabs-list ul li a:after {display: none;} section.technologyTabs .tabs-content-image ul {display: flex;gap: 20px;justify-content: center;flex-wrap: wrap;} section.technologyTabs .tabs-content-image ul li {display: flex;align-items: center;justify-content: center;padding: 0 20px;box-shadow: 0 0 20px #0000001a;border-radius: 4px;width: 180px;} section.technologyTabs .tabs-list ul li a:hover {background: #044aa7;color: #fff;} section.technologyTabs .tabs-list ul li:hover {border-color: #044aa7;} section.technologyTabs .tabs-box {margin-top: 40px;box-shadow: none;} .servicesTabs .nav button img {height: 50px; width: 50px;} .modernWorkPlace .services-we-offer-info h5 { font-size: 24px; } .servicesTabs { box-shadow: 0 10px 60px #0000001F; } .modernWorkPlace .empty-space.modernServices { background: #F6F6F7;} .modernServices .services-we-offer-info h5 { font-size: 18px; font-weight: 500 !important;margin-top: 10px;} .modernServices .services-we-offer-box { border-bottom: 0; padding: 30px; margin:15px 15px; box-shadow: none; } .modernWorkPlace .why-choose-us-bg { background-image: url(https://www.silvertouch.ca/wp-content/uploads/2023/09/Mask-Group-51.jpg); } .modernWorkPlace .why-choose-us-info ul { padding-left: 0; list-style-type: none; } .modernWorkPlace .why-choose-us-info ul li { margin-bottom: 7px; font-weight: 500; padding-left: 20px; position: relative; } .modernWorkPlace .why-choose-us-info ul li:before { content: '';background: #DE463B;width:8px;height:8px;border-radius:100%;position:absolute;top:9px;left:0;} .modernWorkPlace section.keyHighLight { background: #F1F1F2; padding-bottom: 80px; } .modernWorkPlace section.keyHighLight h2 { font-size: 40px; } .servicesTabs .nav { padding: 40px 0px 30px 40px; border-bottom: 0; } .servicesTabs .nav button{padding:20px;text-align:left;color:#212529;border-bottom:2px solid #ececec;border-radius:0;font-size:22px;position:relative;overflow:unset;} .servicesTabs .accordion-button:focus { box-shadow: none; } .servicesTabs .nav button.active { background: transparent; color: #DE463B; border-color: #FF6420; } .servicesTabs .nav button:last-child { border-bottom: 0; } .servicesTabs .nav button img { margin-right: 20px; } .servicesTabs .tab-content .accordion-body { background-image: url(https://www.silvertouch.ca/wp-content/uploads/2023/09/Mask-Group-38.png); background-color: #0d2752; background-attachment: fixed; background-size: cover; background-position: center center; color: #fff; border-radius: 0; padding: 60px 60px; height: 100%; overflow-y: scroll; } .vertical-tab-height {height: 100%;} .servicesTabs .tab-content .accordion-body::-webkit-scrollbar { width: 5px; } .servicesTabs .tab-content .accordion-body::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .servicesTabs .tab-content .accordion-body::-webkit-scrollbar-thumb { background-color: #ffffff; outline: 1px solid #000000; } .servicesTabs .tab-content .accordion-body h3 { font-size: 30px; color: #fff; } .servicesTabs .tab-content .accordion-body h6{color: #ffffff;} .servicesTabs .tab-content .accordion-body .accordion-info { border-bottom: 1px solid rgb(255 255 255 / 15%); padding: 15px 0px; } .servicesTabs .tab-content .accordion-body .accordion-info:last-child { border-bottom: none; } .servicesTabs .nav button:before { content: ""; position: absolute; top: 50%; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left:18px solid transparent; right: -18px; transform: translateY(-50%); z-index: 1; transition: 0.3s all ease-in-out; } .servicesTabs .nav button.active:before { border-left: 18px solid white; transition: 0.3s all ease-in-out; } .case-studies-box { position: relative; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow: hidden; margin-bottom: 15px; } .case-studies-box:hover .case-studies-image img { transform: scale(1.1); -webkit-transform: scale(1.1); } .case-studies-image img { width: 100%; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; } .case-studies-info { position: absolute; top: 0px; left: 0px; right: 0px; padding: 15px; } .case-studies-info h3 { color: #000000; font-weight: bold; } .case-studies-info h6 { font-weight: 500; } .knowMoreLink { color: #de463b; font-weight: bold; text-decoration: none; padding: 10px 35px 10px 0; position: relative; z-index: 1; overflow: hidden; border-radius: 7px; display: inline-block; transition: all .35s ease 0s; -webkit-transition: all .35s ease 0s; } .knowMoreLink:before { left: 0; top: 0; bottom: 0; width: 0; content: ""; background-color: #de463b; position: absolute; transition: all .6s ease 0s; -webkit-transition: all .6s ease 0s; z-index: -1; } .knowMoreLink:after { width: 25px; height: 100%; background: url(//modernworkplace.silvertouch.com/wp-content/themes/modernworkplace/assets/images/link-icon.png) no-repeat left center; position: absolute; right: 0; top: 0; content: ""; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; } .knowMoreLink:hover:after, .knowMoreLink:focus:after, .case-studies-box:hover .knowMoreLink:after, .case-studies-box:hover .knowMoreLink:after, .case-studies-box:hover .knowMoreLink:after { opacity: 0; visibility: hidden; right: 20px; } .knowMoreLink:hover:before, .knowMoreLink:focus:before, .case-studies-box:hover .knowMoreLink:before, .case-studies-box:hover .knowMoreLink:before, .case-studies-box:hover .knowMoreLink:before { width: 100%; } .knowMoreLink:hover, .knowMoreLink:focus, .case-studies-box:hover .knowMoreLink, .case-studies-box:hover .knowMoreLink, .case-studies-box:hover .knowMoreLink { color: #fff; padding-left: 25px; padding-right: 25px; } .call-to-action { background: #f1f1f1; } @media (max-width: 991px) {.tab-content>.tab-pane {display: block;opacity: 1;}.modernServices .services-we-offer-box{padding: 20px 10px;}} @media only screen and (max-width: 1199px){ .modernServices .slick-slide {margin: 10px;}.modernServices .services-we-offer-info h5 {font-size: 16px;} .accordion-item{border:0!important;} .tab-content {background-image: url(https://www.silvertouch.ca/wp-content/uploads/2023/09/Mask-Group-38.png);background-color: #0d2752;height: 100%;} .case-studies-info h6{font-size: 14px;} .case-studies-info h3{font-size: 18px;} } @media only screen and (max-width: 1399px){ .servicesTabs .nav button{font-size:18px;padding:15px}.servicesTabs .nav button img {margin-right: 10px;}.servicesTabs .nav{padding:15px 0 15px 15px} } @media only screen and (max-width:767px){ .case-studies-slider { padding: 0px 15px } .servicesTabs .tab-content .accordion-body { padding: 15px; } } @media screen and (max-width: 576px){.title-text {font-size: 24px;}.modernWorkPlace section.keyHighLight h2 {font-size: 34px;}} @media screen and (max-width: 476px){ .modernWorkPlace .services-we-offer-info h5 {font-size: 20px;}.modernWorkPlace section.keyHighLight h2 {font-size: 28px;line-height: 36px;} }