/*! Theme Name: softwebsolutions Theme URI: https://www.softwebsolutions.com/ Author: Softweb Solutions Team Author URI: https://www.softwebsolutions.com/ Description: We infuse our AI and data engineering insights capabilities to deliver exceptional customer value. Version: 1.0.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: softwebsolutions Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready */ /* Loader Styling */ @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Raleway:wght@700&display=swap'); #loader{display:flex;justify-content:center;align-items:center;margin-top:10px} .spinner{border:4px solid rgba(0,0,0,0.1);border-left-color:#0073aa;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite} @keyframes spin { to { transform: rotate(360deg); } } #live-search-results{background:#fff;border:0;width: 100%;right:30px;top:72px;position:absolute;z-index:1000;display:none} #loader{display:flex;justify-content:center;align-items:center;margin-top:10px} #loader img{width:24px;height:24px} #live-search-results ul{list-style:none;margin:0;padding:0} #live-search-results li{padding:8px 21px;border-bottom:0} #live-search-results li a{text-decoration:none;color:#333} #live-search-results li a:hover{color:#0073aa} #live-search-results p{padding:10px} /*Cookie Notice*/ #cookie-notice {z-index: 9999999;} #cookie-notice .cookie-notice-container{max-width:1650px;margin:auto;display:flex;justify-content:space-between;align-items:center} #cookie-notice .cookie-notice-container #cn-notice-text{flex:auto} #cookie-notice .cookie-notice-container .cookie_text{text-align:left;font-size:18px;line-height:1.4;color:#051e29;padding-right:5%} #cn-close-notice{display:none!important} @media (max-width: 1199px) { header #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on:hover > a.mega-menu-link:before{display:none!important} } @media (max-width: 1780px) { #cookie-notice .cookie-notice-container{max-width:1550px} } @media (max-width: 1599px) { /* #cookie-notice .cookie-notice-container{max-width:1380px} */ #cookie-notice .cookie-notice-container{max-width:1360px} } @media (max-width: 1280px) { #cookie-notice .cookie-notice-container{max-width:1180px} } @media (max-width: 1199px) { #cookie-notice .cookie-notice-container{max-width:95%} } @media (max-width: 767px) { #cookie-notice .cookie-notice-container{flex-flow:wrap;text-align:center;justify-content:center} #cookie-notice .cookie-notice-container .cookie_text{text-align:center;padding:0 0 10px} .cn-set-cookie{font-size:16px!important;padding:10px 20px!important} } #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.btn.btn-cta-header.contact-link .mega-menu-link{text-transform:capitalize;font-weight:700;line-height:36px} #cookie-notice{box-shadow:0 0 30px 0 #1360f824} .cn-set-cookie{text-align:center!important;display:inline-block!important;position:relative!important;text-decoration:none;text-transform:capitalize!important;font-size:20px!important;padding:12px 30px!important;border-radius:60px!important;overflow:hidden!important;background:#74d5ff!important;color:#000!important;border:0!important;box-shadow:none!important;font-weight:600!important;font-family:"Inter",sans-serif!important;transition:all .3s!important;line-height:1.3!important;z-index:2!important;border:2px solid #74d5ff!important} .cn-set-cookie:after{background-color:#012d61;border-radius:60px;content:"";display:block;height:100%;width:100%;position:absolute;left:0;top:0;transform:translate(-100%,0) rotate(10deg);transform-origin:top left;transition:.2s transform ease-out;will-change:transform;z-index:-1} .cn-set-cookie:hover{color:#fff!important;border:2px solid #012d61!important;background-color:#012d61!important} .cn-set-cookie:hover::after{transform:translate(0,0)} #cn-more-info{display:none!important} .faq-accordion .accordion-button{border:1px solid #d1e1ff!important} .faq-accordion .accordion-button:hover{border:1px solid #74d5ff!important} /*Cookie Notice*/ body {font-family: "Inter", sans-serif;background-color: #e6f2fe;scroll-behavior: smooth;font-style: normal;word-break: break-word !important;} i {font-style: normal !important;} img {max-width: 100%;} a {text-decoration: none;transition: 0.3s;color: #0a72c2;} a:hover {text-decoration: done;} a.btn-outline-primary:hover, a.btn-dark:hover, a.btn:hover {text-decoration: none !important;} .segment-content a:hover{text-decoration:underline} .segment-content.px-0 img{border-radius: 12px; /* margin: 30px 0; */ } .segment-content ul.bullet-listing li{padding-bottom: 0;} .segment-content .segment-right{position: relative;right: 0px;} .bg-gray{background-color:#e6f2fe} h4{color:#051e29;font-size:26px;font-weight:300;line-height:1.4;} h3{font-size:40px;line-height:56px;font-family:"Inter",sans-serif;font-weight:700;color:#000;} p{font-size:20px;color:#223037;line-height:1.4} .card{border:0;border-radius:30px;box-shadow:none;background:#fff} .btn-primary{text-align:center;display:inline-block;position:relative;text-decoration:none; font-size:18px;padding:8px 24px;border-radius:60px;overflow:hidden;background:#0087d3!important;color:#fff;border:0;box-shadow:none;font-weight:500;font-family:"Inter",sans-serif;transition:all .3s;line-height:1.3;z-index:2;border:2px solid #0087d3!important} .btn-primary::after{background-color:#012d61;border-radius:60px;content:"";display:block;height:100%;width:100%;position:absolute;left:0;top:0;transform:translate(-100%,0) rotate(10deg);transform-origin:top left;transition:.2s transform ease-out;will-change:transform;z-index:-1} .btn-primary:hover{color:#fff;border:2px solid #012d61!important;background-color:#012d61!important} .btn-primary:hover::after{transform:translate(0,0)} .link-outline-primary{font-size:20px;line-height:1.4;padding:10px 15px;color:#051e29;font-weight:400;position:relative;z-index:9} .link-outline-primary:after{content:"";left:0;right:0;bottom:0;height:3px;position:absolute;background:#0087d3;z-index:-1;transition:.3s height} .link-outline-primary:hover:after{height:100%;transition:.3s height} .btn-outline-primary { color: #fff !important; border: 0px solid #012d61 !important; text-align: center; display: inline-block; position: relative; text-decoration: none; font-size: 18px; padding: 10px 24px; border-radius: 60px; overflow: hidden; box-shadow: none; font-weight: 500; font-family: "Inter", sans-serif; transition: all .3s; line-height: 1.3; z-index: 2; background-color: #012d61 !important; } .btn-outline-primary::after{background-color:#0087d3;border-radius:60px;content:"";display:block;height:100%;width:100%;position:absolute;left:0;top:0;transform:translate(-100%,0) rotate(10deg);transform-origin:top left;transition:.2s transform ease-out;will-change:transform;z-index:-1} .btn-outline-primary:hover::after{transform:translate(0,0)} .btn-outline-primary:hover{border:2px solid transparent;color:#fff!important;transform:scale(1);will-change:transform;background-color:#0087d3!important;cursor:pointer} .btn-outline-primary.secondary-btn{font-size:18px;padding:6px 30px} .btn-dark{color:#fff!important;border:none!important;text-align:center;display:inline-block;position:relative;text-decoration:none;font-size:18px;padding:8px 24px;border-radius:60px;overflow:hidden;box-shadow:none;font-weight:500;transition:all .3s;line-height:1.3;z-index:2;background-color:#051e29!important} .btn-dark::after{background-color:#fac848;border-radius:60px;content:"";display:block;height:100%;width:100%;position:absolute;left:0;top:0;transform:translate(-100%,0) rotate(10deg);transform-origin:top left;transition:.2s transform ease-out;will-change:transform;z-index:-1} .btn-dark:hover::after{transform:translate(0,0)} .btn-dark:hover{border:none!important;color:#051e29!important;transform:scale(1);will-change:transform;background-color:#fac848!important} .btn-blue-dark{color:#fff!important;border:none!important;text-align:center;display:inline-block;position:relative;text-decoration:none; font-size:18px;padding:8px 24px;border-radius:60px;overflow:hidden;box-shadow:none;font-weight:500;transition:all .3s;line-height:1.3;z-index:2;background-color:#012d61!important} .btn-blue-dark::after{background-color:#fac848;border-radius:60px;content:"";display:block;height:100%;width:100%;position:absolute;left:0;top:0;transform:translate(-100%,0) rotate(10deg);transform-origin:top left;transition:.2s transform ease-out;will-change:transform;z-index:-1} .btn-blue-dark:hover::after{transform:translate(0,0)} .btn-blue-dark:hover{border:none!important;color:#051e29!important;transform:scale(1);will-change:transform;background-color:#fac848!important} input.form-control{border-radius:6px!important;height:58px} .form-select:focus{box-shadow: none;} /* common css */ .section-space{padding:60px 0} .padding_bottom_60{padding-bottom:60px!important;padding-top:0!important} .padding_0{margin:0!important} .margin_0{padding:0!important} .padding_60{padding:60px 0!important} .padding_top_60{padding-top:60px!important;padding-bottom:0!important} @media (max-width: 1599px) { .padding_60{padding:50px 0!important} .padding_top_60{padding-top:50px!important} .padding_bottom_60{padding-bottom:50px!important} } @media (max-width: 767px) { .padding_60{padding:20px 0!important} .padding_top_60{padding-top:20px!important} .padding_bottom_60{padding-bottom:20px!important} .section3.padding_bottom_60{padding-bottom:50px!important} } .container{max-width:1650px} .connect-form .btn-warning::after{background-color:#012d61} .connect-form .btn-warning:hover{border:0;color:#fff} .connect-form iframe{min-height:602px} header #loader-img img{text-align:center;display:flex;justify-content:center;position:relative;left:45%;width:80px} @media (max-width: 767px) { header #loader-img img{left:35%;right:0} } .search-form{margin-left:20px} .search-form .form-control{display:none} .search-form .search-btn{border:0;background:transparent;font-size:22px;padding:0} .custom-button{position:relative;bottom:60px} .link-button{font-size:26px;font-weight:400;color:#051e29;position:relative;padding:5px 10px;z-index:1} .link-button:after{content:"";width:16px;height:16px;background:url(images/success-stories-arrow.svg) no-repeat center center;display:none;margin-left:5px;vertical-align:middle} .link-button:hover:after{display:inline-block} .link-button i{font-size:14px;color:#051e29;opacity:.3;transform:rotate(45deg);position:absolute;right:-8px;top:50%;margin-top:-8px;transition:.5s all} .link-button:before{content:"";position:absolute;left:10px;bottom:0;height:2px;width:calc(100% - 20px);background:#fac848;transition:.5s all;z-index:-1} .link-button:hover:before{z-index:-1;width:calc(100% + 10px);left:0;height:100%} .link-button:hover i{opacity:1} /* *************************************** inner banner ************************************************************* */ .inner-banner-section{position:relative;margin-top:-95px;width:100%;background-position:center;background-repeat:no-repeat;z-index:2;background-color: #000626;} .inner-banner-section:after{background:#000;background:linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);content:"";position:absolute;top:0;width:100%;height:160px;z-index:-1} .inner-banner-content{min-height:25em;padding-top:83px;display:flex;position:relative;z-index:2;align-items:center} .inner-banner-content h1{font-family:"Inter",sans-serif;font-size:32px;font-weight:700!important;line-height:1.3;text-align:left;margin:0;color:#fff;} .inner-banner-content h2{font-family:"Inter",sans-serif;font-size:24px;font-weight:300;line-height:1.3;text-align:left;color:#fff;} .inner-banner-content .w-60 p{font-family:"Inter",sans-serif;font-size:24px;font-weight:300;line-height:1.3;margin-bottom:8px;text-align:left;color:#fff;} .inner-banner-content .w-60{width:54%} .heading-para{font-family:"Inter",sans-serif;font-weight:300;font-size:32px;line-height:1.3;color:#051e29;} .heading-h2{font-family:"Inter",sans-serif;font-size:38px;font-weight:700;line-height:1.4;padding-bottom:26px;color:#051e29;} .heading-h3{font-family:"Inter",sans-serif;font-size:26px!important;font-weight:400;line-height:32px;color:#051e29;text-align:start;} .heading-h4{font-family:"Inter",sans-serif;font-size:24px!important;font-weight:600;line-height:34px;color:#051e29;} p{font-family:"Inter",sans-serif;font-size:18px;font-weight:400;line-height:1.4;text-align:left;color:#223037} .font-16{font-size:16px} .font-22{font-size:22px} .font-24{font-size:24px} .font-26{font-size:26px;line-height:36px} .font-30{font-size:30px} .font-32{font-size:32px} .font-40{font-size:38px} .font-36{font-size:36px} .font-40 b,.font-36 b,.heading-h2 b{font-weight:700!important} .fw-bold{font-weight:700!important} .font-bold{font-family:"Inter", sans-serif;font-weight:700} b,strong{font-weight:700!important} .font-30{color:#051e29;line-height:1.3} .font-light{font-weight:300!important} .font-normal{font-weight:400!important} .font-extra-bold{font-weight:800!important} .tab-extra-space{position:relative;background:#fff;overflow:hidden} .tab-extra-space:after{content:"";background:#fff;position:absolute;height:60px;top:100%;left:0;width:100%} .section-tab.section-scroll{position:sticky;top:-1px;z-index:10;transition:.5s all} .scrolled-up ~ .section-tab.section-scroll{top:82px} .section-tab .nav-section{background:#e8eefa;color:#051e29!important;height:60px;align-items:center;justify-content:center;box-shadow:0 4px 0 0 #9dbee3;display:flex;list-style:none;padding-left:0;margin-bottom:0} nav.section-tab.darkHeader{position:sticky;z-index:999;top:0;background:#fff;width:100%;padding:14px 0;box-shadow:0 0 30px 0 #1360f824} .section-tab .nav-section .nav-item a{background-color:transparent;color:#051e29!important;font-weight:400!important;font-size:20px!important;cursor:pointer!important;height:60px;line-height:2.9;} .section-tab .nav-section .nav-item a.active{color:#051e29!important;font-weight:700!important} .section-tab .nav-section .nav-item a:hover{color:#000!important} .section-tab .nav-section .nav-item a.active::after{content:"";border-bottom:4px solid #fac848;width:100%;position:absolute;left:0;bottom:-12px;display:none} .section-tab .nav-item{padding:0 22px;position:relative;height:60px;display:flex;align-items:center} .section-tab .nav-item:hover{background:#bfd6f1} /* common css */ header{transition:.3s all;transition-timing-function:ease;height:82px;position:relative;width:100%;z-index:20;top:0} header.scrolled-up,header:hover{position:sticky;top:0;left:0;width:100%;z-index:99;box-shadow:0 2px 5px 1px rgba(64,60,67,0.16);background:rgba(255,255,255,1);box-shadow:0 4px 30px rgba(0,0,0,0.1);backdrop-filter:blur(7.7px);-webkit-backdrop-filter:blur(7.7px)} header.scrolled-up .black-logo,header:hover .black-logo{display:block} .black-logo{display:none} header.scrolled-up,header:hover{transition:none} header.scrolled-up .white-logo,header:hover .white-logo{display:none} header.scrolled-up .navbar .nav-item a.nav-link,header:hover .navbar .nav-item a.nav-link{color:#051e29!important} .navbar{padding:0} .header-inner{display:flex;width:100%;align-items:center;align-items:center;padding:5px 0;height:82px} .header-inner .header-right{flex:auto;display:flex;align-items:center;justify-content:flex-end;padding-right:0} .navbar .nav-link{color:#355360!important;font-size:20px;font-family:"Inter",sans-serif;padding:26px 25px!important;font-weight:400;transition:none;z-index:2;box-sizing:border-box} .navbar .nav-item{margin:0;position:static} .navbar .nav-item a.nav-link{color:#fff!important} .navbar .nav-item a.nav-link.active{color:#fac848!important;font-weight:500} header:hover .navbar .nav-item a.nav-link:hover, header:hover .navbar .nav-item a.nav-link.active {color: #000000 !important;} .navbar .nav-item a.nav-link.dropdown-toggle::after{content:none} .header-inner .navbar-brand{padding:0;display:inline-block;margin-left:0;float:left} .navbar-brand img{vertical-align:top;max-height:67px} .header-right .navbar-toggler{margin-right:15px} .sub-menu-slider{margin-bottom:0} .sub-menu-slider .slick-next{bottom:0!important;right:0!important;top:inherit;transform:none} .sub-menu-slider .slick-prev{bottom:0;top:inherit;right:60px!important;left:inherit;transform:none} .sub-menu-slider p{font-size:20px;margin-bottom:10px} .sub-menu-slider img{border-radius:12px;margin-bottom:15px} .sub-menu-slider .btn-outline-primary{margin-top:15px} .sub-menu-botom-search{display:flex;justify-content:space-between;align-items:center} .sub-menu-botom-search .menu-search{flex:0 0 60%;max-width:60%;position:relative} .sub-menu-botom-search .menu-search input{border:1px solid #c3dae3;padding:8px 10px;width:100%;border-radius:6px;font-size:20px;padding-right:55px;font-family:"Inter",sans-serif;font-weight:400;outline:none} .sub-menu-botom-search .menu-search button{position:absolute;right:9px;top:10px;background:transparent;border:0;box-shadow:none} .menu-contact-list{color:#355360;font-size:16px;padding:5px 0;display:flex;align-items:center} .menu-contact-list img{margin-right:10px} .menu-contact-list a:hover{text-decoration:underline} .btn-cta-header a{background:#fff;border:2px solid #fff;font-size:16px;color:#000;border-radius:25px;padding:10px 25px;transition:.5s all;text-transform:uppercase;font-weight:700;overflow:hidden;position:relative} .btn-cta-header .fa{display:none} header:hover .btn-cta-header a,.scrolled-up .btn-cta-header a{background:#051e29;border:2px solid #051e29;color:#fff} .btn-cta-header a::after{background-color:#fac848;border-radius:20px;content:"";display:block;height:100%;width:100%;position:absolute;left:0;top:0;transform:translate(-100%,0) rotate(10deg);transform-origin:top left;transition:.2s transform ease-out;will-change:transform;z-index:-1} .btn-cta-header a:hover::after{transform:translate(0,0)} header:hover .btn-cta-header a:hover{border:2px solid #fac848!important;color:#000;transform:scale(1);will-change:transform;background-color:#fac848} .search-box,.header-search-icon{position:relative;color:#000;z-index:9} .search-input-box{position:absolute;right:30px;top:-100px; overflow:hidden;z-index:1;transition: all 0.5s ease !important;height:100%;border-radius:0} .search-box.open .search-input-box{width:100%;top:0 !important; /* transform: translate(0, -100%); */ } .search-box.open .fa-search:before{content:"\f00d";color:#000} .input-search{height:82px; border-style:none;padding:10px 20px;font-size:18px;outline:none;border-radius:0; /* transition:all .3s ease-in-out;background:#fff url(images/icon-search.svg) no-repeat right 20px center; */ padding-right:40px;color:#000;position:absolute;right:0;border:1px solid #c4c4c4;border-radius:0;border-bottom:5px solid #fac848;background-size:20px} .search-box.open{position:static} .header-inner .header-right.open{position:relative;height:82px;top:0px} .search-box.open .input-search,#live-search-results{width:calc(100% - 50px)} .search-box .btn-close{font-size:15px} .input-search::placeholder{color:#444343;font-size:22px !important;font-weight:100} .btn-search{width:50px;height:50px;border-style:none;font-size:20px;font-weight:700;outline:none;cursor:pointer;border-radius:50%;position:relative;right:0;color:#fff;background-color:transparent;pointer-events:painted;z-index:2} .btn-search .fa-search{width:20px;height:20px;background:url(images/icon-search.svg) no-repeat center center;background-size:100%;filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(176deg) brightness(101%) contrast(105%)} #close-search img{width:24px} .search-box.open .btn-search .fa-search{background:none} .fa-search::before{content:none} .dropdown:hover .dropdown-menu{display:block} .submenu-2{position:relative} .submenu-2-content{background-color:#fff;min-width:720px;left:auto;right:auto;padding:0!important;box-shadow:0 4px 30px rgba(0,0,0,0.1);border-radius:12px} .submenu-2:hover::after{content:"";position:relative;bottom:0;background-color:#fac848;height:5px;border-radius:2px;display:block;width:50px;bottom:15px;margin:0 auto} .submenu-2-content ul{list-style-type:none} .submenu-2-content ul li a:hover{text-decoration:underline} .submenu-2-content .tab-content-box{padding:30px 40px} .submenu-2-content .tab-content-box .tabcontent{display:none} .submenu-2-content .tab-content-box .tabcontent:first-child{display:block} .navbar .submenu-2-content .flex-column{border-right:solid 1px #bccdf3} .navbar .submenu-2-content .nav-link{padding:10px 30px!important;font-size:20px;color:#355360!important;border-bottom:solid 1px #bccdf3;min-width:340px;text-align:left;border-radius:0} .navbar .submenu-2-content .nav-pills .nav-link.active, .navbar .submenu-2-content .nav-pills .show > .nav-link {background-color: transparent;font-weight: 700;color: #012d61 !important;} .navbar .submenu-2-content .nav-link:hover {border-right: solid 5px #fac848;color: #000000 !important;} .submenu-list{margin-top:35px;padding-left:0} .submenu-list li{margin-bottom:15px} .submenu-list li a{font-size:18px} /* footer css */ footer{padding:28px 0 40px;background:#fff} .footer-links-top{display:flex;justify-content:space-between} .footer-links-top .footer-links{max-width:20%;color:#355360;line-height:24px;font-size:16px;margin-bottom:20px} .footer-middle .footer-links{flex:0 0 20%;max-width:20%;color:#355360;line-height:24px;font-size:16px;margin-bottom:20px;margin-bottom:0!important} .footer-links-top .footer-links h4,.footer-middle .footer-links h5{font-size:20px;line-height:34px;font-weight:700;margin-bottom:20px;color:#000} .footer-middle .footer-links h5{font-size:18px;font-weight:700;margin:0!important;line-height:34px;color:#012d61;text-transform:uppercase} .footer-links-top .footer-links h4:after,.footer-middle .footer-links h5::after{content:none} .footer-links-top .footer-links ul{padding:0;margin:0;list-style:none} .footer-links-top .footer-links ul li a{color:#051e29;line-height:1.4;font-size:18px;margin-bottom:8px;transition:.5s all;position:relative;display:block} .footer-links-top .footer-links a:hover{text-decoration:underline} .footer-middle{border-top:1px solid #cee4ee;border-bottom:1px solid #cee4ee;padding:35px 0;display:flex} .footer-middle .footer-logo{padding-right:20px} .footer-middle .footer-logo img{min-width:142px} .social-links{display:flex;margin-right:70px} .social-links a{transition:all .5s ease;color:#000;margin-right:10px;font-size:20px;transform:translateZ(0);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#fff} .social-links a:hover{background-color:#a8c5cf} .social-links a:hover i{color:#000} .company-address{display:flex;flex:auto;align-items:self-start;padding-left:10px} .company-address .address-content{flex:0 0 35%;max-width:35%;padding:0 15px 0 20px} .company-address .address-content h5{font-size:16px;font-weight:700;margin:0;line-height:34px;color:#012d61;} .company-address .address-content p{margin:0;color:#051e29;font-size:16px;font-weight:400;line-height:28px} .company-address .address-content:first-child,.company-address .address-content:last-child{flex:0 0 30%;max-width:30%} .footer-bottom{display:flex;justify-content:space-between;padding:35px 0 20px;color:#355360;font-size:16px;font-weight:400;align-items:center} .direct-links a{padding:0 12px;border-right:1px solid #cee4ee;color:#051e29;font-size:15px} .direct-links{padding-bottom:20px} .direct-links a:hover{text-decoration:underline} .direct-links a:last-child{padding-right:0;border-right:0} .direct-links a:first-child{padding-left:0} .footer-bottom-right{display:flex;align-items:center} /**** mega-menu css new ***/ .submenu-list-row{display:flex;flex-flow:wrap;margin-left:-15px;margin-right:-15px} .submenu-list-links{flex:0 0 100%;max-width:100%;display:flex;flex-flow:wrap} .submenu-box{flex:0 0 25%;max-width:25%;padding:0 15px;padding-right:40px} .submenu-box.fill-width-menu{flex:0 0 100%;max-width:100%} .submenu-box.fill-width-menu .submenu-box-link-list a{padding:7px 0} .submenu-box-title{font-size:20px;font-weight:700;color:#012d61;border-bottom:1px solid #bccdf3;padding:0 0 5px;cursor:pointer} .submenu-box-title a{display:block;color:#051e29!important} .submenu-box-link-list{padding:10px 0 30px} .submenu-box-link-list a{color:#051e29;display:flex;font-size:18px!important;line-height:1.3;text-decoration:none;padding:4px 0} .submenu-box-link-list a:hover{text-decoration:underline} .submenu-img-right{flex:0 0 25%;max-width:25%;padding:0 15px} .submenu-text-box{padding:0 15px} .submenu-text-box img{border-radius:12px;margin-bottom:15px;object-fit:cover;height:200px;width:100%} .submenu-text-box p{color:#051e29} /**** mega-menu css new ***/ .cookie-page-design{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:10px 0;box-shadow:0 0 30px 0 #1360f824;max-width:100%;margin:auto;z-index:9999} .cookie-page-design.remove{display:none} .cookie-content-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0} .cookie-content{font-size:20px;line-height:1.4;color:#051e29;padding-right:5%} .cookie-button{white-space:nowrap} /* common css */ .btn-warning{text-align:center;display:inline-block;position:relative;text-decoration:none;font-size:18px;padding:8px 24px !important;border-radius:60px;overflow:hidden;background:#fac848!important;color:#000;border:0;box-shadow:none;font-weight:600;font-family:"Inter",sans-serif;z-index:2;transition:.2s transform ease-out} .btn-warning::after{background-color:#fff;border-radius:60px;content:"";display:block;height:100%;width:100%;position:absolute;left:0;top:0;transform:translate(-100%,0) rotate(10deg);transform-origin:top left;transition:.2s transform ease-out;will-change:transform;z-index:-1} .btn-warning:hover::after{transform:translate(0,0)} .btn-warning:hover{border:0;color:#012d61;transform:scale(1);will-change:transform} .border-radius-bottom{border-bottom-right-radius:60px} .border-radius-top{border-top-left-radius:60px} .yellow-color{color:#fac848!important} /* common css */ .placeholder-menu {display: none;} .slick-next, .slick-prev { height: 50px; width: 50px; z-index: 5; border-radius: 6px; background: #F6F9FF; transition: 0.5s all; } .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { background-color: #fac848 !important; } /* featured-section css */ .featured-section{background:#fff;padding:60px 0} .featured-content{border:1px solid transparent;display:flex;border-radius:12px;background:#fff;box-shadow:0px 0px 15px 0px #1360F824;overflow:hidden;margin-bottom:10px; margin: 10px;} .featured-slide .slick-slide{padding:15px 0} .featured-slide .slick-slide .row{padding:0 20px;margin:auto;width:calc(100% + 50px);position:relative;left:-25px;margin-left:-3px} .featured-content:hover{border:1px solid #74d5ff} .featured-content-left{flex:auto;padding:25px;position:relative;display:flex;flex-direction:column;align-items:baseline} .featured-content-left:before{content:"";width:12px;height:12px;background:url(images/icon-feature-hover.svg) no-repeat center center;background-size:100%;display:inline-block;position:absolute;bottom:15px;right:15px;transition:.5s all} .featured-content:hover .featured-content-left:before{filter:brightness(0) saturate(100%)} .category-lable{background:#fac848;display:inline-block;font-size:16px;font-weight:400;text-transform:capitalize;padding:2px 15px;border-radius:6px;color:#051e29;} /* .insight-slider .card .category-lable{position: absolute;top: 20px;left:20px;} */ .featured-content-left p.d-block{position:relative} .featured-content-left p.d-block::after{content:"";position:absolute;width:8px;height:8px;background:#fff;border-radius:50px;left:8px;top:12px} .featured-title{font-size:24px;line-height:1.4;color:#051e29;margin-bottom:15px;margin-top:10px;font-weight:300} .featured-title a{color:#051e29; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .featured-content-left p{border: 1px solid #A8C5CF; font-size: 14px; color: #051e29; margin-bottom: 0; margin-top: auto; display: none; padding: 0 10px 0 24px; /* background: #e4edff; */ line-height: 2; height: 32px; border-radius: 30px 9px 9px 30px;} .featured-content-left p:hover { border: 1px solid #fac848; } .featured-content-right{max-width:360px;overflow:hidden;flex:0 0 360px} .featured-content-right img{height: 100%; /*height:270px; object-fit:cover; transition:.5s all */ } /* .featured-content:hover .featured-content-right img{transform:scale(1.2);transition:.5s all} */ .featured-section .nav-tabs{justify-content:flex-end;position:relative;top:0;border-bottom:0;margin-top:-50px;padding-bottom:15px} .featured-section .nav-tabs .nav-link{background:transparent;border:0!important;color:#051e29;position:relative} .featured-section .nav-tabs .nav-link.active,.featured-section .nav-tabs .nav-link:hover{color:#000;position:relative} .featured-section .nav-tabs .nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;background-color:#fac848;height:3px;margin:0 auto;width:75%} .featured-section .slick-prev{left:inherit;top:inherit;bottom:-65px;right:68px} .featured-section .slick-next{left:inherit;top:inherit;bottom:-65px;right:8px} .featured-section .nav-tabs .nav-item:hover .nav-link:after{content:"";background:#fac848;width:38px;height:3px;display:inline-block;position:absolute;margin:auto;left:0;right:0;bottom:0} /* featured-section css */ /*-------------------------------------------------------------- # Section7 --------------------------------------------------------------*/ .section7{position:relative;padding:60px 0;background:#d9e9ff;background-image: url(images/connect_bg.webp) !important;background-size: cover !important;} .section7:before{content:"";position:absolute;left:0;bottom:0;top:0;right:0;border-radius:0 0 0 0;} /* .section7:before{content:"";position:absolute;left:0;bottom:0;top:0;right:0;border-radius:0 0 0 0;background-color:#012d61} */ .section7 .container{position:relative;align-items:center;color:#fff} .section7 .connect-div{padding:20px 0px; color:#fff;display:flex;border-radius:12px 0 0 12px;align-items:center} .section7 .connect-div p.underline-title{display:inline-block;position:relative;color:#fff;font-size: 40px;line-height: 56px;font-family: Inter, sans-serif; font-weight: 700; margin-bottom: .5rem; padding-bottom: 0;} .section7 .connect-div p.underline-title:after{position:absolute;content:"";width:100%;height:2px;bottom:0;left:0;background-color:#fff;display:none} .section7 .connect-div h4{color:#fff;font-size:30px;line-height:1.4;padding-bottom:20px;color:#012d61} .section7 .connect-div h4 b{font-weight:700} .section7 .connect-div p{color:#fff;font-size:30px;line-height:1.4;padding-bottom:20px;color:#fff;font-weight: 300;} .section7 .connect-div p b{font-weight:700} .section7 .connect-form{background:#fff;border-radius:12px ;padding:15px 36px 10px;margin-left: 190px;} .section7 .connect-form .row{padding:0} .section7 .connect-img div:nth-child(-n + 1){position:relative;margin-left:0} .section7 .connect-img div{position:relative;margin-left:-10px;display: none;} .section7 .connect-form .form-label{color:#051e29;font-size:20px;font-weight:400} .section7 .connect-form .form-control{background:#e8eefa;border:1px solid #e8eefa;box-shadow:none;color:#000} .section7 .connect-form .form-control:focus{background:#fff;color:#000;border:1px solid #355360} .section3 .slick-list{margin-left:-15px;margin-right:-15px} .section3 .slick-list .slick-slide{padding:0 15px} .section3 .card{height:330px;border-radius:12px;background:#fff;position:relative;display:flex;align-items:flex-end;transition:.4s ease-out;overflow:hidden;box-shadow:none} .section3 .card:hover:before{opacity:1} .section3 .card img{width:100%;transition:transform .5s ease;transform:translateY(1)} .section3 .card:hover img{transform:translateY(-1em);transition:.5s all;opacity:1} .section3 .card .info{position:absolute;z-index:3;bottom:0;padding:15px 52px 15px 25px;width:100%;height:120px;background-color:#fff;color:#051e29;opacity:1;transition:.5s all;padding-right:52px!important;left: 0;} .section3 .card:hover .info{bottom:0;background-color:#fff} .section3 .card .info h1{margin:0} .stories .slick-track{display:flex} .section3 .card .info p{margin:0;line-height:1.3;color:#fff;opacity:1} .section3 .insight-slider .slick-slide .card:before{display: none;} .section3 .insight-slider .slick-slide .card .info img{filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(672%) hue-rotate(246deg) brightness(122%) contrast(100%);} .section3 .insight-slider .slick-slide .card .info:hover img{ filter: brightness(0) saturate(100%) invert(0%) sepia(90%) saturate(7460%) hue-rotate(346deg) brightness(89%) contrast(111%); } .section3 .card:hover .info p{opacity:1} .section3 .card .info p.fw-bold{color:#fff;margin-bottom:3px;opacity:1} .section3 .card .info .hover-arrow{width:52px;height:51px;position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:center;border-radius:10px 0 0 0;transition:.5s all;overflow:hidden} .section3 .card .info .hover-arrow:before{content:"";background:#fac848;height:100%;bottom:-52px;position:absolute;left:0;right:0;transition:.5s all} .section3 .card:hover .info .hover-arrow:before{bottom:0} .section3 .card .info i{rotate:0;color:#012d61} .section3 .card .info i img{transform:translateY(0);height:auto} .section3 .slick-next{right:0;top:-60px} .section3 .slick-next.slick-disabled, .section3 .slick-prev.slick-disabled { background-color: #f2f6fe; color: #93a0a9 !important; } .section3 .slick-next.slick-disabled:focus, .section3 .slick-next.slick-disabled:hover, .section3 .slick-prev.slick-disabled:focus, .section3 .slick-prev.slick-disabled:hover { background-color: #f2f6fe !important; } .menu-icon {display: none;} /* *************************************************** ctg ************************************************ */ body .ctg{background:#81d3fb;position:relative;z-index:2;padding:108px 0;background-size:cover!important;background-repeat:no-repeat;background-position: 20%;} .ctg .container{position:relative;color:#fff} .contact-us-text h2,.contact-us-text .ctg_heading{font-size:40px;font-weight:400;color:#051e29;line-height:1.3;margin-bottom:20px} @media (max-width: 1599px) { .contact-us-text h2,.contact-us-text .ctg_heading{font-size:26px;line-height:1.4} .ctg .container{padding:10px 0} .segment-content .segment-right{left: 20px;} } @media (min-width: 992px) and (max-width: 1200px) { .segment-content.px-0 .row.justify-content-between .col-xl-6.col-lg-5.col-md-5.col-12.text-center{padding-right: 50px;} } @media (max-width: 1299px) { .inner-banner-content .w-60{width: 65%;} .inner-banner-section:after { height: 100% !important; /* background: linear-gradient(180deg, rgb(0 0 0 / 68%) 0%, rgb(0 0 0 / 43%) 100%, rgba(0, 0, 0, 0) 100%); */ background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, .7) 100%, rgba(0, 0, 0, 0) 100%); } } .ctg b { padding: 0 !important; } @media (max-width: 1199px) { .ctg *{text-align:start;padding: 0 10px;} .ctg{background-image:none!important;padding:40px 0} .ctg .contact-us-text h2,.ctg .contact-us-text .ctg_heading{text-align: start;} .ctg .btn.btn-dark{text-align: start !important;} .contact-us-text h2,.ctg .contact-us-text .ctg_heading{color:#051e29} .ctg::after{background:#74d5ff;opacity:.5;content:"";position:absolute;top:0;height:100%;width:100%;display:block;z-index:-1} .ctg .container{padding:0} .ctg .ctg_heading span{padding: 0;} } @media (max-width: 991px) { .segment-content .segment-right{left: 0px;} .inner-banner-content .w-60{width: 100%;} .ctg{background-image:none!important} .segment-content .segment-right{position: relative;right: 0px;} } @media (max-width: 1399px) { .ctg {padding: 60px 0;} } @media (max-width: 1440px) { .segment-content .segment-right{position: relative;right: 0px;} } @media (max-width: 767px) { .ctg p{text-align: start !important;} .ctg .contact-us-text{text-align: start; padding: 0 10px;} .inner-banner-section:after{height:100%!important;background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, .7) 100%, rgba(0, 0, 0, 0) 100%);} .ctg .row{margin:0} .ctg *{text-align:start} img.connect-now-img{width:70px;height:70px} .section7 .connect-div p.underline-title{font-size: 24px !important;line-height: 34px;} .section7 .connect-div p{font-size: 20px !important;text-align: center !important;} } @media (max-width: 450px) { .ctg .contact-us-text{ padding: 0px;} .ctg .btn{text-align:start} } /* *************************************************** ctg end ************************************************ */ @media (min-width: 1920px) { .inner-banner-section { background-size: cover; } } @media (max-width: 1780px) { .container { max-width: 1550px; } } @media (min-width: 1200px) { #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container > .mega-sub-menu > .mega-menu-item > .mega-menu-link:hover { background-image: url(images/success-stories-arrow.svg) !important; background-repeat: no-repeat !important; background-position: right !important; /* transition: 0.5s all !important; */ } #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover { background-image: url(images/success-stories-arrow.svg) !important; background-repeat: no-repeat !important; background-position: right !important; } .menu-icon { display: block; } .list-menu .submenu-list-links { flex: 0 0 100%; max-width: 100%; } .list-menu .submenu-box.fill-width-menu { padding-right: 15px !important; max-width: 1400px; margin: auto; } .list-menu .submenu-box.fill-width-menu .submenu-box-link-list { padding: 0; } .list-menu .submenu-box.fill-width-menu .submenu-box-link-list .row { margin-left: -50px; margin-right: -50px; } .list-menu .submenu-box.fill-width-menu .submenu-box-link-list .col-md-12 { flex: 0 0 33.33%; max-width: 33.33%; padding-left: 50px; padding-right: 50px; } .list-menu .submenu-box.fill-width-menu .submenu-box-link-list .col-md-12 a { border-radius: 0; padding: 5px 0; font-size: 20px !important; font-weight: 700; color: #012d61; flex-flow: wrap; border-bottom: 1px solid #a8c5cf; text-decoration: none !important; transition: 0.3s all; height: 100%; position: relative; } .list-menu .submenu-box.fill-width-menu .submenu-box-link-list .col-md-12 a:after { content: ""; width: 18px; height: 18px; position: absolute; right: 0; top: 50%; margin-top: -9px; background: url(images/success-stories-arrow.svg) no-repeat center center; transition: 0.5s all; opacity: 0; } .list-menu .submenu-box.fill-width-menu .submenu-box-link-list .col-md-12 a:hover:after {opacity: 1;} .list-menu .submenu-box.fill-width-menu .submenu-box-link-list .col-md-12 a .menu-icon {display: none;} .list-menu .submenu-box.fill-width-menu .submenu-box-link-list .col-md-12 a span {flex: 0 0 100%;text-align: left;} .list-menu .submenu-box.fill-width-menu .submenu-box-link-list .col-md-12 a span:last-child {padding-bottom: 5px;position: relative;padding-top: 5px;} .list-menu .submenu-box.fill-width-menu .submenu-box-link-list .col-md-12 a:hover span:last-child:after {opacity: 1;} .list-menu .submenu-box.fill-width-menu .submenu-box-link-list .col-md-12.image-menu {flex: 0 0 450px;} .list-menu .submenu-box.fill-width-menu .submenu-box-link-list .col-md-12.image-menu a {border: 0 !important;padding: 0;} .submenu-box-title {position: relative;} .submenu-box-title:after { content: ""; width: 18px; height: 18px; position: absolute; right: 0; top: 50%; margin-top: -9px; background: url("images/success-stories-arrow.svg") no-repeat center center; transition: 0.5s all; opacity: 0; } .submenu-box-title:hover:after {opacity: 1;} .mega-menu {display: none;} .navbar .nav-item:hover .mega-menu {display: block;} } @media (min-width: 1600px) { .list-menu .submenu-box.fill-width-menu .submenu-box-link-list .col-md-12 a { font-size: 20px; } } @media (max-width: 1599px) { .section7:before{border-radius:50px 0 0 0} .heading-h2,.font-40,.font-36{font-size:32px!important;line-height:1.4!important} .heading-h3{font-size:20px!important;line-height:1.2!important} .heading-h4{font-size:18px!important;font-weight:600;line-height:1.2!important;text-align:start!important} .font-24{font-size:20px} .font-22{font-size:17px} .font-26{font-size:22px} .font-30{font-size:26px} .font-32{font-size:28px} .font-40{font-size:28px} p{font-size:16px;font-weight:400;line-height:1.4} .heading-para{font-size:22px} .section-space,.featured-section{padding:50px 0} .sub-menu-slider p{font-size:16px;margin-bottom:10px} /* .container{max-width:1380px} */ .container{max-width:1360px} .tabs-body-content{font-size:18px;line-height:1.4} h3{font-size:32px;line-height:1.4} h4{font-size:20px} .section3 .card .info p,p{font-size:16px} .section3 .card{height:295px} .section3 .card .info{height:100px} .link-button{font-size:18px} input.form-control{border-radius:6px!important;height:44px} .footer-links-top .footer-links ul li a,.footer-links-top .footer-links,.company-info-footer{line-height:18px;font-size:14px} .company-address .address-content h5{line-height:28px;font-size:14px;text-align:left} .footer-middle .footer-links h5{line-height:28px;font-size:14px} .company-address .address-content p{font-size:14px;line-height:28px} .company-address .address-content{padding:0 10px 0 15px} .footer-bottom{font-size:14px} .navbar .nav-link{padding:27px 15px!important;font-size:18px} .mega-menu .col-md-9{padding-left:5%} .sub-menu-list ul li a{font-size:18px} .sub-menu-botom-search .menu-search input{font-size:16px} .sub-menu-botom-search .menu-search button{line-height:1;top:10px} .submenu-box-title{font-size:18px} .submenu-box-link-list a{font-size:16px;padding:5px 0} .submenu-box-link-list{padding:5px 0 15px} .submenu-text-box img{height:140px} .btn-cta-header a{padding:7px 20px;font-size:14px} .cookie-content{font-size:16px} .btn-outline-primary,.btn-primary,.btn-warning{font-size:16px;} .btn-dark{font-size:16px!important;padding:10px 30px} .border-radius-bottom{border-bottom-right-radius:50px} .border-radius-top{border-top-left-radius:50px} .link-outline-primary{font-size:16px;line-height:1.4;padding:8px 10px} .section7 .connect-div h4,.section7 .connect-div p{font-size:22px} .section7{padding:60px 0} .section7 .container .row{padding:0} .section7 .connect-div{padding:44px 30px} .section7 .container{padding:0 5px;justify-content:center} .featured-content-right{max-width:230px;overflow:hidden;flex:0 0 230px} .featured-content-right img{height:100%} .featured-content-left p{font-size:14px;line-height: 1.5; height: 25px;padding: 0 10px 0 16px;} .featured-title{font-size:18px} #nav-tabContent .featured-bottom{margin-bottom:1rem !important;} .section-tab .nav-section,.section-tab .nav-item{height:45px; padding: 0 15px;} .section-tab .nav-section .nav-item a{font-weight:400!important;font-size:16px!important;cursor:pointer;height:45px;line-height:2.9} .scrolled-up ~ .section-tab.section-scroll{top:80px} .featured-content{height:100%} .list-menu .submenu-box.fill-width-menu .submenu-box-link-list .col-md-12 a{font-size:18px!important} .section7 .connect-form {margin-left: 120px; } .direct-links a{padding: 0 7px;} .social-links { margin-right: 10px;} .featured-custom-bottom {margin-bottom: 25px;} .flex-bottom .featured-content .featured-content-right{max-width: 300px; overflow: hidden; flex: 0 0 300px; } } @media (max-width: 1399px) { .section-tab .nav-section .nav-item a{ font-size:14px!important;cursor:pointer;line-height:2.9} .container {max-width: 1250px;} } @media (max-width: 1280px) { .flex-bottom .featured-content .featured-content-right{max-width: 230px; overflow: hidden; flex: 0 0 230px; } .container{max-width:1160px} .navbar .nav-item:hover .mega-menu{padding:20px 35px;max-height:calc(100vh - 82px);overflow:auto} .submenu-box{padding:0 10px;padding-right:10px} .inner-banner-section{background-position:right 15% center} } @media (max-width: 1780px) { .inner-banner-section{background-position:right 30% center} } @media (max-width: 1128px) { .footer-bottom-left {text-align: center;} } @media (max-width: 1199px) { .featured-custom-bottom {margin-bottom: 10px;} .navbar .nav-item:hover .mega-menu{max-height:inherit!important;overflow:visible} .container{max-width:95%} .footer-bottom{flex-flow:wrap;justify-content:center} .direct-links a{font-size:14px} .footer-bottom .copy-rights{padding-bottom:15px} .navbar-toggler div{width:100%;height:3px;background:#fff;margin:6px auto;transition:all .3s;backface-visibility:hidden;border-radius:4px} .navbar-toggler.on div{background:#355360} .navbar-toggler div.two{width:75%;margin-left:0} .navbar-toggler.on .one{transform:rotate(45deg) translate(5px,5px)} .navbar-toggler.on .two{opacity:0} .navbar-toggler.on .three{transform:rotate(-45deg) translate(7px,-8px)} .navbar-collapse{position:fixed;top:0;left:0;right:0;background:#e9effc;z-index:99;bottom:0;height:100vh;overflow:auto;padding:70px 0 0} .navbar .nav-link{padding:18px 15px!important;border-bottom:0!important} .navbar .nav-item{border-bottom:1px solid #a8c5cf;position:relative} .navbar .nav-item.open{background-color:#fff} .navbar .nav-item:last-child{border-bottom:0} .navbar-collapse .navbar-nav-scroll{--bs-scroll-height:inherit!important;max-height:calc(100vh - 80px)} .navbar .nav-link{color:#fff!important} .navbar .nav-link:hover,.navbar .nav-link.active{color:#74d5ff!important} .mega-menu{position:static;height:auto;padding:0 15px!important;opacity:1;background-color:transparent;display:none;border-top:0;box-shadow:none} .nav-item.open .mega-menu{display:block} .mega-menu .container{max-width:100%;padding:0} .mega-menu .container .col-md-3{display:none} .mega-menu .container .col-md-9{padding-left:25px;width:100%} .sub-menu-botom-search{display:none} .sub-menu-list ul{margin-bottom:0} .sub-menu-list ul li{flex:0 0 100%;max-width:100%} .sub-menu-list ul li a{font-size:16px;color:#000} .sub-menu-list ul li a:after{content:none} .navbar .nav-item a.nav-link{color:#000!important;display:flex;align-items:center;justify-content:space-between} .navbar .nav-item a.nav-link.dropdown-toggle{width:calc(100% - 52px)} .navbar .nav-item.dropdown:hover .nav-link{position:static} header.scrolled-up .navbar .nav-item a.nav-link,header:hover .navbar .nav-item a.nav-link{color:#000!important} .navbar .nav-item .toogle-btn-menu::after{content:"+";border:0!important;font-size:28px;line-height:1} .navbar .nav-item.open .toogle-btn-menu::after{content:"-";font-family:cursive} .header-right .navbar-toggler.mobile-toggle{color:#000;position:absolute;right:0;top:10px;font-size:30px} .header-right .navbar-toggler{margin-right:0;width:30px;padding:0;color:#fff;border:0;order:3;box-shadow:none;z-index:100} .menu-open{overflow:hidden} .navbar-toggler-icon { width: 24px; filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(3753%) hue-rotate(184deg) brightness(121%) contrast(100%); } .scrolled-up .header-right .navbar-toggler div,header:hover .header-right .navbar-toggler div{background:#355360} .scrolled-up .header-right .navbar-toggler.on div,header:hover .header-right .navbar-toggler.on div{background:#355360} .scrolled-up .navbar-toggler-icon,header:hover .navbar-toggler-icon{filter:none} .social-links{margin-right:0;margin-bottom:10px} .footer-bottom-right{flex-direction:column;padding-left:40px} .submenu-img-right{display:none} .navbar .nav-item.dropdown:hover .nav-link:before{content:none} .submenu-list-links{flex:0 0 100%;max-width:100%} .submenu-box{flex:0 0 50%;max-width:50%} .navbar-brand{padding:5px 0 0} span.toogle-btn-menu{width:32px;height:32px;text-align:center;background:#fac848;border-radius:4px;position:absolute;z-index:999;right:15px;top:15px} .navbar .nav-item a.nav-link.active{color:#000!important;font-weight:500} .search-box.open .search-input-box,#live-search-results,#loader-img,#loader-imgg{width:calc(100% - 70px);right:34px} .header-inner .header-right.open{height:72px} .search-box.open .input-search{width:100%;top:0; /* height:72px */ } .featured-content-right img{height:100%} .section3 .card img{object-fit:cover} .section3 .card .info{bottom:0;background-color:#fff} .section3 .card .info p{opacity:1} .section3 .card{height:100%} .section3 .card .info{height:auto;position:static;padding-left:15px;padding-top:10px} .scrolled-up ~ .section-tab.section-scroll { top: 70px; display: none; } .font-40,.font-36,.heading-h2{font-size:32px} .navbar-brand img{max-height:60px} .border-radius-bottom{border-bottom-right-radius:50px} .border-radius-top{border-top-left-radius:50px} .section7 .connect-form{ margin-left: 50px;} } @media (max-width: 1024px) { .section3 .slick-next{right:0;top:-60px} h2{font-size:32px;line-height:1.4} .section7 .connect-form{ margin-left: 50px;} } @media (max-width: 991px) { .section-tab{display: none;} .section-tab .nav-item{padding:0 9px} .section-tab .nav-section .nav-item a{font-size:14px!important} .link-button{font-size:16px} .footer-links-top{flex-flow:wrap} .footer-links-top .footer-links{flex:0 0 100%;max-width:100%;background:#e8eefa;padding:10px 15px;border-radius:6px} .footer-links-top .footer-links ul,.company-info-footer{display:none} .footer-links-top .footer-links h4.open ~ ul, .footer-links-top .footer-links h4.open ~ .company-info-footer { display: block; padding-top: 5px; } .footer-links-top .footer-links h4{margin-bottom:0;position:relative;font-size:18px;cursor:pointer;text-align:left} .footer-links-top .footer-links h4:before{content:"+"!important;position:absolute;right:0;font-size:24px;width:auto;height:auto;background:transparent} .footer-links-top .footer-links h4.open:before{content:"-"!important} .company-address{flex-flow:wrap} .company-address .address-content{flex:0 0 100%!important;max-width:100%!important;margin-bottom:15px} .company-address .address-content h5{text-align:center} .company-address .address-content p{text-align:center} .footer-middle{flex-flow:wrap;justify-content:center} .footer-middle .company-address{padding-left:0} .company-info-footer .d-flex{justify-content:center} .direct-links{text-align:center} .footer-middle .footer-links{text-align:center;flex:0 0 100%;max-width:100%} .footer-middle .footer-links .company-info-footer{display:block} .footer-bottom .copy-rights{text-align:center} .footer-bottom{justify-content:center} .submenu-box{flex:0 0 50%;max-width:50%} .search-box.open .search-input-box, .search-box.open .input-search, #live-search-results, #loader-img, #loader-imgg { /* width: 480px; */ } .footer-links-top .footer-links ul li a,.footer-links-top .footer-links,.company-info-footer{font-size:16px} .footer-bottom-right{padding-left:0}#loader .featured-section .nav-tabs{top:0;justify-content:center;margin:0} .section7 .connect-div{padding:30px 0} .section7 .connect-form{padding:20px 30px ;margin-left: 0px;} .inner-banner-content h1{font-size:34px;line-height:1.4;margin-bottom:10px} .inner-banner-content h2,.inner-banner-content .w-60 p{font-size:18px} .inner-banner-image img{min-height:65vh;width:100%;object-fit:cover} } @media (max-width: 767px) { .section-space,.featured-section{padding:20px 0} .inner-banner-content h1 br{display:none} .inner-banner-images{padding-top:20px} .inner-banner-content h2,.inner-banner-content .w-60 p{font-size:20px;line-height:25px} .inner-banner-section{min-height:19em;background-position:right 20% center;height:auto;padding:35px 0;background-size:cover} .inner-banner-content *{text-align:start!important} .inner-banner-content{justify-content:center} .inner-banner-content .w-60{width:100%} .section-space{padding:50px 0} .heading-h2,.font-40,.font-36{font-size:30px!important;line-height:1.3!important;text-align:center} h3{font-size:28px;line-height:1.3;text-align:center} h4{font-size:18px;text-align:center} .btn-black{padding:8px 15px;font-size:14px} .btn-dark{font-size:16px!important} .navbar .nav-link{font-size:20px} .search-box.open .search-input-box,#live-search-results,#loader-img,#loader-imgg{ /* width:260px */ } .search-box.open .search-input-box input{width:100%} .footer-middle{flex-flow:wrap;border-top:0} .footer-middle .footer-logo{flex:0 0 100%;text-align:center;margin-bottom:15px;padding-right:0} .company-address{padding-left:0} .footer-links-top .footer-links ul li{padding:5px 0} .footer-links-top .footer-links ul li a{margin:0;padding:3px 0} .footer-links-top .footer-links{margin-bottom:10px} .btn-cta-header .fa{display:block} header.scrolled-up .black-logo,header:hover .black-logo,.navbar-brand img{max-width:100px} .direct-links a{font-size:14px} .company-address .address-content{text-align:center} .company-address .address-content h5{text-align:center} .company-address .address-content p{text-align:center} .footer-bottom-right{padding-left:0} .submenu-box{flex:0 0 100%;max-width:100%;padding-left:20px;padding-right:20px} .submenu-box-link-list{display:none} .fill-width-menu .submenu-box-link-list{display:block} .submenu-box-title.open ~ .submenu-box-link-list{display:block} .toggle-btn-submenu:after{content:"+";position:absolute;right:0;display:inline-block;font-size:28px;top:3px;width:40px;text-align:center} .submenu-box-title.open .toggle-btn-submenu:after {content: "-";} .submenu-box-title{padding:10px 0;font-size:16px;position:relative} .cookie-content-row{flex-flow:wrap;justify-content:center} .cookie-content-row .cookie-content{padding-right:0;text-align:center} .cookie-content-row .cookie-button{white-space:nowrap;display:flex;padding-top:15px} .cookie-content-row .cookie-button .btn-primary{margin-right:10px;width:120px} .cookie-content-row .cookie-button .btn-outline-primary{width:120px} .submenu-list-row{padding-bottom:15px} .submenu-box-title{border-bottom:1px solid #a8c5cf} .submenu-box-title a{display:block;width:calc(100% - 40px)} .btn-outline-primary,.btn-primary,.btn-warning{font-size:16px;padding:10px 15px} .featured-section .nav-tabs{justify-content:center!important;top:-6px!important;margin:22px 0} .featured-section{padding-bottom:20px} .section7 .connect-div{padding:30px 15px;text-align:center;border-radius:16px 16px 0 0;justify-content:center} .section7 .container .row{margin:auto} .section7.saleforce-contact .container .col-lg-6.ps-lg-0,.section7.saleforce-contact .container .col-lg-6.pe-lg-0{padding-right: 0 !important; padding-left: 0 !important;} .section7 .container .row .col-md-6{padding:0!important} .section7 .connect-form{padding:20px 10px;border-radius: 12px;margin: 0;} .section7 .connect-div .connect-img{justify-content:center} .section7{padding:60px 0} .section7:before{border-radius:50px 0 0} .section7 .container{position:relative;display:block;color:#fff;padding:0 10px} .section7 .row.w-100{width:auto!important;margin:auto} .featured-section .slick-prev{right:50%;margin-right:10px} .featured-section .slick-next{left:50%!important;margin-left:10px} nav.section-tab .container{max-width:100%;padding:0} nav.section-tab .nav-section{border-radius:0} .section-tab .nav-item{padding:0 8px;line-height:15px} .section-tab{display:none} .section3 .slick-prev{top:0;left:50%!important;margin-left:-45px;transform:none} .section3 .slick-next{top:0;left:50%!important;margin-left:15px!important;transform:none;right:inherit} .section3 .stories{padding-top:60px} .section3 .text-start.pb-4.mb-1{width:100%} } @media (max-width: 575px) { .featured-content{flex-flow:wrap} .featured-content-left{flex:0 0 100%} .featured-content-right{max-width:100%;overflow:hidden;flex:100%;z-index: 9;} .featured-content-right img{width:100%} } /* inner insight slider */ .insight-slider .slick-slide,.insight-slider-new .slick-slide{padding:15px;height:auto}.insight-slider .slick-list,.insight-slider-new .slick-list{margin-left:-15px;margin-right:-15px}.insight-slider .card,.insight-slider-new .card{box-shadow:0 0 15px 0 #1360f824;overflow:hidden;border-radius:12px;transition:.3s all;height:100%}.insight-slider .card:hover{-webkit-box-shadow:0 0 0 2px rgba(116,213,255,1);-moz-box-shadow:0 0 0 2px rgba(116,213,255,1);box-shadow:0 0 0 2px rgba(116,213,255,1)}.insight-slider .card .info{padding:25px;padding-right:40px;background:#fff;position:relative;padding-bottom:10px}.insight-slider-new .card .info{padding:25px;padding-right:40px;background:#152333;box-shadow:-47px 10px 46px 56px #152333;position:relative;display:flex;flex-direction:column;border-radius:0 0 12px 0;justify-content:center}.insight-slider-new .card:hover .info{bottom:0;background:#152333}.insight-slider-new .card:hover img{transform:none}.insight-slider .card,.insight-slider-new .card{position:relative}.section3 .insight-slider-new .slick-slide .card:before{display:none!important}.section3 .insight-slider-new .card .info i .white-arrow{display:block;filter:brightness(0) saturate(100%) invert(100%) sepia(91%) saturate(0) hue-rotate(34deg) brightness(108%) contrast(100%);rotate:305deg}.section3 .insight-slider-new .card .info i .black-arrow{display:none}.section3 .insight-slider-new .card:hover .info .black-arrow{display:block!important;rotate:305deg!important}.section3 .insight-slider-new .card:hover .info .white-arrow{display:none!important}.section3 .insight-slider-new .card a::before{height:100%;content:"";position:absolute;width:100%;bottom:0;background:#1523333b} .insight-slider .slick-slide .card:before ,.section3 .insight-slider-new .slick-slide .card:before{ content: ""; width: 12px; height: 12px; background: url(images/icon-feature-hover.svg) no-repeat center center; background-size: 100%; display: inline-block; position: absolute; bottom: 10px; right: 10px; z-index: 9; transition: 0.5s all; } .insight-slider .slick-slide:hover .card:before,.insight-slider-new .slick-slide:hover .card:before{filter:brightness(0) saturate(100%)} .insight-slider .card:hover .info:before,.insight-slider-new .card:hover .info:before{filter:brightness(0) saturate(100%)} .insight-slider .card .category-lable{margin-bottom:15px}.insight-slider .card img{height:100%;object-fit:cover;width:100%;transition:.3s all} .insight-slider-new .card img{height:280px;object-fit:cover;width:100%;transition:.3s all} /* .insight-slider .card:hover img{transform:scale(1.1);transition:.3s all} */ body .insight-slider .slick-prev,body .insight-slider-new .slick-prev {left: inherit;right: 60px; top: -85px;transform: none;} .insight-slider .slick-prev:before ,.insight-slider-new .slick-prev::before{ background: url("images/simple-line-icon.svg") no-repeat center center; } body .insight-slider .slick-next,body .insight-slider-new .slick-next {top: -85px;transform: none;right: 0px;} .insight-slider .slick-next:before ,.insight-slider-new .slick-next::before{ background: url("images/simple-line-icon.svg") no-repeat center center; } .insight-slider.slick-slider ,.insight-slider-new.slick-slider{margin-bottom: 0;} .slick-slider {margin-bottom: 0;} .insight-slider .slick-track ,.insight-slider-new .slick-track{display: flex;} .insight-slider-new .card .logo_img img { height: 22px;} @media (max-width: 1599px) { .featured-slide .category-lable{font-size: 14px;} .insight-slider .card img{height: 100%;} .insight-slider-new .card img{height:200px} .insight-slider .card .info,.insight-slider-new .card .info{padding:15px} } @media (max-width: 767px) { .featured-slide .category-lable{font-size: 14px;} .insight-slider.slick-slider{padding-bottom:30px;} .insight-slider .slick-dots { bottom: -5px;} .insight-slider .slick-prev{right:50%;top:0;margin-right:10px} .insight-slider .slick-next {right:50%;top:0;margin-right:-50px} .insight-slider .font-24{text-align:left} .insight-slider-new .slick-prev{top: -14px !important;right:50%; margin-right:10px} .insight-slider-new .slick-next { top: -14px !important;right:50%; margin-right:-50px} } /* inner insight slider */ /* MEGA MENU */ /*Mega Menu Style*/ #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {position: static;font-size: 18px;} #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link::after { content: ""; height: 5px;width: 50px;background: #003ed4;position: relative; } #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item{position:static} #mega-menu-wrap-header-menu #mega-menu-header-menu{position:static} #mega-menu-wrap-header-menu{position:static;left:0;width:100%} .header-top-inside{position:static} .contact-nav{position:static} #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item > ul.mega-sub-menu { background: #ffffff; padding: 10px; margin-top: 22px; -webkit-box-shadow: 0px 4px 9px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 4px 9px -5px rgba(0, 0, 0, 0.75); box-shadow: 0px 4px 9px -5px rgba(0, 0, 0, 0.75); } #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item > ul.mega-sub-menu .mega-sub-menu { padding: 10px 0; } #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item > ul.mega-sub-menu ul.mega-sub-menu { padding: 5px 0; margin-top: 5px; box-shadow: none; } #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { display: block; font-weight: 700; color: #012d61; border-bottom: 1px solid #bccdf3; padding: 0 20px 5px 0; cursor: pointer; font-size: 18px; text-transform: none; } #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus { color: #012d61; font-weight: bold; text-decoration: auto; background: none; border-bottom: 1px solid #bccdf3; background: url(images/testimonials-arrow.svg) no-repeat center right; } .mega-indicator { display: none !important; } #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link { border-bottom: 1px solid transparent; margin: 0 0 5px 0; display: inline-block; color: #2b2b2b; font-size: 16px; } #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover { border-bottom: 1px solid #012d61; color: #012d61; } #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item { margin: 0 10px; } .menu_custom_box{background:#012d61;padding:15px 15px 20px;border-radius:5px;text-align:center} .menu_custom_box h3{color:#fff;padding-bottom:15px;font-weight:400;font-size:20px} .menu_custom_box p{color:#fff;font-size:16px} .menu_custom_box a{color:#fff;display:inline-block;font-size:16px;margin:0;background:#fff;color:#000} .menu_custom_box a:hover{background:#fff;box-shadow:none} /* MEGA MENU */ /*Mega Menu Style*/ #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container { max-width: 1650px; margin: auto; float: none; padding-left: 0; padding-right: 0; } #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container > .mega-menu-link { display: none; } #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container > .mega-sub-menu { margin: 0; padding: 0; display: flex; flex-flow: wrap; } #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container > .mega-sub-menu > .mega-menu-item { flex: 0 0 25%; max-width: 25%; padding: 0 15px; padding-right: 35px; padding-bottom: 10px; } .about-menu > .mega-menu-link { display: none !important; } .about-menu > .mega-sub-menu .mega-menu-item .mega-menu-link { font-size: 20px !important; font-weight: 700 !important; color: #012d61 !important; border-bottom: 1px solid #bccdf3 !important; padding: 0 0 5px 0 !important; cursor: pointer !important; display: block !important; margin-bottom: 10px !important; } #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container > .mega-sub-menu > .mega-menu-item > .mega-menu-link { font-size: 20px; font-weight: 700; color: #012d61 !important; border-bottom: 1px solid #dae7f5; padding: 0 0 5px 0; cursor: pointer; display: block; margin-bottom: 10px; } #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container > .mega-sub-menu > .mega-menu-item > .mega-sub-menu { margin: 0; padding: 0; } #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link { position: static; font-size: 18px; } #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link::after { content: ""; height: 5px; width: 50px; background: #003ed4; position: relative; } #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item { position: static; } #mega-menu-wrap-header-menu #mega-menu-header-menu { position: static; } #mega-menu-wrap-header-menu { position: static; left: 0; width: 100%; } .header-top-inside { position: static; } .contact-nav { position: static; } #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item > ul.mega-sub-menu { background: #ffffff; padding: 10px; margin-top: 22px; -webkit-box-shadow: 0px 4px 9px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 4px 9px -5px rgba(0, 0, 0, 0.75); box-shadow: 0px 4px 9px -5px rgba(0, 0, 0, 0.75); } #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item > ul.mega-sub-menu .mega-sub-menu { padding: 10px 0; } #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item > ul.mega-sub-menu ul.mega-sub-menu { padding: 5px 0; margin-top: 5px; box-shadow: none; } #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { display: block; font-weight: 700; color: #012d61; border-bottom: 1px solid #bccdf3; padding: 0 20px 5px 0; cursor: pointer; font-size: 18px; text-transform: none; } #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus { color: #012d61; font-weight: bold; text-decoration: auto; background: none; border-bottom: 1px solid #bccdf3; background: url(images/testimonials-arrow.svg) no-repeat center right; } #mega-menu-wrap-header-menu #mega-menu-header-menu > li#mega-menu-item-37793 { margin-left: 5px; } #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:last-child { background: #146dff; border-radius: 5px; margin-left: 5px; } #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:last-child a { color: #fff; } #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:last-child a:hover { color: #fff; } /* Media CSS */ /*1200*/ #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link { padding: 0 10px; } /* Media CSS */ /*1024*/ #mega-menu-wrap-header-menu #mega-menu-header-menu > li#mega-menu-item-37793 { margin-left: 0; } #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:last-child { background: inherit; border-radius: 0; margin-left: 0; } #mega-menu-wrap-header-menu .mega-menu-toggle { position: absolute; right: 30px; } #mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open + #mega-menu-header-menu { width: 100%; top: 62px; position: relative; } .mega-indicator { display: block !important; font-size: 22px !important; } #mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open + #mega-menu-header-menu { width: 100%; top: 62px; position: relative; background: #ffffff; padding: 10px 0; box-shadow: 0px 4px 9px -5px rgba(0, 0, 0, 0.75); } #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link { color: #000; font-weight: 700; } #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { background: #ffffff; color: #000000; font-weight: 700; } #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item > ul.mega-sub-menu { box-shadow: none; margin-top: 0px; padding: 0 0 15px 0; } #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu.mega-menu-item { margin: 0; } #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item { padding: 5px 10px 0px 10px; } #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item > ul.mega-sub-menu a.mega-menu-link .mega-indicator { text-indent: -99em; } #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { font-size: 16px; } #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item { margin: 0; } /* MEGA MENU */ /* *********** Custome-css start ************** */ li.autoimage ul.mega-sub-menu li#mega-menu-item-media_image-3 img { height: 170px !important; } body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link { color: #fff !important; background: transparent !important; font-size: 20px !important; } header.scrolled-up #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link, header:hover #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link { color: #000 !important; } body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item { margin: 0 10px !important; } body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.btn.btn-cta-header .mega-menu-link { background: #fff; border: 2px solid #fff; font-size: 16px !important; color: #000; border-radius: 25px; transition: 0.5s all; text-transform: uppercase; font-weight: 700; padding: 0px 25px; overflow: hidden; position: relative; } body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.btn.btn-cta-header .mega-menu-link::after { background-color: #fac848; border-radius: 20px; content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; transform: translate(-100%, 0) rotate(10deg); transform-origin: top left; transition: 0.2s transform ease-out; will-change: transform; z-index: -1; } body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.btn.btn-cta-header .mega-menu-link:hover::after { transform: translate(0, 0); } header:hover #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.btn.btn-cta-header .mega-menu-link:hover { border: 1px solid #fac848 !important; color: #000; transform: scale(1); will-change: transform; background-color: #fac848 !important; } .scrolled-up #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.btn.btn-cta-header .mega-menu-link { background: #051e29 !important; border: 2px solid #051e29 !important; color: #fff !important; padding: 0px 25px; } .scrolled-up #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.btn.btn-cta-header .mega-menu-link { color: #fff !important; } header:hover #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.btn.btn-cta-header > a.mega-menu-link { background: #051e29 !important; color: #fff !important; border-color: #051e29 !important; } body #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:last-child { background: #146dff !important; border-radius: 5px !important; margin-left: 5px !important; } body #mega-menu-wrap-main-menu #mega-menu-main-menu { width: 100%; display: flex; position: static; justify-content: end; } body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu { background: #fff !important; padding: 10px !important; margin-top: 21px !important; /* margin-top: 22px !important; */ box-shadow: 0px 30px 30px 0px #1360f824; } body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { color: #012d61 !important; font-weight: bold !important; text-decoration: auto !important; background: none !important; border-bottom: 1px solid #bccdf3 !important; background: url(images/testimonials-arrow.svg) no-repeat center right !important; } body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { display: block; font-weight: 700; color: #012d61; border-bottom: 1px solid #bccdf3; padding: 0 20px 5px 0; cursor: pointer; font-size: 18px; text-transform: none; } body #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu { padding: 5px 0; margin-top: 5px; box-shadow: none; } body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link { border-bottom: 1px solid transparent; margin: 0 0 7px 0 !important; display: inline-block; color: #051e29 !important; font-size: 18px !important; } .header-right .navbar-toggler { display: none; } .contact-nav { display: flex !important; flex-basis: auto; flex-grow: 1; align-items: center; } header #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on:hover > a.mega-menu-link:before { content: ""; background: #fac848; width: 38px; height: 5px; display: inline-block; position: absolute; margin: auto; left: 0; right: 0; bottom: -10px; border-radius: 15px; } header #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-current-menu-ancestor > a.mega-menu-link:before { content: ""; background: #fac848; width: 38px; height: 5px; display: inline-block; position: absolute; margin: auto; left: 0; right: 0; bottom: -10px; border-radius: 15px; } body #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-current-menu-item > a .mega-indicator { display: none; } .search-input-box ::placeholder{font-size:22px;font-weight:300} .landing__nav-link{font-weight:400;text-decoration:none;transition:font-weight .3s ease} .landing__nav-link.active{font-weight:700} .bg-blue-light{background-color:#0087d3} #loader-img,#loader-imgg{position:absolute;right:30px;top:77px;background:#fff} .dashboard-image img{float:right} @media (min-width: 1200px) { #loader-img,#loader-imgg{width:calc(100% - 50px)} } .search-container .search-result a.search-link{font-size:20px;line-height:150%;text-decoration:underline!important;margin-bottom:5px} .search-container .search-result a{color:#0a72c2!important;font-size:18px} .search-container .pagination{justify-content:center;margin-top:50px} .search-container .page-item.active .page-link{background-color:#0087d3;color:#fff;border-color:#0087d3} .search-container .page-link{color:#333;border-radius:0;margin:0 2px} .line-text:first-child{border-left:1px solid #a8c5cf} @media (max-width: 991px) { .line-text:nth-child(4) { border-left: 1px solid #a8c5cf; } .contact-nav .mega-menu-wrap{position: absolute !important;right: 0px !important; top: 0px !important;} body.mega-menu-main-menu-mobile-open .contact-nav .mega-menu-wrap{position: relative !important;right: 0 !important;} } @media (max-width: 767px) { .line-text:first-child, .line-text:nth-child(4) { border-left: 0px; } } @media (min-width: 1265px) { #loader-img, #loader-imgg {right:0;top: 82px;width: 100%;} } @media (max-width: 1199px) { header { position: relative; } header #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-current-menu-ancestor > a.mega-menu-link:before { display: none; } header.scrolled-up #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, header.scrolled-up #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after, header.scrolled-up #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, header:hover #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, header:hover #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after, header:hover #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, .single-format-standard header.scrolled-up:hover #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after, .single-format-standard header.scrolled-up:hover #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner:before { background: #355360 !important; } body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item { padding: 10px 0px !important; border-bottom: 1px solid #a8c5cf; position: relative; margin: 0px !important; } body #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { width: 32px; height: 32px; text-align: center; background: #fac848 !important; border-radius: 4px; position: absolute; z-index: 999; right: 15px; top: 4px; } body #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after { content: "+" !important; border: 0 !important; font-size: 25px; font-family: inherit; line-height: 1.1; color: #000; font-weight: 400; } body #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after { content: "-" !important; color: #000; } .mega-sub-menu span.mega-indicator { display: none !important; } body #mega-menu-wrap-main-menu .mega-menu-toggle { position: absolute; right: 26px; top: 32px; z-index: 1; cursor: pointer; background: transparent; border-radius: 2px 2px 2px 2px; line-height: 40px; height: 40px; text-align: left; user-select: none; -webkit-tap-highlight-color: transparent; outline: none; display: flex; white-space: nowrap; } body #mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu { background: #fff; padding: 70px 0 0px !important; } body.mega-menu-main-menu-mobile-open .contact-nav { height: 100vh; } .contact-nav { /* position: absolute; */ float: none; right: 0; top: 0; left: 0; padding-right: 0; height: 70px; overflow: auto; } body.mega-menu-main-menu-mobile-open .contact-nav { position: absolute; float: none; right: 0; top: 0; left: 0; } header { height: auto !important; } body #mega-menu-wrap-main-menu .mega-menu-toggle.mega-menu-open + #mega-menu-main-menu { width: 100%; display: flex; flex-direction: column; position: relative; background: #e9effc; /* background: #012d61; */ padding: 10px 0; height: 100vh; overflow: auto; justify-content: flex-start; } body #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before { width: 75%; margin-left: 0; } header:hover #mega-menu-wrap-main-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner, header:hover #mega-menu-wrap-main-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner::after, header:hover #mega-menu-wrap-main-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner::before { background: #fff !important; } body #mega-menu-wrap-main-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner, body #mega-menu-wrap-main-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner::after { background-color: #355360; } body #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, body #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after, body #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before { background: #fff; } body.mega-menu-main-menu-mobile-open header .header-right .search-box, body.mega-menu-main-menu-mobile-open header .header-right .btn.btn-cta-header { display: none !important; } body.mega-menu-main-menu-mobile-open header #mega-menu-wrap-main-menu .mega-menu-toggle { background-color: #e9effc !important; right: 0 !important; width: 100% !important; padding-right: 26px !important; height: 56px; z-index: 9999; top: 0; padding-top: 12px; } body .mega-indicator { display: block !important; } body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { background: transparent; } body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu { background: #fff !important; padding: 0 !important; margin-top: 0px !important; box-shadow: none !important; } body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item { padding: 0px 15px 5px 15px; } body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { padding: 0 0px 5px 11px; } body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { padding: 0 0px 5px 0px; font-size: 16px; } header.scrolled-up .black-logo, header:hover .black-logo, .navbar-brand img { max-width: 100px; } body #mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu { display: none; } #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item:last-child { /* display: none; */ } body #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block { margin-left: 0 !important; } body #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, body #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu { position: static; display: block; } body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu.mega-menu-item.mega-toggle-on { background: #fff !important; } body #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu { border-top: 0px solid transparent !important; } body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu.mega-menu-item { position: relative !important; } body #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container > .mega-sub-menu > .mega-menu-item > .mega-menu-link { padding: 10px 0 10px 0 !important; font-size: 16px !important; } body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link { font-size: 16px !important; font-weight: 400 !important; } header #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item:hover > a.mega-menu-link:before { display: none; } body #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container > .mega-sub-menu > .mega-menu-item { flex: 0 0 50%; max-width: 50%; padding: 0; padding-right: 20px; padding-bottom: 0px; } body #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu { display: none; } .btn-cta-header span { display: none; } header.scrolled-up .header-right a.btn-cta-header img, header:hover .header-right a.btn-cta-header img, header:hover .header-right .btn-search img, header.scrolled-up .header-right .btn-search img , .single-format-standard header.scrolled-up:hover .header-right a.btn-cta-header img{ filter: brightness(0) saturate(100%) invert(26%) sepia(55%) saturate(321%) hue-rotate(152deg) brightness(98%) contrast(89%); } .header-right a.btn-cta-header { padding: 7px 5px; position: relative; right: 71px; top: 1px; } .btn-cta-header .fa { display: block !important; /* transform: rotate(90deg) !important; */ } .search-box, .header-search-icon { right: 50px; /* top: 3px; */ } header:hover .header-right a.btn-cta-header, .scrolled-up .header-right a.btn-cta-header { filter: brightness(0) saturate(100%) invert(26%) sepia(55%) saturate(321%) hue-rotate(152deg) brightness(98%) contrast(89%); color: #fff; } } @media (max-width: 1185px) { body #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container > .mega-sub-menu { padding-left: 20px; } } @media (min-width: 1199px) { body #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { display: none !important; } .header-right a.btn-cta-header { display: none; } } @media (max-width: 769px) { body #mega-menu-wrap-main-menu .mega-menu-toggle { top: 22px; } .search-box, .header-search-icon { right: 60px; } body #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container > .mega-sub-menu > .mega-menu-item > .mega-menu-link { font-size: 15px; } body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link { font-size: 15px; } .contact-nav { display: block !important; } body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link { font-size: 18px !important; font-weight: 400 !important; } body #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after { content: "+"; color: #012d61 !important; } body #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after { content: "-" !important; color: #012d61 !important; } body #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container > .mega-sub-menu { padding-left: 0; } body #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container > .mega-sub-menu > .mega-menu-item > .mega-sub-menu { display: none; } body #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container > .mega-sub-menu > .mega-menu-item.mega-toggle-on > .mega-sub-menu { display: block; margin-left: 10px; } body #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container > .mega-sub-menu > .mega-menu-item > .mega-menu-link .mega-indicator { display: block !important; background: transparent !important; right: 0px !important; } body #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container > .mega-sub-menu > .mega-menu-item { flex: 0 0 100%; max-width: 100%; padding-left: 17px; padding-right: 20px; } } @media (min-width: 769px) { body #mega-menu-wrap-main-menu { background: transparent !important; width: 100% !important; justify-content: end; display: flex; position: static; } body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:focus { background: transparent !important; /* color: #fac848 !important; */ } body #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu { background-color: #fff !important; padding: 0 !important; border-top: 1px solid #dae7f5; } body .mega-sub-menu:after { content: "" !important; background: #000; position: absolute; } } @media (max-width: 1199px) { body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link { padding: 0px 15px !important; } } @media (max-width: 1780px) { body #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container { max-width: 1550px; } } @media (max-width: 1599px) { body #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container { max-width: 1380px; } body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.btn.btn-cta-header .mega-menu-link { font-size: 14px !important; } body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link { font-size: 18px !important; } } @media (max-width: 1399px) { body #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container { max-width: 1250px; } } @media (max-width: 1280px) { body #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container { max-width: 1160px; } } body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover { border-bottom: 1px solid #fac848 !important; } @media (min-width: 1199px) { header #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-current-menu-item > a.mega-menu-link:before { content: ""; background: #fac848; width: 38px; height: 5px; display: inline-block; position: absolute; margin: auto; left: 0; right: 0; bottom: -10px; border-radius: 15px; } } /* *********** Custome-css end ************** */ .custom-header-404-search header { position: sticky; top: 0; left: 0; width: 100%; z-index: 99; box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16); background: rgba(255, 255, 255, 1) !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(7.7px); -webkit-backdrop-filter: blur(7.7px); } .custom-header-404-search header .black-logo { display: block; } .custom-header-404-search header .white-logo { display: none; } .custom-header-404-search header .btn-cta-header, .custom-header-404-search .scrolled-up .btn-cta-header { background: #051e29; border: 2px solid #051e29; color: #fff; } .custom-header-404-search .btn-search .fa-search { filter: none; } .custom-header-404-search header.scrolled-up #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link, .custom-header-404-search header #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link { color: #000 !important; } .custom-header-404-search #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, .custom-header-404-search #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after, .custom-header-404-search #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before { background: #355360; } .custom-header-404-search #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.btn.btn-cta-header .mega-menu-link { background: #051e29 !important; border: 2px solid #051e29 !important; color: #fff !important; padding: 0px 25px; } @media (max-width: 1199px) { body #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-menu-item-media_image-3 { padding: 0 !important; } } @media (min-width: 1199px) and (max-width: 1399px) { body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link { font-size: 17px !important; } } #chatIframe{width:400px;height:578px;box-shadow:0 4px 10px 0 #4d7bff33;border-radius:5px;overflow:hidden;border:none;display:none;position:fixed;top:calc(100vh - 657px);z-index:999;right:0;background-color:#fff!important} .chat-btn{background:none;position:fixed;bottom:3px;right:9px;z-index:9999;border:0} .chat-conversation-box-embed{height:calc(100vh - 197px);overflow:auto} .custo-bot-content{margin-top:0;height:90px;line-height:90px;background-color:#3d3683!important;color:#fff!important;border-color:#342e70!important} @media (max-width: 768px) { #chatIframe{width:310px} } .divider-line{border-bottom:solid 1px #cee4ee;display:flex} body .bg_none{ padding: 30px 0 !important; background-repeat: no-repeat; position: relative; background-image: url(images/light-graphic.svg) !important; z-index: 9; background-position:bottom right; background-size: 19%;} .top_left_round{border-top-left-radius:60px;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;margin-top:8px!important;background-color:#fff} .no_round{border-radius:0;margin:0!important;background-color:#fff} .bottom_right_round{border-bottom-right-radius:60px;border-bottom-left-radius:0;border-top-right-radius:0;border-top-left-radius:0;margin-bottom:8px!important;background-color:#fff} .topleft_bottom_right{border-bottom-right-radius:60px;border-bottom-left-radius:0;border-top-right-radius:0;border-top-left-radius:60px;margin:8px 0!important;background-color:#fff} @media (max-width: 1599px) { .top_left_round{border-top-left-radius:50px;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0} .no_round{border-radius:0} .bottom_right_round{border-bottom-right-radius:50px;border-bottom-left-radius:0;border-top-right-radius:0;border-top-left-radius:0} .topleft_bottom_right{border-bottom-right-radius:50px;border-bottom-left-radius:0;border-top-right-radius:0;border-top-left-radius:50px} } /* ********************************************************* quate_sec section css ****************************************************** */ .quate_sec{padding:50px 70px;text-align:center;position:relative} .quate_icon{position:absolute;right:15px;top:-15px} .quate_sec p{font-size:22px;line-height:140%} .quate_sec .quate-source{font-family:"Roboto",Arial,Helvetica,sans-serif;color:#0068ff;font-weight:400;padding-top:10px;display:block} .quate_sec .quate-source i{font-size:18px;line-height:130%;color:#000;display:block;font-style:inherit} .post-tag{margin-bottom:15px} .video_div video{border-radius:6px;height: 100%;} .section3.hire_section3 .card{border:1px solid #bbc4d1} .hire_section3.salesforecr-engagement-models .card ul.bullet-listing li{padding-bottom: 0;} /* ********************************************************* quate_sec section css end ****************************************************** */ @media (max-width: 1599px) { .success-slider .slick-list .slick-slide {right: 1px;position: relative;margin-left: 0;} } .your-data{background:none} .your-data-graph{display:flex;align-items:flex-start;margin:0 50px} .your-data-graph > div{flex:1} .your-data-graph .dotted-box{border:dashed 1px #4e338b;padding:28px 51px;border-radius:20px;text-align:left} .your-data-graph .dotted-box h3{font-weight:500;color:#4e338b;font-size:22px;padding-bottom:15px} .your-data-graph .dotted-box ul.ullist li{color:#515151;font-size:20px;line-height:130%;padding:0 0 10px;list-style-type:disc;font-weight:400} .your-data-graph .company-logo{max-width:450px;margin-top:5%;min-width:325px} .your-data .mobile-img{display:none} @media only screen and (max-width: 991px) { .your-data-graph .company-logo{min-width:250px} .your-data-graph .dotted-box{padding:20px 15px 20px 35px} .your-data-graph .dotted-box h3{font-size:20px} .your-data-graph .dotted-box ul.ullist li{font-size:16px} } @media only screen and (max-width: 767px) { .your-data{padding:0;margin-top:30px} .your-data .mobile-img{display:block} .your-data .desktop-img{display:none} .your-data .mobile-img{padding:0 20px} .your-data-graph{flex-direction:column} .your-data-graph .company-logo{max-width:360px;margin:0 auto} } @media (max-width: 1199px) { body.mega-menu-main-menu-mobile-open #mega-menu-wrap-main-menu .mega-menu-toggle.mega-menu-open + #mega-menu-main-menu { background-color: #012d61 !important; } body.mega-menu-main-menu-mobile-open header #mega-menu-wrap-main-menu .mega-menu-toggle { background-color: #012d61 !important; padding-right: 10px !important; display: flex; justify-content: end; } body.mega-menu-main-menu-mobile-open #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu { background-color: #012d61 !important; } body.mega-menu-main-menu-mobile-open #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu.mega-menu-item.mega-toggle-on { background: #012d61 !important; } body.mega-menu-main-menu-mobile-open header:hover #mega-menu-wrap-main-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner, body.mega-menu-main-menu-mobile-open header:hover #mega-menu-wrap-main-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner::after, body.mega-menu-main-menu-mobile-open header:hover #mega-menu-wrap-main-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner::before { background: #fff !important; } body.mega-menu-main-menu-mobile-open header.scrolled-up #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link, body.mega-menu-main-menu-mobile-open header:hover #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link { color: #fff !important; font-size: 22px !important; } body.mega-menu-main-menu-mobile-open #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item { border-bottom: 1px solid #3365a0 !important; } body.mega-menu-main-menu-mobile-open #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu { background: #012d61 !important; } body.mega-menu-main-menu-mobile-open #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container > .mega-sub-menu > .mega-menu-item > .mega-menu-link { color: #fff !important; padding: 10px 0 6px 0 !important; font-weight: 500 !important; color: #fac848 !important; } body.mega-menu-main-menu-mobile-open #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container > .mega-sub-menu > .mega-menu-item > .mega-menu-link { border-bottom: none !important; } body.mega-menu-main-menu-mobile-open #mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link { color: #fff !important; } body.mega-menu-main-menu-mobile-open #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu.mega-menu-item.mega-toggle-on a.mega-menu-link { color: #fff !important; font-weight: 700 !important; } body.mega-menu-main-menu-mobile-open#mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect=fade_up] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu>.submenu-container>.mega-sub-menu>.mega-menu-item.img1>.mega-menu-link,#mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect=fade_up] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu>.submenu-container>.mega-sub-menu>.mega-menu-item.img2>.mega-menu-link { display:none !important; } li.mega-menu-item > a.mega-menu-link { color: #fff !important; } body.mega-menu-main-menu-mobile-open #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu.mega-menu-item.mega-toggle-on a.mega-menu-link > span.mega-indicator { background: #fac848 !important; right: 12px !important; color: #fff; } body.mega-menu-main-menu-mobile-open #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu.mega-menu-item.mega-toggle-on a.mega-menu-link > span.mega-indicator:after { color: #012d61 !important; } body.mega-menu-main-menu-mobile-open #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container > .mega-sub-menu > .mega-menu-item > .mega-menu-link .mega-indicator { background: #012d61 !important; right: -8px !important; color: #fac848; top: 8px; border: solid 1px #3365a0; } body.mega-menu-main-menu-mobile-open #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after { color: #012d61 !important; } body.mega-menu-main-menu-mobile-open #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container > .mega-sub-menu > .mega-menu-item span.mega-indicator:after { color: #fac848 !important; } body.mega-menu-main-menu-mobile-open #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container > .mega-sub-menu > .mega-menu-item { border-bottom: solid 1px #3365a0; } body.mega-menu-main-menu-mobile-open #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > .submenu-container > .mega-sub-menu > .mega-menu-item:last-child { border-bottom: none; } body.mega-menu-main-menu-mobile-open .about-menu > .mega-sub-menu .mega-menu-item .mega-menu-link { font-size: 18px !important; font-weight: 400 !important; border-bottom: none !important; } body.mega-menu-main-menu-mobile-open .chat-btn { display: none; } body #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect=fade_up] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu>.submenu-container>.mega-sub-menu>.mega-menu-item.img1>.mega-menu-link,#mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect=fade_up] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu>.submenu-container>.mega-sub-menu>.mega-menu-item.img2>.mega-menu-link { display:none !important; } } @media (max-width: 768px) { .video_div video { border-radius: 6px; height: 100%; margin-bottom:35px;} .video_div { text-align: center !important; } } @media (max-width: 768px) { body.mega-menu-main-menu-mobile-open .about-menu > .mega-sub-menu { margin-top: -20px; } li.autoimage ul.mega-sub-menu li#mega-menu-item-media_image-3 img { display: none !important; } body #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect=fade_up] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu>.submenu-container>.mega-sub-menu>.mega-menu-item.cursor_defualt>.mega-menu-link:hover{cursor:default;background-image:none!important;border-bottom:0px solid #bccdf3 !important} } /*Active Menu CSS*/ body #mega-menu-wrap-main-menu #mega-menu-main-menu .mega-sub-menu li.mega-current-menu-item > a { border-bottom: 1px solid #fac848 !important; color: #000; } .search-box.open .fa-search:before{display:none!important} .search-box{display:none} #live-search-results p{margin-bottom:0!important} header.scrolled-up .header-search-icon .btn-search img, header:hover .header-search-icon .btn-search img { filter: brightness(0) saturate(100%) invert(25%) sepia(49%) saturate(371%) hue-rotate(152deg) brightness(100%) contrast(87%); } header.scrolled-up #close-search img, header #close-search img { filter: brightness(0) saturate(100%) invert(25%) sepia(49%) saturate(371%) hue-rotate(152deg) brightness(100%) contrast(87%); } /*Active Menu CSS*/ .text-blog-insight {color: #051e29;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} #chatIframe {transition: opacity .5s ease, transform .3s ease} .chat-btn {cursor: pointer;font-size: 24px;color: #fff;padding: 5px 20px;border: none;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center} #closeIcon svg {transition: fill .3s ease;fill: #fff} .chat-btn:hover #closeIcon svg {fill: #fff} @media (max-width: 1378px) { #chatIframe {height: 478px;top: calc(100vh - 563px);} } .p_tab_content {font-size: 24px;font-weight: bold;color: #051e29;line-height: 1.4;margin-bottom: .5rem;} @media (max-width: 1599px) { .p_tab_content,.info.insight-h3 h3 {font-size: 20px !important;} } .info.insight-h3 h3{ color: #051e29;font-size: 24px;font-weight: 300;line-height: 1.4;} .btn-search-insight img{filter: brightness(0) saturate(100%) invert(25%) sepia(49%) saturate(371%) hue-rotate(152deg) brightness(100%) contrast(87%);top: -4px;position: relative;} .thank_div{background:#fff;border-radius:12px;padding:60px 0} .inner-banner-content .w-60 p{font-family:"Inter",sans-serif;font-size:24px;font-weight:300;line-height:1.3;margin-bottom:8px;text-align:left;color:#fff} @media(max-width:1599px) { .thank_div{padding:50px 0} } .table-primary{border-spacing:0;border-radius:12px!important;min-width:100%;box-shadow:none} .table.table-bordered{border:1px solid #dee3e5 !important} .table-primary tr th:first-child,.table-primary tr td:first-child{border-left:0 solid #dee2e6; min-width: 280px;max-width: 350px;} .table-primary tr th{background:#0087d3;text-align:left;color:#fff;font-family:"Inter",sans-serif;font-weight:700;font-size:20px;padding:12px 30px;border-right:none} .table-primary tr td{font-family:"Inter",sans-serif;font-weight:400;font-size:18px;color:#051e29;border-bottom:0px solid #a8c5cf!important;border-right:none;padding:14px 30px;background-color:#fff} .table-primary tr:nth-child(odd) td { background: #ecf2f9; } .table-bordered>:not(caption)>*{border-width:0!important} .content-section-new ul.counter-section{padding:53px 30px;margin:0;list-style:none;overflow:hidden;display:flex;border-radius:12px;justify-content:space-around;flex-wrap:wrap;position:relative;background-color:#0087d3;text-align:center;color:#fff} .content-section-new ul.counter-section li{text-align:center;float:left;max-width:30%} .content-section-new ul.counter-section li span{font-size:38px;color:#fff;font-family:Inter,sans-serif;font-weight:700} ul.counter-section li h2{font-size:22px;color:#fff;font-weight:500;font-size:21px!important;line-height:24px;padding-bottom:0;padding-top:10px;text-align:center} .content-section-new ul.counter-section span.source{position:absolute;bottom:10px;right:10px;font-size:14px} @media(max-width:768px){ .content-section-new ul.counter-section{ display: flex !important ; text-align: center; flex-direction: column; align-items: center; align-content: center;} .content-section-new ul.counter-section li{max-width: 100% !important;} } .content-section-new {padding: 30px 0;} body #mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu.megamenu_front_hide {display: none;} body #mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu.megamenu_front_hide { display: none;} body #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect=fade_up] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu>.submenu-container>.mega-sub-menu>.mega-menu-item.img1>.mega-menu-link,#mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect=fade_up] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu>.submenu-container>.mega-sub-menu>.mega-menu-item.img2>.mega-menu-link { border-bottom: 0 !important;} /* ************************************ success zoom *********************************** */ img.zoomable__img{display:block;max-width:100%} .zoomable{position:relative;overflow:hidden} .zoomable__img{transform-origin:var(--zoom-pos-x,0) var(--zoom-pos-y,0);transition:transform .15s linear} .zoomable--zoomed .zoomable__img{cursor:zoom-in;transform:scale(var(--zoom,2))} /* ************************************ success zoom *********************************** */ .page-id-103915 section#usecase,.page-id-103921 section#usecase,.page-id-103988 section#usecase,.page-id-91546 section#usecase,.page-id-98362 section#usecase,.page-id-98509 section#usecase,.page-id-99439 section#usecase,.slick-dots>li:only-child{display:none} .modal{z-index:99!important} .slick-dots li{width:auto;height:auto;margin:0 5px} .slick-dots li.slick-active button{background-color:#fac848;width:20px}.slick-dots li button{padding:0;width:8px;height:8px;background-color:#7ea0af;border-radius:15px}.slick-dots li button:before{content:none}.slick-dots>li{display:inline-block}.close{position:absolute;top:-19px;right:-39px!important;color:#fff!important;font-size:40px;font-weight:700;transition:.3s}.intro-border-custom::after{content:"";position:absolute;width:1px;height:100%;background:#a8c5cf;top:0;right:-72px}.tag-devide{color:#d9e9ff}.salesforce-usecase-industry{position:relative;background-image:url(images/accodion_bg.svg)!important;z-index:9;background-position:bottom;background-position-x:left;background-size:32%;background-repeat:no-repeat}.dashboard-image,.intro-border-custom{position:relative}.ndaLogo{position:absolute!important;right:0;bottom:0px}.success-slider .success-divider-img.ndaLogo::before{display:none!important} .intro-border-custom img.w-25 { width: 30% !important; } @media(max-width:768px){ .testimonial-slider .slick-dots{bottom:-10px} .help-service .container .text-center p{padding: 0 0px;} } @media(max-width:991px){ .help-service .container .text-center p{padding: 0 20px;} } @media(max-width:1199px){ .intro-border-custom::after{display:none} .header-right.open .header-search-icon #close-search{ position:relative !important;right: -44px !important;} } /* @media(max-width:1599px){ .ndaLogo { bottom: 445px !important; top: auto !important; } } @media(max-width:991px){ .ndaLogo { bottom: 42px !important; top: auto !important; } } */ /* ******************** New search *************************** */ .search-input-box { top: -100px !important; right: 0 !important; background-color: #fff; transition: none; box-shadow: 0px 8px 14px -10px #e8eefa; } .search-box.open .search-input-box ,.search-box.open .input-search{ width: 100% !important; } .header-inner .header-right.open { position: initial !important; } .input-search{border: 0px solid transparent !important;height: 40px;padding: 10px 0px;border-bottom: 1px solid #A8C5CF !important;} #header.site-header.open .container::before{ content: ""; background: #fff; height: 100%; width: 100%; position: absolute; right: 0; top: 0px; } #live-search-results{ top: 82px !important; right: 0 !important; left: 0 !important; margin: 0 auto; /* height: 100vh; */ width: 100%; /* border-top: 0px !important; */ } #live-search-results li:last-child { border-bottom: 0px !important; } .search-box.open .input-search{width: 100% !important;left: 0 !important; position: relative;height: 80px;font-size: 22px !important;padding-left: 40px;} .custom-search{position: relative;right: 0;} .insight-content #filtered-results { min-height: 250px; } @media (max-width: 1265px) { #loader-img, #loader-imgg { right: 0; top: 82px !important; width: 100% !important; } } .saleforec-success-stories .success-slider .col-lg-6{justify-content: flex-end;} @media(max-width:768px){ .search-box.open .input-search{width: 100% !important;} } @media(max-width:1599px){ /* .search-box.open .input-search{ width: calc(100% - 136px)!important; } */ .search-input-box .btn-dark{ padding: 8px 24px; } } @media (max-width: 768px){ .section7 .container .col-lg-6.ps-lg-0 { padding-right: 0; padding-left: 0; } .input-search-icon{ display: none; } .search-box.open .input-search{padding-left: 0;} } .input-search-icon{ position: absolute; opacity: 1; z-index: 9; top: 28px; filter: brightness(0) saturate(100%) invert(21%) sepia(4%) saturate(3%) hue-rotate(314deg) brightness(103%) contrast(82%); } .cortana_table table tr td{ word-break: initial!important; word-wrap: normal !important; } .card-body .h-31 { min-height: 34em !important; } .twocolom-part-2 p { padding-bottom: 30px; color: #223037 !important; } .twocolom-section .twocolom-part-2 p{color:#fff} .search-box.open .input-search { height: 82px !important; } .search-input-box .input-search{height :auto !important } .blog_box_with_image_left .content-section h2 { font-family: "Inter", sans-serif; font-size: 30px !important; font-weight: 800; line-height: 32px; color: #051e29; text-align: start; margin-top: 0 !important; padding: 0 0 24px 0 !important; margin-bottom: 0; border-top: 0; } .no-pointer { pointer-events: none; cursor: default; } body { visibility: visible; } .body-modal .modal-body .btn-close{ filter: brightness(0) saturate(100%) invert(40%) sepia(6%) saturate(28%) hue-rotate(315deg) brightness(97%) contrast(95%); background-color: transparent; right: 10px; top: 20px; background-size: 16px; position: absolute; } .body-modal .connect-div{ border-bottom-left-radius: 8px; border-top-left-radius: 8px; } .success-slider .icon { margin-right: 0; display: block; } .body-modal .connect-div h3{ font-size: 36px; } .modal.custom-modal{ background: #00000094; } .modal-backdrop{z-index: 0;} .modal.custom-modal .modal-content{ width: 100%; } @media (max-width:991px){ .body-modal .connect-div{ border-top-right-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 0px; } } @media (max-width: 575px) { .flex-bottom .featured-content .featured-content-right { max-width: 100%; overflow: hidden; flex: 100%; } } @media (max-width: 575px) { .featured-slide .slick-dots { top: 99%; } } .clients-logos1 { border-bottom:1px solid #A8C5CF;padding-bottom: 27px;padding-top: 27px;} .abouts-clients .clients-logos1 .col-lg-2.col-12{width: 136px;} @media (max-width: 1599px) { .abouts-clients{padding: 0 !important;} } @media (max-width: 991px) { .clients-logos1 { border-bottom:1px solid #A8C5CF;padding-bottom: 27px;padding-top: 0;} .abouts-clients .clients-logos1 .col-lg-2.col-12{width: auto;} } .connect-div.bg-blue-light .border-transparent{ border-top: 1px solid #FFFFFF4D; border-bottom: 1px solid #FFFFFF4D; } .connect-div.bg-blue-light .border-transparent .py-2 img{ margin-right: 7px; transform: scale(1); } .modal-body .connect-form iframe{ min-height: 500px; } .modal-body .popup-connect .border-transparent .py-2{ padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; width: 104px; } .modal-content.body-modal{ width: 100%; border-radius: 12px; } .industries-section .industry .p-blue{ color: #223037 !important; font-weight:400 !important; } @media (max-width: 1200px) { .modal-body .connect-form iframe{ min-height: 592px; } } @media (max-width: 768px) { .popup-connect{ display: none !important; } .h3-connect-us{ position: relative; top: -30px; display: block; } } @media(max-width:1199px){ .single-format-standard header:hover .header-right a.btn-cta-header, .single-format-standard header.scrolled-up .header-right a.btn-cta-header{ filter: inherit; } .single-format-standard header.scrolled-up .header-right a.btn-cta-header img { filter: inherit; } .single-format-standard header.scrolled-up #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, .single-format-standard header.scrolled-up #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner:after, .single-format-standard header.scrolled-up #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner:before, .single-format-standard header:hover #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner /* .single-format-standard header:hover #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner:before */ { background-color: #fff !important; } } @media (min-width:1199px){ body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.contactUs{ background: #fff !important; border-radius: 32px; padding: 0 12px; } body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.contactUs > a.mega-menu-link{ color: #000 !important; } header.scrolled-up #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.contactUs a.mega-menu-link, header:hover #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.contactUs a.mega-menu-link { color: #fff !important; } header.scrolled-up #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.contactUs, header:hover #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.contactUs{ background: #012d61 !important; } .page-template-resources header.dark-header.scrolled-up #mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item.contactUs>a.mega-menu-link,.page-template-resources header.dark-header:hover #mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item.contactUs>a.mega-menu-link, .page-template-template-testimonial header.dark-header.scrolled-up #mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item.contactUs>a.mega-menu-link, .page-template-template-testimonial header.dark-header:hover #mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item.contactUs>a.mega-menu-link, .single-format-standard header.scrolled-up #mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item.contactUs>a.mega-menu-link, .single-format-standard header:hover #mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item.contactUs>a.mega-menu-link { color: #fff !important; } } header.dark-header.scrolled-up #mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item>a.mega-menu-link{ color: #fff !important; } header.dark-header:hover #mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item>a.mega-menu-link /* .single-format-standard header.scrolled-up #mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item>a.mega-menu-link, .single-format-standard header:hover #mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item>a.mega-menu-link */ { color: #000 !important; } .single-format-standard header.scrolled-up .black-logo { display: none !important; } .single-format-standard header.scrolled-up .white-logo { display: block !important; } .single-format-standard .site-header.dark-header.scrolled-up:hover .black-logo,.single-format-standard.portfolio-header header.scrolled-up:hover .black-logo { display: block !important; } .single-format-standard .site-header.dark-header.scrolled-up:hover .white-logo,.single-format-standard.portfolio-header header.scrolled-up:hover .white-logo { display: none !important; } .single-format-standard header.scrolled-up .header-search-icon .btn-search img { filter: inherit; } .single-format-standard header.scrolled-up:hover .header-search-icon .btn-search img{ filter: brightness(0) saturate(100%) invert(25%) sepia(49%) saturate(371%) hue-rotate(152deg) brightness(100%) contrast(87%); } /* .post-template-default header.dark-header.scrolled-up .black-logo,.post-template-default header.dark-header:hover .black-logo, .single-format-standard header.scrolled-up .black-logo,.single-format-standard header:hover .black-logo { display: none; } .post-template-default header.dark-header.scrolled-up .white-logo,.post-template-default header.dark-header:hover .white-logo , .single-format-standard header.scrolled-up .white-logo,.single-format-standard header:hover .white-logo{ display: block; } */ .page-template-resources header.dark-header.scrolled-up #mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item>a.mega-menu-link,.page-template-resources header.dark-header:hover #mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item>a.mega-menu-link, .page-template-template-testimonial header.dark-header.scrolled-up #mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item>a.mega-menu-link,.page-template-template-testimonial header.dark-header:hover #mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item>a.mega-menu-link{ color: #000 !important; } body.page-template-resources.mega-menu-main-menu-mobile-open header.scrolled-up #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link, body.page-template-resources.mega-menu-main-menu-mobile-open header:hover #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link, .page-template-template-testimonial.mega-menu-main-menu-mobile-open header.dark-header.scrolled-up #mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item>a.mega-menu-link, .page-template-template-testimonial.mega-menu-main-menu-mobile-open header.dark-header:hover #mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item>a.mega-menu-link { color: #fff !important; } .single-format-standard header.site-header:hover{ background-color: #fff !important; } .single-format-standard header:hover #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner{ background-color:#355360 !important; } .tax-portfolio_category .nav-links{display: flex;} .tax-portfolio_category .nav-previous,.tax-portfolio_category .nav-next{ height: 50px; width: 50px; z-index: 5; border-radius: 6px; background: #F6F9FF; transition: 0.5s all; margin-right: 20px; } .tax-portfolio_category .nav-previous:before { content: ""; background: url(/wp-content/themes/softwebsolutions/images/testimonials-arrow.svg) no-repeat left center; width: 20px; height: 30px; display: block; margin: 10px auto; transform: rotate(180deg); } .tax-portfolio_category .nav-next:before { content: ''; background: url(/wp-content/themes/softwebsolutions/images/testimonials-arrow.svg) no-repeat left center; width: 20px; height: 30px; display: block; margin: 10px auto; } .tax-portfolio_category .nav-next a,.tax-portfolio_category .nav-previous a{ opacity: 0;position: relative; top: -29px;} .tax-portfolio_category .nav-next:hover,.tax-portfolio_category .nav-previous:hover{ background-color: #fac848 !important; } .tax-portfolio_category .screen-reader-text{ font-size: 18px; } @media(max-width:768px){ .tax-portfolio_category .nav-links { display: flex; justify-content: center; } .tax-portfolio_category .screen-reader-text{ text-align: center; } } @media(max-width:768px){ .tax-portfolio_category.term-healthcare .nav-links { display: flex; justify-content: center; } .tax-portfolio_category.term-healthcare .screen-reader-text{ text-align: center; } } .breadcrumbs .breadcrumbs-custom a img{ width: 17px; filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(21%) hue-rotate(205deg) brightness(106%) contrast(100%); margin-top: -4px; } .breadcrumbs-custom{ position: absolute; bottom: 8px; z-index: 999; font-size: 14px; } .breadcrumbs .breadcrumbs-custom a.active{ color: #fac848; } .breadcrumbs .breadcrumbs-custom a img.home-icon:hover { filter: brightness(0) saturate(100%) invert(79%) sepia(99%) saturate(1666%) hue-rotate(319deg) brightness(100%) contrast(97%); } .breadcrumbs-custom .fw-light.text-white,.breadcrumbs-custom .fw-light.text-white{ color: #d7d7d7 !important; } .breadcrumbs .breadcrumbs-custom .text-white.ms-2 a.text-white:hover{ color: #fac848 !important; } @media(max-width:767px){ .breadcrumbs-custom { position: relative; bottom: -27px;font-size: 10px;flex-wrap: wrap; } .breadcrumbs{font-size: 12px;} .breadcrumbs .breadcrumbs-custom a img{ width: 15px; } } .page-id-95929 [data-wpr-lazyrender] ,.page-id-93427 [data-wpr-lazyrender]{ content-visibility: visible !important; } .needle-business-impact-box img{ width: 22px; height:22px; } .banner-tabs .tab-content .tab-pane a span { cursor: pointer; position: relative; transition: 0.5s; } .banner-tabs .tab-content .tab-pane a span:after { content: '\->'; position: absolute; opacity: 0; right: -7px; top: -3px; font-size: 20px; } .banner-tabs .tab-content .tab-pane a:hover span { padding-right: 23px; color: #ffffff; } .banner-tabs .tab-content .tab-pane a:hover span:after { opacity: 1; right: -7px; } .company-info-footer a:hover { text-decoration: underline;} @media(max-width:767px){ .success-slider-csr .slick-dots{ position: relative; bottom: 2px; } } .zig-zag-sticky{ position: sticky; top: 47px; background: #fff; z-index: 9; padding-bottom: 10px; padding-top: 10px; } @media(max-width:767px){ h3.font-24.mb-0{ text-align: start; } .testimonial-slider-section .slick-dots{ padding-bottom: 10px; } } @media(max-width:991px){ .footer-middle .company-address .address-content .d-flex.align-items-center{ justify-content: center; } } #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect=fade_up] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu>.submenu-container>.mega-sub-menu>.mega-menu-item> a:not([href]) { cursor: auto; }