@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&family=Nunito+Sans:opsz,wght@6..12,200..1000&display=swap'); :root { --color-blue: #112d5e; --color-green: #d2e38a; --color-orange: #e69a61; --color-magenta: #ae1c74; --color-beige: #f3e7db; --color-teal: #5fb4b8} *,*::before,*::after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box} html, body{ height: 100%;padding:0; margin:0} body{color: #1b1b1b!important; background-color:#fff!important;font-size:16px!important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family: "Nunito Sans", sans-serif;font-optical-sizing: auto; font-weight: 400; font-style: normal;line-height: 1.5;} h1, h2, h3, h4, h5, h6, ol, ul {margin: 0; padding: 0; font-weight: normal} ol, ul { list-style: none} .container, .container-fluid{margin-right: auto !important;margin-left: auto !important; width: 100%; max-width: 100%!important} .container{padding-left: 15px !important; padding-right: 15px !important} .grid-container { margin-right: auto !important; margin-left: auto !important; width: 100%; max-width: 100% !important; padding-left: 15px !important; padding-right: 15px!important; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr 1fr; gap: 20px; } .home-blog-items .grid-container {grid-template-rows: 1fr} @media (min-width:1200px){.container,.grid-container{max-width:1140px!important}} @media (min-width:1400px){.container,.grid-container{max-width:1340px!important}} .header-right .social-icons,.quform-label-4_15,.quform-label-4_12,.quform-label-4_13,.page-id-16304 .top-footer{display:none!important} .x{border:1px solid #000!important} html::-webkit-scrollbar-track { background: #d9f2ff; box-shadow: inset 0 0 6px #fff; } html::-webkit-scrollbar-thumb { background: var(--color-teal)} html::-webkit-scrollbar { width: 8px; } a{color:#174fa3;outline:none!important; border: none!important; text-decoration:none; font-weight: 600} a:hover{text-decoration:none!important; color:var(--color-teal);outline:none!important; border: none!important} ::-moz-selection { background-color:var(--color-blue); color:#fff;-webkit-text-fill-color:#fff} ::selection {background-color:var(--color-blue); color:#fff;-webkit-text-fill-color:#fff} *:focus{outline:none!important;text-decoration:none!important;border:none!important} .tc, .tc p, .tc h1, .tc h2, .tc h3, .tc h4,.about-box,.home-testimonials,.orange-bg-icon,.mag-bg-icon{text-align:center!important} .home-testimonials,.orange-bg-icon,.mag-bg-icon, .teal-icon-right,.mag-icon-left,.quotes{position: relative} .tl, .tl p, .tl a{text-align:left!important} p{margin-bottom: 15px} .ult-video{margin: 0 20px 20px 0px!important} .header,.quform-submit,.quform-field,.buttons,.buttons a,.nextpage a, .prevpage a, .navigation li a, .small, .header, .logo,.header-right, .main-menu,.social-icons a,.top-button a,.ubermenu-target,.home-page-listing .post-img,.home-page-listing,.blog-listing .vc_col-sm-12, .grid-readmore a,.blog-buttons,.breadcrumbs a, .smooth a{-webkit-transition: all 400ms linear!important; -moz-transition: all 400ms linear!important; -o-transition: all 400ms linear!important; transition: all 400ms linear!important} .prime-font,.buttons, h1, h2, h3, h4{font-family: "Montserrat", sans-serif!important} .nm35{margin-top:-35px!important} .nm25{margin-top:-25px!important} .nm15{margin-top:-15px!important} .mt15{margin-top:15px!important} .dummy{max-width: 10px} .fw-500{font-weight: 500}.fw-600,.f-text1 p,.quform-2 .quform-button-submit-text, .fw-600 p,.quform-4 .quform-button-submit-text{font-weight: 600}.fw-700,.fw-700 p,.job-content h3{font-weight: 700}.fw-800, .sub-title p,.quform-1 .quform-button-submit-text,.buttons a,.quform-3 .quform-button-submit-text, .fw-800, .fw-800 h2,.fw-800 h3, .testimonial-company p,.testimonial-name p,.blog-buttons,.job-content h2{font-weight: 800}.fw-900{font-weight: 900} .font12{font-size:12px}.font14,.copyright ul li a{font-size:14px}.font16{font-size:16px}.font18{font-size:18px}.font20{font-size:20px}.font22{font-size:22px} .zi{z-index: 99!important} .ucase{text-transform: uppercase} .ul ul{list-style-type:disc;padding-left:20px} .ul ul li{padding-left:5px; padding-bottom: 10px} .ul ol{list-style-type:decimal;padding-left:20px} .ul ol li{padding-left:5px; padding-bottom: 10px} #page-container{overflow-x: hidden; padding-top: 80px} .header{height: 90px; position:fixed;width: 100%!important;left:0;right:0;top:0; z-index: 999999999!important;background-color: #fff; padding-top: 10px;} .logo{height: 70px} .footer{margin-top: 50px} .top-footer{background-image:linear-gradient(180deg,#fff 40%,#042d61 25%)!important;} .footer-main{background-color: var(--color-blue); color: #fff; padding-top: 50px} .f-line{position: relative; padding-top: 30px} .f-line:before{ content: ''; position: absolute; top: 0; left: 50%; width: 200vw; border-top: 1px solid rgba(255, 255, 255, 0.2); transform: translateX(-50%)} .footer-form{background-color: #fff;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 30px} .home-banner{position: relative; padding-top: 50px} .top-banner{min-height: 400px; position:relative;background-repeat: no-repeat; background-size: cover;} .Xtop-banner:before{content: ''!important; position: absolute; top: 0; left:0;background-image: linear-gradient(90deg, rgba(56, 92, 159, 1) 0%, rgba(95, 180, 184, 0.1) 100%)!important; display: inline-block!important; width: 100%; height: 100%;} .home-banner:before { content: ''; position: absolute; top: 0; left:0; width: 100%; height: 100%; display: inline-block!important; bottom: 0; background-image: url('https://www.affilityconsulting.com/wp-content/uploads/2025/01/home-overlay-1.png'); background-repeat: no-repeat;background-position: right top;background-size:cover} .certificate {text-align: right} .certificate img{height: 100px!important; width: auto} .home-box .vc_column-inner{background-color: #fff;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 30px 0 60px 0; } .about-box .vc_column-inner{background-color: #fff;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 30px 0 10px 0; } .home-box .vc_single_image-wrapper{background-color: var(--color-magenta);border-radius: 50%;width:60px; height: 60px;} .about-box .vc_single_image-wrapper{background-color:#70af93;border-radius: 50%;width:80px; height: 80px;} .home-box img{width:48px; height: 48px; border-radius: 50%; margin-top:6px } .about-box img{width:auto!important; height:48px!important; margin-top:16px } .circle-logo .vc_single_image-wrapper{background-color:#fff;border-radius: 50%;width:200px; height:200px; display: flex!important;justify-content: center!important;align-items: center!important; } .circle-logo-small img{width:130px; height: auto} .circle-logo-medium img{width:150px; height: auto} .home-box .buttons{position: absolute; bottom:-10px; left: 0; right:0; text-align: center;margin: 0 auto;} .fix-width,.home-numbers{padding-left: 15px; padding-right: 15px} .home-numbers{padding-top:30px; padding-bottom:30px; position: relative;} .home-numbers:before { content: ''!important; position: absolute; top: 0; left:0; background-color: var(--color-blue);width: 100vw!important;margin-left: calc(-50vw + 50%); height: 100%; } .home-testimonials:after,.teal-icon-right:after { content: ''!important; position: absolute; width:290px; height: 181px; display: inline-block!important; background-image: url('../img/bg1.svg'); background-repeat: no-repeat;background-position: left;background-size:290px 181px;} .home-testimonials:after{top: -100px; right:-150px;} .teal-icon-right:after{top:0px; right:-150px;} .blue-gra1{background: linear-gradient(90deg, #242f62 0%, #30539c 100%)!important; position: relative} .mag-bg-icon:after { content: ''!important; position: absolute; width:290px; height: 181px; display: inline-block!important; background-image: url('../img/bg5.svg'); background-repeat: no-repeat;background-position: left;background-size:290px 181px;} .mag-bg-icon:after{top: -100px; right:-150px;} .vc_custom_1728234074736, .vc_custom_1728234074736X {background-position: top center !important} .orange-bg-icon:after { content: ''; position: absolute; top: -200px; left:-180px; width:290px; height:351px; display: inline-block!important; ; background-repeat: no-repeat;background-position: left;background-size:290px 351px;background-image: url('../img/bg3.svg')} .home-testimonials:before,.mag-icon-left:before, .blue-gra1:after{ content: ''!important; position: absolute; width:200px; height: 298px; display: inline-block!important; background-image: url('../img/bg5.svg'); background-repeat: no-repeat;background-position: left;background-size:200px 298px} .home-testimonials:before{bottom:300px; left:-120px;} .mag-icon-left:before{top:-200px; left:-120px;} .page-id-16286 .mag-icon-left:before{top:-100px; left:-120px;} .page-id-16280 .teal-icon-right:after, .page-id-16288 .teal-icon-right:after, .page-id-16276 .teal-icon-right:after{top:-700px; right:-150px;} .page-id-16272 .teal-icon-right:after{top:550px; right:-150px;} .page-id-16274 .teal-icon-right:after{top:-750px; right:-150px;} .page-id-16286 .teal-icon-right:after{top:-350px; right:-150px;} .blue-gra1:after{top:0; left:-110px;} .blog-footer{margin:40px 0 40px 0; text-align: center} .teal-bg{background-color: #2fb6ba} .svg img{width: 100%; max-width: auto; height: 100px!important} .main-menu{margin-top: 10px} .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { font-size:16px; color:var(--color-blue);font-weight: 600!important;line-height: 100%!important} .ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target{ color:var(--color-teal)} .ubermenu .ubermenu-submenu{font-size:16px;background-color:#fff!important;border:0!important;box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px!important} .ubermenu .ubermenu-submenu .ubermenu-target{color:var(--color-navy);font-weight:600!important;font-size:16px} .ubermenu .ubermenu-submenu .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-current-menu-item .ubermenu-target:hover {color: var(--color-teal)!important} .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator{margin-top: -7px!important} .ubermenu .ubermenu-submenu.ubermenu-submenu-id-16342{ min-width:250px;width:250px} .ubermenu .ubermenu-submenu.ubermenu-submenu-id-16346,.ubermenu .ubermenu-submenu.ubermenu-submenu-id-16351{ min-width:260px;width:260px;} .ubermenu .ubermenu-submenu.ubermenu-submenu-id-16347{ min-width:340px;width:340px;} .ubermenu .ubermenu-submenu{padding:20px 0 20px 0!important} .header-right{margin-top:10px; display: flex; align-items: center; justify-content:flex-end; gap: 20px; } .top-button a{display:inline-block!important;padding: 8px 10px!important;border: 0;font-size: 16px; border-radius: 10px;background-color:var(--color-green); color:var(--color-blue); white-space: nowrap;}.top-button a:hover{background-color:var(--color-blue); color:var(--color-green);} .quotes .slick-slide:before { content: ''; position: absolute; top:0; left: 15px; display: inline-block; background-image: url('../img/q1.svg'); background-repeat: no-repeat; background-position: left; background-size: contain; width:50px; height: 50px; z-index:2; } .quotes .slick-slide:after { content: ''; position: absolute; bottom:0; right: 15px; display: inline-block; background-image: url('../img/q2.svg'); background-repeat: no-repeat; background-position: left; background-size: contain; width:50px; height: 50px; z-index:2; } .testimonial-company{padding-bottom: 50px} .home-scroll-logo{position: relative;} .home-scroll-logo:before, .home-scroll-logo:after { content: ''!important; position: absolute; top: 0; width: 100px; height: 100%; } .home-scroll-logo:before { left: 0; z-index: 10; background: linear-gradient(90deg,#fff 20%,transparent) } .home-scroll-logo:after { right: 0; background: linear-gradient(270deg,#fff 20%,transparent) } .home-scroll-logo ul{list-style: none!important} .breadcrumbs{padding-top: 10px; padding-bottom: 10px;color: var(--color-magenta)} .breadcrumbs .wpb_content_element{margin-bottom: 0} .breadcrumbs .vc_column-inner{padding-top: 0!important} .breadcrumbs a{color: var(--color-blue)}.breadcrumbs a:hover{color: var(--color-magenta)} .map { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); width: 100%; margin-bottom: -45px } .contact-icon svg{width: 40px} .icon-container { display: flex; align-items: center; } .icon-container img { width: 30px; height: auto; float: left; margin-right:10px; } .icon-container p { margin: 0; line-height: 1.5; } .white, .white p, .white h1, .white h2, .white h3{color: #fff!important} .co-blue, .job-content h2{color: var(--color-blue)} .icon-text p, .color-blue, .job-content h3 {color:#174fa3!important} .terms h4{margin-bottom:-10px; padding-top: 10px} .co-teal{color: var(--color-teal)} .co-magenta{color: var(--color-magenta)} .bg-green{background-color: var(--color-green)} .bg-blue{background-color: var(--color-blue)} .bg-orange{background-color: var(--color-orange)} .bg-beige{background-color: var(--color-beige)} .blue-gra{background: linear-gradient(90deg, #242f62 0%, #30539c 100%)!important} h1{font-size:40px;line-height: 1.2} .top-banner h1{color: #fff; font-weight: 800; text-align: center; text-transform: uppercase;text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.7);font-size:30px} .sub-title, .sub-title h2, .job-content h2, .job-content h3{font-size:30px;line-height: 1.2} .testimonial-content{font-size: 20px; padding-top: 50px} .testimonial-name{margin-top: 25px;font-size: 18px; padding-bottom: 10px} h4{font-size: 24px; line-height: 1.2} h4.vc_tta-panel-title{font-size: 20px} .f-text1{font-size:20px; color:#fff; margin-bottom:20px!important;display: inline-block;position: relative} .f-text2{font-size:18px; font-weight: 600; position: relative; display: inline-block; margin-bottom:10px;color:var(--color-green)} .zero .wpb_content_element{padding-bottom: 0!important; margin-bottom: 0!important} .f-text1:before { content: '' !important; position: absolute !important; left: 0; bottom: -5px; height: 2px; width: 60px; display: inline-block; background-color:#fff} .master-blog-content{padding: 30px 0} .master-blog-content li{padding-bottom:15px} .master-blog-content h1{font-weight: 800; padding-bottom: 15px} .master-blog-content h2,.master-blog-content h3,.master-blog-content h4{font-weight: 600; padding-top: 15px;padding-bottom: 15px} .banner-text-date{color: #fff; text-align: center;text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.7)} .casestudy-right h4{padding-bottom: 30px} .casestudy-right{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px!important;padding-left: 0!important; padding-right: 0!important;padding-bottom: 30px; background-color: #fff} .white-box{padding: 30px} .cs-text{padding-bottom: 10px} .cs-button{position: absolute; bottom:15px; left: 50%; transform: translateX(-50%);} #totopbutton { display: inline-block; background-color:var(--color-teal);width:40px; height:40px; text-align: center;position: fixed; bottom: 0; right: 0; opacity:0; visibility: hidden; z-index:999999!important; cursor: pointer; } #totopbutton svg{fill:#fff; width: 30px; height: 30px; margin-top:8px} #totopbutton:hover svg {fill:var(--color-blue)!important}#totopbutton:hover{background-color:var(--color-green)} #totopbutton.show { opacity: 1; visibility: visible} .copyright ul { list-style-type: none; display: flex; flex-wrap:wrap; justify-content: space-between; align-items: center; align-content: center; } .copyright ul li { margin: 0; } .copyright ul li a { color: #fff } .copyright ul li a:hover { color: var(--color-green); } .social-icons{display:flex;gap:15px;justify-content:flex-start;align-items:center;}.icon{width:40px;height:40px;display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:10px}.icon:hover{background-color:var(--color-green);}.icon svg{width:20px;height:20px;fill:var(--color-blue);display: block;}.icon:hover svg{fill:var(--color-blue);} .team-adj1 .social-icons .icon:hover, .team-adj2 .social-icons .icon:hover{background-color:var(--color-blue);} .team-adj1 .social-icons .icon:hover svg,.team-adj2 .social-icons .icon:hover svg{fill:var(--color-green);} .header .social-icons{display:flex;gap:5px;justify-content:flex-end} .foo-links ul { list-style: none; padding: 0; margin: 0; } .foo-links li { margin-bottom: 8px!important; } .foo-links li a{position:relative; font-size: 16px; color: #fff} .white-links a{color: #fff} .foo-links li a:hover, .white-links a:hover{color:var(--color-green)} .foo-links li a:before{ transform: scaleX(0); transform-origin: bottom right;content: " "; display: block; position: absolute; right: 0; bottom:-5px;left: 0; height:1px;background:var(--color-green); z-index:1; transition: transform .5s ease} .foo-links li a:hover:before {transform: scaleX(1); transform-origin: bottom left; } .buttons a,.blog-buttons{display:inline-block!important;padding: 8px 35px!important;border: 0;font-size: 18px; border-radius: 7px;} .button-green a,.blog-buttons{background-color:var(--color-green); color:var(--color-blue);} .button-green a:hover,.blog-buttons:hover{background-color:var(--color-blue); color:var(--color-green);} .button-blue a{background-color:var(--color-blue); color:var(--color-green);} .button-blue a:hover{background-color:var(--color-green); color:var(--color-blue);} .button-blue-orange a{background-color:var(--color-blue); color:var(--color-green);} .button-blue-orange a:hover{background-color:var(--color-orange); color:var(--color-blue);} .blue-white-links a{color: var(--color-blue)} .blue-white-links a:hover{color:#1b1b1b} .white-blue-links a{color:#fff} .white-blue-links a:hover{color: var(--color-green)} .blog-listing .vc_col-sm-12{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px!important;padding-left: 0!important; padding-right: 0!important;padding-bottom: 30px; background-color: #fff} .home-page-listing{position: relative; } .home-page-listing h4{padding: 30px 25px 15px 25px; font-weight: 600;color:var(--color-blue);} .home-page-listing .post-img { display: block; width: 100%; height: 200px; background-size: cover; background-repeat: no-repeat; background-position: center top !important; } .home-page-listing .post-intro{padding: 25px 25px 15px 25px;} .home-page-listing .img-overflow{overflow: hidden} .home-page-listing .post-date{padding: 0 25px 0 25px;color:var(--color-teal)} .blog-listing .vc_col-sm-12 .grid-readmore a{text-align: center; position: absolute;left: 50%;transform: translateX(-50%); bottom:-20px;padding: 8px 35px;border: 0;font-size: 18px; border-radius: 7px; background-color:var(--color-blue); color:var(--color-green); font-weight: 600 } .blog-listing .vc_col-sm-12:hover{background-color:var(--color-blue);} .blog-listing .vc_col-sm-12:hover .post-date, .blog-listing .vc_col-sm-12:hover .post-intro{color:#fff} .blog-listing .vc_col-sm-12:hover .post-img{transform: scale(1.1)} .blog-listing .vc_col-sm-12:hover h4{color:var(--color-green)} .blog-listing .vc_col-sm-12:hover .grid-readmore a{background-color:var(--color-green); color:var(--color-blue);}.cs-info{padding: 25px 25px 0 25px;} .navigation { margin: 50px auto 50px auto; text-align: center } .navigation ul { margin: 0 auto; } .navigation li { display: inline-block; list-style: none } .navigation li a { float: left; font-size: 20px; background-color:var(--color-blue); color:var(--color-green); width:40px; height:40px; display: inline-block; border-radius:10px; border: 0; text-align: center; margin-right: 10px; line-height:40px } .navigation li a:hover { background-color:var(--color-green); color:var(--color-blue); } .navigation li span.current { display: block; float: left; padding: 4px 9px; margin-right: 7px; background-color: #a7d5d4 !important; border: 1px solid #a7d5d4 !important; } .super-active a { cursor: default !important; background-color: var(--color-orange)!important; color: #fff !important;} .navigation li.dots { padding: 4px 9px; margin-right: 7px; } .nextpage a, .prevpage a { font-size: 0 !important; position: relative !important; background-color: #fff !important; color: #bcb19f !important } .quform-1 .quform-label-text,.quform-3 .quform-label-text,.quform-4 .quform-label-text{font-weight:normal!Important; color:#949598} .quform-1 .quform-field,.quform-3 .quform-field,.quform-4 .quform-field{font-family: "Nunito Sans", sans-serif;color:#949598; background-color: #f3f5f8;padding: 15px 20px!important;font-size:16px!important; border-radius: 10px; border: 1px solid #ccc;} .quform-2 .quform-field{font-family: "Nunito Sans", sans-serif;color:#fff; background-color: var(--color-blue);padding: 12px 20px!important;font-size:16px!important; border-radius: 10px; border: 1px solid #fff;} .quform-1 .quform-field:focus, .quform-4 .quform-field:focus{background-color:var(--color-blue); color:var(--color-green); border: 1px solid var(--color-blue)} .quform-2 .quform-field:focus{background-color:var(--color-green); color:var(--color-blue); border: 1px solid var(--color-green)} .quform-3 .quform-field:focus{background-color:var(--color-teal); color:#fff; border: 1px solid #fff!important} .quform-2 .quform-spacer{padding: 0} .quform-1 .quform-submit,.quform-2 .quform-submit,.quform-3 .quform-submit,.quform-4 .quform-submit{display:inline-block!important;padding: 8px 35px!important;border: 0;background-color:var(--color-green);text-align:center; color:var(--color-blue); font-size: 18px; border-radius: 7px;font-family: "Montserrat", sans-serif;} .quform-2 .quform-submit{display:inline-block!important;padding: 10px 35px!important;border: 0;background-color:var(--color-green);text-align:center; color:var(--color-blue); font-size: 18px; border-radius: 7px;font-family: "Montserrat", sans-serif;} .quform-form-1 .quform-submit:hover,.quform-form-2 .quform-submit:hover,.quform-form-3 .quform-submit:hover,.quform-form-4 .quform-submit:hover{background-color:var(--color-blue); color:var(--color-green)} .quform-form-2 .quform-submit:hover{background-color:var(--color-orange); color:#fff} .quform-3 textarea{max-height:80px}.quform-3 .quform-button-submit{float: right!important}.c-form .quform-element-row-size-fixed.quform-2-columns>.quform-element-column,.quform-options-columns.quform-2-columns>.quform-option{width:100%} .c-form .quform-element-row-size-float.quform-2-columns>.quform-element-column{max-width:100%}@media only screen and (max-width: 767px){ html::-webkit-scrollbar { width: 4px} #page-container{padding-top:60px!important} #totopbutton, .header .vc_col-sm-3,.hide-mobile{display:none!important} .mtc, .mtc p{text-align: center!important} .mo-pad{padding-top: 35px} .home-box{margin-top: 35px} .mp1 p{padding-left:15px!important;padding-right:15px!important} .mtc .wpb_single_image{text-align: center!important; margin: 0 auto!important; float: none!important} .mtc img{text-align: center!important; margin: 0 auto!important; float: none!important} .reverse-row{ display:flex!important;flex-direction:column-reverse!important} .copyright ul {justify-content: flex-start; gap: 15px} .grid-container { grid-template-columns: 1fr; gap: 50px 0px; } .home-blog-items .grid-container { grid-template-rows: 1fr; } .header{height:70px!important; padding-top: 5px} .logo{height: 55px!important; margin-left: -15px!important} .vc_row.vc_column-gap-35>.vc_column_container{padding-left: 0!important; padding-right: 0!important} .top-banner{min-height:240px} h1 {font-size: 30px} .mnm15{margin-top:-25px!important} .ubermenu .ubermenu-submenu.ubermenu-submenu-id-16342,.ubermenu .ubermenu-submenu.ubermenu-submenu-id-16346,.ubermenu .ubermenu-submenu.ubermenu-submenu-id-16347{ min-width:100%;width:100%} .mo-adj .wpb_content_element{margin-bottom: 15px} .footer .vc_column_container>.vc_column-inner{padding-left: 10px} .footer .foo-links{padding-left:5px} .footer-form{padding: 20px 15px!important} .orange-bg-icon:after {left:-200px;z-index: -1;top:0} textarea{max-height:100px} .fo-adj .f-text1{padding-left: 5px} .fo-adj .f-text1:before {left: 5px} .quotes .slick-slide:before{} .quotes .slick-slide:after{} .home-scroll-logo:before, .home-scroll-logo:after{width:0} } @media only screen and (max-width: 959px){ .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {background:var(--color-blue)!important; color:var(--color-green)!important; position: absolute; top:5px; right:15px; padding:0!Important; height:35px!important; width:40px!important; line-height:30px; text-align:center!important;font-size:20px!important;border-radius: 10px} .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {text-align: left} .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main:hover { background:var(--color-green)!important; color:var(--color-blue)!important} .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { font-size:16px!important; color:#fff!important} .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target { color:#fff!important; } .ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {background:var(--color-blue)!important; color:var(--color-green)!important} .ubermenu-responsive-default.ubermenu-responsive.ubermenu {background-color:var(--color-blue); top:70px;position:fixed; left:0; right:0; width:100%!important} .blog-listing .vc_col-sm-12 .grid-readmore a{min-width: 80%} .header .social-icons{display: none} .home-box, .about-box1{margin-top: 35px} .m-nm15{margin-top:-15px!important} .m-nm35{margin-top:-10px!important} .mb-zero{margin-bottom: 0!important} .mp0{padding-left: 0!important;padding-right: 0!important} .mob-zero-pad p{margin-left: -15px!important;margin-right: -15px!important} .home-testimonials:after, .teal-icon-right:after{z-index: -1;top:0px} } @media only screen and (min-width : 960px){ .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target{padding-left:15px!important;padding-right:15px!important} .ubermenu-item-level-0 > a span{position: relative!important} .ubermenu-item-level-0 > a span:before { transform: scaleX(0); transform-origin: bottom right;content: " "; display: block; position: absolute; right: 0; top: -10px; left: 0; height:2px; background:var(--color-teal); z-index: -1; transition: transform .5s ease; } .ubermenu-item-level-0 > a span:hover:before { transform: scaleX(1); transform-origin: bottom left; } .ubermenu .ubermenu-submenu a:hover {padding-left: 20px !important} .tr, .tr p, .tr a{text-align:right!important} .pl50{padding-left:50px!important} .mt-p0 p:first-child{margin-top: 0} } @media only screen and (min-width: 768px) and (max-width: 959px) { .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {height:40px!important; width:40px!important;top:11px!important; right:-75px!important; border-radius: 10px} } @media (min-width: 768px) and (max-width :1200px) { .grid-container {grid-template-columns: repeat(2, 1fr);gap:30px 30px} } @media only screen and (min-width : 1025px){ html::-webkit-scrollbar{width: 6px} .des-pad{padding-top:40px} .tj{text-align: justify} .quform-element-2_6{margin-top: -10px!important} .header-right .social-icons{display:flex!important} .home-form {max-width: 400px!important; margin-left: auto !important;margin-right: 0 } .ubermenu-main .ubermenu-item-level-0>.ubermenu-target {padding-left: 20px !important;padding-right: 20px !important} .ubermenu .ubermenu-submenu a:hover {padding-left: 25px !important} .short-width60,.short-width70,.short-width80{margin-left: auto!important; margin-right: auto} .short-width70{max-width:80%!important} .short-width60{max-width:70%!important} .short-width80{max-width:90%!important} .cs-adj1{padding-right:50px} .so-adj1{padding-right:15px;padding-left: 15px} .about-adj1{padding-left: 15%; padding-right: 15%} .about-adj .vc_column-inner{max-width:90%; margin: 0 auto} .svg img{height: 120px!important} .team-wrapper{max-width: 500px; margin: 0 auto} .large{min-height:60px!important} .job-content{padding-right: 50px!important} .company-logo .wpb_single_image .vc_figure{min-height: 100px; display: flex; align-items: center} .home-scroll-logo:before, .home-scroll-logo:after {width: 50px} } @media only screen and (min-width: 1201px) { .header{height:110px;padding-top: 10px} .logo{height: 90px}.header-right{margin-top:25px}.main-menu{margin-top: 25px} .small.header{height:90px} .small .logo{height: 70px} .small .header-right{margin-top:10px} .small .main-menu{margin-top:10px} .home-blog-items .grid-container {gap:40px} .footer{margin-top:100px} .page-id-16304 .footer{margin-top:0}.footer-main{padding-top:100px} .page-id-16304 .footer-main{padding-top:50px} .short-width60,.short-width70,.short-width80,.footer-form,.fix-width,.home-numbers,.testimonial-content,.fix-width1{margin-left: auto!important; margin-right: auto} .f-adj1{transform: translateX(-30px); padding-right: 30px}.f-adj2{padding-top: 60px} .footer-form{width: 80%!important; padding:5% 6%!important; float: none!important} .ubermenu-main .ubermenu-item-level-0>.ubermenu-target {padding-left: 26px !important;padding-right: 26px !important} .sub-title, .sub-title h2, .job-content h2{font-size:36px} .header .social-icons{margin-top:0} .social-icons{margin-top: 50px} .f-line{margin-top:20px} .large{min-height: 80px!important} .medium{min-height:50px!important} .fix-width,.home-numbers{max-width:570px!important} .short-width60{max-width:60%!important} .short-width70{max-width:70%!important} .short-width80{max-width:80%!important} .short-width90{padding-left:60px;padding-right:60px} .fix-width1{max-width:664px} .pl-60{padding-left: 60px}.pr-60{padding-right: 60px} .testimonial-content{max-width:70%!important} .quotes .slick-slide:before{left: 6%;} .quotes .slick-slide:after{right: 6%;} .grid-container {gap:40px 40px} .navigation { margin:90px auto 50px auto} .top-banner h1{font-size: 40px} .master-blog-content{padding: 60px 0; text-align: justify} .white-box{padding:50px} .cs-adj1{padding-right: 200px} .team-adj1{margin-left:130px!important} .team-adj2{margin-right: 130px!important} .svg img{height: 150px !important} .so-adj1{padding-right:20px;padding-left: 20px} .team-adj1 .social-icons , .team-adj2 .social-icons{position: absolute; bottom: 0px; left: 20px} .so-adj2{padding-left: 150px!important; padding-right: 150px!important} .job-content{padding-right: 100px!important} .pl50{padding-left: 100px!important} .home-scroll-logo:before, .home-scroll-logo:after {width:100px} } @media (min-width: 1400px){ html::-webkit-scrollbar { width: 8px} .fix-width,.home-numbers{max-width:670px!important; margin: 0 auto!important} .fix-width1{max-width:781px; margin: 0 auto} .grid-container {gap: 80px 60px} } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) { .header .container{max-width: 100%!important;padding-left: 15px !important; padding-right: 15px !important} .home-testimonials:before, .home-testimonials:after,.teal-icon-right:after,.orange-bg-icon:after,.mag-bg-icon:after {z-index: -1} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .ipad-hw-la{width: 50%!important; max-width: 50%!important} .ipade-hide-la, .header .social-icons{display: none!important} .home-testimonials:before, .home-testimonials:after,.teal-icon-right:after,.orange-bg-icon:after,.mag-bg-icon:after {z-index: -1} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .ipad-fw-po{width: 100%!important} .ipad-hw-po, .home-box,.about-box {width: 50%!important} .ipade-hide-la{display: none!important} #page-container{padding-top:60px!important} .header{height:70px!important; padding-top: 5px} .logo{height: 55px!important; margin-left: -15px!important} .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {top:12px; right:-65px;height:40px!important; width:40px!important; line-height:30px; border-radius: 7px; } .mo-pad{padding-top: 35px} .top-banner{min-height:300px} .home-testimonials:before, .home-testimonials:after,.teal-icon-right:after,.orange-bg-icon:after,.mag-bg-icon:after {z-index: -1} } @media only screen and (min-height: 1366px) and (orientation: portrait){ .header .social-icons{display: none!important} .home-testimonials:before, .home-testimonials:after,.teal-icon-right:after,.orange-bg-icon:after,.mag-bg-icon:after {z-index: -1} } @media only screen and (min-width: 600px) and (max-width: 1024px) and (orientation: landscape) { .home-testimonials:before, .home-testimonials:after,.teal-icon-right:after,.orange-bg-icon:after,.mag-bg-icon:after {z-index: -1} }