/****************************************** TYPOGRAPHY CSS ******************************************/ html{overflow-x: hidden; width: 100%;scroll-behavior: smooth;} body { padding: 0 !important; margin: 0; font-size: 18px; color: #000000 !important; font-family: "Inter", sans-serif; line-height: 28px; letter-spacing: -0.18px; font-weight:400;background: #ffffff;} h1, h2, h3, h4, h5, h6, input, select, textarea, button { outline: none !important; } header, section, footer { display: block; } em{font-style: italic;} /********************* LINK CSS *********************/ a { color: #4285F3; outline: none !important; text-decoration: none; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } a:hover, a:focus, select:focus, button:focus { outline: none; text-decoration: none; } a:hover, a:focus { color: #4285F3; } * { margin: 0; padding: 0; } *:focus { outline: none; } /********** INPUT **********/ .form-group{ width:100%; float:left; margin-bottom:28px;} .form-control{font-size: 20px;} input::placeholder, textarea::placeholder {color:#606060 } /********************* HEADING CSS *********************/ h1, h2, h3, h4, h5, h6 { margin: 26px 0 8px 0; display:block; line-height: 1.2; color: #000000; font-family:"Inter", sans-serif;text-transform: none;font-style: normal;letter-spacing: -0.24px;} h1 span{color: #4285F3;} h1 { font-size: 64px; font-weight: 500;line-height: 74px;letter-spacing: -0.36px;} h2 { font-size: 44px; font-weight: 500;} h3 { font-size: 28px; font-weight: 500;} h4 { font-size: 24px; font-weight: 500;} h5 { font-size: 20px; font-weight: 500;} h6 { font-size: 16px; font-weight: 500;} .fwmed{font-weight: 500;} .fwsmb{font-weight: 600;} .fwbold{font-weight: 700;} .f-26 { font-size: 26px; line-height: 1.2; } .p-32{padding: 32px;} .mt-32{margin-top: 32px;} .mb-12{margin-bottom: 12px;} .mb-32{margin-bottom: 32px;} .pb-32{padding-bottom: 32px;} h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child{margin-top:0;} /********************* P CSS *********************/ p { float: none; margin: 0 0 20px 0; padding: 0;} p:last-child { margin: 0 0 0px 0; } p strong, b, strong{font-weight:700;} /********************* LISTING CSS *********************/ ul { margin: 0 0 15px 0; padding: 0; display: block; text-align:left; } ul li { margin: 0; padding: 0 0 0 20px; position: relative; line-height: 24px; list-style: none; } ul li::before {content: "";width: 5px;height: 5px;background-color: #000000; position: absolute;left: 0px;top: 9px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%; } ul li:last-child{ margin-bottom:0px;} ul li a { color: #4285F3; } ul li a:hover { color: #000000; text-decoration: none; } ul li ul{ margin:7px 0 12px 0px;} ol { margin: 0 0 15px 3px; padding: 0; text-align:left;counter-reset: list; } ol li { margin: 0 0 5px 0; padding: 0; position: relative; line-height: 30px; list-style: none; } ol li a { color: #4285F3; } ol li a:hover { color: #000000; text-decoration: none; } ol ol{ margin: 7px 0 7px 26px;} ol li:before{counter-increment: list;content: counter(list) ". ";margin-right: 12px;display: inline-block;} ol ol li:before{counter-increment: listsub;content: counter(list) ". " counter(listsub);} ol ol ol li:before {counter-increment: listsub2; content: counter(list) ". " counter(listsub) ". " counter(listsub2);} /********************* IMAGE CSS *********************/ img { border: none; vertical-align: middle; max-width: 100%; } .alignleft { float: left; margin: 18px 50px 36px 0;} .alignright { float: right; height: auto; margin: 16px 0 36px 50px;} .aligncenter { display: block; margin: 26px auto 34px auto;} /********************* BUTTON CSS *********************/ .btn { background-color: #4285F3;border: 1px solid #4285F3;text-align:center; color: #FFFFFF; font-weight: 500; position:relative; font-family: "Inter", sans-serif;display: inline-block; font-size: 14px;letter-spacing: 0;line-height: 1.2; padding:13px 21px;box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; vertical-align: middle;text-transform:none;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: all 0.5s ease-in-out !important; -moz-transition: all 0.5s ease-in-out !important; -o-transition: all 0.5s ease-in-out !important; -ms-transition: all 0.5s ease-in-out !important; transition: all 0.5s ease-in-out !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);overflow: hidden;transform: translate3d(0px, 0%, 0px);transition-delay: 0.6s;box-shadow: 0px 0px 0px 1px #1C1B1C4D inset;} .btn:hover, .btn:focus, .btn:active {color:#FFFFFF !important;background-color: #1B1B1B; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;} .btn i{width:16px; height: auto; display: inline-block; line-height: 1;position: relative; top: -2px;} .btn i svg path{fill: #FFFFFF;} .btn i.left{margin-right: 6px;} .btn i.right{margin-left: 6px;} .btn.white{background-color: #FFFFFF;color: #000000;border: 1px solid #D1D5DCCC;} .btn.white:hover, .btn.white:focus, .btn:active, .btn:first-child:active{background-color: #4285F3 !important;color: #FFFFFF !important;} .btn.white svg path{fill: #4285F3 ;-webkit-transition: all 0.5s ease-in-out !important; -moz-transition: all 0.5s ease-in-out !important; -o-transition: all 0.5s ease-in-out !important; -ms-transition: all 0.5s ease-in-out !important; transition: all 0.5s ease-in-out !important;} .btn.white:hover svg path, .btn.white:focus svg path, .btn.white:active svg path{fill: #FFFFFF ;} .btn-icon img{padding-left: 8px;} .btn.white-border{border-color: #ffffff;background: transparent;} .btn.white-border:hover{background: #4285F3;} .btn.white.btn-icon img {filter: brightness(0) saturate(100%) invert(8%) sepia(0%) saturate(4089%) hue-rotate(355deg) brightness(87%) contrast(80%);-webkit-transition: all 0.5s ease-in-out !important; -moz-transition: all 0.5s ease-in-out !important; -o-transition: all 0.5s ease-in-out !important; -ms-transition: all 0.5s ease-in-out !important; transition: all 0.5s ease-in-out !important;} .btn.white.btn-icon:hover img {filter: none;} .border-bottom {border-bottom: 1px solid #03071212 !important;} .side-border, .side-border-inner{border-left: 1px solid #0000001A;border-right: 1px solid #0000001A;position: relative;} .side-border.bottom:before, .side-border.bottom:after, .side-border.top:before, .side-border.top:after, .side-border-inner.bottom:before, .side-border-inner.bottom:after, .side-border-inner.top:before, .side-border-inner.top:after{content: "";background: #F5F5F5;width: 8px;height: 8px;border: 1px solid #E5E5E5;position: absolute;} .side-border-inner {margin-left: 50px;margin-right: 50px;} .side-border-left.top:before, .inner-border-left.top:before{content: "";background: #F5F5F5;width: 8px;height: 8px;border: 1px solid #E5E5E5;position: absolute;left: -4px;top: -4px;z-index: 1;} .side-border-left.bottom:after, .inner-border-left.bottom:after{content: "";background: #F5F5F5;width: 8px;height: 8px;border: 1px solid #E5E5E5;position: absolute;left: -4px;bottom: -4px;z-index: 1;} .side-border-right.top:before, .inner-border-right.top:before{content: "";background: #F5F5F5;width: 8px;height: 8px;border: 1px solid #E5E5E5;position: absolute;right: -4px;top: -4px;z-index: 1;} .side-border-right.bottom:after, .inner-border-right.bottom:after{content: "";background: #F5F5F5;width: 8px;height: 8px;border: 1px solid #E5E5E5;position: absolute;right: -4px;bottom: -4px;z-index: 1;} .side-border-inner .side-border-left.top:before, .side-border-inner .side-border-left.bottom:after{left: -55px;z-index: 1;} .side-border-inner .side-border-right.top:before, .side-border-inner .side-border-right.bottom:after{right:-55px;z-index: 1;} .padx{padding-top: 80px;padding-bottom: 80px;} .pad-top{padding-top: 80px;} .pad-bottom{padding-bottom: 80px;} .side-pad{padding-left: 52px;padding-right: 52px;} .btn img{transition: transform 0.3s ease;} .btn:hover img{transform: translateX(4px);} /* Header Menu Style */ body.logged-in {margin-top: 80px;} body.logged-in header{margin-top:32px;} .topbarmsg{background: linear-gradient(90deg, #3574E3 0%, #102D7B 100%);height:40px;color: #ffffff;font-size: 14px;line-height: 20px;padding: 0 20px; white-space: nowrap;} .topbarmsg .scrolling-text {display: inline-block;padding-left: 100%;animation: scroll-text 30s linear infinite;} .topbarmsg a{color: #ffffff;} @keyframes scroll-text { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } header {height: 80px;display: flex;align-items: center;background: #F1F6FD;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;z-index: 99;position: fixed;width: 100%;top:0;border-bottom: 1px solid #0000001A} .dark-header header {background: #000000;} .dark-header header ul.wsmenu-list > li > a{color:#ffffff;} .navigation-main {padding-left: 65px;} .nav-right {margin-left: auto;} ul.wsmenu-list {display: flex;align-items: center;} ul.wsmenu-list li{margin: 0;padding: 0 10px 0 0;} ul.wsmenu-list li:before{display: none;} ul.wsmenu-list > li > a{color: #000000;font-weight: 500;font-size: 14px;line-height: 1.2;position: relative;padding: 32px 16px;} ul.wsmenu-list li.sub > a:after{content: "";background: url(../images/dropdown-arrow.svg) no-repeat;width: 7px;height: 4px;position: absolute;top: 40px;right: 0;-webkit-transition: all 0.4s ease-in-out !important; -moz-transition: all 0.4s ease-in-out !important; transition: all 0.4s ease-in-out !important;} ul.wsmenu-list li a:hover{color: #4285F3;} ul.wsmenu-list li a:hover:after{filter: brightness(0) saturate(100%) invert(18%) sepia(25%) saturate(6646%) hue-rotate(220deg) brightness(94%) contrast(91%);} .wstoggle{display: none;} .nav-right .btn {padding: 11px 17px 9px;border: 1px solid #155EEF33;font-size: 14px;} .nav-right .btn img {padding-left: 8px;} header.headersticky {position: fixed;width: 100%;top: 0;box-shadow: rgba(0, 0, 0, .2) -.5px .9px 5px 0;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .megamenu-box{max-width: 1070px;margin: 0 auto;position: relative;background: #fff;padding: 30px;border-width: 0 10px 45px;border-color: #92c5fd;border-style: solid;border-radius: 0 0 20px 20px;} .megamenu-bottom-bar{position:absolute;bottom:-45px;right:0; padding: 10px;font-size: 16px;font-weight: 500;color: #0F1415;} .mobilemenu-bottom-bar {display:none;bottom: 60px;width: 100%;padding: 0 20px;} .megamenu-bottom-bar div, .mobilemenu-bottom-bar div {font-size: 14px;font-weight: 500;line-height: 1.2;} .megamenu-bottom-bar .btn, .mobilemenu-bottom-bar .btn {padding: 11px 17px 9px;min-width: fit-content;} .mega-menu{display: none;width: 100%;padding: 0;position: fixed;left: 50%;top:80px;transform:translatex(-50%);max-width:1070px;} .admin-bar .mega-menu{top:112px;} .mega-menu .product-menu-col {padding: 0;border-right: 1px solid #E8E8E8;padding-right: 32px;max-width: 310px;} .mega-menu .service-item {cursor: pointer;padding: 9px;gap:16px;margin-bottom: 8px;border-radius: 12px;color: #282828;font-weight: 700;} .mega-menu .service-item.active {background: #E8E8E8;} .mega-menu h6 {margin-bottom: 15px;color: #8E8E8E;font-size: 14px;font-weight: 500;margin-top: 0;text-transform: uppercase;} .mega-menu-seprator {border-top: 1px solid #E8E8E8;} .service-sub-menu {position: absolute;left: 350px;top:30px;display: none;} .mega-menu .service-item.active .service-sub-menu {display: block;} .mega-menu .service-item .prod-nav-item{font-size: 15px;font-weight: 500;color: #0F1415;line-height: 1.2;} .mega-sub-menu-item {width: 50%;display: inline-block;padding: 16px 12px;margin-bottom: 0;vertical-align: top;border-radius: 0;border-bottom: 1px solid #0000001A;margin-left: -5px;} .mega-sub-menu-item .menu-title{font-size: 14px;font-weight: 500;color: #0F1415;margin-bottom: 8px;line-height: 1.2;} .mega-sub-menu-item .menu-desc{font-size: 12px;font-weight: 400;color: #344346;line-height: 1.2;} .mega-sub-menu-item .menu-icon{min-width: 40px;} .mega-sub-menu-item .menu-title span {font-size: 12px;font-weight: 500;color: #1F6142;text-transform: uppercase;background: #E8FDF1;padding: 4px 8px;border-radius: 30px;margin-left: 8px;} /*.mega-menu .service-item.active .prod-nav-item, .mega-sub-menu-item:hover .menu-title{color: #4285F3;}*/ .mega-sub-menu-item:nth-child(even) {border-right: 1px solid #0000001A;} span.sertabicon {background: #F4F6F6;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border: 1px solid #0000001A;border-radius: 8px;} @media screen and (min-width: 992px){ .mega-menu .service-item:hover {background: #E8E8E8;} .mega-sub-menu-item:hover {background: radial-gradient(50% 50% at 50% 50%, #E2ECF7 0%, #BAD7F7 100%), linear-gradient(0deg, #F1F6FD, #F1F6FD);} .wsmenu ul li.sub:hover .mega-menu{display: block;-webkit-transition: all 1.4s ease-in-out !important;-moz-transition: all 1.4s ease-in-out !important; transition: all 1.4s ease-in-out !important;} ul.wsmenu-list li.sub a:hover:after{transform: rotate(180deg); transform-origin: center center;} } /* Footer Style */ footer{background: #1B1B1B;padding: 80px 0 53px;} footer *{color: #ffffff;} footer h6{margin-bottom: 34px;font-size: 20px;font-weight: 400;line-height: 23px;letter-spacing: 1%;} footer p{font-size: 20px;font-weight: 400;line-height: 30px;letter-spacing: 0;} footer ul li::before{display: none;} footer ul li{margin-bottom: 10px;padding: 0;line-height: 0;} footer ul li a, .footer-link-block.contact *{color: #ffffff;font-weight: 500;font-size: 16px;line-height: 24px;letter-spacing: 0;} footer a:hover, footer a:hover span{color: #4285F3 !important;} .footer-link-block{margin-bottom: 36px;} .footer-bottom {border-top: 1px solid #444444;padding-top: 28px;} .footer-logo {margin-bottom: 25px;} .footer-link-block li.current-menu-item a {color: #4285F3;} .footer-bottom ul li{margin-bottom: 0;} .copyright p, footer .footer-bottom ul li a{font-size: 14px;line-height: 18px;font-weight: 400;} .social-contact{margin-top: 30px;} .social-contact li{margin: 0 18px 0 0;} .social-contact li a img{-webkit-transition: all 0.4s ease-in-out !important;-moz-transition: all 0.4s ease-in-out !important; transition: all 0.4s ease-in-out !important;} .social-contact li::before{display: none;} .social-contact li a:hover img {scale: 1.3;} .desk-hide{display: none;} .dark-bg{background: #1B1B1B;} .text-white *{color: #ffffff;} .section-title{padding-bottom: 64px;} .small-title {font-size: 16px;line-height: 20px;} .small-title + h2 {margin-top: 0;margin-bottom: 0;} .small-title + h2 + p {font-weight: 400;} /* Home Hero Section */ .container{padding-left: 40px;padding-right: 40px;} .home-hero-section {background: radial-gradient(50% 50% at 50% 50%, #E2ECF7 0%, #BAD7F7 100%), linear-gradient(0deg, #F1F6FD, #F1F6FD);background-size: cover !important;} .home-hero-section .container{padding: 180px 40px 0;} body.logged-in .home-hero-section .container{padding: 80px 40px 0;} .hero-content h1 {margin-bottom: 32px;} .hero-content p {font-size: 14px;line-height: 22px;letter-spacing: 0;font-weight: 500;margin-bottom: 32px;} .hero-video-box{background: #FFFFFF;padding: 16px;border-radius: 16px;} .hero-video{cursor: pointer;} .vidplchold{border-radius: 16px;} .hero-video .play-icon, .popup-video-item .play-icon{left: 50%;top:50%;transform: translate(-50%, -50%);cursor: pointer;-webkit-transition: all 0.2s ease-in-out !important;-moz-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important;} .hero-video-box video {border-radius: 16px;min-height: 280px;} .banner-img img {border-radius: 16px;} .bannerspace{padding:30px;} .logo-slider {overflow: hidden;white-space: nowrap;position: relative;padding: 40px;} .logo-slider:before {content: "";background: linear-gradient(270.35deg, #BAD7F7 8.78%, rgba(186, 215, 247, 0.32) 99.7%);width: 80px;height: 72px;position: absolute;left: -30px;z-index: 1;transform: rotate(180deg);} .logo-slider:after {content: "";background: linear-gradient(270.35deg, #BAD7F7 8.78%, rgba(186, 215, 247, 0.32) 99.7%);width: 80px;height: 72px;position: absolute;top:40px;right: -30px;z-index: 1;} .logo-track {width: max-content;animation: scroll 30s linear infinite;} .logo-track img {margin-right: 40px;object-fit: contain;flex-shrink: 0;user-select: none;pointer-events: none;} .hero-video-box iframe {width: 100%;min-height: 280px;border-radius: 16px;} .video-placeholder img{border-radius: 16px;} .video-placeholder iframe {display: none;} .video-placeholder.show img {display: none;} .video-placeholder.show iframe {display: block;} .popup-video-item {position: relative;cursor: pointer;} .video-modal .modal-close {right: 5px;top: 5px;} @keyframes scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } } .home-hero-section .star-top:before {content: "";background: url(../images/banner-black-star.svg) no-repeat;width: 32px;height: 32px;position: absolute;left: -16px;top:140px;} .home-hero-section .star-top:after {content: "";background: url(../images/banner-black-star.svg) no-repeat;width: 32px;height: 32px;position: absolute;right: -16px;top:140px;} .home-hero-section .star-bottom:before {content: "";background: url(../images/black-star.svg) no-repeat;width: 32px;height: 32px;position: absolute;left: -9px;bottom: -24px;} .home-hero-section .star-bottom:after {content: "";background: url(../images/black-star.svg) no-repeat;width: 32px;height: 32px;position: absolute;right: -24px;bottom: -24px;} /* Home Performance Section */ .global-impact-section {max-width: 1400px;margin: 0 auto;background: #4285F3;border-radius: 16px;padding: 32px 48px;position: relative;} .global-impact-section:before {content: "";background: url(../images/black-star.svg) no-repeat;width: 16px;height: 16px;position: absolute;bottom: -30px;left: 0;} .global-impact-section:after {content: "";background: url(../images/black-star.svg) no-repeat;width: 16px;height: 16px;position: absolute;bottom: -30px;right: 0;} .impact-number-box {padding: 0 10px;align-self: start;} .global-impact-section * {color: #fff;} .global-impact-section h3 {font-size: 30px;line-height: 36px;} .impact-number-box .number {font-size: 64px;font-weight: 500;line-height: 64px;margin-bottom: 8px;} .impact-number-box p {font-size: 14px;line-height: 18px;} .perimg img{border-radius: 16px 16px 0 0;} /* Our Service */ .service-accordions .section-title {padding-bottom: 36px;} .acserimg-item, .acc-ser-item .serctn{display: none;} .acc-ser-item {padding: 24px 0;border-bottom: 1px solid #00000010;} .acc-ser-item.active {padding-bottom: 0;} .acserimg-item.active, .acc-ser-item.active .serctn{display: block;} .acc-ser-item h3{font-size: 20px;line-height: 30px;letter-spacing: -0.22px;cursor: pointer;margin-bottom: 0; display: flex; align-items: center;position: relative;} .acc-ser-item h3 img{margin-right: 12px;} .acc-ser-item ul li a{margin-top:0;color:#000000;border:none !important;} .acc-ser-item ul li a:hover{color:#4285F3;} .acc-ser-item a {margin-top: 18px;} .acc-ser-item.active h3 {margin-bottom: 28px;} .acc-ser-item:first-child {border-top: 1px solid #00000010;} .acc-ser-item.active a {border-bottom: 1px solid #83ACAE;display: inline-block;} .acc-ser-item h3 span {font-size: 12px;line-height: 12px;position: absolute;right: 0;color: #00000045;} .acserimg-item img{width: 100%;border-radius: 16px;} .acc-ser-img {position: relative;padding-left: 32px;} .acc-ser-img .star-top:before {content: "";background: url(../images/black-star.svg) no-repeat;width: 48px;height: 48px;position: absolute;top: 0;left: 0;} .acc-ser-img .star-top:after {content: "";background: url(../images/black-star.svg) no-repeat;width: 48px;height: 48px;position: absolute;top: 0;right: -60px;} .acc-ser-img .star-bottom:before {content: "";background: url(../images/black-star.svg) no-repeat;width: 48px;height: 48px;position: absolute;bottom: -32px;left: 0;} .acc-ser-img .star-bottom:after {content: "";background: url(../images/black-star.svg) no-repeat;width: 48px;height: 48px;position: absolute;bottom: -32px;right: -60px;} .single .serctn {margin-bottom: 30px;} /* Our Work */ .our-work-section .row{row-gap: 32px;} .work-info {color: #1B1B1B;} .work-info p{color: #1B1B1B65;font-size: 16px;line-height: 24px;} .work-img img {border-radius: 18px;} /* Benefits Section */ .benefits-section .star-top:before {content: "";background: url(../images/white-star.svg) no-repeat;width: 16px;height: 16px;position: absolute;top: -40px;left: 0;} .benefits-section .star-top:after {content: "";background: url(../images/white-star.svg) no-repeat;width: 16px;height: 16px;position: absolute;top: -40px;right: 0;} .dark-gray-bg{background: #343434;box-shadow: 0px 1px 2px 0px #00000012;border: 1px solid #FFFFFF1A;border-radius: 12px;} .benefits-section .col-md-4{padding: 0;} .benbox {padding: 32px 48px;height: 100%;} .benbox h3 {font-size: 20px;line-height: 24px;} .benbox p {font-size: 16px;line-height: 24px;font-weight: 400;} .benefit-col:nth-child(3) .benbox, .benefit-col:nth-child(4) .benbox, .benefit-col:nth-child(6) .benbox, .benefit-col:nth-child(7) .benbox {border-right: 1px solid #FFFFFF1A;} .benefit-col:nth-child(3) .benbox, .benefit-col:nth-child(4) .benbox, .benefit-col:nth-child(5) .benbox{border-bottom: 1px solid #FFFFFF1A;} .benbox {-webkit-transition: all 0.5s ease-in-out !important;-moz-transition: all 0.5s ease-in-out !important;transition: all 0.5s ease-in-out !important;} .benbox:hover { background: #4285f3;} .bstar-top:before {content: "";background: url(../images/white-star.svg) no-repeat;width: 16px;height: 16px;position: absolute;top: 16px;left: 16px;} .bstar-top:after {content: "";background: url(../images/white-star.svg) no-repeat;width: 16px;height: 16px;position: absolute;top: 16px;right: 16px;} .bstar-bottom:before {content: "";background: url(../images/white-star.svg) no-repeat;width: 16px;height: 16px;position: absolute;bottom: 16px;left: 16px;} .bstar-bottom:after {content: "";background: url(../images/white-star.svg) no-repeat;width: 16px;height: 16px;position: absolute;bottom: 16px;right: 16px;} /* Blog post slider Section */ .blog-item {border-bottom: 1px solid #FFFFFF4D;padding-bottom: 12px;} .blog-img img {border-radius: 12px;width: 100%;} .blog-author img {min-width: 20px;max-width: 20px;border-radius: 20px;} .blog-cat, .event-cat, .product-cat, .partner-cat, .case-study-cat, .blog-date{font-size: 14px;line-height: 16px;font-weight: 500;text-transform: uppercase;} .blog-date{color: #ffffff50 !important;} .blog-item a:hover h5{color: #4285F3;} .blog-excerpt {color: #7C7C7C;font-size: 16px;font-weight: 500;margin-top: 20px;} .blog-item h5 {margin: 12px 0;line-height: 28px;min-height:58px;} .blog-item h5 a:hover{color: #4285F3;} .blog-item .blog-img{overflow: hidden;border-radius: 12px;} .blog-item .blog-img img{min-height:295px;max-height:295px;object-fit:cover;-webkit-transition: all 0.2s ease-in-out !important;-moz-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important;} .blog-item:hover .blog-img img{scale: 1.2;} .blog-item a span{font-size: 16px;line-height: 16px;text-transform: uppercase;} .text-white .blog-item h5, .text-white .blog-item a{color:#ffffff;} /* Testimonial Section */ .testimonial-section {background: #1B1B1B;padding-bottom: 120px;} .team-slider-section {overflow: hidden;} .testimonial-slider .swiper-wrapper {margin-left: -18%;} .testimonial-slider .swiper-slide, .video-testimonial-slider .swiper-slide{height: auto;} .testi-quote-box {border: 1px solid #03071212;background: #343434;padding: 24px;border-radius: 20px;height: 100%;} .testi-auto-info {border-bottom: 1px solid #03071212;margin-bottom: 12px;padding-bottom: 12px;gap: 12px} .tauthimg img, .qtpimg img{min-width: 40px;max-width: 40px;border-radius: 50px;max-height: 40px;min-height: 40px;object-fit: cover;object-position: top;} .tauthname .tname {font-size: 20px;margin-bottom: 2px;} .tauthname .tdesg {font-size: 16px;line-height: 24px;font-weight: 500;} .testi-quote-box .test-quote p{font-size: 16px;line-height: 24px;font-weight: 400;} .testimonial-slider:before {content: "";background: url(../images/test-fade-left.png) no-repeat;position: absolute;width: 91px;height: 100%;left: 0;display: inline-block;z-index: 2;top:0;} .testimonial-slider:after {content: "";background: url(../images/test-fade-right.png) no-repeat;position: absolute;width: 77px;height: 100%;right: 0;display: inline-block;z-index: 2;top:0;} .tauthname {position: relative;padding-right: 50px;} .tauthname:after {content: "";background: url(../images/quote.svg) no-repeat;position: absolute;width: 60px;height: 43px;right: 0;top: 50%;transform: translateY(-50%);} .video-testimonial-slider {padding-bottom: 20px;} .testi-quote-box.testi-video {padding: 16px;} .testi-video .testi-auto-info {border: none;padding: 0;margin: 0;} .testi-video .testvidimg {width: 50%;} .testi-video .tvsinfo {width: 50%;} .testi-video .testvidimg{cursor:pointer;} .testi-video .testvidimg img{border-radius:16px;} .testi-video .tauthname:after {top: 0;transform: none;} .vcplicon {left: 50%;top: 50%;transform: translate(-50%, -50%);} .vcplicon:before {content: "";background: #3574E333;width: 60px;height: 60px;position: absolute;border-radius: 60px;top: -8px;left: -8px;} .testi-video video {border-radius: 12px;min-height: 200px;max-height: 200px;object-fit: cover;} /* Pricing Table Section */ .pricing-box {background: #363636;height: 100%;padding: 32px 24px;border-radius: 12px;box-shadow: 0px 8px 30px 0px #00000014;} .pricing-tables {max-width: 85%;margin: 0 auto;} .pricing-tables .swiper-slide{height: auto;} .pricing-box a {border: 1px solid #fff;background: transparent;font-size: 14px;line-height: 18px;font-weight: 500;width: 100%;margin-top: 16px;} .pricing-box h6 {font-size: 24px;line-height: 34px;letter-spacing: -0.78px;margin-bottom: 12px;} .pricing-box ul {border-top: 1px solid;padding-top: 24px;margin-top: 24px;margin-bottom: 0;} .pricing-box ul li, .pricing-box p {list-style: none;font-family: Inter;font-weight: 400;font-size: 14px;line-height: 22px;letter-spacing: -0.48px;margin-bottom: 12px;} .pricing-box ul li:last-child{margin-bottom: 0;} .pricing-box ul li::before {display: none;} .pricing-box .price {display: flex;align-items: center;font-weight: 500;font-size: 17px;line-height: 25px;letter-spacing: -0.72px;margin-bottom: 12px;} .pricing-box .price span {font-weight: 500;font-size: 44px;line-height: 58px;letter-spacing: -1.44px;margin-right: 10px;} .pricing-box.highlight, .light .pricing-box.highlight{border: 2px solid #4285F3;} .pricing-box.highlight .spotlabl {font-size: 13px;font-weight: 400;line-height: 18px;background: #4285F3;position: absolute;top: 0;width: 100%;left: 00;text-align: center;padding: 12px 10px;border-radius: 12px 12px 0 0;} .pricing-box.highlight .btn {background: #4285F3;border-color: #4285F3;} .pricing-box.highlight .btn:hover {background: #1B1B1B;border-color: #1B1B1B;} .light .pricing-box.highlight .spotlabl {color: #fff;} .price-togle {background: #F1F6FD;width: fit-content;padding: 8px;border-radius: 12px;margin: 0 auto 50px;} .price-togle div{font-size: 16px;color: #1C1B1C;font-weight: 500;line-height:20px;padding:10px 16px;border-radius:8px;cursor:pointer;} .price-togle .active{color:#ffffff;background:#4285F3;} .pricing-section.monthly .monthly, .pricing-section.yearly .yearly{display: flex;} .pricing-section.monthly .yearly, .pricing-section.yearly .monthly {display: none;} .plans-select-fields{max-width: 350px;background: #F1F6FD;margin: -30px auto 50px;border-radius: 8px;font-size: 14px;} .plans-select-fields .form-select:focus{box-shadow:none;} /*.plans-select-field {position: relative;max-width: 350px;background: #F1F6FD;margin: -30px auto 50px;cursor: pointer;border-radius: 8px;font-size: 16px;} .plans-dropdown {padding: 5px 16px;color: #00000080;} .plans-options { position: absolute;display:none; top: 38px; left: 0; z-index: 9;font-size: 14px;line-height:22px; background: #F1F6FD; box-shadow: 0 4px 0px rgba(0, 0, 0, 0.1); border-radius: 0 0 8px 8px; } .plans-options .select-plan{padding: 5px 16px;}*/ /* Team Slider Section */ .swiper.team-slider {overflow: visible;} .team-section .section-title{margin-bottom: 46px;} /*.team-slider-main{margin-left: calc((100% - 1260px) / 2);padding-right: calc(1.5rem * .5); padding-left: calc(1.5rem * .5);}*/ .team-block{position: relative;border-radius: 12px;background: linear-gradient(102.8deg, rgba(0, 0, 0, 0.08) 2.37%, rgba(0, 0, 0, 0.04) 95.38%); padding: 10px;height: 100%;} .team-slider .swiper-slide {height: auto;} .team-img{position: relative;border-radius: 12px;height:515px;display: flex; align-items: flex-end; justify-content: center;} .team-img img{height: 515px; width: auto; object-fit: cover; object-position: top;border-radius: 12px;} .team-text {color: #ffffff;font-size: 18px;position: absolute;bottom: 0;background: #00000096;backdrop-filter: blur(8px);width: calc(100% - 60px);margin: 20px;padding: 20px;border-radius: 12px;overflow: hidden;} .team-text h6{font-size: 24px;color: #ffffff;font-weight: 600;} .team-section .section-title h2{color: #FFFFFF;} .team-slider .swiper-pagination{bottom:0} .team-slider .swiper-pagination .swiper-pagination-bullet{background-color: rgba(255, 255, 255, 0.4);} .team-section .swiper-pagination {top: 0;} .team-section .swiper-pagination-bullet {background: #f7f7f7;width: 18px;height: 8px;border-radius: 4px;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .team-section span.swiper-pagination-bullet.swiper-pagination-bullet-active{width: 40px;} .team-text div {font-size: 16px;line-height: 20px;font-weight: 400;} .small-quote, blockquote{background: #4285F3;color: #fff;padding: 20px;border-radius: 12px;} .team-block .tlink {top: 24px;right: 24px;z-index: 1;} .team-slider .swiper-slide:not(.swiper-slide-active) .team-block .tlink {filter:grayscale(1);} .team-slider .swiper-slide:not(.swiper-slide-active) .team-block .team-img:before {content: "";width: 100%;height: 100%;display: inline-block;border-radius: 12px;background: rgba(0, 0, 0, 0.3);position: absolute;left: 0;top: 0;} /* Two column image and content Section */ .two-col-img img{border-radius: 20px;} .two-col-text h2 {margin-bottom: 24px;} /* FAQs Section */ .faq-main {max-width: 1100px;margin: 0 auto;} .accordion-item {border: 1px solid #0000000D;background: #F1F1F1;color: #606060;margin-bottom: 24px;border-radius: 16px !important;} .accordion-button {background: #F1F1F1 !important;padding: 21px 24px 21px;font-size: 20px;line-height: 30px;font-weight: 400;box-shadow: none !important;color: #1B1B1B !important;border-radius: 16px !important;} .accordion-button.collapsed {background: transparent !important;} .accordion-body {padding: 0 60px 22px 24px;background: #F1F1F1;border-radius: 0 0 12px 12px;font-weight: 500;} .accordion-body *{font-size: 16px;line-height: 24px;color: #000000;font-weight: 400;} .accordion-body strong{font-weight: 500;} .swiper-pagination {top: 40px !important;} .swiper-pagination-bullet {background: #EAEAEA;width: 16px;height: 16px;border-radius: 20px;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;opacity: 1;margin: 0 3px !important;} span.swiper-pagination-bullet.swiper-pagination-bullet-active{width: 42px;background: #4285F3;} .dark-bg .swiper-pagination-bullet {background: #333333;} /* Contact Us Section */ .bottom-contact {position: relative;} .bottom-contact:after {content: "";background: #1B1B1B;height: 50%;width: 100%;position: absolute;bottom: 0;display: inline-block;} .browser-box {position: relative;border: 1px solid #0000001A;box-shadow: 0px 8px 24px 8px #0000001A;border-radius: 16px;overflow: hidden;z-index: 1;background: #fff;} .browser-box .row {border: 1px solid #0000001A;background: #4285F3;margin: 8px !important;border-radius: 8px;z-index: 1;position: relative;padding: 50px;} .contact-form ul li {padding: 0;margin-bottom: 12px;} .contact-form ul li:before {display: none;} .contact-form label {display: inline-block;width: 100%;margin-bottom: 8px;font-size: 15px;} .contact-form input, .contact-form textarea, .contact-form select {background: #fff;border: 1px solid transparent;box-shadow: none;padding: 12px;border-radius: 8px;width: 100%;font-size:16px;color:#000000;} .contact-form textarea { max-height: 150px;} .contact-form ul {margin-bottom:0;} .contact-form .submit-btn {text-align: center;margin-bottom:0;} .contact-form .submit-btn input {color:#ffffff;background: transparent;border: 1px solid;width: inherit;padding: 12px 22px;border-radius: 8px;font-size: 16px;font-weight: 500;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .contact-form .submit-btn input:hover {background: #1B1B1B;border-color: #1B1B1B;} span.wpcf7-spinner {position: absolute; top: 12px;} .wpcf7-response-output {font-size: 14px;text-align: center;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder{color: #00000040;} input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {color: #00000040;} input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {color: #00000040;} input:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder{color: #00000040;} form.wpcf7-form.invalid .wpcf7-not-valid {border-color: #f00;} span.wpcf7-not-valid-tip {font-size: 14px;color: #dc3232;} /* Inner Page Banner Section */ .inner-hero-section {background: radial-gradient(50% 50% at 50% 50%, #E2ECF7 0%, #BAD7F7 100%), linear-gradient(0deg, #F1F6FD, #F1F6FD);} body.logged-in .inner-hero-section .container {padding-top: 0;} .inner-hero-section .container {padding-top: 80px;} .inner-hero-row{padding: 80px 40px;} .breadcrumb-bar {font-size: 16px;font-weight: 500;color: #000000;padding: 0 12px;text-transform:uppercase;} .breadcrumb-bar + h1 {margin-top: 0;} .breadcrumb-bar .breditem a {color: #000000;} .breadcrumb-bar .breditem a:hover {color: #4285F3;} .breadcrumb-bar ul{height: 45px;} .breadcrumb-bar ul li{list-style: none;padding: 0;} .breadcrumb-bar ul li:before{display: none;} .bredsep {display: flex;align-items: center;} .policyinfo {color: #00000060;padding-bottom:32px;} .inner-hero-section .side-border:before {content: "";background: url(../images/black-star.svg) no-repeat;width: 32px;height: 32px;position: absolute;left: -9px;bottom: -24px;} .inner-hero-section .side-border:after {content: "";background: url(../images/black-star.svg) no-repeat;width: 32px;height: 32px;position: absolute;right: -24px;bottom: -24px;} .nostar:before, .nostar:after{display:none;} .category-search-bar{padding: 32px 0;} .list-scroll{width:100%;} .list-scroll ul{display: flex; justify-content: flex-start;margin-bottom: 18px;width: max-content;} .list-scroll ul li{ padding: 0; margin: 0 10px;} .list-scroll ul li:first-child{margin-left: 0;} .list-scroll ul li a{background: #fff;display:block; padding: 10px 16px; border: 1px solid #00000020; font-size: 15px;line-height:18px;white-space:nowrap; font-weight: 500; border-radius:8px;color: #00000060;} .list-scroll ul li.active a, .list-scroll ul li a:hover{border-color:#4285F3; background-color: #4285F3;color:#FFFFFF;} .list-scroll ul li:before{display:none} .scroll-overflow {overflow-x: scroll;overflow-y: hidden;-ms-overflow-style: none;scroll-behavior: smooth;-ms-overflow-style: none; scrollbar-width: none;cursor: grab;cursor: -webkit-grab;} .scroll-overflow.dragging {cursor: grabbing;cursor: -webkit-grabbing;} .search-form-bar input {padding: 10px 12px;background: #ffffff;border: 1px solid #E8E8E8;border-radius: 12px;min-width: 250px;font-size: 14px;} .search-form-bar button{border: none;background: transparent;position: absolute;right: 10px;top: 10px;} /* Blog Post Section */ .post-listing-main .row{row-gap:32px;} .post-listing-main .blog-item {border-bottom: 1px solid #00000030;} .post-listing-main .col-md-4 {margin-bottom: 20px;} .post-listing-main .blog-date {color: #00000060 !important;} .blog-item h5, .blog-item a {color: #000;} .blog-item h5 a:hover, .blog-item a:hover {color: #4285F3;} .pagination-main {padding: 80px 0 0;} ul.page-numbers {display: flex;flex-wrap: wrap;justify-content: center;border: 1px solid #0000004D;width: max-content;border-radius: 8px;padding: 8px 0;margin: 0 auto;} ul.page-numbers li {list-style: none;padding: 0 6px;} ul.page-numbers li:before {display: none;} ul.page-numbers li .page-numbers {font-size: 14px;color: #606060;font-weight: 400;width: 40px;height: 40px;background: transparent;border-radius: 8px;display: flex;align-items: center;justify-content: center;} ul.page-numbers li .page-numbers.current, ul.page-numbers li .page-numbers:hover {background: #4285F3;color:#ffffff;} ul.page-numbers li .next.page-numbers, ul.page-numbers li .prev.page-numbers {display: flex;align-items: center;justify-content: center;width: 46px;background: #fff;} ul.page-numbers li .next.page-numbers:hover, ul.page-numbers li .prev.page-numbers:hover {background: #4285F3;border-color: #4285F3;} ul.page-numbers li .next.page-numbers:hover img, ul.page-numbers li .prev.page-numbers:hover img{filter: brightness(0) invert(1);} .default-content h1, .default-content h2, .default-content h3, .default-content h4, .default-content h5, .default-content h6{margin: 32px 0 20px 0;} .default-content h2{font-size: 40px;} .default-content h3{font-size: 36px;} .default-content h4{font-size: 32px;} .default-content h2:first-child {margin-top: 0;} .default-content .border-bottom {margin-top: 32px;} .blog-single-content-right > p:empty{display:none;} .post-single-banner .post-cat {background: #fff;width: fit-content;padding: 3px 8px;border-radius: 20px;color: #282828;} .post-single-banner .blog-info * {font-size: 16px;margin-bottom: 20px;color: #7C7C7C;} .post-single-banner .post-author-info .d-flex {gap:12px;} .post-single-banner .post-author-info h6 {margin-bottom: 12px;} .post-single-banner .post-author-info p{margin-top: 12px;font-size: 12px;color: #606060;line-height: 1.3;} .post-infos {width: 100%;justify-content: space-between;padding: 40px 28px;} .post-infos div {width: 33.33%;border-left: 1px solid #0000001A;padding-left: 20px;} .post-infos label {font-weight: 500;font-size: 12px;line-height: 20px;letter-spacing: -0.2px;text-transform: uppercase;color: #00000050;display: inline-block;width: 100%;} .post-infos span {font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: -0.2px;text-transform: uppercase;color: #000;} .single-post .hero-content h1, .single-post .hero-content p{margin-bottom:20px;} .twohero .hero-content {height: 100%;display: flex;flex-direction: column;justify-content: center;position: relative;} .twohero .blog-top-line, .twohero .blog-bottom-line{border-top: 1px solid #0000001A;width:95%;position: absolute;height:20px;} .twohero .blog-top-line{top:0;} .twohero .blog-bottom-line{bottom:0;height:0;} .blog-top-line:before, .blog-bottom-line:before{content: "";background: url(../images/black-star.svg) no-repeat;width: 32px;height: 32px;position: absolute;left: -20px;top: -8px;} .blog-top-line:after, .blog-bottom-line:after{content: "";background: url(../images/black-star.svg) no-repeat;width: 32px;height: 32px;position: absolute;right: -40px;top: -8px;} .post-author-info .pauthimg img{max-width: 60px;border-radius:12px;} .post-author-info .pauthname {font-size: 24px;line-height: 30px;font-weight: 500;} .post-author-info .pauthdesg {line-height: 18px;} .blog-single-content-right ul li, .blog-single-content-right ol li {margin-bottom: 10px;line-height: 28px;} .post-sidebar {position: sticky;top: 0;} .blog-single-toc {background: #4285F3;padding: 30px;border-radius: 16px;} .post-sidebar h6{font-size:24px;font-weight:400;color:#ffffff;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ffffff;} .blog-single-toc ul li {padding:0;} .blog-single-toc ul li a{padding: 6px 12px;margin-bottom: 12px;font-size: 16px;font-weight: 400;cursor: pointer;border-radius: 8px;color:#ffffff;width:100%;display:inline-block;} .blog-single-toc ul li a:hover, .blog-single-toc ul li.active a{background: #FFFFFF;color:#000000;} .blog-single-toc ul li:before {display: none;} .blog-single-blue-box {background: #4285F3;padding: 30px;border-radius: 16px;} .blog-single-blue-box p{color: #ffffff;line-height: 24px;font-weight: 300;} .blog-single-blue-box .btn {font-size: 12px;line-height: 18px;padding: 10px 17px;} .post-sidebar .border-bottom {margin: 24px 0;} .post-sidebar .social-contact li{padding: 0;} .pauthname{font-weight: 700;color: #282828;} .pauthdesg {color: #282828;font-size: 14px;line-height: normal;} .blog-single-blue-box * {color: #fff;} .blog-single-content-right img {width: 100%;border-radius: 20px;} .blog-single-blue-box a {background: #fff;width: 100%;text-align: center;color: #4285F3;font-size: 16px !important;margin-top: 30px;} .contact-banner .contact-info {margin-top: 90px;} .contact-item {padding: 12px;border-radius: 20px;background: #fff;margin-bottom: 20px;gap: 12px;} .contact-item .ctimg img {min-width: 60px;max-width: 60px;} .contact-item .ctlink a {color: #282828;} .contact-item .ctlink a:hover {color: #4285F3;} .policy-content .side-pad {padding: 0 90px;} .policy-content ul {padding-left: 15px;} /* Product Page */ .portfolio-listings .row {row-gap: 32px;} .portfolio-listing-main .category-search-bar {padding: 70px 0 40px 0;} .portfolio-listings .work-info p {font-size: 18px;line-height: 24px;color: #000;} .porlink {min-width: 40px;} .portfolio-listings .work-img img {min-height: 400px;object-fit: cover;border-radius: 16px;} /* Pricing Page */ .light .pricing-box {background: #F1F6FD;border: 1px solid #0000001A;box-shadow: none;} .light .pricing-box a{border-color:#000000;color:#000000;} .light .pricing-box.highlight a{color:#ffffff;} /* About Us Page */ .about-intro-section{background:#4285F3;} .about-intro-section * {color:#ffffff;} .about-intro-section .star-top:before, .about-intro-section .star-top:after, .about-intro-section .star-bottom:before, .about-intro-section .star-bottom:after{content:"";background: url(../images/white-star.svg) no-repeat;width: 16px;height: 16px;position: absolute;} .about-intro-section .star-top:before{top:-35px;left:-35px;} .about-intro-section .star-top:after{top:-35px;right:-35px;} .about-intro-section .star-bottom:before{bottom:-35px;left:-35px;} .about-intro-section .star-bottom:after{bottom:-35px;right:-35px;} .msvsbox{padding:40px 20px;border-radius:12px;height: 100%;} .msvsbox.bluebox{background:#4285F3;} .msvsbox h3 {font-size: 34px;} .msvsbox p {font-size: 16px;line-height: 24px;} .two-col-icon {padding-right: 10px;} .two-col-icon img {min-width: 60px;max-width: 60px;border-radius: 16px;} .two-col-icon-list-item:last-child {margin-bottom: 0 !important;} /* Contact Us Page */ .contact-hero .inner-hero-row {padding: 40px;} .contact-hero .contact-form {background: #F1F6FD;padding: 30px 50px;border-radius: 12px;} .contact-info .contact li:before{display:none;} .contact-info .contact li, .contact-info .contact li a{color:#000000;font-size:16px;padding:0;} .contact-info .contact li img {filter: brightness(0) saturate(100%) invert(39%) sepia(96%) saturate(1214%) hue-rotate(201deg) brightness(100%) contrast(91%);} .contact-info .contact li p {margin: 0;} .contact-hero .contact-quote{background:#4285F3;padding:20px;border-radius:12px;margin-bottom:32px;} .contact-hero .contact-quote p{margin-bottom:12px;font-size:16px;line-height:24px;font-weight:400;} .contact-hero .contact-quote *{color:#ffffff;} .contact-hero .contact-quote .pauthimg img{min-width:44px;max-width:44px;border-radius:8px;} .contact-form .col-md-6, .contact-form .col-md-12 { margin-bottom: 12px;} .contact-hero .contact-quote .pauthname {font-weight: 500;line-height: normal;} .contact-hero .contact-form .submit-btn input {background: #4285F3;border-color: #4285F3;} .contact-hero .contact-form .submit-btn input:hover {background: #1B1B1B;border-color: #1B1B1B;} .contact-info .contact li a:hover{color:#4285F3;} .contact-hero .contact-form input, .contact-hero .contact-form textarea, .contact-hero .contact-form select {border: 1px solid #0000001A;} /* Case Study Page */ .cs-listing-section .category-search-bar{padding-top:80px;} .case-study-item {background: #F1F6FD;border-radius: 20px;} .case-study-item .csimg {overflow:hidden;border-radius:20px;} .case-study-item .csimg img{border-radius:20px;-webkit-transition: all 0.2s ease-in-out !important;-moz-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important;} .case-study-item:hover .csimg img{scale: 1.2;} .case-study-item .csinfo{padding:24px;} .case-study-item .csinfo h5 {margin: 8px 0;line-height:28px;} .case-study-item .csinfo h5 a{color:#000000;} .case-study-item .csinfo h5 a:hover{color:#4285F3;} .single-case-study .hero-content p{margin-bottom:0;} .csquote-box {background: #4285F3;padding: 30px;border-radius: 16px;} .csquote-box *{color:#ffffff;} .csquote-box h3{margin: 0 0 22px 0;} .csquote-box .csqtimg img {border-radius: 12px;min-width:50px;max-width: 50px;max-height: 50px;} .csquote-box .csqtdes {font-size: 16px;line-height: normal;} /* Solutions Page */ .hero-left-part, .contact-us-left{padding: 30px 0 30px 24px;} .solution-for-section .row {background: #F1F6FD;padding: 40px 30px;border-radius: 12px;row-gap: 32px;position:relative;} .solution-for-section .row:before {content: "";background: url(../images/black-star.svg) no-repeat;width: 16px;height: 16px;position: absolute;bottom: -30px;left: 0;} .solution-for-section .row:after {content: "";background: url(../images/black-star.svg) no-repeat;width: 16px;height: 16px;position: absolute;bottom: -30px;right: 0;} .solforimg img {border-radius: 12px;} .solforinfo p {color: #00000080;} .full-testi-slide {border-top: 1px solid #FFFFFF20;padding-top: 48px;} .full-testi-slide .ftcompimg {margin-bottom: 28px;} .full-testi-slide .ftauthimg {position:relative;width: 25%;} .full-testi-slide .ftauthimg img {border-radius: 12px;max-height: 350px;object-fit: cover;width: 100%;} .full-testi-slide .ftauthimg:before {content: "";background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);width: 100%;height: 100%;position: absolute;border-radius: 12px;} .full-testi-slide .ftest-quote{width:75%;margin-left:32px} .full-testi-slide .ftest-quote p {font-weight: 400;font-size: 28px;line-height: 38px;letter-spacing: -0.68px;} .full-testi-slide .ftname {font-weight: 500;font-size: 24px;line-height: 32px;letter-spacing: -0.24px;margin-bottom: 12px;} .full-testi-slide .ftdesg {border: 1px solid #FFFFFF30;text-transform: uppercase;font-size: 14px;padding: 5px 16px;border-radius: 6px;color: #FFFFFF50;} .full-testi-slide .ftdesg span {border-left: 1px solid #ffffff60;margin-left: 20px;padding-left: 20px;} .ftesarrows {margin-top: -40px;z-index: 1;background: #1b1b1b;width: min-content;margin-left: auto;} .tes-prev, .tes-next {border: 1px solid #FFFFFF30;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 6px;} .quote-icon{position:relative;} .quote-icon:before {content: "";background: url(../images/tesquote.svg) no-repeat;width: 50px;height: 50px;position: absolute;top: -50px;right: 12px;} .full-testi-slide .ftauthimg .star-top:before, .full-testi-slide .ftauthimg .star-top:after, .full-testi-slide .ftauthimg .star-bottom:before, .full-testi-slide .ftauthimg .star-bottom:after{content:"";background: url(../images/white-star.svg) no-repeat;width: 16px;height: 16px;position: absolute;} .full-testi-slide .ftauthimg .star-top:before{top:10px;left:10px;} .full-testi-slide .ftauthimg .star-top:after{top:10px;right:10px;} .full-testi-slide .ftauthimg .star-bottom:before{bottom:10px;left:10px;} .full-testi-slide .ftauthimg .star-bottom:after{bottom:10px;right:10px;} .colimg .star-top:before, .colimg .star-top:after, .colimg .star-bottom:before, .colimg .star-bottom:after{content: "";background: url(../images/black-star.svg) no-repeat;width: 16px;height: 16px;position: absolute;} .colimg .star-top:before{top:-8px;left:-26px;} .colimg .star-top:after{top:-8px;right:-26px;} .colimg .star-bottom:before{bottom:-8px;left:-26px;} .colimg .star-bottom:after{bottom:-8px;right:-26px;} .simple-cta-box .browser-box .row {min-height: 450px;align-items: center;} .browser-box .border-btn{border:1px solid #ffffff;} .browser-box .border-btn:hover{border-color: #1B1B1B;} /* Service Page */ .home-hero-section + section.service-for-section {padding-top: 80px !important;} .serforcol {border: 1px solid #0000001A;padding: 32px 40px;} .srfrow .star-top:before, .srfrow .star-top:after, .srfrow .star-bottom:before, .srfrow .star-bottom:after{content:"";background: url(../images/black-star.svg) no-repeat;width: 16px;height: 16px;position: absolute;} .srfrow .star-top:before{top:-10px;left:-10px;} .srfrow .star-top:after{top:-10px;right:-10px;} .srfrow .star-bottom:before{bottom:-10px;left:-10px;} .srfrow .star-bottom:after{bottom:-10px;right:-10px;} .srfrow .sernum {border: 1px solid #0000004D;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;font-weight: 500;border-radius: 4px;} .service-process-section {background: radial-gradient(50% 50% at 50% 50%, #E2ECF7 0%, #BAD7F7 100%), linear-gradient(0deg, #F1F6FD, #F1F6FD); background-size: cover;} .service-process-section .gap-24 {row-gap: 24px;} .service-process-section .dark-box{background:#0E3370;border-radius:12px;padding:24px;} .service-process-section .blue-box{background:#4285F3;border-radius:12px;padding:24px;} .service-process-section .blue-box .btn{border-color:#ffffff;} .process-icon-box{height: 100%;background:#ffffff;border-radius:12px;padding:24px;} .process-icon-box p{margin-top:12px;} .process-icon-box h4{margin:0;}