/* Theme Name: Hexa Theme Version: 1.0 Text Domain: ht */ /*------------------------------------------------------ overwrite css start ------------------------------------------------------*/ body { font-family: "Roboto", sans-serif;font-weight: 300;letter-spacing: 0;overflow-x: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;color: #222;} body,html {scroll-behavior: smooth;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option, textarea { margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box; } h1, .h1 {font-size: 48px;line-height: 54px;font-weight: 400; font-family: 'Helvetica Neue LT Pro EX'; margin-bottom: 30px;margin-top: 0;color: #00447c;text-transform: uppercase;letter-spacing: 2.3px;} h2, .h2 { font-size: 48px; line-height: 54px;font-family: 'Helvetica Neue LT Pro EX'; font-weight: 400;font-style: normal; margin-bottom: 30px; color: #00447c; margin-top: 0; line-height: 1.1;text-transform: uppercase;letter-spacing: 3px;} h3, .h3 { font-size: 24px; line-height: 36px;font-family: 'Helvetica Neue LT Pro EX'; margin-bottom: 18px; margin-top: 0; color: #222222 ; font-style: normal; font-weight: 400; } h4, .h4 { font-size: 20px; line-height: 32px;font-family: "Roboto", sans-serif; color: #00447c; font-style: normal; font-weight: 700; margin-bottom: 20px; margin-top: 0; } h5, .h5 { font-size: 18px; font-family: "Roboto", sans-serif; font-style: normal; font-weight: 400; margin-bottom: 20px; margin-top: 0;color: #00447c ; } h6, .h6 { font-size: 18px; font-family: "Roboto", sans-serif; font-style: normal; font-weight: 400; margin-bottom: 20px; margin-top: 0; color: #00447c ;} b, strong {font-weight: 700;} .single-line {width: 100%; height: 1px;background-color: #e4e4e4; margin-top: 0px; opacity: 1;} /* Spacer Style Start */ .spacer-100 {height: 100px;position: relative;} .spacer-190 {height: 190px; position: relative;} .spacer-105 {height: 105px;position: relative;} .spacer-30 {height: 30px;position: relative;} .spacer-60 {height: 60px;position: relative;} /* Spacer Style End */ /* Global styles for all forms start */ form { width: 100%;margin: 0 auto;} /* Style for form labels */ form label {font-weight: bold;margin-bottom: 5px;display: block;color: #222;} /* Global styles for all input types (text, email, number, etc.) */ form input[type="text"], form input[type="email"], form input[type="number"], form input[type="password"], form input[type="tel"], form input[type="url"], form input[type="search"], form textarea, form select { width: 100%;font-size: 24px; font-family: "Roboto", sans-serif; font-style: 500; font-weight: 300; margin-bottom: 0px;color: #1f1f26;padding-bottom: 10px;background: transparent;border-bottom: 1px solid #dadbf9;width: 100% !important;height: 44px;} /* Style for form inputs (checkboxes, radio buttons) */ form input[type="checkbox"], form input[type="radio"] {width: auto; margin-right: 10px;vertical-align: middle; /* Aligns checkboxes/radios with text */} /* Style for select dropdown */ form select {background-image: url(./assets/images/form-down-arrow.png);background-repeat: no-repeat; background-position: center right;padding-right: 20px;cursor: pointer;background-size: 15px;background-repeat: no-repeat;background-position: center right;appearance: none;} /* Style for form submit button */ form input[type="submit"], form button[type="submit"] {background-color: #0073e6;color: white;font-size: 16px;padding: 12px 20px;border: none;border-radius: 4px;cursor: pointer;width: auto;} /* Submit button hover effect */ form input[type="submit"]:hover, form button[type="submit"]:hover {background-color: #005bb5;} /* Error message styling */ form .error {color: #d9534f;font-size: 14px;} /* Success message styling */ form .success {color: #5bc0de;font-size: 14px;} /* Additional spacing for checkbox and radio button groups */ form .checkbox-group, form .radio-group {margin-bottom: 15px;} /* Style for multi-checkbox and radio button groups */ form .checkbox-group input, form .radio-group input {margin-right: 10px;} /* Global styles for all forms end */ /* Link on hover line style start */ /* p a{ background: -webkit-gradient(linear, left top, right top, from(rgba(100, 200, 200, 0)), to(rgba(100, 200, 200, 0))), -webkit-gradient(linear, left top, right top, from(#1bdee0)) !important; background-position-x: 0%, 0%; background-position-y: 0%, 0%; background-repeat: repeat, repeat; background-size: auto, auto; background: linear-gradient(to right, rgba(100, 200, 200, 0), rgba(100, 200, 200, 0)), linear-gradient(to right, #1bdee0) !important; background-size: 100% 1px, 0 1px !important; background-position: 100% 100%, 0 100% !important; background-repeat: no-repeat !important; transition: background-size 400ms !important; display: inline !important; transition: all 0.5s ease-in-out !important; } p a:hover{ text-decoration: none; background-size: 0 1px, 100% 1px !important; } */ .blog-single-post a { position: relative; display: inline-block; text-decoration: none;font-weight: 500;} .blog-single-post a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #00447c; transform: scaleX(0); transform-origin: right; transition: transform 0.4s ease-in-out; } .blog-single-post a:hover::after { transform: scaleX(1); transform-origin: left; } .blog-single-post .list-block-design ul li{width: 100%;} .blog-single-post .list-block-design table{margin-bottom: 50px;max-width: 880px;width: 100%;} .blog-single-post .list-block-design table thead tr th { font-size: 20px; font-weight: 700; padding: 10px 0; text-align: left; text-align: left;padding: 10px 0;font-family: Roboto, sans-serif;color: #222;} .blog-single-post .list-block-design table tbody tr td { font-size: 20px; text-align: left; padding: 3px 20px 3px 0px; vertical-align: top; font-family: Roboto, sans-serif; font-weight: 300; } p a { position: relative; display: inline-block; text-decoration: none;font-weight: 500;} p a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #00447c; transform: scaleX(0); transform-origin: right; transition: transform 0.4s ease-in-out; } p a:hover::after { transform: scaleX(1); transform-origin: left; } a.text-link {font-size: 20px;color: #c52233;font-family: "Roboto", sans-serif;font-weight: 700;} a.text-link i {margin-left: 7px;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;position: relative;left: 0;} a.text-link:hover i {left: 5px;} a.text-link:hover {color: #00447c;} /* .blog-single-post a{ background: -webkit-gradient(linear, left top, right top, from(rgba(100, 200, 200, 0)), to(rgba(100, 200, 200, 0))), -webkit-gradient(linear, left top, right top, from(#1bdee0)) !important; background-position-x: 0%, 0%; background-position-y: 0%, 0%; background-repeat: repeat, repeat; background-size: auto, auto; background: linear-gradient(to right, rgba(100, 200, 200, 0), rgba(100, 200, 200, 0)), linear-gradient(to right, #1bdee0) !important; background-size: 100% 1px, 0 1px !important; background-position: 100% 100%, 0 100% !important; background-repeat: no-repeat !important; transition: background-size 400ms !important; display: inline !important; transition: all 0.5s ease-in-out !important; } .blog-single-post a:hover{ text-decoration: none; background-size: 0 1px, 100% 1px !important; } .blog-single-post a:not(:hover) { transition: none !important; background-size: 0% 1px !important; } */ /* ul li a{ background: -webkit-gradient(linear, left top, right top, from(rgba(100, 200, 200, 0)), to(rgba(100, 200, 200, 0))), -webkit-gradient(linear, left top, right top, from(#1bdee0)) !important; background-position-x: 0%, 0%; background-position-y: 0%, 0%; background-repeat: repeat, repeat; background-size: auto, auto; background: linear-gradient(to right, rgba(100, 200, 200, 0), rgba(100, 200, 200, 0)), linear-gradient(to right, #1bdee0) !important; background-size: 100% 1px, 0 1px !important; background-position: 100% 100%, 0 100% !important; background-repeat: no-repeat !important; transition: background-size 400ms !important; display: inline !important; transition: all 0.5s ease-in-out !important; } ul li a:hover{ text-decoration: none; background-size: 0 1px, 100% 1px !important; } */ /* Link on hover line style end */ p {font-size: 20px;line-height: 36px;font-weight: 300;font-style: normal;letter-spacing: 0;margin-bottom: 20px;font-family: "Roboto", sans-serif;margin-top: 0;color: #222222;} .section-header p { font-size: 24px; line-height: 36px; font-weight: 500; font-family: "Roboto", sans-serif; } ul {margin-bottom: 25px;} ul li {list-style: none;padding-left: 25px;font-size: 20px;line-height: 34px;font-weight: 300;font-style: normal;letter-spacing: 0;margin-bottom: 12px;font-family: "Roboto", sans-serif;margin-top: 0;color: #222222;position: relative;} ul li:before {content: ""; position: absolute;left: 0;top: 16px; width: 6px;height: 6px;background-color: #00447c;border-radius: 50%;} ul li ul { margin: 15px 0 20px 0;} ul li ul li {padding-left: 20px;} ul li ul li:before {left: 0;background-color: #c52233;border-radius: 50%;} ol {margin-bottom: 25px;counter-reset: item;} ol li:before {content: counters(item, ".") ".";position: absolute;left: 0; top: 0; font-family: "Roboto", sans-serif; color: #1f1f26;} ol li {list-style: none; padding-left: 25px;font-size: 20px;line-height: 36px; font-weight: 300;font-style: normal; letter-spacing: 0;font-family: "Roboto", sans-serif;margin-bottom: 12px; color: #222222;margin-top: 0;position: relative;counter-increment: item;} ol li ol li {padding-left: 50px;} ol li ol {margin: 20px 0 20px 0;} .container {max-width: 1390px;margin: 0 auto; width: 100%; padding: 0 50px; position: relative;z-index: 111;} /* Link Arrow hover */ a, button, .text, .supply-logo li {transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;} b, strong {font-weight: 600;} a::after, a::before, button::after, button::before, .text::after, .text::before, .supply-logo li::after, .supply-logo li::before { transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;} a:hover span {background-size: 0 1.5px, 100% 1.5px !important;} a span { background: -webkit-gradient(linear, left top, right top, from(rgba(100, 200, 200, 0)), to(rgba(100, 200, 200, 0))), -webkit-gradient(linear, left top, right top, from(#00447c)) !important; background-position-x: 0%, 0%; background-position-y: 0%, 0%; background-repeat: repeat, repeat; background-size: auto, auto; background: linear-gradient(to right, rgba(100, 200, 200, 0), rgba(100, 200, 200, 0)), linear-gradient(to right, #00447c) !important; background-size: 100% 1.5px, 0 1.5px !important; background-position: 100% 100%, 0 100% !important; background-repeat: no-repeat !important; transition: background-size 400ms !important; display: inline !important; background-size: 100% 1.5px, 0 1.5px !important; } a {text-decoration: none; color: #c52233;background-color: transparent;} a:hover {text-decoration: none; color: #00447c;} a::after, a::before, button::after, button::before, .text::after, .text::before, .supply-logo li::after, .supply-logo li::before {transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;} /* Background color Options Start */ .blue-bg{background-color: #045184;} .navy-blue-bg{background-color: #00203a;} .red-bg {background-color: #c52233;} .aqua-sky-bg { background-color: #0097FA; } .light-steel-blue-bg { background-color: #619AC7; } .teal-bg { background-color: #00BDB0; } .crimson-red-bg{background-color: #820411;} .peach-puff-bg{background-color: #F3EED9} .vivid-orange-bg{background-color: #DEA01E;} .pale-beige-bg{background-color: #E3E3E3;} .white-bg { background-color: #FFFFFF; } .black-bg { background-color: #000000; } .bg-gradient-color {background: linear-gradient(85deg, #00447c, #629ac7)} .bg-red-gradient-color { background: linear-gradient(to right, #3d0107 0%, #c52233 100%);} .bg-navy-blue-gradient-color { background: linear-gradient(to right, rgba(0,34,84,1) 0%,rgba(31,31,38,1) 100%);} .bg-navy-blue-pink-gradient-color {background: linear-gradient(to right, #00447c 0%, #db1874 100%);} .bg-light-steel-gradient-color {background: linear-gradient(to bottom, rgba(195, 212, 229, 0) 0%, rgba(195, 212, 229, 1) 100%);} /* Text Color Options Start */ h1.blue-color, h2.blue-color, h3.blue-color, h4.blue-color, h5.blue-color, h6.blue-color, p.blue-color, .label-text.blue-color, .blue-color h1, .blue-color h2, .blue-color h3, .blue-color h4, .blue-color h5, .blue-color h6, .blue-color p, .blue-color ul li, .blue-color ol li, .blue-color .label-text{color: #00447c;} h1.navy-blue-color, h2.navy-blue-color, h3.navy-blue-color, h4.navy-blue-color, h5.navy-blue-color, h6.navy-blue-color, p.navy-blue-color, .label-text.navy-blue-color, .navy-blue-color h1, .navy-blue-color h2, .navy-blue-color h3, .navy-blue-color h4, .navy-blue-color h5, .navy-blue-color h6, .navy-blue-color p, .navy-blue-color ul li, .navy-blue-color ol li, .navy-blue-color .label-text{color: #00203a;} h1.red-color, h2.red-color, h3.red-color, h4.red-color, h5.red-color, h6.red-color, p.red-color, .label-text.red-color, .red-color h1, .red-color h2, .red-color h3, .red-color h4, .red-color h5, .red-color h6, .red-color p, .red-color ul li, .red-color ol li, .red-color .label-text{color: #c52233;} h1.teal-color, h2.teal-color, h3.teal-color, h4.teal-color, h5.teal-color, h6.teal-color, p.teal-color, .label-text.teal-color, .teal-color h1, .teal-color h2, .teal-color h3, .teal-color h4, .teal-color h5, .teal-color h6, .teal-color p, .teal-color ul li, .teal-color ol li, .teal-color .label-text{color: #00BDB0;} h1.crimson-red-color, h2.crimson-red-color, h3.crimson-red-color, h4.crimson-red-color, h5.crimson-red-color, h6.crimson-red-color, p.crimson-red-color, .label-text.crimson-red-color, .crimson-red-color h1, .crimson-red-color h2, .crimson-red-color h3, .crimson-red-color h4, .crimson-red-color h5, .crimson-red-color h6, .crimson-red-color p, .crimson-red-color ul li, .crimson-red-color ol li, .crimson-red-color .label-text{color: #820411;} h1.peach-puff-color, h2.peach-puff-color, h3.peach-puff-color, h4.peach-puff-color, h5.peach-puff-color, h6.peach-puff-color, p.peach-puff-color, .label-text.peach-puff-color, .peach-puff-color h1, .peach-puff-color h2, .peach-puff-color h3, .peach-puff-color h4, .peach-puff-color h5, .peach-puff-color h6, .peach-puff-color p, .peach-puff-color ul li, .peach-puff-color ol li, .peach-puff-color .label-text{color: #FFEBD9;} h1.vivid-orange-color, h2.vivid-orange-color, h3.vivid-orange-color, h4.vivid-orange-color, h5.vivid-orange-color, h6.vivid-orange-color, p.vivid-orange-color, .label-text.vivid-orange-color, .vivid-orange-color h1, .vivid-orange-color h2, .vivid-orange-color h3, .vivid-orange-color h4, .vivid-orange-color h5, .vivid-orange-color h6, .vivid-orange-color p, .vivid-orange-color ul li, .vivid-orange-color ol li, .vivid-orange-color .label-text{color: #DEA01E;} h1.pale-beige-color, h2.pale-beige-color, h3.pale-beige-color, h4.pale-beige-color, h5.pale-beige-color, h6.pale-beige-color, p.pale-beige-color, .label-text.pale-beige-color, .pale-beige-color h1, .pale-beige-color h2, .pale-beige-color h3, .pale-beige-color h4, .pale-beige-color h5, .pale-beige-color h6, .pale-beige-color p, .pale-beige-color ul li, .pale-beige-color ol li, .pale-beige-color .label-text{color: #E3E3E3;} h1.light-steel-blue-color, h2.light-steel-blue-color, h3.light-steel-blue-color, h4.light-steel-blue-color, h5.light-steel-blue-color, h6.light-steel-blue-color, p.light-steel-blue-color, .label-text.light-steel-blue-color, .light-steel-blue-color h1, .light-steel-blue-color h2, .light-steel-blue-color h3, .light-steel-blue-color h4, .light-steel-blue-color h5, .light-steel-blue-color h6, .light-steel-blue-color p, .light-steel-blue-color ul li, .light-steel-blue-color ol li, .light-steel-blue-color .label-text{color: #619AC7;} h1.aqua-sky-color, h2.aqua-sky-color, h3.aqua-sky-color, h4.aqua-sky-color, h5.aqua-sky-color, h6.aqua-sky-color, p.aqua-sky-color, .label-text.aqua-sky-color, .aqua-sky-color h1, .aqua-sky-color h2, .aqua-sky-color h3, .aqua-sky-color h4, .aqua-sky-color h5, .aqua-sky-color h6, .aqua-sky-color p, .aqua-sky-color ul li, .aqua-sky-color ol li, .aqua-sky-color .label-text{color: #0097FA;} h1.white-color, h2.white-color, h3.white-color, h4.white-color, h5.white-color, h6.white-color, p.white-color, .label-text.white-color, .white-color h1, .white-color h2, .white-color h3, .white-color h4, .white-color h5, .white-color h6, .white-color p, .white-color .counter-number, .white-color ul li, .white-color ol li, .white-color .label-text{color: #FFFFFF;} h1.black-color, h2.black-color, h3.black-color, h4.black-color, h5.black-color, h6.black-color, p.black-color, .label-text.black-color, .black-color h1, .black-color h2, .black-color h3, .black-color h4, .black-color h5, .black-color h6, .black-color p, .black-color .counter-number, .black-color ul li, .black-color ol li, .black-color .label-text{color: #000000;} /* Text Color Options End */ span.sub-title {font-weight: 700;font-size: 14px;letter-spacing: 0.00em;text-transform: uppercase;padding-left: 6px;margin-bottom: 15px; display: block;} /* Slider Arrow and Dot's Style */ button.slick-arrow { position: absolute; bottom:0; right: 80px; border: none; background-color: #00447c; border-radius: 30px; font-size: 0; width: 60px; height: 60px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; z-index: 1; cursor: pointer; } button.slick-next.slick-arrow {right: 0;} button.slick-arrow:before {content: "\f061";font-family: "Font Awesome 6 Pro";font-weight: 400;font-size: 18px;line-height: 1; -webkit-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;} button.slick-arrow:hover { background-color: #c52233; color: #ffffff;} button.slick-prev.slick-arrow:before { content: "\f053" !important; color: #fff;} button.slick-next.slick-arrow:before { content: "\f054" !important; color: #fff;} button.slick-prev.slick-arrow:hover:before{color: #ffffff;} button.slick-next.slick-arrow:hover:before{color: #ffffff;} ul.slick-dots { margin: 0; padding: 0; position: absolute; bottom: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; border: none; right: 24%; left: 0; } ul.slick-dots li {font-size: 0 !important; border: none;border-radius: 50%; padding: 0;margin: 0 10px 0 0;line-height: 1;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} ul.slick-dots li:before {display: none;} ul.slick-dots li button { background-color: #ffffff; width: 74px;height: 6px; border-radius: 10px;border: none;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;font-size: 0;padding: 0;cursor: pointer;} ul.slick-dots li.slick-active button {border-radius: 10px;background-color: #c52233;} .text-block-main .alignleft {float: left;margin-right: 67px;max-width: 100% !important;margin-top: 0;} .text-block-main .alignleft img {margin-bottom: 1rem;width: 100%;margin-top: 0;} .wp-caption img {margin-top: 0;} .text-block-main .alignright {margin-left: 30px; float: right; max-width: 100% !important;} .text-block-main .alignright img {margin-bottom: 1rem; width: 100%;} .text-block-main figcaption {color: #0c2335;padding-top: 14px;padding-left: 15px;letter-spacing: -0.03em;max-width: 100%;line-height: 1.3; position: relative;margin-bottom: 0;text-align: left;font-size: 14px;} .text-block-main figcaption:before {content: "";background-color: #1ee2af; width: 5px;height: 5px;position: absolute;left: 3px;border-radius: 3px; margin-top: 9px;} .text-block-main ul, .text-block-main ol {padding: 0;margin: 0 !important; margin-bottom: 30px !important;list-style: none;} .alignright .section-header { margin-left: auto;} @keyframes glowing { 0% { background-position: 0 0; } 50% { background-position: 400% 0; } 100% { background-position: 0 0; } } .btn-wrap:before { content: ''; background: linear-gradient(45deg, #ffffff, #1bdee0, #4753dc, #4753dc, #1bdee0, #ffffff); position: absolute; top: -2px; left:-2px; background-size: 400%; z-index: -1; filter: blur(5px); width: calc(100% + 4px); height: calc(100% + 4px); animation: glowing 20s linear infinite; opacity: 0; transition: opacity .3s ease-in-out; border-radius:100px;display: none;} .btn-wrap:active { color: #000 } .btn-wrap:active:after { background: transparent; } .btn-wrap:hover:before { opacity: 1; } .btn-wrap:after { z-index: -1; content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 100px;display: none;} .btn-wrap:hover .btn-stcolor { background: transparent; } .mac_.safari_ ul li:before { top: 11px; } .mac_.chrome_ ul li:before { top: 11px; } .mac_.mozilla_ ul li:before { top: 11px; } .btn-wrap { display: inline-block; padding: 18px 25px 18px 25px; border-radius: 50px; position: relative; border-style: solid; border-width: 1px; transition: all 0.5s ease-in-out; font-family: "Roboto", sans-serif;; font-size: 16px; margin-right: 10px;font-family: "Roboto", sans-serif;font-weight: 600; line-height: 1; vertical-align: middle; text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center;} .btn-stcolor { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50px;transition: all 0.5s ease-in-out;} .btn-wrap span { position: relative; z-index: 11; display: inline-block;transition: all 0.5s ease-in-out;text-transform: uppercase;} .btn-hovercolor { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50px;transition: all 0.5s ease-in-out; } .btn-wrap i { padding-left: 20px; font-weight: 300; font-size: 17px; position: relative; left: 0; transition: all 0.5s ease-in-out; } .btn-wrap:hover i { left: 5px; } .btn-wrap:hover span { background: transparent !important; } /* Align Images End */ .btn-stcolor.bg-transparent {background: transparent;} /* Button color Options Start */ .btn-stcolor.blue, .btn-wrap:hover .btn-hovercolor.blue {background-color: #045184;} .btn-stcolor.navy-dark-blue, .btn-wrap:hover .btn-hovercolor.navy-dark-blue {background-color: #00203a;} .btn-stcolor.red, .btn-wrap:hover .btn-hovercolor.red {background-color: #c52233;} .btn-stcolor.aqua-sky, .btn-wrap:hover .btn-hovercolor.aqua-sky {background-color: #0097FA;} .btn-stcolor.light-steel-blue, .btn-wrap:hover .btn-hovercolor.light-steel-blue {background-color: #619AC7;} .btn-stcolor.teal, .btn-wrap:hover .btn-hovercolor.teal {background-color: #00BDB0;} .btn-stcolor.crimson-red, .btn-wrap:hover .btn-hovercolor.crimson-red {background-color: #820411;} .btn-stcolor.peach-puff, .btn-wrap:hover .btn-hovercolor.peach-puff {background-color: #F3EED9;} .btn-stcolor.vivid-orange, .btn-wrap:hover .btn-hovercolor.vivid-orange {background-color: #DEA01E;} .btn-stcolor.pale-beige, .btn-wrap:hover .btn-hovercolor.pale-beige {background-color: #E3E3E3;} .btn-stcolor.white, .btn-wrap:hover .btn-hovercolor.white { background-color: #fff;} .btn-stcolor.black, .btn-wrap:hover .btn-hovercolor.black { background-color: #000;} /* Button color Options End */ /* Button text color css start here */ .blue-tx, .hover-blue-tx:hover {color: #045184;} .navy-dark-blue-tx, .hover-navy-dark-blue-tx:hover {color: #00203a;} .red-tx, .hover-red-tx:hover{color: #c52233;} .aqua-sky-tx, .hover-aqua-sky-tx:hover {color: #0097FA;} .light-steel-blue-tx, .hover-light-steel-blue-tx:hover {color: #619AC7;} .teal-tx, .hover-teal-tx:hover {color: #00BDB0;} .crimson-red-tx, .hover-crimson-red-tx:hover {color: #820411;} .peach-puff-tx, .hover-peach-puff-tx:hover {color: #F3EED9;} .vivid-orange-tx, .hover-vivid-orange-tx:hover {color: #DEA01E;} .pale-beige-tx, .hover-pale-beige-tx:hover {color: #E3E3E3;} .white-tx, .hover-white-tx:hover {color: #ffffff;} .black-tx, .hover-black-tx:hover {color: #000000;} /* Button text color css End here*/ /* Border color css start here*/ .border-transparent, .border-transparent-hover:hover {border-color: transparent;border-width: 1px;} .border-blue, .border-blue-hover:hover {border-color: #045184;} .border-navy-blue, .border-navy-blue-hover:hover {border-color: #00203a;} .border-red, .border-red-hover:hover {border-color: #c52233;} .border-aqua-sky, .border-aqua-sky-hover:hover {border-color: #0097FA;} .border-light-steel-blue, .border-light-steel-blue-hover:hover {border-color: #619AC7;} .border-teal, .border-teal-hover:hover {border-color: #00BDB0;} .border-crimson-red, .border-crimson-red-hover:hover {border-color: #820411;} .border-peach-puff, .border-peach-puff-hover:hover {border-color: #F3EED9;} .border-vivid-orange, .border-vivid-orange-hover:hover {border-color: #DEA01E;} .border-pale-beige, .border-pale-beige-hover:hover {border-color: #E3E3E3;} .border-white, .border-white-hover:hover {border-color: #FFFFFF;} .border-black, .border-black-hover:hover {border-color: #000000;} /* Border color Options End */ /*background-watermark css start here*/ .background-watermark {position: absolute; top: 0;left: 0;width: 100%;height: 100%;/*background-size: cover;*/background-position: center center;background-repeat: no-repeat;} .opacity-1 { opacity: 0.10 } .opacity-2 { opacity: 0.20 } .opacity-3 { opacity: 0.30 } .opacity-4 { opacity: 0.40 } .opacity-5 { opacity: 0.50 } .opacity-6 { opacity: 0.60 } .opacity-7 { opacity: 0.70 } .opacity-8 { opacity: 0.80 } .opacity-9 { opacity: 0.90 } .opacity-10 { opacity: 100 } /*background-image css start here*/ .background-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; } .background-image:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%); } /* Header Section Start */ body.hide-section .dropdown-full .container1 { display: none; } body.show-now .dropdown-full .container1 {/* display: block; */display: flex;flex-direction: row;flex-wrap: nowrap;align-items: flex-end;} .social-icon { position: fixed; right: 30px; top: 500px; z-index: 999; } .social-icon ul { margin: 0; padding: 0; } .social-icon ul li { margin:0 0 10px 0; padding: 0; } .social-icon ul li:before { display: none; } .social-icon ul li a { width: 50px; height: 50px; background-color: #00447c; border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; transition: all 0.5s ease-in-out; } .social-icon ul li a:hover { background-color: #629ac7; } header .menu-details {width: 30%;} header ul.desktop-menu li:nth-child(2) .menu-details {left: calc((100% - 960px) / 2);} header ul.desktop-menu li:nth-child(3) .menu-details {left: calc((100% - 1240px) / 2);} header ul.desktop-menu li:nth-child(5) .menu-details {left: calc((100% - 1600px) / 2);} header ul.desktop-menu li:nth-child(6) .menu-details { left: calc((100% - 1885px) / 2);} header ul.desktop-menu li:nth-child(7) .menu-details {left: calc((100% - 2000px) / 2);} /* header .menu-lavel .menu-title a:hover { padding-left: 25px;} */ header .menu-lavel .menu-title a:hover span { background: no-repeat !important; } /* .mac_.safari_ header .menu-lavel .menu-title a:before { top: -3px; } .mac_.chrome_ header .menu-lavel .menu-title a:before { top: -3px; } .mac_.mozilla_ header .menu-lavel .menu-title a:before { top: -3px; }*/ /* header .menu-lavel .menu-title a:before { content: "\f061"; position: absolute; left: 0; top: 0; font-family: "Font Awesome 6 Pro"; font-weight: 400; opacity: 0; transition: all 0.5s ease-in-out; } */ /* header .menu-lavel .menu-title a:hover:before { opacity: 1; } */ .dropdown-full:before {content: "";position: absolute;width: 200vw;height: 0;background-color: #00203a;left: -100vw;right: 0;margin: 0 auto;top: 0;z-index: -1;transition: all 0.5s ease-in-out;opacity: 1;height:100%;} .dropdown-full:after { content: ""; position: absolute; width: 100vw; height: 0; background-color: #00203a; right: 0; margin: 0 auto; top: 40px; z-index: -1; transition: all 0.5s ease-in-out; opacity: 0; display: none; } .srolled ul.desktop-menu .dropdown-full:before { top: 15px; } .srolled ul.desktop-menu .dropdown-full:after { top: 15px; } .desktop-menu li.menu-lavel-1 > a i { font-size: 14px; color: #fff;position: relative; top: -2px; left: 5px;} .sub-menu-bg .dropdown-full:after, .sub-menu-bg .dropdown-full:before{ opacity: 1; } header.site-header { position: fixed; top: 0; left: 0; width: 100%;transition: all 0.4s ease 0s; z-index: 999; background-color:transparent;padding: 0 0;} .header-inner { position: relative; } .header-inner .header-wrap {display: -webkit-box; display: -ms-flexbox;display: flex;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .header-inner .header-wrap .header-menu {float: left;width: calc(100% - 280px);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: end;align-items: center;} .header-inner .header-wrap .header-logo{position: relative;z-index: 11;} .mobile-header {display: none;} .srolled .brand-logo img.d-sticky-logo {display: block;width: 122px;margin-left: 18px;} .srolled.active .brand-logo img.d-sticky-logo {display: none;} header.srolled.active .brand-logo {width: 165px;margin-top: 0;} .header-wrap .header-logo a.brand-logo img.main-logo.sticky {display: none;} .desktop-menu li.menu-lavel-1 > a.active:after {opacity: 1;} .desktop-menu { list-style: none; display: flex; align-items: center; margin-bottom: 0; border: none; padding-top: 58px; padding-bottom: 0; padding-left: 0; margin-top: 0; margin: 0; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .desktop-menu li.desktop-contact { cursor: pointer; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: 30px; position: relative; z-index: 1; margin-top: -8px; } .srolled .desktop-menu li.menu-lavel-1 { padding-bottom: 20px;} .desktop-menu li.desktop-contact:last-child { margin-right: 0; } .desktop-menu li.desktop-contact a { color: #ffffff; letter-spacing: -0.12em; text-transform: uppercase; font-size: 21px; } .desktop-menu li.menu-lavel-1 {margin-right: 45px;-webkit-transition: all 0.5s ease-in-out !important;-o-transition: all 0.5s ease-in-out !important;transition: all 0.5s ease-in-out !important;position: inherit;padding-left: 0;margin-bottom: 0;line-height: normal;padding-bottom: 58px;} .desktop-menu li.menu-lavel-1:before { display: none; } .desktop-menu li.menu-lavel-1.hide-menu-desc{display: none;} .desktop-menu li.menu-lavel-1:last-child {margin-right: 0;} a.brand-logo img {-webkit-transition: all 0.5s ease-in-out !important;-o-transition: all 0.5s ease-in-out !important;transition: all 0.5s ease-in-out !important;} .desktop-menu li.menu-lavel-1 > a { align-items: center; font-size: 16px; position: relative; z-index: 2; letter-spacing: 0.00em; background: none !important; -webkit-transition: all 0.5s ease-in-out !important; -o-transition: all 0.5s ease-in-out !important; transition: all 0.5s ease-in-out !important; color: #fff; text-decoration: none; font-family: "Roboto", sans-serif; font-weight: 700;text-transform: uppercase;} .desktop-menu li.menu-lavel-1 > a:hover:after { opacity: 1; } .sub-menu-bg .desktop-menu li.menu-lavel-1:hover > a:after { opacity: 1; } .desktop-menu li.menu-lavel-1 > a:after { content: ""; position: absolute; bottom: -20px; left: 0; width: 100%; height: 3px; background-color: #629ac7; transition: all 0.5s ease-in-out; opacity: 0; } .desktop-menu li.menu-lavel-1:hover > a, .desktop-menu li.menu-lavel-1.active > a { color: #fff; text-decoration: none; } .header-left-text .wf-box1 .menu-lavel { margin: 10px 0 10px 0; } .site-header.srolled .desktop-menu li.menu-lavel-1 > a:after { bottom: -28px; } .header-left-text .wf-box1 .menu-lavel a {font-size: 20px;font-weight: 300;text-decoration: none;color: #025466;position: relative;background: none !important;} .header-left-text .wf-box1 .menu-lavel a:before {content: ''; position: absolute;left: 0;width: 4px;height: 4px;border-radius: 50%;background-color: #FFF;left: -15px;top: 14px;opacity: 0;transition: all 0.3s ease-in-out 0s;} .header-left-text .wf-box1 .menu-lavel a:hover:before {opacity: 1;background-color: #1ee2af;left: -10px;} .header-left-text .wf-box1 .menu-lavel a:hover { color: #1ee2af;} .header-left-text .wf-box1 .menu-lavel a {display: inline-block; position: relative;} .header-left-text .wf-box1 .menu-lavel a1:after { content: ''; position: absolute; width: 100%; transform: scaleX(0); border-radius: 5px; height: 0.05em; bottom: 0; left: 0; background: currentcolor; transform-origin: bottom right; transition: transform 0.25s ease-out; } .header-left-text .wf-box1 .menu-lavel a1:hover:after { transform: scaleX(1); transform-origin: bottom left; } header .menu-details-block { max-width: 250px; } header .menu-details-block h2 { font-size: 30px; color: #fff; line-height: 34px; } header .menu-details-block p { color: #fff; font-size: 20px; line-height: 30px;margin-bottom: 0;} .desktop-menu li.menu-btn { margin-left: 4px; padding-top: 0px; padding-bottom: 0px; } .desktop-menu li.menu-btn a.btn { font-size: 18px; background: #1ee2af !important; border-radius: 30px; font-weight: 600; padding: 16px 31px; letter-spacing: -0.015em; border: 1px solid #1ee2af; color: #fff !important; } .desktop-menu li.menu-btn a.btn:hover { background-color: #FFF !important; color: #1ee2af !important; } .dropdown-full .wf-box1 .menu-lavel .menu-links ul.third-submenu { margin-top: 7px; padding-left: 5px; margin-bottom: 17px; } .dropdown-full .wf-box1 .menu-lavel .menu-links ul.third-submenu li a { font-size: 15px; letter-spacing: 0.01em; } .dropdown-full .wf-box1 .menu-lavel .menu-links ul.third-submenu li { margin-bottom: 6px; } .dropdown-full .wf-box1 .menu-lavel .menu-links ul.third-submenu li a::before { background-color: #1482fb; width: 5px; height: 5px; border: none; left: 4px; } .dropdown-full .wf-box1 .menu-lavel .menu-links ul.third-submenu li a:hover { padding-left: 13px; } .dropdown-full {position: absolute;z-index: 1;-webkit-transition: all 0.5s ease-in-out !important;-o-transition: all 0.5s ease-in-out !important;transition: all 0.5s ease-in-out !important;left:0px;right: 0;top: 0;display: none;opacity: 0;transform: scale(0.9);transform-origin: top;padding-top: 150px;width: 100%;padding-bottom: 50px;} .dropdown-full .wf-container1 {width: 70%;display: flex;} .dropdown-full .wf-container1 .wf-box1 .menu-lavel .menu-links ul li a:before { content: "\f061"; position: absolute; left: 0; top: 0; font-family: "Font Awesome 6 Pro"; font-weight: 400; opacity: 0; transition: all 0.5s ease-in-out; } .dropdown-full .wf-container1 .wf-box1 .menu-lavel .menu-links ul li a:hover:before { opacity: 1; } .dropdown-full .wf-container1 .wf-box1 .menu-lavel .menu-links ul li a:hover span { background: none !important; } .dropdown-full .wf-container1 .wf-box1 .menu-lavel .menu-links ul li a:hover { padding-left: 25px; color: #629ac7; } .dropdown-full .wf-container1 .wf-box1 .menu-lavel .menu-links ul li:last-child a { border: none; } .menu-lavel-1:hover .dropdown-full { opacity: 1; transition: all 0.5s ease-in-out; display: block; } .menu-lavel .menu-title a:hover { color: #629ac7; } .menu-lavel .menu-title a { position: relative; color: #fff; font-size: 24px; font-style: normal; font-weight: 600; line-height: 30px; text-transform: capitalize; opacity: 1; width: 100%; display: inline-block; box-sizing: border-box; font-family: "Roboto", sans-serif; transition: all 0.5s ease-in-out; } .dropdown-full .wf-container1 .wf-box1 { display: inline-block; width: calc(33.33% - 20px);margin: 0 10px;line-height: 0; } .dropdown-full .wf-container1 .wf-box1 .menu-lavel { display: inline-block; width: 100%; position: relative; line-height: 0; } .dropdown-full .wf-container1 .wf-box1 .menu-lavel .menu-title { display: inline-block; width: 100%; overflow: hidden; line-height: 0; margin: 6px 0 15px; } .dropdown-full .wf-container1 .wf-box1 .menu-lavel .menu-links { /* background-color: #06132B;*/ width: 100%; border-radius: 12px; display: block; height: 100%; position: relative; right: 0; opacity: 1; -webkit-transform: scale(0.85); -ms-transform: scale(1); transform: scale(1); top: 0; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; overflow: hidden; } .dropdown-full .wf-container1 .wf-box1 .menu-lavel .menu-links ul { list-style: none; padding: 0; margin: 0; overflow: hidden; } .dropdown-full .wf-container1 .wf-box1 .menu-lavel .menu-links ul li a { color: rgba(255, 255, 255, 0.54); font-size: 18.444px; font-style: normal; font-weight: 400; line-height: 1.2; text-transform: capitalize; opacity: 1; width: 100%; display: inline-block; padding: 13px 15px 7px 16px; border-bottom: none; font-family: "Teko", sans-serif; letter-spacing: 0.00em; } .dropdown-full .wf-container1 .wf-box1 .menu-lavel:hover .menu-links { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .dropdown-full .wf-container1 .wf-box1:last-child .menu-lavel a { border: 0; } .dropdown-full .wf-container1 .wf-box1 .menu-lavel .menu-links ul { margin: 0; padding: 0; } .dropdown-full .wf-container1 .wf-box1 .menu-lavel .menu-links ul li { margin: 0 0 10px 0; padding: 0; } .dropdown-full .wf-container1 .wf-box1 .menu-lavel .menu-links ul li:before { display: none; } .dropdown-full .wf-container1 .wf-box1 .menu-lavel .menu-links ul li a { position: relative; color: #fff; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px; text-transform: capitalize; opacity: 1; width: 100%; display: inline-block; box-sizing: border-box; font-family: "Roboto", sans-serif;transition: all 0.5s ease-in-out; padding: 0; } .dropdown-full .wf-container1 .wf-box1 .menu-lavel .menu-links ul li a { line-height: 1.5; padding-left: 25px; } .dropdown-full .wf-container1 .wf-box1 .menu-lavel .menu-links ul li a:before{ opacity:1;} header.site-header.srolled .header-logo a img { width: 150px; display: block; padding: 18px 20px 12.9px 0px; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .srolled ul.desktop-menu { padding-top: 13px;} .srolled ul.desktop-menu .dropdown-full { padding-top: 60px;top:54px;} .header-wrap .header-logo a.brand-logo img { display: inline-block; padding: 26px 0 0 0; width: 100%; background: transparent;-webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; width: 285px; display: inline-block; text-align: center; } header.site-header.srolled:before { opacity: 1; } .header-wrap .header-logo a.brand-logo { padding: 0 !important; } .search-imput-des {color: #fff;display: inline-block;vertical-align: middle;margin-right: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: flex-end;margin-right: 25px;} .search-imput-des input {position: absolute;left: 0;padding: 12px 40px 12px 20px;color: #fff !important;top: 50%;transition: all 0.3s ease-in-out;transform: translateY(-50%);right: 200px;background-color: #629ac7 !important;border-radius: 50px !important;height: 60px !important;max-width: 60px;margin: 0 0 0 auto;margin-right: 25px;border: 1px solid #629ac7 !important;font-size: 16px !important;opacity: 0;} .search-imput-des input::placeholder { color: #fff;opacity: 1; } .search-imput-des input::-moz-placeholder { color: #fff;opacity: 1; } .search-imput-des input:-ms-input-placeholder { color: #fff;opacity: 1; } .search-imput-des input::-ms-input-placeholder { color: #fff;opacity: 1; } .search-imput-des .search-icon {margin-left: 0;position: relative;z-index: 2;cursor: pointer;font-size: 18px;background: #629ac7;color: #fff;border-radius: 50%;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;} .search-imput-des .search-icon i{font-weight: 400;} header.active input.form-control.ds-input {opacity: 1;z-index: 2;max-width: 700px;} .contact-btn {position: relative;z-index: 3;padding-right: 50px;margin-left: 0;} .contact-btn a:hover:before {width: 100vw;transition:all 0.5s ease-in-out;} .contact-btn a {color: #fff;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 20px 25px;font-size: 16px;font-family: "Roboto", sans-serif;font-weight: 700;text-align: center;width: 100%;position: relative;transition:all 0.5s ease-in-out;} .contact-btn a:hover { color: #fff; } .contact-btn a:before {content: "";position: absolute;width: 0vw;height: 100%;left: 0;transition:all 0.5s ease-in-out;z-index: 1;/* background: #de1674; */ /*-webkit-clip-path: polygon(0 0, 66.9% 0, 100% 100%, 0% 100%);clip-path: polygon(1.2% 0%, 100% 0, 100% 100%, 0 100%);*/} .contact-btn a span { position: relative; z-index: 111;transition:all 0.5s ease-in-out;background: transparent !important;text-transform: uppercase;} .contact-btn a:hover:after {width: 100vw;transition:all 0.5s ease-in-out;background: #00447c;} .contact-btn a:after {content: "";position: absolute;width: 100vw;height: 100%;left: 0;transition: all 0.5s ease-in-out;background: #c52233;/*-webkit-clip-path: polygon(0 0, 66.9% 0, 100% 100%, 0% 100%);clip-path: polygon(1.2% 0%, 100% 0, 100% 100%, 0 100%);*/;border-radius: 50px 0 0 50px;} header.site-header.srolled { /*box-shadow: 5px -2px 20px rgba(0, 0, 0, 0.2);)*/background: #00203a;} .menu-description h4 {font-size: 30px;font-weight: 400;} .menu-description h4 a{color: #629ac7;} .menu-description h4 a:hover{color:#fff} .menu-description p {color: #fff;font-size: 16px;line-height: 1.4;} .menu-description {margin-top: 20px;} /* --- TOP PINK BAR --- */ .top-bar { background-color: #de1674;height: 40px;width: 100%;display: flex; justify-content: flex-end; align-items: center;padding: 0 40px;font-size: 13px;font-weight: 600; color: var(--white);} .top-menu {display: flex;gap: 15px;height: 100%;align-items: center; margin: 0;} .top-menu-item { position: relative; height: 100%; display: flex; align-items: center; cursor: pointer; font-size: 14px; padding-left: 0; margin: 0; list-style: none; } .top-menu-item:before{display: none;} .top-menu-link {font-family: "Roboto", sans-serif;font-weight: 600; text-transform: uppercase; color: white; padding: 0 5px; display: flex; align-items: center;gap: 5px;font-size: 14px;} .top-menu-link:hover {opacity: 0.9;} /* Small Chevron for Top Bar */ .chevron {width: 6px;height: 6px;border-right: 2px solid white;border-bottom: 2px solid white;transform: rotate(45deg);margin-top: -3px;} /* DROPDOWN MENU STYLE */ .top-bar .dropdown {display: none;position: absolute;top: 100%;right: 0;background-color: #de1674;min-width: 245px;padding: 10px 0;z-index: 1001;font-size: 14px;margin: 0;left:-60px;} .top-bar .dropdown li:before{display: none} .top-bar .dropdown li {padding: 0;margin:0 25px;line-height: 1.1;} .top-bar .dropdown li a {display: block;padding: 6px 0;color: white;font-weight: 600;font-size: 15px;position: relative;margin-left: 25px;transition: all 0.5s ease-in-out;font-family: "Roboto", sans-serif;} .top-bar .dropdown li a:before { content: "\f105"; position: absolute; left: 0; top: 6px; font-family: "Font Awesome 6 Pro"; font-weight: 400; opacity: 0; transition: all 0.5s ease-in-out; } .top-bar .dropdown li a:hover:before{opacity:1;} .top-bar .dropdown li a:hover{padding-left: 12px;} /* Header Section End */ /*inner banner section start here*/ section.top-hero-banner.main-home-banner { min-height: 100vh; } .top-hero-banner .background-watermark{background-position: top left;z-index: 1;} .top-hero-banner.main-home-banner .top-hero-banner-wrap { padding: 220px 0 110px} .top-hero-banner { position: relative; overflow: hidden; min-height: 820px; display: flex; flex-wrap: wrap; align-items: flex-end; } .top-hero-banner .top-hero-banner-block { background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; width: 100%; height: 100%; } .top-hero-banner .top-hero-banner-block > div { height: 100%; } .top-hero-banner .top-hero-banner-block > div video { object-fit: cover; -webkit-tap-highlight-color: red; width: 100%; height: 100%; } .top-hero-banner .top-hero-banner-block:after { content: ""; position: absolute; width: 100%; height: 100%; background:url('assets/images/gradient.png') center center no-repeat;/*background:linear-gradient(0deg,rgba(0, 68, 124, 0.59) 10%, rgba(0, 68, 124, 0) 78%);*/ top: 0; left: 0; z-index: 1; opacity: 1;z-index: 1;background-size: cover;} .top-hero-banner.main-hero-banner .top-hero-banner-block:after{background:url('assets/images/gradient-new.png') center center no-repeat} /* .top-hero-banner.main-home-banner .top-hero-banner-block:before { content: ""; position: absolute; width: 100%; height: 100%; background: url(assets/images/bottom-gradient.png) center center no-repeat; : linear-gradient(0deg, rgba(0, 68, 124, 0.59) 10%, rgba(0, 68, 124, 0) 78%); top: 0; left: 0; z-index: 1; opacity: 1; z-index: 1; } */ .top-hero-banner .container { position: relative; z-index: 3; } .top-hero-banner .overlay { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: end; position: absolute; height: 100%; } .top-hero-banner .top-text-inner {display: block;max-width: 550px;width: 100%;} .sample-page .top-hero-banner .top-text-inner{max-width:780px;} .top-hero-banner .top-hero-banner-wrap {padding: 55px 0 110px;} .top-hero-banner .top-text h1 {color: #fff;line-height: 1.2;margin-bottom: 20px;} .top-hero-banner .top-text p { color: #fff; font-size: 24px; line-height: 34px;font-family: "Roboto", sans-serif;font-weight: 300;} .top-hero-banner .top-hero-banner-wrap .top-text { width: 80%; } .top-hero-banner.main-home-banner .top-hero-banner-wrap .top-text{width: 65%;} .top-hero-banner.main-home-banner .top-text-inner{max-width: 700px;width: 100%;} .top-hero-banner.main-home-banner .top-text-inner .label-text{color: #fff;} /* .top-hero-banner.main-home-banner .top-hero-banner-block:after{display: none;} */ .top-hero-banner .top-hero-banner-wrap { display: flex; align-items: flex-end;justify-content: space-between;} .top-hero-banner .top-text p:last-child { margin-bottom: 0; } .top-hero-banner .top-text-inner h4 {color: #fff;font-weight: 400;font-size: 14px;margin-bottom: 0;} .top-hero-banner.main-home-banner .right-btn{width:35%;text-align: right;} .top-hero-banner.main-home-banner .top-text p{max-width: 600px;width: 100%;} .top-hero-banner .top-hero-banner-wrap .right-btn{text-align: right;width:35%;} .top-hero-banner .top-hero-banner-wrap .right-btn .btn-wrap{margin-bottom: 10px;} .top-hero-banner .top-hero-banner-wrap .right-btn .btn-wrap:last-child{margin-bottom: 0;} /*three column text section start here*/ .three-column-text { padding: 130px 0 30px; position: relative; } .three-column-text .three-column-row { display:flex; margin:0 -15px; } .three-column-text .three-column-row .three-column { width: 33.33%; padding:0 15px;; } .three-column-text .section-header { max-width: 850px; margin-bottom: 40px; } .three-column-text .section-header h2 { margin-bottom: 23px; } .three-column-text .three-column-row .three-column img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; } .three-column-text .three-column-row .three-column h3{margin-bottom: 0;line-height: 36px;} /* .three-column-text .three-column-row .three-column p { font-size:24px; line-height:36px; margin-bottom:34px; } */ .three-column-text .three-column-row .three-column figure { height: 460px; margin: 15px 0 32px;} .three-column-text .three-column-row .three-column p{margin-bottom: 35px;} .three-column-text .three-column-row .three-column h4 { margin-bottom: 10px; } .three-column-text .three-column-row .three-column .three-column-wow ul { list-style: none; padding: 0; margin-bottom: 0; } .three-column-text .three-column-row .three-column .three-column-wow ul li {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #dadbf9;padding-left: 0;} .three-column-text .three-column-row .three-column .three-column-wow ul li:before { display: none; } .three-column-text .three-column-row .three-column .three-column-wow ul li:last-child { border-bottom: none; } /* .three-column-desc ul li a { position: relative; display: inline-block; background-image: linear-gradient(to right, #1bdee0, #1bdee0); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size 0.4s ease-in-out; } .three-column-desc ul li a:hover { background-size: 100% 1px; } .three-column-desc ul li a:not(:hover) { transition: none; background-size: 0% 1px; } */ .three-column-desc ul li a { position: relative; display: inline-block; text-decoration: none; } .three-column-desc ul li a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #1bdee0; transform: scaleX(0); transform-origin: right; transition: transform 0.4s ease-in-out; } .three-column-desc ul li a:hover::after { transform: scaleX(1); transform-origin: left; } .readmore1 {color: #c52233;letter-spacing:0;font-size: 24px;transition: ease 0.35s all;display: block;overflow: hidden;font-weight: 600;letter-spacing: 0;font-family: "Roboto", sans-serif;padding-right: 75px;} .readmore1:before {content: attr(data-text);color: #c52233;position: absolute;top: -30px;transition: ease 0s all;} .readmore1 i, .readmore1 svg {transition: all 0.28s ease;margin-left: 5px;width: 28px;font-size: 24px;transform: translateY(0px);position: absolute;right: 0;} /*.readmore1 i:last-child, .readmore1 svg:last-child { position: absolute; top: -30px; right: 0; transition: all 0.28s ease; }*/ .readmore1:hover { text-decoration: none; color: #00447c; } /* .readmore1:hover i:last-child {transform: translateY(0px);} */ .readmore1:hover span { background: none !important; } .readmore1:hover i { margin-left: 12px; } /* .readmore1.left { font-size: 14px; letter-spacing: 0.14em; text-transform: uppercase; } .readmore1.left::before { content: attr(data-text); color: #1ee2af; position: absolute; top: -30px; left: 26.5px; transition: ease 0s all; } .readmore1.left i, .readmore1.left svg { margin-right: 5px; margin-left: 0; } .readmore1.left i:first-child, .readmore1.left svg:first-child { position: absolute; top: -30px; left: 0; transition: all 0.28s ease; } .readmore1.left:hover i:first-child, .readmore1.left:hover svg:first-child { top: 9px; } */ /*Featured Blocks section css start here*/ .featured-blocks { padding:115px 0 140px; /*background: linear-gradient(45deg, #2E3192, #1BDEE0);*/ position: relative; } .featured-blocks .section-header { max-width: 760px; margin-bottom: 65px; } .featured-blocks .section-header .label-text{margin-bottom: 30px;} .featured-blocks .featured-blocks-row { display: flex; flex-wrap: wrap; margin:0 -15px; } .featured-blocks .featured-blocks-column { width: 33.33%; margin-bottom:35px; padding:0 15px; } /* .featured-blocks .featured-blocks-column h3 {margin-bottom: 0; } */ .featured-blocks .featured-blocks-column p { font-size: 24px; } .featured-blocks.two-column .featured-blocks-column { width: 50%; } .featured-blocks .background-watermark{background-position: bottom right;} /*Featured Blocks section css end here*/ /*Side-by-side Text + 3 images css start here*/ .side-by-side-text { padding: 150px 0; position: relative;} .side-by-side-text .side-by-side-text-wrap { display: flex; } .side-by-side-text .side-by-side-text-wrap .section-header h3{margin-bottom: 30px;} .side-by-side-text .side-by-side-text-wrap .section-header { width: 50%; padding-right: 20px; } .side-by-side-text .side-by-side-text-wrap .side-by-side-text-row { width: 50%; padding-left: 15px;padding-top: 48px;} .side-by-side-text .side-by-side-text-row h3{margin-bottom: 0;} .side-by-side-text .side-by-side-text-row h4 { margin-bottom: 0;color: #00447c;} .side-by-side-text-three-img-row { display: flex; flex-wrap: wrap; margin: 0 -15px; margin-top: 40px; margin-bottom: 0; } .side-by-side-text-three-img-row .side-by-side-text-three-img-col { width: 33.33%; padding: 0 15px; } .side-by-side-text-three-img-row .side-by-side-text-three-img-col img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; } .side-by-side-text-three-img-row .side-by-side-text-three-img-col figure { height: 185px; } .side-by-side-text .section-header ul { list-style: none; padding: 0; margin-bottom: 0; } .side-by-side-text .section-header ul li { margin-bottom: 0; padding: 28px 0; border-bottom: 1px solid #e4e4e4; padding-left: 0;} .side-by-side-text .section-header ul li:before { display: none; } .side-by-side-text .section-header ul li:last-child { border-bottom: none; } /* .side-by-side-text-row ul li a{ background: -webkit-gradient(linear, left top, right top, from(rgba(100, 200, 200, 0)), to(rgba(100, 200, 200, 0))), -webkit-gradient(linear, left top, right top, from(#1bdee0)) !important; background-position-x: 0%, 0%; background-position-y: 0%, 0%; background-repeat: repeat, repeat; background-size: auto, auto; background: linear-gradient(to right, rgba(100, 200, 200, 0), rgba(100, 200, 200, 0)), linear-gradient(to right, #1bdee0) !important; background-size: 100% 1px, 0 1px !important; background-position: 100% 100%, 0 100% !important; background-repeat: no-repeat !important; transition: background-size 400ms !important; display: inline !important; transition: all 0.5s ease-in-out !important; } .side-by-side-text-row ul li a:hover{ text-decoration: none; background-size: 0 1px, 100% 1px !important; } */ /* .side-by-side-text-row ul li a { position: relative; display: inline-block; background-image: linear-gradient(to right, #1bdee0, #1bdee0); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size 0.4s ease-in-out; } .side-by-side-text-row ul li a:hover { background-size: 100% 1px; } .side-by-side-text-row ul li a:not(:hover) { transition: none; background-size: 0% 1px; } */ .side-by-side-text-row ul li a { position: relative; display: inline-block; text-decoration: none;font-weight: 500;} .side-by-side-text-row ul li a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #00447c; transform: scaleX(0); transform-origin: right; transition: transform 0.4s ease-in-out; } .side-by-side-text-row ul li a:hover::after { transform: scaleX(1); transform-origin: left; } a:hover { background-size: 100% 1px; } /*a:not(:hover) { transition: none !important; background-size: 0% 1px !important; }*/ /*p a:not(:hover) { transition: none !important; background-size: 0% 1px !important; }*/ /*Side-by-side Text + 3 images css end here*/ /*Text and Stacked Figures with Icons css start here*/ .text-stacked-figures-with-icons { padding: 130px 0 110px; position: relative; } .text-stacked-figures-with-icons-wrap { display: flex; flex-wrap: wrap; } .text-stacked-figures-with-icons-wrap .section-header { width: 50%; padding-right: 20px; } .text-stacked-figures-with-icons-wrap .stacked-figures-with-icons { width: 50%;padding-top: 50px;} .text-stacked-figures-with-icons-wrap .section-header p{font-weight: 300;font-family: "Roboto", sans-serif;font-size: 20px;line-height: 36px;} .text-stacked-figures-with-icons-wrap .section-header .btn-wrap { margin-top: 18px; } .text-stacked-figures-with-icons.black-color.white-bg .counter-number { color: #000; } .text-stacked-figures-with-icons-wrap .section-header .right-btn{padding-top: 0;} .text-stacked-figures-with-icons .background-watermark{background-position: right center;} /*Text and Stacked Figures with Icons css end here*/ /*Icons Full Width css start here*/ .icons-full-width { padding: 120px 0 115px; position: relative; } .icons-full-width .section-header { max-width: 100%; margin-bottom: 65px; } .icons-full-width .label-text{margin-bottom: 20px;} .icons-full-width .icons-full-width-wrap h2{margin-bottom: 38px;} .icons-full-width .icons-full-width-row.extended-layout .icons-full-width-column { padding: 0 15px; flex-grow: initial; width: 16.66%; margin-bottom: 25px; } .icons-full-width .icons-full-width-content h4 { font-size: 24px; line-height: 36px; margin-bottom: 10px; color: #00447c; transition: all 0.5s ease-in-out; } .icons-full-width .icons-full-width-content p { transition: all 0.5s ease-in-out; } .icons-full-width .icons-full-width-column figure img { width: 100%; height: 100%; object-fit: contain; } .icons-full-width .icons-full-width-column figure { max-width: 100px; height: 100px; margin-bottom: 15px; } .icons-full-width .icons-full-width-column a:hover + .icons-full-width-content p { color: #c52233; } .icons-full-width .icons-full-width-column a:hover + .icons-full-width-content h4 { color: #c52233; } .icons-full-width-content a { display: inline-block; width: 100%; } .icons-full-width-content a:hover h4 { color: #00447c ; } .icons-full-width-content a:hover p { color: #00447c ; } .icons-full-width-column a + .icons-full-width-content:hover p { color: #00447c; } .icons-full-width .icons-full-width-row {gap: 30px;row-gap: 20px;-ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);grid-template-columns: repeat(5, minmax(0, 1fr));display: -ms-grid;display: grid;} .icons-full-width.two-icons-block .icons-full-width-row {grid-template-columns: repeat(2, minmax(0, 1fr));} .icons-full-width.three-icons-block .icons-full-width-row {grid-template-columns: repeat(3, minmax(0, 1fr));} .icons-full-width.four-icons-block .icons-full-width-row {grid-template-columns: repeat(4, minmax(0, 1fr));} .icons-full-width-wrap .right-btn {margin-top: 20px;} .icons-full-width-wrap .section-header p{line-height: 36px;} /*Icons Full Width css end here*/ /*large cta with background image css start here*/ .large-cta-with-background-image { position: relative; padding: 235px 0; float: none !important; margin: 0 !important; } .large-cta-with-background-image .section-header { max-width: 780px; } .large-cta-with-background-image .section-header p{font-weight: 300;font-family: "Roboto", sans-serif;font-size: 24px;line-height: 36px;} .large-cta-with-background-image .section-header ul li a { position: relative; display: inline-block; text-decoration: none; } .large-cta-with-background-image .section-header ul li a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #1bdee0; transform: scaleX(0); transform-origin: right; transition: transform 0.4s ease-in-out; } .large-cta-with-background-image .section-header ul li a:hover::after { transform: scaleX(1); transform-origin: left; } .large-cta-with-background-image .right-btn { margin-top: 100px; } .large-cta-with-background-image.alignright .background-image:after { background: linear-gradient(to left, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%); } .large-cta-with-background-image.cta-top-left {-webkit-box-pack: left;-ms-flex-pack: left;justify-content: left;-webkit-box-align: start;-ms-flex-align: start;align-items: start;text-align: left;padding-top: 70px;} .large-cta-with-background-image.cta-top-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: start;-ms-flex-align: start;align-items: start;text-align: center;padding-top: 70px;} .large-cta-with-background-image.cta-top-center .section-header{margin: 0 auto;} .large-cta-with-background-image.cta-top-right {-webkit-box-pack: right;-ms-flex-pack: right;justify-content: right;-webkit-box-align: start;-ms-flex-align: start;align-items: start;text-align: left;padding-top: 70px;} .large-cta-with-background-image.cta-top-right .section-header{margin: 0 0 0 auto;} .large-cta-with-background-image.cta-center-left {-webkit-box-pack: left;-ms-flex-pack: left;justify-content: left;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: left;} .large-cta-with-background-image.cta-center-left .section-header{margin: 0 auto 0 0;} .large-cta-with-background-image.cta-center-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center;} .large-cta-with-background-image.cta-center-center .section-header{margin: 0 auto;} .large-cta-with-background-image.cta-center-right {-webkit-box-pack: right;-ms-flex-pack: right;justify-content: flex-end;-webkit-box-align: center;-ms-flex-align: center;align-items: flex-end;text-align: left;} .large-cta-with-background-image.cta-center-right .section-header{margin: 0 0 0 auto;} .large-cta-with-background-image.cta-left-bottom {-webkit-box-pack: left;-ms-flex-pack: left;justify-content: left;-webkit-box-align: end;-ms-flex-align: end;align-items: end;text-align: left;padding-bottom: 70px;} .large-cta-with-background-image.cta-bottom-center {text-align: center;-webkit-box-align: end;-ms-flex-align: end;align-items: end;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding-bottom: 70px;} .large-cta-with-background-image.cta-bottom-center .section-header{margin: 0 auto;} .large-cta-with-background-image.cta-right-bottom {-webkit-box-pack: right; -ms-flex-pack: right;justify-content: right;padding-bottom: 70px;} .large-cta-with-background-image.cta-right-bottom .section-header{margin: 0 0 0 auto;} /*large cta with background image css end here*/ /*stacked figures with icons image css start here*/ .stacked-figures-with-icons .counter-number { color: #fff; font-size: 57px; font-family: "Roboto", sans-serif; font-weight: 700;line-height: 40px;margin-bottom: 8px;} .stacked-figures-with-icons .stacked-counter-wrap { display: flex; flex-wrap: wrap; border-bottom: 1px solid #fff; margin-bottom: 40px; padding-bottom: 10px; } .stacked-figures-with-icons .stacked-counter-wrap:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .stacked-counter-wrap .stacked-counter-icon { width: 120px; text-align: center; } .stacked-counter-wrap .stacked-counter-icon + .stacked-counter-content { width: calc(100% - 120px); padding-left: 15px; } .stacked-counter-wrap .stacked-counter-content h4 { margin-bottom: 0px;font-size: 28px;font-weight: 500;} .stacked-counter-wrap .stacked-counter-content p { font-size: 22px; } /*stacked figures with icons image css end here*/ /*testimonials css start here*/ .testimonials { padding: 230px 0 210px; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; } /*.bg-overlay-img:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(71 83 220 / 90%); }*/ .bg-overlay-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .testimonials .testimonials-item-inner { display: flex; flex-wrap: wrap; } .testimonials-item { padding:0 1px; } .testimonials .testimonials-quote span { font-size: 24px; color: #fff; width: 100%; display: inline-block; margin-bottom: 10px; font-family: "Roboto", sans-serif; font-weight: 300; } .testimonials .testimonials-quote em { font-size: 24px; color: #fff; width: 100%; display: inline-block; margin-bottom: 5px; } .testimonials .testimonials-quote strong { font-size: 24px; color: #fff; width: 100%; display: inline-block; font-family: "Roboto", sans-serif; font-weight: 700;} .testimonials .testimonials-quote { width: 23%;order: 2;} .testimonials .testimonials-quote + .testimonials-content { width: calc(100% - 23%); padding-right: 20px; order: 1;padding-top: 10px;} .testimonials .testimonials-content { width: 100%; } .testimonials .testimonials-quote figure { margin-bottom: 40px; } .testimonials .testimonials-content p { font-size: 36px; line-height: 46px; } .testimonials-slider .slick-arrow { background: transparent; padding:0; display: inline-block; border: none; width: auto; height: auto; position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 50px;} .testimonials-slider button.slick-prev.slick-arrow:before { content: '' !important; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 14px; transform: rotate(135deg); -webkit-transform: rotate(135deg); opacity: 1 !important; left: 2px; position: relative; } .testimonials-slider button.slick-next.slick-arrow:before { content: '' !important; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 14px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); opacity: 1 !important; left: -2px; position: relative; } .testimonials-slider .slick-arrow:hover { background-color: transparent; } .testimonials-slider .slick-prev { left: -80px !important; } .testimonials-slider .slick-next { right: -80px !important; } .testimonials.white-color .label-text{color: #629ac7;} .testimonials h2{margin-bottom: 25px;} .testimonials h3{margin-bottom: 35px;} /*testimonials css start here*/ /*images-and-text-module css start here*/ .images-and-text-module { padding: 185px 0 145px; position: relative; } .images-and-text-module .images-and-text-module-wrap { display: flex; flex-wrap: wrap;align-items: flex-start;} .images-and-text-module .images-and-text-module-image { width: 40%; } .images-and-text-module .section-header { width: 60%; } .images-and-text-module .images-and-text-module-image figure figcaption{font-size:14px;font-weight: 400;color: #222;font-family: "Roboto", sans-serif;line-height: 18px;position: relative;padding-left: 35px;margin-top: 3px;} .images-and-text-module .images-and-text-module-image figure figcaption:before {position: absolute;content: "";background: #c52233;height: 85%;width: 1px;left: 25px;top: 50%;transform: translateY(-50%);} .images-and-text-module .images-and-text-module-image figure figcaption:after { position: absolute; content: ""; background: url('assets/images/logo-image-caption-new.svg') no-repeat center center; height: 30px; width: 18px; left: 0; top: 50%; transform: translateY(-50%);} .images-and-text-module .images-and-text-module-image figure figcaption strong{color: #222;} .images-and-text-module .images-and-text-module-image img { width: 100%; border-radius: 20px;margin-bottom: 15px;} .images-and-text-module .images-and-text-module-image .image-item { margin-bottom: 25px;} .images-and-text-module .section-header-content { max-width: 665px; margin-left: auto; padding-left: 20px; padding-right: 20px; } .images-and-text-module .section-header-content p { font-size: 20px;font-weight: 300;} .images-and-text-module .section-header-content h4 { margin-bottom: 0; } .images-and-text-module .section-header-content .right-btn { margin-top: 65px; } .images-and-text-module.align-right .images-and-text-module-image { order: 2; } .images-and-text-module .images-and-text-module-image .image-item{margin-bottom: 20px;} .images-and-text-module .section-header-content ul li{margin-bottom: 0;} .images-and-text-module .section-header-content ul li h3{margin-bottom: 0;} .images-and-text-module.align-right .section-header {order: 1;} .images-and-text-module.align-right .section-header .section-header-content { margin: 0; } .images-and-text-module.align-right .section-header .section-header-content h3{margin-bottom: 10px;} .images-and-text-module.align-right .section-header .section-header-content .label-text{margin-bottom: 25px;} .section-header-content .text-header-wrap p { font-size: 24px; line-height: 36px;font-weight: 600; } .images-and-text-module .section-header-content .text-header-wrap h2{margin-bottom: 20px;} .images-and-text-module-wrap ul li a { position: relative; display: inline-block; text-decoration: none;font-weight: 500;} .images-and-text-module-wrap ul li a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #00447c; transform: scaleX(0); transform-origin: right; transition: transform 0.4s ease-in-out; } .images-and-text-module-wrap ul li a:hover::after { transform: scaleX(1); transform-origin: left; } .frontpage .images-and-text-module .images-and-text-module-wrap{align-items: flex-start;} .frontpage .images-and-text-module .section-header-content .right-btn { margin-top: 10px; } /*images-and-text-module css end here*/ /*timeline css start here*/ @media screen and (min-width: 1200px) { .wf-container { width: 100%; } section.history_timeline .d-flex .slider-part .timeline-nav .slick-track { display: flex; width: 100% !important; justify-content: center; transform: none !important; opacity: 1; } } .history_timeline { padding:90px 0 0; position: relative; } .history_timeline .section-header h2 { margin-bottom: 23px; } .history_timeline .section-header { margin-bottom: 55px; max-width: 840px; } .timeline-slide { position: relative; background-repeat: no-repeat; outline: none; background-size: auto 400px, cover; background-position: top; width: 80%; z-index: 1; background-size: cover; margin: 0px; } section.history_timeline .d-flex { flex-wrap: wrap; display: flex; } section.history_timeline .d-flex .slider-part { width: 71%; position: relative; } section.history_timeline .d-flex .side-text { width: 29%; } section.history_timeline .d-flex .slider-part .timeline-nav { margin: 0; position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgb(0 51 92 / 60%); padding: 0px; text-align: center; } section.history_timeline .timeline-wrapper { margin: 0 auto 0px; height: 642px; } section.history_timeline .timeline-nav__item::before { display: none; } section.history_timeline .d-flex .slider-part .timeline-nav__item { padding: 25px 28px !important; margin: 0 !important; font-size: 36px; font-weight: 700; color: #FFF; cursor: pointer;font-family: "Roboto", sans-serif;} section.history_timeline .d-flex .slider-part .timeline-nav__item.slick-current { background: rgb(197 34 51 / 75%);} .timeline-nav.slick-initialized.slick-slider:before { display: none; } section.history_timeline .timeline-wrapper span.slide-arrow { position: absolute; transform: translate(0, -50%); top: 50%; cursor: pointer; z-index: 1; font-size: 45px; color: #fff; } section.history_timeline .timeline-wrapper span.slide-arrow svg { font-size: 55px; color: #FFF; } section.history_timeline .timeline-wrapper span.prev-arrow.slick-arrow { left: 100px; } section.history_timeline .timeline-wrapper span.next-arrow.slick-arrow { right: 100px; } section.history_timeline .d-flex .side-text .timeline-slide__content {position: relative;opacity: 1;background: none;padding: 45px 60px 90px 60px;} /* section.history_timeline .d-flex .side-text { background: #222222; } */ .timeline .timeline-slide:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); } section.history_timeline .timeline-year {font-size: 48px;font-family: 'HelveticaNeueLT Pro 45 Lt';font-weight: 300;margin-bottom: 5px !important;display: inline-block;} .timeline-slider .slick-list { overflow: hidden; height: 100%; } section.history_timeline .d-flex .side-text .slider-nav-2 { height: 100%; } section.history_timeline .d-flex .side-text .slider-nav-2 .slick-track { display: flex; height: 100%; } section.history_timeline .d-flex .side-text .slider-nav-2 .slick-list { height: 100%; } section.history_timeline .d-flex .side-text .slider-nav-2 .slick-track .text-part-cover { display: flex; align-items: flex-end;position: relative;} section.history_timeline .d-flex .side-text .slider-nav-2 .slick-track .text-part-cover:before{position: absolute;content:'';background: url('assets/images/white-watermark.png') no-repeat right center;width:100%;height:100%;top:0;left:0;right: 0;margin:0 auto;opacity: 0.03;} .latest-news-part { position: relative; } section.logo-carousel { padding: 110px 0 80px 0; position: relative; } /* section.history_timeline .d-flex .side-text { background: linear-gradient(45deg, #de1674, #00447c); } */ .timeline .slick-track { height: 100%; } .timeline .timeline-slider { height: 100%; } .timeline-slide:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(46, 49, 146, 0.9); z-index: 2; } section.history_timeline .timeline-text p { color: #fff; } .history_timeline .timeline-nav .slick-prev { top: 25px; left: 0px !important; background: transparent; } .history_timeline .timeline-nav button.slick-prev.slick-arrow:before { content: '' !important; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 8px; transform: rotate(135deg); -webkit-transform: rotate(135deg); opacity: 1 !important; left: 2px; position: relative; } .history_timeline .timeline-nav .slick-next { top: 25px; right: 0px !important; background: transparent; } .history_timeline .timeline-nav button.slick-next.slick-arrow:before { content: '' !important; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 8px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); opacity: 1 !important; left: -2px; position: relative; } /* .timeline-nav button.slick-arrow.slick-disabled { display: none; } .timeline-slider button.slick-arrow.slick-disabled { display: none; } */ /*timeline css end here*/ /*.form section css start here*/ .form-section { padding: 120px 0 100px; position: relative; border-bottom: 1px solid #e4e4e4; } .form-section .section-header h2 { margin-bottom: 35px; } .form-section .section-header { margin-bottom: 35px; max-width: 930px; } .form-section .section-header ul li a { position: relative; display: inline-block; text-decoration: none; } .form-section .section-header ul li a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #1bdee0; transform: scaleX(0); transform-origin: right; transition: transform 0.4s ease-in-out; } .form-section .section-header ul li a:hover::after { transform: scaleX(1); transform-origin: left; } /* Ninja Form Style */ .nf-form-content nf-fields-wrap .nf-field-label label { display: none; } .nf-form-title h3 {font-size: 72px; line-height: 82px;margin-bottom: 30px; color: #2e3192; margin-top: 0; line-height: 1; letter-spacing: 0.00em; margin-bottom: 15px; } .nf-form-content nf-fields-wrap { display: flex; flex-wrap: wrap; margin:0 -15px; } .nf-form-content nf-fields-wrap nf-field { width: 33.33%; padding: 0 15px; } .nf-form-content nf-fields-wrap .nf-field-label label { font-weight: 300; margin: 0; padding: 0; font-size: 24px; font-family: "Roboto", sans-serif; color: #1f1f26; } .nf-form-content nf-fields-wrap nf-field:last-child { width: 100%; } .nf-form-content nf-fields-wrap nf-field:last-child .submit-container { margin-bottom: 0 !important; } .nf-form-content nf-fields-wrap nf-field:nth-child(7) { width: 100%; } .nf-form-content nf-fields-wrap .nf-field .field-wrap { border-bottom: none; } .nf-form-content nf-fields-wrap .nf-field .field-wrap.nf-error { border-color: red; } .nf-field-element textarea { height: 90px !important; } .nf-form-content nf-fields-wrap nf-field:last-child .nf-field .field-wrap { border-bottom: none; } .nf-error.listimage-wrap .nf-field-element ul, .nf-error .ninja-forms-field { border: none !important; } .field-wrap .pikaday__container, .field-wrap .pikaday__display, .field-wrap>div input, .field-wrap select, .field-wrap textarea { width: 100%; font-size: 24px; font-family: "Roboto", sans-serif; font-style: normal; font-weight: 300; margin-bottom: 0px; color: #1f1f26; padding-bottom: 10px; background: transparent;border:none;} .field-wrap>div input[type=checkbox], .field-wrap button, .field-wrap input[type=button], .field-wrap input[type=submit] { width: auto !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100px; transition: all 0.5s ease-in-out; background-color: #4753DC; display: inline-block; padding: 18px 80px 18px 25px; border-radius: 30px; position: relative; border-style: solid; border-width: 1px; transition: all 0.5s ease-in-out; font-family: "Roboto", sans-serif;; font-size: 20px; margin-right: 10px; color: #fff; cursor: pointer; margin-right: 0; transition: all 0.5s ease-in-out; font-family: 'HelveticaNeue65Md', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1; vertical-align: middle; text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; display: inline-flex ; align-items: center; justify-content: center;} .field-wrap input[type=submit]:hover {background-color: #1BDEE0; } .nf-form-content nf-fields-wrap nf-field:last-child .nf-field-element { width: auto; position: relative; } .nf-form-content nf-fields-wrap nf-field:last-child .nf-field-element:after { content: ""; position: absolute; background-image: url(./assets/images/form-right-arrow.png); background-repeat: no-repeat; background-position: 100% 50%; right: 35px; top: 50%; width: 16px; height: 14px; transform: translateY(-50%); } #ninja_forms_required_items, .nf-field-container { margin-bottom: 43px !important; } .nf-field-element select { cursor: pointer; appearance:none; -webkit-appearance:none; background-image: url(./assets/images/form-down-arrow.png); background-repeat: no-repeat; background-position: 100% 50%; } .nf-form-fields-required { display: none; } .nf-after-field .nf-error-msg { display: none; } .nf-response-msg p { color: green; font-family: "Roboto", sans-serif;; font-size: 20px; margin-bottom: 10px; line-height: 30px; } ::-webkit-input-placeholder { color: #1f1f26; } ::-moz-placeholder { color: #1f1f26; } :-ms-input-placeholder { color: #1f1f26; } :-moz-placeholder { color: #1f1f26; } /* HubSport Form Style */ .hbspt-form form {display: block !important;margin: 0 !important;} .hbspt-form form fieldset input[type="text"]:focus, .hbspt-form form fieldset input[type="email"]:focus, .hbspt-form form fieldset input[type="tel"]:focus, .hbspt-form form fieldset select, .hbspt-form form fieldset textarea:focus { border-color: #00447c;} .hbspt-form form fieldset input[type="text"], .hbspt-form form fieldset input[type="email"], .hbspt-form form fieldset input[type="tel"], .hbspt-form form fieldset select, .hbspt-form form fieldset textarea {width: 100%;font-size: 24px;font-family: "Roboto", sans-serif; font-style: normal;font-weight: 300;margin-bottom: 0px;color: #1f1f26;padding-bottom: 10px;background: transparent;border-bottom: 1px solid #dadbf9;width: 100% !important;height: 44px;} .hbspt-form form fieldset input[type="text"]::placeholder, .hbspt-form form fieldset input[type="email"]::placeholder, .hbspt-form form fieldset input[type="tel"]::placeholder, .hbspt-form form fieldset select, .hbspt-form form fieldset textarea::placeholder { color: #1f1f26; font-family: "Roboto", sans-serif;} .hbspt-form form fieldset { max-width: 100%; margin: 0 -10px; } .hbspt-form form fieldset .input { margin: 0 !important; padding: 0 10px; } .hbspt-form form fieldset.form-columns-3>div { width: 33.33% !important; } .hbspt-form form input.hs-button:hover{background-color: #fff; color: #de1674;} .hs-form-block .submitted-message {color: #de1674;font-size: 30px;margin-top: 15px;} .hbspt-form form fieldset .field.hs-form-field label {display: none;} .hbspt-form form fieldset .inputs-list label {font-size: 18px;font-family: "Roboto", sans-serif;margin-bottom: 20px;margin-top: 0;color: #424148;letter-spacing: 0.00em;line-height: 1.67;cursor: pointer;display: block !important;} .hbspt-form .hs-fieldtype-intl-phone.hs-input select {cursor: pointer;} .hbspt-form .hs-form-field {margin-bottom: 22px;} .hbspt-form form fieldset .hs_message { margin-top: 18px; } .hbspt-form form fieldset textarea { height: 90px !important; } .hbspt-form form fieldset select option { color: #000; } .hbspt-form form fieldset select {background-image: url(./assets/images/form-down-arrow.png);background-repeat: no-repeat;background-position: center right;padding-right: 20px;cursor: pointer;background-size: 15px;background-repeat: no-repeat;background-position: center right;appearance: none;} .hbspt-form form fieldset .error {border-color: red !important;} .hbspt-form form .hs-error-msgs { padding: 0; margin: 0; display: block; color: red; font-size: 14px; font-weight: normal; } .hbspt-form form .hs-error-msgs>li, .hbspt-form form .hs-error-msgs>li label {display: none;} .hbspt-form form input:-webkit-autofill, .hbspt-form form input:-webkit-autofill:focus { transition: background-color 600000s 0s, color 600000s 0s; } .hbspt-form form input[data-autocompleted] { background-color: transparent !important; } .input ul.inputs-list { padding: 0; margin: 0; list-style: none; } .hbspt-form .input ul.inputs-list li { display: flex; align-items: center; width: 100%; padding: 0; margin: 0; } .hbspt-form .input ul.inputs-list li:before { display: none; } .hbspt-form .input ul.inputs-list li span { line-height: 1; width: 100%; font-weight: 400; } .hbspt-form .legal-consent-container .hs-richtext, .hbspt-form .legal-consent-container .hs-richtext p{ margin-bottom: 20px; padding: 0 10px; font-size: 18px; font-family: "Roboto", sans-serif; margin-bottom: 20px; margin-top: 0; letter-spacing: 0.00em; line-height: 1.67; cursor: pointer; } .hbspt-form .legal-consent-container .hs-richtext p { padding: 0; } .hbspt-form .input ul.inputs-list li input { margin-top: 2px; } .hbspt-form form .actions { display: inline-block; border-radius: 1000px; margin-top: 10px; position: relative; transition: all .5s ease-in-out; background-color: #00a1c2; } .hbspt-form form .actions input.hs-button { width: auto !important; width: 100%; height: 100%; transition: all 0.5s ease-in-out; background-color: #c52233; padding: 16px 60px 18px 25px; border-radius: 30px; position: relative; border-style: solid; border-width: 1px; font-size: 20px; color: #fff; transition: all 0.5s ease-in-out; font-family: "Roboto", sans-serif;font-weight: 500; line-height: 1; vertical-align: middle; text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; } .hbspt-form form .actions:hover input.hs-button {background-color:#045184;} .hbspt-form form .actions:hover {background: #FFF;} .hbspt-form form .actions:after { content: "\f061";font-family: "Font Awesome 6 Pro";font-weight: 300;font-size: 18px;color: #FFF;display: inline-block;opacity: 1;position: absolute;top: 50%;transform: translateY(-50%);right: 25px;transition: all 0.5s ease-in-out;} .hbspt-form form .actions:hover:after {right: 20px;} .hbspt-form .hs_phone.hs-phone.hs-form-field .input .hs-input {display: -webkit-box;display: -ms-flexbox;display: flex;} .hbspt-form .hs_phone.hs-phone.hs-form-field .input .hs-input select {margin-right: 30px;} .hbspt-form .hs_phone.hs-phone.hs-form-field .input .hs-input .sbHolder {width: 50% !important; margin-right: 25px;} .hbspt-form form fieldset .input .sbToggle {top: 70%;} .hbspt-form {margin-top: 50px;margin-bottom: 50px;} .form-section .hbspt-form {margin-top: 0; margin-bottom: 0;} .hbspt-form .hs-form-field.hs_phone.hs-phone.hs-fieldtype-phonenumber .hs-fieldtype-intl-phone select {width: 100% !important;} /* HubSport Form Style */ /*.form section css end here*/ body .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton:hover { background-color:#c52233 !important; } body .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton { text-transform: uppercase; width: auto !important; position: absolute !important; top: 0 !important; left: 0 !important; transition: all 0.5s ease-in-out !important; background-color: #00447c !important; display: inline-block !important; padding: 22px 50px 22px 30px !important; border-radius: 50px !important; position: relative !important; border-style: solid !important; border-width: 0 !important; transition: all 0.5s ease-in-out !important; font-family: "Roboto", sans-serif !important;font-size: 16px !important; margin-right: 10px !important; cursor: pointer !important; margin-right: 0; font-weight: 700 !important; line-height: 1; vertical-align: middle; text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; display: inline-flex ; align-items: center; justify-content: center; height: auto !important; } .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm select.mktoField, .mktoForm textarea.mktoField { appearance: none;-webkit-appearance: none; background-color: #fff; line-height: normal; padding: 10px 15px; min-height: auto !important; height: auto !important; font-size: 18px !important; font-weight: 300; border: none !important; color: #1f1f26 !important; } .mktoForm .mktoCheckboxList > label { margin-left:35px !important; font-family: 'HelveticaNeueLT Pro 45 Lt' !important; margin-top: 0; color: #1f1f26; font-size: 18px !important; line-height: 28px !important;} .mktoForm.mktoLayoutAbove .mktoRequiredField .mktoAsterix { position: relative; float: right !important; display: none;} .form-section .mktoForm .mktoRequiredField label.mktoLabel { margin: 0 !important; padding: 0; font-size: 24px !important; line-height: 30px; color: #303030; font-weight: 300 !important; width: 100%; font-size: 24px; font-family: 'HelveticaNeueLT Pro 45 Lt' !important; font-style: normal; font-weight: 300; margin-bottom: 0px; color: #1f1f26; padding-bottom: 0; background: transparent; width: auto !important; } .mktoButtonRow span.mktoButtonWrap:after { content: "\f061"; font-family: "Font Awesome 6 Pro"; position: absolute; right: 35px; top: 50%; color: #fff; transform: translateY(-50%); font-size: 20px; } .mktoButtonRow span.mktoButtonWrap { position: relative; } .form-section form { display: flex; flex-wrap: wrap; margin: 0 -15px; } .form-section form .mktoFormRow { width: 33.33%; padding: 0 15px; float: left; } .form-section form .mktoFormRow:nth-child(13) { width: 100%; } .form-section form .mktoFormRow:nth-child(10) { display: none; } .mktoLogicalField.mktoCheckboxList.mktoHasWidth { padding: 0 !important; } .mktoForm input[type=checkbox] + label:before, .mktoForm input[type=radio] + label:before { margin-left: -29px !important; border: 1px solid #1f1f26; left: 20px !important; } body .mktoForm select.mktoField { cursor: pointer; appearance: none !important; -webkit-appearance: none !important; background-image: url(./assets/images/form-down-arrow.png) !important; background-repeat: no-repeat !important; } .mktoForm .mktoLabel { float: none !important; } .form-section .mktoForm input[type=url], .form-section .mktoForm input[type=text], .form-section .mktoForm input[type=date], .form-section .mktoForm input[type=tel], .form-section .mktoForm input[type=email], .form-section .mktoForm input[type=number], .form-section .mktoForm textarea.mktoField, .form-section .mktoForm select.mktoField { color: #1f1f26 !important; width: 100% !important; padding: 0; line-height: normal; font-size: 20px !important; border-bottom: 1px solid #e4e4e4 !important; border-top: none !important; border-left: none !important; border-right: none !important; font-weight: 300 !important; font-family: "Roboto", sans-serif !important; } .form-section .mktoForm input[type=text]:focus, .form-section .mktoForm input[type=url]:focus, .form-section .mktoForm input[type=email]:focus, .form-section .mktoForm input[type=tel]:focus, .form-section .mktoForm input[type=number]:focus, .form-section .mktoForm input[type=date]:focus, .form-section .mktoForm select.mktoField:focus, .form-section .mktoForm textarea.mktoField:focus { border-top: none !important; border-left: none !important; border-right: none !important; border-bottom: 1px solid #e4e4e4 !important; } .form-section .sbSelector > a{font-family: "Roboto", sans-serif !important;font-weight: 300;font-size: 20px;} .form-section .mktoForm input.mktoField.mktoInvalid, .form-section .mktoForm textarea.mktoField.mktoInvalid, .form-section .mktoForm select.mktoField.mktoInvalid, .form-section .mktoForm .mktoLogicalField.mktoInvalid { border-top: none !important; border-left: none !important; border-right: none !important; border-bottom: 1px solid #e4e4e4 !important; } .form-section .mktoForm .mktoError .mktoErrorMsg { font-size: 14px !important; padding: 0; } .form-wrap .mktoFormRow .mktoFieldWrap .mktoLabel { display: none; } /*News & Events css start here*/ .news-events { padding: 40px 0 0 0; position: relative; } .news-events .news-events-wrap { display: flex; padding: 0 120px 0 120px; } .news-events .news-events-wrap .news-events-heading h3 { font-size: 52px; line-height: 60px; text-transform: uppercase; margin-bottom: 0; } .news-events .news-events-wrap .news-events-heading { width: 17%; padding-right: 35px; } .news-events .news-events-wrap .news-events-listing { width: 83%; display: flex; flex-wrap: wrap; margin: 0 -15px; } .news-events .news-events-wrap .news-events-listing .news-events-listing-item { width: 25%; padding: 0 15px; border-left: 1px solid #fff; padding-left: 28px; padding-bottom: 60px; } .news-events .news-events-wrap .news-events-listing .news-events-listing-item date { display: inline-block;font-family: "Roboto", sans-serif;font-size: 24px; font-weight: 700; color: #fff; } .news-events .news-events-wrap .news-events-listing .news-events-listing-item p { line-height: 30px; letter-spacing: 0; margin-bottom: 0; font-weight: 300; font-family: "Roboto", sans-serif; font-size: 24px; } .news-events .news-events-wrap .news-events-listing .news-events-listing-item a { color: #fff;font-weight: 300;} .news-events .news-events-wrap .news-events-listing .news-events-listing-item p a:after{display: none;} /* .news-events .news-events-wrap .news-events-listing .news-events-listing-item a:hover { color: #00447a; } */ /*News & Events css end here*/ /*Accordions Module css start here*/ .industry-block {background: linear-gradient(85deg, #00447c, #629ac7); padding: 100px 0 100px; position: relative;} .industry-block .industry-block-inner {position: relative; z-index: 111; } .industry-block .industry-block-title h2 {margin-bottom: 23px; } .industry-block .industry-block-title { max-width: 850px; } .industry-block .right-btn { margin-top: 40px; } .industry-block .accordion__item:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-color: rgb(0 34 84 / 85%); } /*.industry-block .accordion__item:before { content: ""; position: absolute; left: 0; top: 0; width: 60%; height: 100%; background: linear-gradient(to right, rgba(11, 12, 40, 1) 50%, rgba(11, 12, 40, 0.2) 100%); }*/ .industry-block .accordion__item { border-top: 1px solid #fff; position: relative; z-index: 11; background-repeat: no-repeat; background-size: cover; background-position: right center; background-color: #000; } .industry-block .accordion__item .accordion__title { position: relative; display: block; padding:37px 0; margin-bottom: 0px; color: #fff; text-decoration: none; border-radius: 0px; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; cursor: pointer; font-family: "Roboto", sans-serif; font-size: 30px; letter-spacing: 0;font-weight: 600;} .industry-block .accordion__item .accordion__title:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;background: linear-gradient(45deg, #00447c, #629ac7);transition: all 0.6s ease-in-out; } .industry-block .accordion__item .accordion__title.accordion-active:after { opacity: 0; transition: all 0.2s ease-in-out; } .industry-block .accordion-content-bg-inner p { color: #fff; margin: 0 0 10px 0; } .industry-block .accordion-content-bg-inner h1 { color: #fff; margin-bottom: 20px; } .industry-block .accordion-content-bg-inner h4 { color: #fff; margin-bottom: 20px; } .industry-block .accordion-content-bg-inner h3 { color: #fff; margin-bottom: 20px; } .industry-block .accordion-content-bg-inner h5 { color: #fff; margin-bottom: 20px; } .industry-block .accordion-content-bg-inner h6 { color: #fff; margin-bottom: 20px; } .industry-block .accordion-content-bg-inner ol li { color: #fff; position: relative; margin-bottom: 10px; padding-left:6px; } .industry-block .accordion-content-bg-inner ol { padding:0 0 0 20px; } .industry-block .accordion-content-bg-inner ol li:before { color: #fff; left: -15px; } .industry-block .accordion-content-bg-inner ul li { color: #fff; list-style: none; position: relative; margin-bottom: 20px; padding-left: 25px; } .industry-block .accordion-content-bg-inner ul { padding-left: 0; margin-bottom: 15px; } .industry-block .accordion-content-bg-inner ul li:before { content: ""; position: absolute; left: 6px; top: 10px; width: 8px; height: 8px;background: #fff;} .industry-block .accordion-content-bg-inner h2 { color: #1dccfd; font-size: 40px; font-weight: 700; letter-spacing: 0; margin-bottom: 33px; } /*.industry-block .accordion-content-bg { background-repeat: no-repeat; background-size: 60%; background-position: right top; padding: 0px 0 38px 0; min-height: 480px; }*/ .industry-block .accordion-content-bg-inner .arrow figure img { width: 35px; margin-left: 18px; transition: all 0.5s ease-in-out; } .industry-block .accordion-content-bg-inner .arrow:hover img { margin-left: 24px; } .industry-block .accordion-content-bg-inner .arrow figure { margin-bottom: 0; } .industry-block .accordion-content-bg-inner .arrow { margin-top: 30px; display: flex; align-items: center; font-size: 22px; font-weight: 500; color: #1dccfd; } .industry-block .accordion__item .accordion__title:hover { transition: all 0.5s ease-out; } .industry-block .accordion__item .accordion-active { background: transparent; padding-bottom: 38px; } .industry-block .accordion__item .accordion__title .accordion__arrow { vertical-align: top; font-size: 50px; font-weight: 700; height: 39px; display: inline-block; margin-top: -15px; position: absolute; left: 50px; top: 0px; transform-origin: center center; } .industry-block .accordion__item .accordion__rotate { transform: rotate(45deg); top: 4px !important; left: 55px !important;} .industry-block .accordion__item .accordion__title span.accordion__title-text { padding-left: 45px; } /* chat */ .industry-block .accordion__item .accordion__content { padding:0px 0 64px 0px; margin-bottom: 0px; font-size: 14px; display: none; background-color: transparent; max-width: 1460px; margin: 0 auto; position: relative; } .industry-block .accordion__item .accordion__arrow-item { font-weight: 300; color: #fff; } .industry-block .accordion__item .accordion__rotate .accordion__arrow-item{color:#c52233} .industry-block .accordion-content-bg-inner { position: relative; z-index: 11; } .industry-block .accordion-content-bg { max-width: 855px; max-width: initial; margin-left: auto; padding-left: 50px; } .expand-open { color: #fff; font-size: 28px; cursor: pointer; position: relative; padding-right: 33px; } .expand-open:after { content: "\f063"; position: absolute; right: 0; top:4px; color: #fff; font-size: 22px; font-weight: 400; font-family: "Font Awesome 6 Pro"; } .mac_.safari_ .expand-open:after { top: 4px; } .mac_.chrome_ .expand-open:after { top: 4px; } .mac_.mozilla_ .expand-open:after { top: 4px; } span.expand-open.active:after { transform: rotate(180deg); } .industry-block .industry-block-inner .section-header-wrap { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 55px; } .expand-all span { display: inline-block; font-family: "Roboto", sans-serif;; font-size: 24px; font-weight: 600; } .industry-block .industry-block-title p:last-child { margin-bottom: 0; } .iphone-device .industry-block .accordion__item .accordion__title .accordion__arrow {margin-top: 0;} .iphone-device .industry-block .accordion__item .accordion__title.accordion-active .accordion__arrow {top: 0;} /*-------------------------------------*/ /*Accordions Module css end here*/ /*location css start here*/ .location-map .location-info { border-top: 1px solid #dae2ec; margin-top: 10px; } .location-map { padding:80px 0 55px; position: relative; } .location-map #filter-controls { position: absolute; top: -100px; right: 0; width: 530px; background: rgb(255 255 255 / 80%); border-radius: 25px; padding: 30px 60px; box-shadow: 5px 0 30px rgb(0 0 0 / 20%); } .location-map .local-rep-map { position: relative; } .location-map .sbOptions li:before { display: none; } .location-map .sbOptions li { margin: 0; } .location-map .sbSelector { padding:0px; } .location-map .sbOptions {list-style: none;left: -60px;margin: 0;padding: 0;position: absolute;width: 200px;z-index: 1;overflow-y: auto;top: 35px !important;box-shadow: none;border-radius: 0px 0 30px 30px;width: 530px !important;box-shadow: 0px 30px 30px rgb(0 0 0 / 20%);} .location-map .sbSelector > a { color: #c52233; text-decoration: none; font-weight: 400; font-size: 24px; font-family: "Roboto", sans-serif; padding: 0px; } .location-map .sbOptions a {border-bottom: 1px solid #AFAFAF57;display: block;outline: none;padding: 15px 60px 15px 60px !important;font-size: 24px;font-family: "Roboto", sans-serif;font-size: 20px;line-height: 1;color: #00447c !important;letter-spacing: 0.00em;text-transform: capitalize;background-color: #fff;display: inline-block;width: 100%;} .location-map .location-info h3 { color: #00447c; font-size: 24px;line-height: 34px; margin-bottom: 0; } .location-map .location-info { padding: 40px 0px 30px 0; } .location-map .location-info p { margin-bottom: 0; } .location-map .location-info p:nth-child(2) { margin-bottom: 15px !important; } .location-map .sbHolder { border-bottom: none; height: 25px; } .location-map .sbToggle { background: url(./assets//images/chevron-down.png); width: 19px; background-repeat: no-repeat; top: 10px; } .location-map .map img { width: 100% !important; } .location-area.section-header { max-width: 710px; } .location-area.section-header h2{margin-bottom: 20px;} /*location css end here*/ /*Vision for Industry css start here*/ .vision-for-industry { position: relative; padding: 120px 0 140px; overflow: hidden; } .vision-for-industry:before{position: absolute; content: ""; background: linear-gradient(0deg, #639bc8 0%, rgba(50, 43, 102, 0) 50%); opacity: 0.7; width: 100%; height: 100%; left: 0; right: 0; margin: 0 auto;} .vision-for-industry .section-header { max-width: 760px; margin-bottom: 30px; } .vision-for-industry .section-header h2 { margin-bottom: 20px; } .vision-for-industry .section-header p{font-weight: 300;} .vision-for-industry .vision-for-industry-row { display: flex; flex-wrap: wrap; margin: 0; } .vision-for-industry .vision-for-industry-column { width: 33.33%; padding:0 15px; } .vision-for-industry .vision-for-industry-column figure img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px 5px 0 0;} .vision-for-industry .vision-for-industry-column figure { height: 217px; border-radius: 5px 5px 0 0; margin: 0; position: relative; } .vision-for-industry .vision-for-industry-column figure:after { content: ""; position: absolute; width: 100%; height: 70%; mix-blend-mode: soft-light; z-index: 1; left: 0; bottom: 0; border-radius: 5px 5px 0 0; background: linear-gradient(to bottom, rgba(46, 49, 146, 0.2) 0%, rgba(46, 49, 146, 1) 100%); opacity: 0.63; } .vision-for-industry-column-inner { background: linear-gradient(to right, #00447a 0%, #00213c 100%); border-radius: 5px; height: 100%;} .vision-for-industry .vision-for-industry-column a:hover:after { border-radius: 5px; } .vision-for-industry .vision-for-industry-column a { display: inline-block; width: 100%; height: 100%; position: relative; } .vision-for-industry .vision-for-industry-column a:after { content: ""; position: absolute; left: 0; top: 0; box-shadow: 5px 0 30px rgb(0 0 0 / 60%); width: 100%; height: 100%; border-radius: 10px; transition: all 0.5s ease-in-out; opacity: 0; } .vision-for-industry .vision-for-industry-column { margin-bottom: 25px; } .vision-for-industry .vision-for-industry-content { padding: 21px 34px 100px 34px;} .vision-for-industry .vision-for-industry-content span { display: inline-block !important; color: #fff; font-family: "Roboto", sans-serif; font-weight: 700; margin-bottom: 8px; letter-spacing: -0.2px; transition:all 0.5s ease-in-out !important; } .vision-for-industry .vision-for-industry-content p { color: #fff; line-height: 31px; transition: all 0.5s ease-in-out;} .vision-for-industry .arrow i { color: #fff; font-weight: 100; font-size: 20px; transition: all 0.5s ease-in-out; } .vision-for-industry .arrow { width: 51px; height: 51px; border: 1px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease-in-out; position: absolute; bottom: 25px; } .vision-for-industry .vision-for-industry-column a:hover span { background: none !important; } .vision-for-industry .vision-for-industry-column a:hover span { color: #c52233; } .vision-for-industry .vision-for-industry-column a:hover p { color: #c52233; } .vision-for-industry .vision-for-industry-column a:hover .arrow { border-color: #c52233; } .vision-for-industry .vision-for-industry-column a:hover .arrow i { color: #c52233; } .vision-for-industry .vision-for-industry-column a:hover:after { opacity: 1; } .resources-for-industry-column.hidden { display: none; } .vision-for-industry-box .filter-tabs .filter-btn { background: transparent; color: #c52233; font-size: 14px; font-weight: 700; padding: 8px 25px; display: inline-block; border-radius: 50px; border: 1px solid #c52233; margin-right: 10px; font-family: "Roboto", sans-serif; cursor: pointer; transition: all 0.5s ease-in-out; margin-bottom: 12px;line-height: 1; vertical-align: middle; text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center;} .vision-for-industry-box .filter-tabs .filter-btn:hover { color: #fff; border-color: #c52233;background: #c52233;} .vision-for-industry-box .filter-tabs { display: flex; flex-wrap: wrap; margin-bottom: 0; } .vision-for-industry-box .filter-tabs .filter-btn.active { background: #c52233; color: #fff; } .vision-for-industry .resources-listing:before{display: none;} .vision-for-industry .resources-listing{padding-bottom: 0;} /*Vision for Industry css end here*/ /*Corporate Links with Icons css start here*/ .corporate-links-with-icons { padding:124px 0 80px; position: relative; } .corporate-links-with-icons .section-header { max-width: 760px; margin-bottom: 90px; } .corporate-links-with-icons .section-header h2 { margin-bottom: 20px; } .corporate-links-with-icons-row { display: flex; flex-wrap: wrap; margin: 0 -15px; } .corporate-links-with-icons-item { flex-grow: 1; width: 25%; margin-bottom: 30px; display: flex; align-items: flex-end; padding: 0 15px; } .item-inner-wrap{ width: 100%; margin-bottom: 30px; display: flex; align-items: flex-end; } .item-inner-wrap .corporate-icon + .corporate-title { padding-left: 20px; width: calc(100% - 92px); } .item-inner-wrap .corporate-icon { width: 92px; } .corporate-title h4 { color: #2e3192; font-family: "Roboto", sans-serif; font-weight: 700; font-size: 30px; line-height: 40px; transition: all 0.5s ease-in-out; } .corporate-links-with-icons-item a:hover h4 { color: #4753dc; } .corporate-links-with-icons-item a:hover figure { transform: translateY(-20px); } .item-inner-wrap .corporate-icon figure { margin: 0; transform: translateY( 0px); transition: all 0.5s ease-in-out;} .item-inner-wrap .corporate-icon figure img { width: 100%; } /*Corporate Links with Icons css end here*/ /*page Not Found 404 css start here*/ .page-not-found { position:relative; min-height:calc(100vh - 64px); display: flex; align-items: flex-end; } .page-not-found .title-404 { font-size: 72px;} .page-not-found .content-404 a { display: inline-block; } .page-not-found #content { padding: 0 0 50px 0; } .page-not-found .bg-image { width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; top: 0; left: 0; height: 100%; } .page-not-found .bg-image:after { content: ""; position: absolute; width: 100%; height: 100%; background: url(assets/images/gradient.png) center center no-repeat; top: 0; left: 0; z-index: 1; opacity: 1; z-index: 1; background-size: cover; } /*page Not Found 404 css end here*/ /*blog single post css start here*/ .blog-single-post { padding:200px 0 110px; } .blog-single-post .blog-single-post-inner { max-width: 1060px; margin: 0 auto; } .blog-single-post .right-btn { text-align: right; margin-bottom: 35px; } .blog-single-post .right-btn .back-btn { color: #00447c; font-size: 24px; font-family: "Roboto", sans-serif; font-weight: 400; } .blog-single-post .right-btn .back-btn i { font-size: 22px; } .blog-single-post .right-btn .back-btn:hover { background: none !important; } .blog-single-post .right-btn .back-btn:hover { color: #c52233 !important; } .blog-single-post .right-btn .back-btn:hover:after { display: none; } .blog-single-post h1 { margin-bottom: 48px; } .blog-single-post .featured-image img { width: 100%; border-radius: 15px; } .blog-single-post figure.featured-image { margin-bottom: 55px; } .blog-single-post .article-social { display: flex; flex-wrap: wrap; align-items: center; border-top: 1px solid #dadbf9; border-bottom: 1px solid #dadbf9; padding: 32px 0 25px; margin-bottom: 60px; } .blog-single-post .article-meta { width: 60%; } .blog-single-post ul.social-share { float: left; width: 40%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; margin: 0; } .blog-single-post ul.social-share li { margin:0 19px 0; padding: 0; font-size: 20px; position: relative; } .blog-single-post ul.social-share li:before { display: none; } .blog-single-post ul.social-share li:last-child { margin-right: 0; } .social-share li:first-child { margin-left: 0; } .social-share li a { color: #00447c; display: inline-block; position: relative; font-size: 20px; } .social-share li a:hover { color: #c52233; } .social-share li a:hover:after { display: none; } .social-share li a i { display: block; width: 20px; text-align: center; } .social-share li a span { position: absolute; width: 100px; top: -20px; transform: translate(-50%, -100%); padding-top: 6px; padding-bottom: 6px; text-align: center; font-weight: bold; color: #fff; font-size: 14px; line-height: 1.2; background-color:#002254 !important; left: 50%; display: none !important; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3); font-weight: 400; padding: 10px 10px; border-radius: 10px; } .social-share li a:hover span { display: block !important; } .social-share li a span::after { content: ""; width: 16px; height: 16px; position: absolute; left: calc(50% - 7.5px); bottom: -7px; background-color: #002254 !important; transform: rotate(45deg); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3); } .blog-single-post .article-meta span em { display: inline-block; color: #00447c; font-style: normal; font-size: 24px; font-family: "Roboto", sans-serif; font-weight: 400; } .blog-single-post .article-meta span { display: inline-block; color: #1f1f26; width: 100%; font-size: 24px; margin-bottom: 5px; } .blog-single-post .article-meta p { margin-bottom: 0px;} .blog-single-post .article-meta p span { width: auto;} .blog-single-post .article-meta p span:first-child { padding-left: 0; } .blog-single-post a.btn-wrap:hover::after { display: none; } .source-wrap { width: 100%; border-top: 1px solid #dadbf9; border-bottom: 1px solid #dadbf9; padding: 23px 0 31px; position: relative; margin: 33px 0 0 0; } .source-wrap span { display: inline-block; width: 100%; color: #00447c; font-size: 30px; line-height: 40px; font-weight: 700; font-family: "Roboto", sans-serif; margin-bottom: 10px; } .source-wrap a.link-button span { display: inline-block; width: 100%; color: #00447c; font-size: 24px; line-height: 34px; margin-bottom: 2px; position: relative; font-family: "Roboto", sans-serif; font-weight: 300; background: -webkit-gradient(linear, left top, right top, from(rgba(100, 200, 200, 0)), to(rgba(100, 200, 200, 0))), -webkit-gradient(linear, left top, right top, from(#00447c)) !important; background-position-x: 0%, 0%; background-position-y: 0%, 0%; background-repeat: repeat, repeat; background-size: auto, auto; background: linear-gradient(to right, rgba(100, 200, 200, 0), rgba(100, 200, 200, 0)), linear-gradient(to right, #00447c) !important; background-size: 100% 1px, 0 1px !important; background-position: 100% 100%, 0 100% !important; background-repeat: no-repeat !important; transition: background-size 400ms !important; display: inline !important; background-size: 100% 1px, 0 1px !important; } /*.source-wrap a.link-button { display: inline-block !important; width: 100%; }*/ .source-wrap .item { display: inline-block !important; width: 100%; } .source-wrap a.link-button:after { content: ""; position: relative; right: -6px; top: 4px; background-image: url(./assets/images/link-arrow.png); background-repeat: no-repeat; width: 25px; height: 25px; display: inline-block; background-color: transparent; transform: scaleX(1); left: auto; } .source-wrap-btn a { font-size: 24px; font-weight: 400; font-family: "Roboto", sans-serif; } .source-wrap-btn { position: absolute; right: 0; top: 28px; } .source-wrap-btn a i { font-size: 20px; } .source-wrap-btn a:after { display: none; } .source-wrap a:hover span { background-size: 0 1px, 100% 1px !important; } .source-wrap a.link-button:not(:hover) span { transition: none !important; background-size: 0% 1px !important; } .source-wrap a.link-button { background: none !important; } .source-wrap-btn a { background: none !important; } .blog-single-post h4 { margin-bottom: 5px; } img.alignleft { float: left; margin: 20px 50px 30px 0; max-width: 420px; border-radius: 25px; } img.alignright { float:right; padding-left: 0px; margin-left: 40px; max-width: 420px; border-radius: 25px; } .alignright { float: right; margin-left: 40px; margin-bottom: 20px;} .alignleft { float: left; margin-right: 40px; margin-bottom: 20px;} .wp-caption img { margin-bottom: 0; } .blog-single-post .blog-single-post-inner .featured-image{width:100%;height: 550px;} .blog-single-post .blog-single-post-inner .featured-image img{ border-radius: 20px; width: 100%; height: 100%; object-fit: cover;} .wp-caption .wp-caption-text { color: #3e3e4d; font-size: 13px; font-weight: 400; font-family: "Roboto", sans-serif; position: relative; padding-left: 15px;} .wp-caption .wp-caption-text:before { content: ""; position: absolute; left: 0; top: 6px; width: 5px; height: 5px; background-color: #4753dc; border-radius: 50%; } .blog-content .right-btn { display: flex; flex-wrap: wrap; text-align: left; margin: 37px 0 30px 0; } .resources-listing.resources-listing-single { padding-top: 30px; } .resources-listing.resources-listing-single .coman-block-sec { margin-bottom: 60px; } .blog-single-post ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} /*blog single post css end here*/ /* Intro Section Start */ .intro-section {padding: 135px 0;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;} .label-text { font-size: 14px; font-family: "Roboto", sans-serif; font-weight: 700; letter-spacing: 0.00em; margin-bottom: 15px; display: block; width: 100%; color: #629ac7;} .intro-section .intro-wrap {display: -webkit-box;display: -ms-flexbox; display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal; -ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: flex-end;-ms-flex-align: flex-end;align-items: flex-end;} .intro-section .intro-wrap .intro-left {width: 67%;} .intro-section .intro-wrap .intro-left h2{margin-bottom: 20px;} .intro-section .intro-wrap .intro-left p{font-size: 24px;line-height: 40px;font-weight: 700;font-family: "Roboto", sans-serif;max-width: 500;width: 100%;} .intro-section .intro-wrap .intro-left p:last-child {margin-bottom: 0;} .intro-section .intro-wrap .right-btn {width: 33%;text-align: right;} .intro-section .intro-wrap .intro-btn {width: 33%;text-align: right;padding-top: 48px;} .intro-section .intro-wrap .btn-wraps .btn-wrap{max-width:215px;width: 100%;margin: 0 0 5px;justify-content: flex-start;} .intro-section .intro-wrap .btn-wraps .btn-wrap span{position: static;} .intro-section .intro-wrap .btn-wraps .btn-wrap i { position: absolute; right: 25px; left: inherit; padding: 0;top: 50%; transform: translateY(-50%);} .intro-section .intro-wrap .btn-wraps .btn-wrap:hover i{right:20px} /* Intro Section End */ /* Marquee Section Start */ .fegures-scroller-section {padding-top: 81px;padding-bottom: 114px;overflow: hidden;} .marquee-wrapper {width: 100%;overflow: hidden; -webkit-box-sizing: border-box;box-sizing: border-box;position: relative;} .marquee-wrapper .marquee-track {display: -webkit-box;display: -ms-flexbox;display: flex;width: -webkit-max-content;width: -moz-max-content;width: max-content;} .marquee-wrapper .marquee-inner {display: -webkit-box;display: -ms-flexbox;display: flex;white-space: nowrap;} .marquee-wrapper .stat { display: -webkit-box; display: -ms-flexbox;display: flex;-webkit-box-orient: vertical; -webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;min-width: 300px;margin: 0 60px;} .marquee-wrapper .number {font-size: 72px;line-height: 1.1;font-family: 'HelveticaNeueLT Pro 45 Lt';font-weight: 300;text-align: left;margin-bottom: 4px;color: #00447c;} .marquee-wrapper .label {font-size: 20px;max-width: 310px;width: 100%;line-height: 1.2;white-space: pre-line;color: #222; font-weight: 300;} /* Marquee Section End */ /* Wide Image and Text Module Section Start */ .wide-image-text {padding:130px 0 96px; overflow: hidden;} .wide-image-text .wide-videoimage {margin-bottom: 43px; display: block; width: 100%; padding-top: 0 !important;padding-bottom: 0 !important;} .wide-image-text .wide-videoimage img {width: 100%; border-radius: 20px;} .wide-image-text .wide-videoimage video {width: 100%;border-radius: 20px;display: block;} .wide-image-text .wide-text-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wide-image-text .wide-text-wrap .wide-text-right { width: 40%; padding-top: 60px; } .wide-image-text .wide-text-wrap .wide-text-left { width: 41%; } .wide-image-text .wide-text-wrap .wide-text-left span.sub-title { margin-bottom: 16px; display: block; } .wide-image-text .wide-text-left h2 { margin-bottom: 42px; } .wide-image-text .wide-text-left a.btn-wrap.btn-wrap { display: inline-block; margin-right: 5px; } .wide-image-text .wide-text-left a.btn-wrap.btn-wrap:first-child { margin-left: 0; } .wide-image-text .wide-text-wrap span.sub-title { width: 100%; margin-bottom: 13px; padding-left: 4px; } .wide-image-text .wide-text-wrap.right-block, .coman-fullsection.right-block { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .wide-image-text .video-popup { padding-bottom: 33%; } .wide-image-text .video-wrapper { width: 100%; display: inline-block; position: relative; border-radius: 20px; overflow: hidden; } .wide-image-text .video-wrapper video { width: 100%; border-radius: 8px; } .wide-image-text .video-container .play-button-wrapper { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 44px; left: 41px; } .wide-image-text .video-container .play-button-wrapper div { width: 94px; height: 94px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 29px; color: #fff; background-color: #c52233; border-radius: 50%; position: relative; z-index: 2; cursor: pointer; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .wide-image-text .video-container .play-button-wrapper div:before { content: ""; border: 4px solid rgba(255, 255, 255, 0.7); position: absolute; width: 100%; height: 100%; border-radius: 50%; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; opacity: 1; } .wide-image-text .video-container .play-button-wrapper div.hidden { opacity: 0; } .wide-image-text .video-container .play-button-wrapper div:hover:before { opacity: 0; } .wide-image-text .video-container .play-button-wrapper div i { margin-left: 2px; font-weight: 300; } .wide-image-text .video-popup span i{ font-weight: 300; } .wide-image-text .video-wrapper .video-container { position: relative; } .wide-image-text .video-popup { width: 100%; padding-bottom: 53.99%; background-size: cover; background-repeat: no-repeat; background-position: top center; position: relative; border-radius: 8px; overflow: hidden; } .wide-image-text .video-popup a { content: ""; position: absolute; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; opacity: 1; top: 44px; left: 41px; margin: 0 auto; width: 94px; height: 94px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 29px; color: #fff; background-color: #4753dc; border-radius: 50%; } .wide-image-text .video-popup a span { margin-left: 7px; } .wide-image-text .video-popup a:before { content: ""; border: 4px solid rgba(255, 255, 255, 0.7); position: absolute; width: 100%; height: 100%; border-radius: 50%; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; opacity: 1; } .wide-image-text .video-popup a:hover:before { opacity: 0; } .wide-image-text .wide-text-right h3 { margin-bottom: 4px; letter-spacing: -0.01em; } .wide-image-text .wide-text-right p { margin-bottom: 31px; } .wide-image-text .wide-text-right h4 { letter-spacing: 0.00em; margin-bottom: 2px; } .wide-text-left .right-btn a.btn-wrap { margin-bottom: 10px; } /* Wide Image and Text Module Section End */ /* Side-by-side CTA with Image Section Start */ .side-by-side-section {position: relative;display: inline-block;width: 100%;overflow: hidden;padding: 150px 0;} .side-by-side-section .side-by-wrap {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;} .side-by-side-section .side-by-wrap .side-by-item-left {float: left;width: 55%; padding-top: 0;padding-bottom: 60px;padding-right: 30px;} .side-by-side-section .side-by-bg-right {background-size: cover;background-repeat: no-repeat;background-position: top center; width: 43.5%;border-radius: 50px 0 0px 50px;overflow: hidden;right: 0; position: absolute;height: calc(100% - 320px);top:50%;transform: translateY(-50%);} .side-by-side-section .side-by-wrap .side-by-item-left h2 {font-weight: 400;margin-bottom: 15px;} .side-by-side-section.side-by-left-image .side-by-wrap {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;} .side-by-side-section.side-by-left-image .side-by-wrap .side-by-bg-right {right: initial;left: 0; border-radius: 0 18px 18px 0;} .side-by-side-section.side-by-left-image .side-by-wrap .side-by-item-left {width: 40.5%;padding-right: 0;} .side-by-side-section .container {position: initial;} .side-by-side-section .side-by-wrap .side-by-item-left h3{margin-bottom: 10px;} /* Side-by-side CTA with Image Section End */ /* Team Section STart */ .teambio { padding: 175px 0 185px;width: 100%; position: relative; } .teambio .section-header h2 { margin-bottom: 18px; } .teambio .section-header { margin-bottom: 45px; } .our-tem-block { width: 100%; gap: 45px; row-gap: 40px; -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr); grid-template-columns: repeat(3, minmax(0, 1fr)); display: -ms-grid; display: grid; list-style: none; } .our-tem-block .popup-image-show figure {margin: 0 0 28px 0;overflow: hidden;position: relative;cursor: pointer;height: 480px;border-radius: 20px;} .our-tem-block .popup-image-show figure img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; transform: scale(1); transition: 2s all; background-size: cover; background-repeat: no-repeat; background-position: top center; border-radius: 20px; object-fit: cover; } .our-tem-block .leader-ship-image:hover img{ transform: scale(1.1); } .our-tem-heading h3 {font-size: 30px; color: #c52233; margin-bottom: 0; text-transform: capitalize; letter-spacing: 0; margin-bottom: 0; position: relative; cursor: pointer; transition: all 0.5s ease-in-out; } .leader-ship-image:hover .our-tem-heading h3 { color: #00447c; } .our-tem-heading p { font-family: "Roboto", sans-serif; font-weight: 300;color: #222222; text-transform: capitalize; letter-spacing: 0px; margin-bottom: 17px; } .team-popup-blocks .popup-left-block .popup-descri { display: block; width: 100%; } .team-popup-blocks .popup-left-block .popup-descri h3 { font-size: 24px; line-height: 1; } .team-popup-blocks .popup-right-block p {font-size: 18px;} .team-popup-blocks .popup-right-block ul li {font-size: 18px;line-height: 1.4;} .team-popup-blocks .popup-right-block ul li::before {top: 9px;display: inline-block;} .our-tem-block.two-team-block {grid-template-columns: repeat(2, minmax(0, 1fr));} .our-tem-block.four-team-block {grid-template-columns: repeat(4, minmax(0, 1fr));} /* Team Section End */ /* 2 blocks with image Section Start */ .post-clm-section { width: 100%; padding: 220px 0 140px; position: relative; overflow: hidden; } .post-clm-section .section-header{margin-bottom: 50px; max-width: 930px; } .post-clm-section .post-wrap .post-inner-wrap:hover figure img { transform: scale(1.1); } .post-clm-section .post-wrap .post-inner-wrap { float: left; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 95px; } .post-wrap .post-inner-wrap .post-left-img { width: 200px; border-radius: 10px; } .post-wrap .post-inner-wrap .post-left-img + .post-right-c { width: calc(100% - 200px); padding-left: 45px; padding-right: 75px;position: relative;} .post-wrap .post-inner-wrap .post-left-img figure { height: 200px; width: 200px; overflow: hidden; border-radius: 10px; } .post-wrap .post-inner-wrap .post-right-c .btn.white{font-size: 24px !important; color: #fff; font-family: "Roboto", sans-serif;font-weight: 500; text-transform: capitalize; padding: 0 !important;background: transparent !important;} .post-wrap .post-inner-wrap .post-right-c .btn.white i { position: relative; left: 8px; font-size: 24px; transition: all 0.5s ease-in-out; } .post-wrap .post-inner-wrap .post-right-c .btn.white:hover i { left: 12px; } .post-wrap .post-inner-wrap .post-right-c .cta-btn { margin-top: 0;position: relative;} .post-wrap .post-inner-wrap .post-right-c h2 { color: #fff; margin-bottom: 15px;font-size: 30px; line-height: 1.2;text-transform: inherit; letter-spacing:0;} .post-wrap .post-inner-wrap .post-right-c p {color: #fff;font-size: 20px;line-height: 36px;margin-bottom: 17px;} .post-wrap .post-inner-wrap .post-left-img {display: inline-block;overflow: hidden;height: 100%;} .post-wrap .post-inner-wrap .post-left-img img {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);height: 100%;width: 100%;object-fit: cover;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .post-wrap .post-inner-wrap.hovered .post-left-img img, .post-wrap .post-inner-wrap .post-left-img:hover img {-webkit-transform: scale(1.25);-ms-transform: scale(1.25);transform: scale(1.25);} section.three-clm-img-section {width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row;flex-direction: row;} .post-clm-section button.slick-arrow{border: 1px solid #fff;background: transparent;transition: 0.5s all ease-in-out;} .post-clm-section button.slick-arrow:hover{background: #fff;} /* 2 blocks with image Section End */ /* Image Break Section Start */ .image-video-section { background-size: cover; background-repeat: no-repeat; background-position: top center; width: 100%; height: 475px; overflow:hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items:center; -webkit-box-pack: center; -ms-flex-pack: center;justify-content: center; text-align: center; position:relative; background-attachment: fixed; border-bottom: 5px solid #00447c; } .image-video-section:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgb(0 34 84 / 60%); mix-blend-mode: soft-light; } .image-video-section:before { content: ""; background: -webkit-gradient(linear, left top, right top, from(rgba(56, 91, 132, 0.2)), color-stop(48.56%, rgba(68, 133, 198, 0.18)), to(rgba(46, 144, 170, 0.2))); background: -o-linear-gradient(left, rgba(56, 91, 132, 0.2) 0%, rgba(68, 133, 198, 0.18) 48.56%, rgba(46, 144, 170, 0.2) 100%); background: linear-gradient(90deg, rgba(56, 91, 132, 0.2) 0%, rgba(68, 133, 198, 0.18) 48.56%, rgba(46, 144, 170, 0.2) 100%); position: absolute; width: 100%; height: 100%; z-index: 1; } .image-video-section .middle-content-area { position: relative; z-index: 2; } .image-video-section video { position: absolute; width: 100%; height: 100%; z-index: 0; object-fit: cover; } /* Image Break Section End */ /* Tabbed Content Section Start */ .tabbed-content-slider { display: none; } .tabing-section .section-header h2 { margin-bottom: 25px; } .tabing-section a.btn.clr-btn i { font-size: 20px; position: relative; left: 0; transition: all 0.5s ease-in-out; } .tabing-section a.btn.clr-btn:hover i { left: 5px; } .tabing-section a.btn.clr-btn { font-size: 22px; font-family: "Roboto", sans-serif; font-weight: 700;letter-spacing: -0.5px; color: #c52233; margin-right: 15px; } .tab-inner-text .tab-right-text p { margin-bottom: 36px; } .tabing-section { padding-top: 165px; padding-bottom: 140px; position: relative; } .tabing-section .label-btn { margin-bottom: 23px; } .tabing-section .coman-block-sec { margin-bottom: 80px; } .tabing-section .coman-block-sec .section-header ul li a { position: relative; display: inline-block; text-decoration: none; } .tabing-section .coman-block-sec .section-header ul li a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #1bdee0; transform: scaleX(0); transform-origin: right; transition: transform 0.4s ease-in-out; } .tabing-section .coman-block-sec .section-header ul li a:hover::after { transform: scaleX(1); transform-origin: left; } .tab-inner-text.active { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .tab-panel-figma-vertical .tab-left-image { order: 2; } .tab-panel-figma-vertical .tab-right-text { order: 1; } .tab-inner-text .tab-left-image { float: left; width: 45%; margin-left: 30px; position: relative; height: 450px; } .tab-inner-text .tab-left-image:after { content: ""; position: absolute; width: 100%; height: 100%; background-color: rgb(71 83 220 / 19%); mix-blend-mode: soft-light; top: 0; border-radius: 25px; } .tab-panel-figma-vertical .tab-left-image + .tab-right-text { float: left; width: 55%; } .tab-panel-figma-vertical.no-content .tab-left-image { width: 50%; float: none; } .tab-inner-text .tab-left-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 25px; } .tab-inner-text .tab-right-text { width: 100%; } .tabbed-section-figma { width: 100%; background: #06132B; padding: 82px 0 108px; } .tabbed-card-figma { display: flex; width: 100%; } .vertical-slider {display: none;} .tabbed-tabs-figma-vertical { display: flex; flex-direction: column; margin-right: 30px; width: 23%; } .tab-btn-figma-vertical { font-size: 24px; font-weight: 700; border: none; padding: 27px 20px 39px 0px; cursor: pointer; outline: none; width: 100%; letter-spacing: 0.00em; background-color: transparent; border-bottom: 1px solid #d6d6d8; text-align: left; color: #c52233; font-family: "Roboto", sans-serif; letter-spacing: -0.8px; } .tab-btn-figma-vertical:first-child { padding-top: 0; } .tab-btn-figma-vertical:last-child { border-bottom: none; padding-bottom: 0; } .tab-btn-figma-vertical.active, .tab-btn-figma-vertical:hover { color: #00447c; } .tabbed-media-vertical { flex: 1; display: flex; position: relative; } .tab-panel-figma-vertical { display: none; width: 100%; animation: fadeInTab 1.5s; overflow: hidden; } .tab-panel-figma-vertical.active { display: flex; } .tab-inner-text .tab-left-image figure { height: 100%; } .tab-panel-figma-vertical.no-content .tab-left-image { height: 400px; position: relative; padding: 0; } .tab-panel-figma-vertical.no-content .tab-left-image:after { top: 0; border-radius: 25px; } .media-overlay {position: relative;width: 100%;height: 100%; display: flex;align-items: end;background-size: cover;background-repeat: no-repeat;background-position: top center;} .tabbed-image-vertical, .tabbed-video-vertical {width: 100%;height: 360px;object-fit: cover;border-radius: 0 20px 20px 0;display: block; } .overlay-content {padding: 32px 32px 43px 42px;z-index: 2; position: relative;width: 100%;max-width: 451px;} .tabbed-section-figma h3 {color: #fff;margin-bottom: 33px;} .media-overlay-g:before {position: absolute;width: 100%;height: 100%;content: "";left: 0;top: 0; background: -webkit-gradient(linear, left top, left bottom, from(#171D30), to(rgba(25, 70, 187, 0.00)));background: -o-linear-gradient(top, #171D30 0%, rgba(25, 70, 187, 0.00) 100%);background: linear-gradient(0deg, #171D30 0%, rgba(25, 70, 187, 0.00) 100%);} .overlay-content h4 {color: #fff;font-size: 25.263px;letter-spacing: 0.0em;font-weight: 700;margin-bottom: 12px;} .overlay-content p {color: #fff;margin-bottom: 26px;} @keyframes fadeInTab { from { opacity: 0; } to { opacity: 1; } } .tab-panel-figma-vertical, .media-overlay {animation: fadeInTab 1.5s;} @keyframes fadeInTab { from { opacity: 0; } to { opacity: 1; } } .vertical-top .slick-slide h4 {width: 100%;font-size: 24px;font-weight: 400; border: none;padding: 16px 10px 11px 10px; cursor: pointer;text-transform: uppercase;outline: none; width: 100%;border-radius: 8px;background: rgba(250, 250, 250, 0.14); color: #fff;letter-spacing: -0.01em;text-align: center;line-height: 1;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center;-ms-flex-align: center; align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .vertical-top .slick-slide {margin-right: 10px;} .vertical-top .slick-slide.slick-current h4, .vertical-top .slick-slide h4:hover {background: #0047C2;color: #fff;} .vertical-bottom .slick-slide .vertical-slider-wrap {width: 100%; border-radius: 20px;overflow: hidden;margin-bottom: 30px;} .vertical-bottom .slick-slide .vertical-slider-wrap img {width: 100%;} .vertical-bottom .slick-slide p {color: #fff;} .vertical-bottom .slick-slide h3 {font-size: 29px;text-transform: inherit;margin-bottom: 20px;} .faq-accordion-columns {display: flex;gap: 23px;} .faq-accordion {flex: 1;display: flex;flex-direction: column;gap: 16px;} .faq-item {overflow: hidden;transition: box-shadow 0.2s; } .faq-question { color: #fff; text-align: left; justify-content: space-between; position: relative; transition: background 0.2s; line-height: 1.1; background-color: rgba(56, 91, 132, 1); border-radius: 5px; font-size: 24px; font-weight: 500; border: none; padding: 20px 20px 20px 20px; cursor: pointer; outline: none; width: 100%; letter-spacing: 0.00em; } .faq-icon { display: inline-block; width: 42px; height: 30px; position: absolute; right: 3px; top: 50%; transform: translateY(-50%); } .faq-icon::before, .faq-icon::after { content: ''; position: absolute; left: 50%; top: 50%; width: 23px; height: 2px; background: #fff; border-radius: 1px; transition: transform 0.3s cubic-bezier(.4,1.4,.6,1); } .faq-icon::before { transform: translate(-50%, -50%) rotate(0deg); } .faq-icon::after { transform: translate(-50%, -50%) rotate(90deg); } .faq-question[aria-expanded="true"] .faq-icon::after { transform: translate(-50%, -50%) rotate(0deg); } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.5s cubic-bezier(.4,1.4,.6,1), opacity 0.4s cubic-bezier(.4,1.4,.6,1), padding 0.3s; padding: 0 32px; } .faq-answer.open { padding: 0 0px 0 0px; max-height: 400px; transition: max-height 0.5s cubic-bezier(.4,1.4,.6,1), padding 0.3s; } .accordion-section .faq-answer.open { padding-top: 0; } .tab-right-text .cta-btn { margin-top: 12px; display: inline-block; } .fade { @include transition($transition-fade); &:not(.show) { opacity: 0; } } .collapse { &:not(.show) { display: none; } } .collapsing { position: relative; height: 0; overflow: hidden; @include transition($transition-collapse); &.width { width: 0; height: auto; @include transition($transition-collapse-width); } } /* Tabbed Content Section End */ /* Logo-carousel-cover */ .logo-carousel { padding: 85px 0 60px 0; } .logo-carousel-cover figure a { display: inline-block;} .logo-carousel-cover figure img { display: inline-block !important;width: 100%;height: 100%;} .logo-carousel-cover figure { text-align: center;margin: 0;padding: 0 20px;} .logo-carousel .d-flex { display: flex; margin-bottom: 25px;align-items: center;} .teamcard .collapse { position: relative; z-index: 1; } .logo-carousel .d-flex .left-part { width: 50%; padding-right: 15px; } .logo-carousel .d-flex .right-part { width: 50%; padding-left: 0px; padding: 30px 0 0 0; } .logo-carousel-cover .owl-item { display: flex; align-items: center; justify-content: center; } .logo-carousel-cover.owl-carousel .owl-stage { display: flex; } .logo-carousel-cover .slick-track { display: flex; align-items: center; } /* Logo-carousel-cover Section End */ /* Table Style Section Start */ .table-section { padding-top: 150px; padding-bottom: 150px; } .table-section .coman-block-sec .coman-block { width: 50%; } .table-section .coman-block-sec .coman-block h2 { line-height: 1.3; margin-bottom: 35px; } .table-section .coman-block-sec { margin-bottom: 20px; } .tablepress { --text-color: #111; --head-text-color: var(--text-color); --head-bg-color: #d9edf7; --odd-text-color: var(--text-color); --odd-bg-color: #fff; --even-text-color: var(--text-color); --even-bg-color: #f9f9f9; --hover-text-color: var(--text-color); --hover-bg-color: #f3f3f3; --border-color: #ddd; --padding: 0.5rem; border: none; border-collapse: collapse; border-spacing: 0; clear: both; margin: 0 auto 1rem; table-layout: auto; width: 100% } .tablepress>:not(caption)>*>* { background: none; border: none; box-sizing: border-box; float: none!important; padding: var(--padding); text-align: left; vertical-align: top } .tablepress>:where(thead)+tbody>*>*,.tablepress>tbody>*~*>*,.tablepress>tfoot>:where(:first-child)>* { border-top: 1px solid #dadbf9; } .tablepress>:where(thead,tfoot)>*>th { background-color: var(--head-bg-color); color: var(--head-text-color); font-weight: 700; vertical-align: middle; word-break: normal } .tablepress>:where(tbody)>tr>* { color: var(--text-color) } .tablepress>:where(tbody.row-striping)>:nth-child(odd)>* { background-color: var(--odd-bg-color); color: var(--odd-text-color) } .tablepress>:where(tbody.row-striping)>:nth-child(2n)>* { background-color: var(--even-bg-color); color: var(--even-text-color) } .tablepress>.row-hover>tr:hover>* { background-color: var(--hover-bg-color); color: var(--hover-text-color) } .tablepress img { border: none; margin: 0; max-width: none; padding: 0 } .tablepress-table-description { clear: both; display: block } .dt-scroll { width: 100% } .dt-scroll .tablepress { width: 100%!important } div.dt-scroll-body tfoot tr,div.dt-scroll-body thead tr { height: 0 } div.dt-scroll-body tfoot tr th,div.dt-scroll-body thead tr th { border-bottom-width: 0!important; border-top-width: 0!important; height: 0!important; padding-bottom: 0!important; padding-top: 0!important } div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr th div.dt-scroll-sizing { height: 0!important; overflow: hidden!important } div.dt-scroll-body>table.dataTable>thead>tr>th { overflow: hidden } .tablepress { --head-active-bg-color: #049cdb; --head-active-text-color: var(--head-text-color); --head-sort-arrow-color: var(--head-active-text-color) } .is-table table th, .is-table table td { background: none !important; padding-left: 0; color: #222222; padding-right: 15px; font-size: 24px; font-family: "Roboto", sans-serif;font-weight: 500; padding: 16px 10px 16px 0; } .table-style table.table.tablepress { margin-bottom: 35px;width: 100% !important;} .is-table table td { color: #222222; padding-right: 15px; font-size: 24px; font-weight: 300; text-align: right; } .is-table table th { border-top: 2px solid #00447c; text-align: right;color: #00447c;} .is-table table th:first-child , .is-table table td:first-child { text-align:left; } .is-table table tr:last-child td{ border-bottom: 2px solid #c52233; } .table-style { padding: 100px 0 120px; position: relative; } .table-style .heading-coman-top { margin-bottom: 46px; } .table-style .heading-coman-top .table-heading-left { max-width: 800px; } .table-style .heading-coman-top .table-heading-left h2 { margin-bottom: 20px; } .table-style .heading-coman-top .table-heading-right p:last-child { margin-bottom:0; letter-spacing: -0.036em; } .table-style .heading-coman-top .table-heading-right p:first-child { margin-bottom: 29px; } /* Table Style Section End */ /* video start css */ .wide-videoimage { padding:100px 0 125px; position: relative; } .wide-videoimage .section-header { display: flex; flex-wrap: wrap; align-items: flex-end; margin-bottom: 44px; } .wide-videoimage .section-header .section-header-title { width: 50%; padding-right: 20px; } .wide-videoimage .section-header .section-header-desc { width: 50%; } .wide-videoimage .section-header .section-header-desc p {margin-bottom: 30px; } .video-container .play-button-wrapper { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .wide-videoimage video { width: 100%; border-radius: 10px; } .video-container .play-button-wrapper div { width: 115px; height: 115px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 50px; color: #fff; background-color: #c52233; border-radius: 50%; position: relative; z-index: 2; cursor: pointer; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .video-container .play-button-wrapper div:before { content: ""; border: 10px solid rgba(255, 255, 255, 0.5); position: absolute; width: 100%; height: 100%; border-radius: 50%; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; opacity: 0; } .video-container .play-button-wrapper div.hidden { opacity: 0; } .video-container .play-button-wrapper div:hover:before { opacity: 1; } .video-container .play-button-wrapper div i { margin-left: 7px; font-weight: 100; } .video-popup span i{ font-weight: 100; } .video-wrapper .video-container { position: relative; } .video-popup { width: 100%; padding-bottom: 53.99%; background-size: cover; background-repeat: no-repeat; background-position: top center; position: relative; border-radius: 25px; overflow: hidden; } .video-popup a { content: ""; position: absolute; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; opacity: 1; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; width: 115px; height: 115px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 50px; color: #fff; background-color: #1482fb; border-radius: 50%; } .video-popup a span { margin-left: 7px; } .video-popup a:before { content: ""; border: 10px solid rgba(255, 255, 255, 0.5); position: absolute; width: 100%; height: 100%; border-radius: 50%; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; opacity: 0; } .video-popup a:hover:before { opacity: 1; } .wide-image-text .wide-videoimage { margin-bottom: 45px; display: block; width: 100%; } .wide-image-text .wide-videoimage img { width: 100%; border-radius: 10px; } .wide-image-text .wide-videoimage video { width: 100%; border-radius: 10px; display: block; } .wide-image-text .wide-text-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wide-image-text .wide-text-wrap .wide-text-right { width: 40%; padding-top: 50px; } .wide-image-text .wide-text-wrap .wide-text-left { width: 41%; } .wide-image-text .wide-text-wrap .wide-text-left span.sub-title { margin-bottom: 16px; display: block; } .wide-text-left h2 { margin-bottom: 60px; } .wide-text-left a.btn-wrap.btn-wrap { display: inline-block; margin-right: 5px; } .wide-text-left a.btn-wrap.btn-wrap:first-child { margin-left: 0; } .wide-text-wrap span.sub-title { width: 100%; margin-bottom: 13px; padding-left: 4px; } .wide-image-text .wide-text-wrap.right-block { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .wide-image-text .video-popup { padding-bottom: 33%; } .wide-text-wrap ul li a { position: relative; display: inline-block; text-decoration: none;font-weight: 500;} .wide-text-wrap ul li a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #00447c; transform: scaleX(0); transform-origin: right; transition: transform 0.4s ease-in-out; } .wide-text-wrap ul li a:hover::after { transform: scaleX(1); transform-origin: left; } /* video start css */ /*Round Image and Text css start here*/ .round-image-and-text { padding:100px 0 220px; position: relative; } .round-image-and-text .background-watermark{background-position: right center;top:-35px;} .round-image-and-text .section-header { margin-bottom: 80px; max-width: 850px; } .round-image-and-text-inner { display: flex; align-items: center; } .round-image-and-text-inner .round-circle-image-and-text { width: 330px; height: 330px; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 50%; border: 15px solid #fff; position: relative; transition: all 0.5s ease-in-out; } .round-image-and-text-inner .round-circle-image-and-text:after { content: ""; position: absolute; left: -20px; top: -20px; border-radius: 50%; width: 340px; height: 340px; background-color: #00447c; z-index: -1; transition: all 0.5s ease-in-out; } .round-image-and-text-inner .round-circle-image-and-text + .round-image-and-text-row { width: calc(100% - 315px); padding-left: 80px; } .round-image-and-text-inner .round-image-and-text-row { max-width: 855px; } .round-image-and-text-inner .round-image-and-text-row ul li a { position: relative; display: inline-block; text-decoration: none; } .round-image-and-text-inner .round-image-and-text-row ul li a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #1bdee0; transform: scaleX(0); transform-origin: right; transition: transform 0.4s ease-in-out; } .round-image-and-text-inner .round-image-and-text-row ul li a:hover::after { transform: scaleX(1); transform-origin: left; } .item.align-right .round-image-and-text-inner .round-image-and-text-row { text-align: right; padding: 0 90px 0 0; } .round-image-and-text .round-image-and-text-row h3 { font-size: 45px; line-height: 50px;letter-spacing: -0.5px; margin-bottom: 12px;color:#00447c} .round-image-and-text .round-image-and-text-row p { font-size: 20px; line-height: 36px; color: #222; } .round-image-and-text .align-right .round-circle-image-and-text { order: 2; } .round-image-and-text .align-right .round-image-and-text-inner { justify-content: flex-end; } .round-image-and-text-inner .round-circle-image-and-text:before { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50%; background-color: rgb(71 83 220 / 20%); mix-blend-mode: soft-light; z-index: 1; } .round-image-and-text-wrap .item a:hover span { background: none !important; } .round-image-and-text-wrap #dynamic-video-container { position: absolute; left: 0; top: 0; } .round-image-and-text-wrap #dynamic-video-container video { border-radius: 50%; width: 300px; height: 300px; object-fit: cover; } .round-image-and-text-wrap .item { margin-bottom: 70px; } .round-image-and-text-wrap .item:last-child { margin-bottom: 0; } /*.round-image-and-text-wrap .item:nth-child(1) .round-image-and-text-row { padding-right: 0px; }*/ .round-image-and-text-inner .round-circle-image-and-text figure img { border-radius: 50%; width: 300px; transition: all 0.5s ease-in-out; height: 300px; object-fit: cover; } .round-image-and-text-inner .round-circle-image-and-text figure { margin: 0; position: absolute; width: 300px; height: 300px; top: 0; left: 0; overflow: hidden; border-radius: 50%;} .round-image-and-text-inner:hover .round-circle-image-and-text img { transform: scale(1.1); } .round-image-and-text-inner:hover .round-circle-image-and-text:after { background-color: #c52233; } .round-image-and-text-inner:hover .border-transparent, .round-image-and-text-inner:hover .border-transparent-hover { border-color: transparent; border-width:1px; } .round-image-and-text-inner:hover .white-tx, .round-image-and-text-inner:hover .hover-white-tx {color:#ffffff;} .round-image-and-text-inner:hover .btn-stcolor.bright-cyan, .round-image-and-text-inner:hover .btn-wrap .btn-hovercolor.bright-cyan { background-color: #1BDEE0; } /*.round-image-and-text-inner:hover .btn-wrap:before { opacity: 1; }*/ /*Round Image and Text css end here*/ /* Resource filter Section Start */ .filter-wrap .sbToggle { background: url(./assets/images/filter-down-arrow.png) -1px -116px no-repeat; display: block; height: 9px; width: 15px; outline: none; position: absolute; right: 4px; top: 40%; background-size: contain; background-repeat: no-repeat; background-position: top center; transform: translateY(-50%); } .post-filter-wrap .filter-wrap .sbOptions li:first-child a:hover { background: transparent; } .filter-wrap .sbSelector { height: 55px;} .filter-wrap .sbHolder { border-bottom: 1px solid #fff; } .filter-wrap .topic-dropdown a { color: #fff; font-size: 24px;font-family: "Roboto", sans-serif;font-weight: 300;} .filter-wrap .type-dropdown .sbSelector a { position: relative; left: 3px;} .filter-wrap .type-dropdown a { color: #fff; font-size: 24px;font-family: "Roboto", sans-serif;font-weight: 300;} .post-filter-wrap { padding-top: 70px; padding-bottom: 65px; background: linear-gradient(45deg, #00447c, #629ac7); } .post-filter-wrap .filter-wrap { gap: 20px; row-gap: 40px; -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr); grid-template-columns: repeat(3, minmax(0, 1fr)); display: -ms-grid; display: grid; list-style: none; } .post-filter-wrap .filter-wrap .search-field input { width: 100%; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 24px; border-bottom: 1px solid #fff; color: #fff; outline: none !important; box-shadow: none; padding: 0px 35px 8px 0px; background: url(./assets/images/search-icon.png) no-repeat; background-position: 97% 1px; background-size: 20px; border-radius: 0; height: 39px; } .post-filter-wrap .filter-wrap .search-field input::placeholder { color:#ffffff; opacity: 1; } .post-filter-wrap .filter-wrap .search-field input::-ms-input-placeholder { color: #ffffff; } .pagination.resource-pagination, .pagination.vision-pagination { text-align: center; padding-top: 40px; width: 100%; } .pagination.resource-pagination span, .pagination.resource-pagination a, .pagination.vision-pagination span, .pagination.vision-pagination a { margin: 0 10px; } .pagination.resource-pagination span, .pagination.resource-pagination a, .pagination.vision-pagination span, .pagination.vision-pagination a { width: 46px; height: 46px; display: inline-block; background-color: transparent; border-radius: 50%; font-size: 24px; color: #fff; line-height: 45px; font-weight: 700; font-family: "Roboto", sans-serif; } .pagination.resource-pagination a.current, .pagination.resource-pagination a:hover, .pagination.vision-pagination a.current, .pagination.vision-pagination a:hover { background-color: #c52233; color: #fff; } .pagination.resource-pagination span.page-link-blank, .pagination.vision-pagination span.page-link-blank { cursor: no-drop; } .pagination.news-pagination { text-align: center; padding-top: 40px; } .pagination.news-pagination span, .pagination.news-pagination a { margin: 0 10px; } .pagination.news-pagination span, .pagination.news-pagination a { width: 46px; height: 46px; display: inline-block; background-color: transparent; border-radius: 50%; font-size: 24px; color: #c52233; line-height: 45px; font-weight: 700; font-family: "Roboto", sans-serif; } .pagination.news-pagination a.current, .pagination.news-pagination a:hover { background-color: #00447c; color: #fff; } .pagination.news-pagination span.page-link-blank { cursor: no-drop; } .post-filter-wrap .filter-wrap .sbOptions {background:#00447c; top:-3px !important; left: 0px; padding:10px 0 20px 0px;} .post-filter-wrap .filter-wrap .sbOptions li { background: transparent; padding: 0; margin: 0; } .post-filter-wrap .filter-wrap .sbOptions li a { background: transparent; border: none; padding: 8px 25px 8px 25px; transition: all 0.5s ease-in-out; } .post-filter-wrap .filter-wrap .sbOptions li a:hover { background: #c52233;} .post-filter-wrap .filter-wrap .sbOptions li:before { display: none; } .filter-wrap .sbToggle.sbToggleOpen { background: url(./assets/images/up-arrow.png); top: 30px; right: 30px; z-index: 11; cursor: pointer; } .sort-wrap { max-width: 200px; margin-left: auto; margin-bottom: 25px; } .sort-wrap .sbSelector { justify-content: flex-end; left: 0px; padding-right: 35px;} .sort-wrap .sbHolder { border: none;} .sort-wrap .sbHolder .sbSelector a { color:#c52233; font-size: 24px;font-weight: 300; font-family: "Roboto", sans-serif;} .sort-wrap .sbOptions { background:#00447c; top:0 !important;padding:10px 0 20px 0px; max-width: 200px; } .sort-wrap .sbOptions li { background: transparent; padding: 0; margin: 0; } .sort-wrap .sbOptions li a { background: transparent; border: none; padding: 8px 25px 8px 25px; transition: all 0.5s ease-in-out; color: #fff; font-size: 24px; font-weight: 300; font-family: "Roboto", sans-serif; } .sort-wrap .sbOptions li a:hover { background: #c52233;} .sort-wrap .sbOptions li:before { display: none; } .sort-wrap .sbToggle.sbToggleOpen { background: url(./assets/images/icon-white-up-arrow.png); top: 25px; right: 30px; z-index: 11; cursor: pointer; background-repeat: no-repeat;} .sort-wrap .sbToggle { background: url(./assets/images/short-down-arrow.png); background-repeat: no-repeat; top: 10px; transform: translateY(0); cursor: pointer;width: 14px;} .sort-wrap .sbOptions li:first-child a:hover { background: transparent; } /* Resource filter Section End */ /*value-your-industry css start here*/ .value-your-industry { padding:105px 0 150px; position: relative; overflow: hidden; } .value-your-industry .section-header { max-width: 850px; margin-bottom: 50px; } .value-your-industry .section-header h2 { margin-bottom: 30px; } .value-your-industry .slick-list.draggable { padding: 0 350px 0 0px !important; } .value-your-industry .value-your-industry-slider { margin-right: -400px; } .value-your-industry .section-header .label-text{color:#629ac7} .value-your-industry .section-header p{font-weight: 300;} .value-your-industry .item-inner { margin-right:0px; height: 540px; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; border-radius: 25px;display: flex; align-items: flex-end; padding: 30px 45px 20px 45px; } .value-your-industry .item-inner:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(to top, rgba(0,34,84,0.9) 0%,rgba(4,20,53,0.1) 59%,rgba(6,11,32,0.1) 100%); border-radius: 20px; opacity: 100%; transition: all 0.5s ease-in-out; } .value-your-industry-slider .item a:hover .item-inner:after {background: linear-gradient(to top, rgba(0, 34, 84, 0.9) 0%, rgba(4, 20, 53, 0.4) 80%, rgba(6, 11, 32, 0.2) 100%); } .value-your-industry .item-inner .heading { position: relative; z-index: 11; } .value-your-industry .item-inner .heading h3 { font-size: 40px; line-height: 44px; font-family: "Roboto", sans-serif;; font-weight: 500; } .value-your-industry .item-inner .heading p { transition: all 0.5s ease-in-out; font-size: 20px; line-height: 26px; } .value-your-industry-slider .item { margin-bottom: 70px; margin-right: 30px; } .value-your-industry-slider ul.slick-dots { margin-left: 17px; } .value-your-industry-slider .item a { display: inline-block; width: 100%; } .value-your-industry-slider .item a:hover .arrow { opacity: 1; } .value-your-industry-slider .item a:hover .inner-desc { margin-bottom: 75px; } .value-your-industry-slider .item .inner-desc { transition: all 0.5s ease-in-out; } .value-your-industry .item-inner .arrow i { color: #fff; font-weight: 100; font-size: 20px; transition: all 0.5s ease-in-out; } .value-your-industry .item-inner .arrow { width: 51px; height: 51px; border: 1px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease-in-out; position: absolute; bottom: 0; opacity: 0;} .value-your-industry-slider .slick-arrow { bottom: auto; top: -110px; } .value-your-industry-slider .slick-prev.slick-arrow { top: -110px; right: 485px; left: auto;border:1px solid #fff;background: transparent;} .value-your-industry-slider .slick-next.slick-arrow { top: -110px; right: 405px; left: auto;border:1px solid #fff;background: transparent;} .value-your-industry-slider .slick-prev.slick-arrow:hover, .value-your-industry-slider .slick-next.slick-arrow:hover{background: #c52233;border: 1px solid #c52233;} .value-your-industry-slider .slick-next.slick-arrow:hover:before, .value-your-industry-slider .slick-prev.slick-arrow:hover:before{color: #fff !important;} .removedots ul.slick-dots { opacity: 0;display: none;} /*value-your-industry css end here*/ /*search-filter-and-product-list-section*/ .search-filter-and-product-list-section {padding-bottom: 121px; padding-top: 100px;} .search-filter-and-product-list-section .d-flex {flex-wrap: wrap;margin-bottom: 40px; position: relative;z-index: 1;} .search-filter-and-product-list-section .section-header {margin-bottom: 70px;max-width: 853px; width: 100%;} div#filtered-results {position: relative;z-index: 0;} .search-filter-and-product-list-section .d-flex .filter-cover {width: 100%;} .search-filter-and-product-list-section .d-flex .filter-cover form {display: grid;grid-template-columns: repeat(auto-fit, minmax(181px, 1fr));margin: 0 0px;gap: 43px 25px;align-items: end;position: relative;} .search-filter-and-product-list-section .d-flex .filter-cover form .select-list select { display: none;} ul.sbOptions li:before {display: none;} .filter-topic-select ul.sbOptions li {margin-bottom: 0;} .search-filter-and-product-list-section .d-flex .filter-cover form .select-list .custom-select .select-items { position: absolute; left: -35px; top: -10px; background: #e2231a; width: calc(100% + 70px); padding: 60px 0px 30px 0px; z-index: 0; border-radius: 10px; z-index: 1; box-shadow: 2px 0px 21px rgb(0 0 0 / 40%); } .search-filter-and-product-list-section .d-flex .filter-cover form .select-list .custom-select .select-selected { /* z-index: -1; */ position: relative; background-image: url(../images/select-down.png); background-repeat: no-repeat; background-position: center right; } .search-filter-and-product-list-section .d-flex .filter-cover form .select-list .custom-select .select-selected.select-arrow-active { color: #FFF; position: relative; z-index: 3; background-image: url(../images/select-down-white.png); background-repeat: no-repeat; background-position: center right; } .search-filter-and-product-list-section .d-flex .filter-cover form .select-list .custom-select .select-items>div {padding: 7px 35px; color: #FFF;font-size: 24px;cursor: pointer;} .search-filter-and-product-list-section .d-flex .filter-cover form .select-list .custom-select .select-items>div:hover {background: hsl(0deg 0% 0% / 11%);} .search-filter-and-product-list-section .d-flex .filter-cover form .select-list.input-btn { position: relative;} .search-filter-and-product-list-section .d-flex .filter-cover form .select-list.input-btn input {background: none;border: 0;border-bottom: 1px solid #e4e4e4;border-radius: 0;padding: 8px 0;height: 54px;color: #222;font-size: 24px;font-weight: 300;position: relative;cursor: pointer;width: 100%;} .search-filter-and-product-list-section .d-flex .filter-cover form .select-list.input-btn input::-webkit-input-placeholder {color: #000;} .search-filter-and-product-list-section .d-flex .filter-cover form .select-list.input-btn input:-moz-placeholder{color: #000;} .search-filter-and-product-list-section .d-flex .filter-cover form .select-list.input-btn input::-moz-placeholder{color: #000;} .search-filter-and-product-list-section .d-flex .filter-cover form .select-list.input-btn input:-ms-input-placeholder{color: #000;} .search-filter-and-product-list-section .d-flex .filter-cover form .select-list.input-btn i { position: absolute; right: 3px; top: 14px; color: #4753dc; font-size: 20px; font-weight: 400; } .search-filter-and-product-list-section .d-flex .filter-cover form .select-list.search-btn button { display: inline-block; padding: 18px 35px 18px 35px; border-radius: 10px; position: relative; transition: all 0.5s ease-in-out; font-size: 20px; margin-right: 10px; font-family: "Roboto", sans-serif;;font-weight: 500; line-height: 1; vertical-align: middle; text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-color: #00447c; color: #fff; border: none; box-shadow: none; width: 100%; } .search-filter-and-product-list-section .d-flex .filter-cover form .select-list.search-btn button:hover { background: #de1674; } .search-filter-and-product-list-section .result-list { display: flex; margin: 0 0px; gap: 30px 25px; width: 100%; flex-wrap: wrap; text-align: left; } .search-filter-and-product-list-section .result-list .result-block { padding: 30px 34px 40px 34px; position: relative; background: #FFF; border-radius: 10px; transition: all 0.6s ease 0s; width: calc(25% - 20px); } .search-filter-and-product-list-section .result-list .result-block .result-block-inn figure { min-height: 190px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .search-filter-and-product-list-section .result-list .result-block .result-block-inn figure img { max-height: 180px; max-width: 100%; width: auto; } .search-filter-and-product-list-section .result-list .result-block .result-block-inn h4 { font-size: 24px; color: #00447c; margin-bottom: 1px; } .search-filter-and-product-list-section .result-list .result-block .result-block-inn h4 svg { font-size: 20px; } .search-filter-and-product-list-section .result-list .result-block .result-block-inn p { color: #5e5751; margin: 0; line-height: 1.25; } .search-filter-and-product-list-section .result-list .result-block a.link {position: absolute;width: 100%;height: 100%;left: 0;top: 0;} .search-filter-and-product-list-section .result-list .result-block:hover {box-shadow: 2px 0px 21px rgb(0 0 0 / 30%);} /*search-filter-and-product-list-section end*/ /* Search Filter and Product Single Page Start */ section.product-top-section { padding: 248px 0 0 0; } section.product-top-section .top-text { width: 100%; padding-bottom: 31px; /*border-bottom: 1px solid #e9e5e3;*/ } section.product-top-section .top-text h1 { color: #000; margin-bottom: 17px; } section.product-top-section .top-text p { color: #5e5751; } section.product-top-section { padding: 248px 0 0 0; } /* Search Filter and Product Single Page End */ /* Tab content */ .product-top-section {padding-top: 100px;} .product-tab {overflow: hidden; display: flex;} .product-tab button {background-color: inherit;float: left;border: none;outline: none;cursor: pointer;padding: 15px 0px 20px 0px;transition: 0.3s;font-size: 17px;width: 33.3%;text-align: left;font-size: 36px;color: #de1674; border-bottom: 5px solid #bebdbc;} .product-tab button:hover { color: #00447c;} .top-text h5 { font-weight: 700;} .product-tab button.active {color: #00447c;border-color: #00447c;} .tabcontent { visibility: hidden; border-top: none; opacity: 0; transition: opacity 1s; height: 0; width: 100%; /* padding: 40px 0; */ overflow: hidden; } .tabcontent.activetab {visibility: visible; opacity: 1;transition: 1s;height: auto;} .tabcontent .tabcontent-inner {padding: 50px 0;} .tabcontent .tabcontent-inner .content-list-block { margin: 0 -20px; column-count: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tabcontent .tabcontent-inner .content-list-block .list-block.g-text {padding: 0 20px;margin-bottom: 0;break-inside: avoid;} .tabcontent .tabcontent-inner .content-list-block span.title { color: #00447c; font-size: 26px; font-weight: 700; display: block; margin-bottom: 15px; } .tabcontent .tabcontent-inner p, li { color: #222; font-weight: 300; } .tabcontent .tabcontent-inner .downloadable-links { border-bottom: 1px solid #e9e5e3; padding: 19px 0 21px 0; } .tabcontent .tabcontent-inner .downloadable-links a { font-size: 24px; position: relative; display: block; } .tabcontent .tabcontent-inner .downloadable-links a svg { position: absolute; left: 0; top: 7px; } .tabcontent .tabcontent-inner .downloadable-links a span { display: inline-block; font-size: 24px; color: #000000; font-weight: 600; margin-left: 40px; } .tabcontent .tabcontent-inner .downloadable-links a:hover span { color: #bab4af; background: initial !important; } .tabcontent-inner .features_benefits_blocks { gap: 30px; row-gap: 20px; -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr); grid-template-columns: repeat(2, minmax(0, 1fr)); display: -ms-grid; display: grid; } /* image with text module */ .wrap_svl {counter-reset: drag-counter;/* Initialize counter */} .wrap_svl .drag_element .ihotspot_tooltop_html:after { counter-increment: drag-counter; content: " " counter(drag-counter); font-weight: bold; margin-left: 5px; border: #fff 2px solid; position: absolute; color: #FFF; z-index: -1; top: -18px; font-size: 16px; font-weight: 700; width: 36px; height: 36px; text-align: center; line-height: 34px; left: -1px; border-radius: 50%; background: #00447c; cursor: pointer; box-shadow: 2px 0px 6px rgb(0 0 0 / 53%); font-family: "Roboto", sans-serif; } .wrap_svl .drag_element .ihotspot_tooltop_html:hover:after { background: #de1674; } .wrap_svl .drag_element .ihotspot_tooltop_html img { opacity: 0; cursor: pointer; } #powerTip {padding: 23px 35px 15px 35px;background: #00447c;color: #FFF;} #powerTip.n:before {border-top: 10px solid #222;border-top: 10px solid rgba(0, 0, 0, .8);} .box_view_html p, .box_view_html ul, .box_view_html ul li {color: #FFF;font-size: 16px;} .box_view_html ul li {line-height: 1.4;margin-bottom: 10px;} .box_view_html ul {padding: 10px 0 0 20px;} .box_view_html h4 {margin-bottom: 0;font-size: 24px;} /* Tab content End */ /* Search Section Start */ .search-results-main { padding: 250px 0 50px} .search-results-main .search-result-items a.searched-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; } .search-results-main .search-result-items a.searched-item .search-heading { width: 70%; padding-right: 5%; } .search-results-main .search-result-items a.searched-item .search-heading .line-link { display: inline-block; font-weight: 700; } .search-results-main .search-result-items a.searched-item .collection-img { width: 30%; } .search-results-main .search-result-items a.searched-item .collection-img img { width: 100%;border-radius: 20px;height: 100%;} .search-results-main .page-header { margin-bottom: 30px !important; display: inline-block; width: 100%; } .search-results-main nav#nav-below { text-align: center; } .search-results-main .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .search-results-main .nav-links .page-numbers { width: 35px; height: 35px; background-color: #00447c; margin: 0 5px; color: #fff; font-size: 18px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; font-family: "Roboto", sans-serif;; cursor: pointer; } .search-results-main .nav-links .page-numbers:hover, .search-results-main .nav-links .page-numbers.current { background-color: #de1674; } .search-results-main form.search-form {display: flex;max-width: 400px;font-size: 0;border-bottom: none;width: 100%;} .search-results-main form.search-form label input { width: 100%; font-size: 24px; font-family: "Roboto", sans-serif; font-style: normal; font-weight: 300; margin-bottom: 0px; color: #1f1f26; background: transparent; padding: 0px 20px 0px 0px; height: 100%;} .search-results-main form.search-form input.search-submit { background-color: #00447c; padding: 16px 30px 18px 30px; position: relative; border-style: solid; border-width: 1px; font-size: 20px; color: #fff; transition: all 0.5s ease-in-out; font-family: "Roboto", sans-serif; font-weight: 500; line-height: 1; vertical-align: middle; text-align: center; cursor: pointer;border-radius: 50px;} .search-results-main form.search-form input.search-submit:hover {background-color: #c52233;} .single-detail-page header.site-header, .search-page header.site-header{background: #00203a} /* Search Section End */ footer { padding:20px 0;border-top:none;background: #00203a;} footer .bottom-footer-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } footer .bottom-footer-wrap .copy-rt { width: 50%; max-width: 400px; } footer .bottom-footer-wrap .menu-footer-menu-container { width: 50%; display:flex; margin: 0; padding: 0; justify-content: flex-end; } footer .bottom-footer-wrap ul { display:flex; margin: 0; padding: 0; justify-content: flex-end; } footer .bottom-footer-wrap ul li { margin:0 20px 0 0; padding: 0; font-family: "Roboto", sans-serif; font-weight: 500;font-size: 14px; line-height: 24px; } footer .bottom-footer-wrap ul li:last-child { margin-right: 0; } footer .bottom-footer-wrap ul li:last-child:after { display: none; } footer .bottom-footer-wrap ul li:after { content: ""; position: absolute; right: -10px; width: 1px; height: 14px; background-color: #fff; top: 5px; } footer .bottom-footer-wrap ul li:before { display: none; } footer .bottom-footer-wrap ul li a { font-size: 14px; line-height: 24px; transition: all 0.5s ease-in-out; color: #fff; font-family: "Roboto", sans-serif; font-weight: 500; } footer .bottom-footer-wrap ul li a:hover { color: #c52233; } footer .bottom-footer-wrap .copy-rt p { margin: 0; color: #fff; font-family: "Roboto", sans-serif;font-weight: 500; font-size: 14px;line-height: 24px; } /*back to top css start here*/ button.back-to-top{ margin: 0 !important; padding: 0 !important; background: #fff; height: 60px; width: 60px; overflow: hidden; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; color: transparent; clear: both; visibility: hidden; position: fixed; cursor: pointer; display: block; border: none;right: 150px; bottom: 75px; font-size: 0px; outline: 0 !important; z-index: 9999; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } button.back-to-top:hover, button.back-to-top:active, button.back-to-top:focus{ outline: 0 !important; } button.back-to-top::before { content: "\f062"; font-family: "Font Awesome 6 Pro"; color: #fff; font-weight: 300; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } button.back-to-top.show::before{ visibility: visible; } button.back-to-top.show { display: block; background: #c52233; color: #00ab6c; font-size: 25px; right: 150px; bottom: 70px; height: 60px; width: 60px; visibility: visible; } .resource-section-block { position: relative; z-index: 11; } .resources-listing { padding: 55px 0 80px;position: relative;overflow: hidden;} .resources-listing:before { position: absolute; content: ""; background: linear-gradient(0deg, #629ac7, rgba(50, 43, 102, 0) 50%); opacity: 0.7; width: 100%; height: 100%; left: 0; right: 0; margin: 0 auto; } .resources-listing .container { z-index: 0; } .resources-listing .resources-listing-wrap { display: flex; flex-wrap: wrap; margin: 0 -15px; } .resources-listing .resources-listing-item { width: 33.33%; padding: 0 15px; margin-bottom: 30px; } .resources-listing .resources-listing-item-inner {border-radius:20px;height: 100%;position: relative;background-color: #fff;min-height: 510px;height: 100%;display: flex;align-items: end;transition: all 0.5s ease-in-out; border-radius: 20px;} .resources-listing-item-inner figure {height: 220px;margin: 0;position: relative;position: absolute;top: 0;left: 0;width: 100%;} .resources-listing-item-inner figure:after { content: ""; position:absolute; width:100%; height:100%; left: 0; top:0; background:rgb(91 70 249 / 16%); mix-blend-mode:soft-light; border-radius:20px 20px 0 0; } .resources-listing-item-inner figure img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px 20px 0 0; } .resources-listing-item-inner .resources-listing-content label { color: #629ac7; display: inline-block; font-size: 14px; font-weight: 600; text-transform: capitalize; font-family: "Roboto", sans-serif; margin-bottom: 13px;position: relative;z-index: 1;} .resources-listing-item-inner .resources-listing-content h4 { color: #fff; font-size: 20px; line-height: 30px;margin-bottom: 14px; font-weight: 300; font-family: "Roboto", sans-serif;transition: all 0.5s ease-in-out; } .resources-listing-item-inner .resources-listing-content p { color: #fff; font-size: 20px; line-height: 30px; transition: all 0.5s ease-in-out; display: none;} .resources-listing-item-inner .resources-listing-content{padding: 35px 30px 15px 41px;background:linear-gradient(to right, #00447a 0%, #00213c 100%);border-radius: 0 0 20px 20px;position: relative;display: flex;flex-direction: column;justify-content: flex-start;height: calc(100% - 220px);transition: all 0.5s ease-in-out;} .resources-listing-item-inner .resources-listing-item a { display: inline-block; width: 100%; position: relative; } .resources-listing-item .resources-listing-item-inner:after { content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-shadow:3px 0 35px rgb(0 0 0 / 35%); opacity: 35%; opacity: 0; transition: all 0.5s ease-in-out; border-radius: 20px;} .resources-listing-item a:hover .resources-listing-item-inner:after { opacity: 1; } .resources-listing-item a:hover .resources-listing-item-inner h4 { color: #fff;display: none;} .resources-listing-item a:hover .resources-listing-item-inner .resources-listing-content p{display: block} .resources-listing .resources-listing-item-inner:hover .resources-listing-content {height: 100%;justify-content: flex-start;transition: all 0.5s ease-in-out;border-radius: 0 0 20px 20px; border-radius: 20px;} .resources-listing .resources-listing-item a {overflow: hidden;border-radius: 20px;position: relative;} .resources-listing-content .arrow { width: 51px; height: 51px; border: 1px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease-in-out; position: absolute; bottom: 25px; } .resources-listing-content .arrow i { color: #fff; font-weight: 100; font-size: 20px; transition: all 0.5s ease-in-out; } .resources-listing-single .resources-listing-item-inner figure, .news-section-block .resources-listing-item-inner figure{position: relative;} .resources-listing-single.resources-listing .resources-listing-item-inner, .news-section-block .resources-listing .resources-listing-item-inner{display: block;min-height: inherit;height: auto;} .resources-listing-single .resources-listing-item-inner .resources-listing-content p, .news-section-block .resources-listing-item-inner .resources-listing-content p{display: block;} .resources-listing-single.resources-listing .resources-listing-item-inner:hover .resources-listing-content, .news-section-block .resources-listing .resources-listing-item-inner:hover .resources-listing-content{height: inherit;} .resources-listing-single .resources-listing-item a:hover .resources-listing-item-inner h4, .news-section-block .resources-listing-item a:hover .resources-listing-item-inner h4{display: block;} .resources-listing-single .resources-listing-item .resources-listing-item-inner:after, .news-section-block .resources-listing-item .resources-listing-item-inner:after{border-radius: 20px;} p.not-found-post { font-family: "Roboto", sans-serif; color: #2e3192; font-size: 34px; line-height: 34px; font-weight: 700; letter-spacing: 0; } .resource-section-block.news-section-block .sort-wrap .sbOptions { max-width: 300px; } .resource-section-block.news-section-block .sort-wrap { max-width: 300px; } /*no results css start here*/ .no-results-main { padding: 100px 0; background: #fff; } .no-results-main h1.page-title { margin-bottom: 70px; } .no-results-main article { background-color: #fff; border-radius: 20px; padding: 0px; margin-bottom: 50px; border-bottom: 1px solid #1f1f26; border-radius: 0; } .no-results-main article p { font-size: 26px; line-height: 36px; color: #1f1f26; } .no-results-main article h2 a { line-height: 30px; font-size: 24px; font-family: "Roboto", sans-serif; font-weight: 700; letter-spacing: -0.5px; margin-bottom: 12px; color:#4753dc !important; } .no-results-main article.no-results h1 { margin-bottom: 15px; color: #2e3192; } .no-results-main article.no-results .search-form input { border: 1px solid #4753DC; padding: 10px; font-size: 18px; border-radius: 5px; font-family: 'HelveticaNeue65Md', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; transition: all 0.5s ease-in-out;} .no-results-main article.no-results .search-form input.search-submit { background-color: #4753DC; color: #fff; cursor: pointer;} .no-results-main article.no-results .search-form input.search-submit:hover { background-color: #1BDEE0; color: #fff; border-color:#1BDEE0; } .no-results-main article h2 a:hover { color: #1bdee0 !important; } .no-results-main article h2 { line-height: 30px; font-size: 24px; margin-bottom: 15px; } .no-results-main article img { border-radius: 20px; margin-bottom: 18px; } .no-results-main article footer.entry-meta { font-size: 22px; } .no-results-main .navigation a { color: #fff; font-family: "Roboto", sans-serif; font-weight: 700; display: inline-block; margin: 0 0 30px 0; } .no-results-main .navigation a:hover span { background: none !important; } .no-results-main .navigation a span { font-size: 24px; position: relative; top: 0px; } .no-results-main .navigation .page-numbers { color:#2e3192 !important; width: 46px; height: 46px; display: inline-block; background-color: transparent; border-radius: 50%; font-size: 24px; position: relative; color: #fff; font-weight: 700; font-family: "Roboto", sans-serif; margin: 0; padding: 0; line-height: 44px; } .no-results-main .navigation .page-numbers:hover { color:#fff !important;} .no-results-main .navigation .page-numbers { margin: 0 10px; } .no-results-main .navigation .page-numbers.current { background-color: #2e3192; color: #fff !important } .no-results-main .navigation .page-numbers:hover { background-color: #2e3192; color: #fff; } .no-results-main .nav-links { text-align: center; } .no-results-main .navigation a.prev.page-numbers { display: none; } .no-results-main .navigation a.next.page-numbers { display: none; } .no-results-main .navigation .assistive-text { display: none; } /* .no-results-main article h2 a { position: relative; display: inline-block; text-decoration: none; } .no-results-main article h2 a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #1bdee0; transform: scaleX(0); transform-origin: right; transition: transform 0.4s ease-in-out; } .no-results-main article h2 a:hover::after { transform: scaleX(1); transform-origin: left; } */ /*no results css end here*/ .images-and-text-module .listing-wrap .item a { color: #4753dc; font-size: 24px; line-height: 34px; position: relative; display: inline-block; pointer-events: none; } a.link-button.popup-with-zoom-anim { pointer-events: auto !important; } .images-and-text-module .listing-wrap .item a:hover { color: #2e3192; } .images-and-text-module .listing-wrap .item a:before { content: ""; position: absolute; right: auto; top: 7px; background-image: url(./assets/images/link-arrow-light.png); background-repeat: no-repeat; width: 25px; height: 25px; display: inline-block; background-color: transparent; transform: scaleX(1); left: 0; } .images-and-text-module .listing-wrap .item { margin-bottom: 2px; } .images-and-text-module .listing-wrap .item span { margin-left: 32px; } .images-and-text-module .listing-wrap .item a:hover span { background: no-repeat !important; } .images-and-text-module .listing-wrap { margin: 35px 0 35px 0; } /*.popup-active .mfp-bg { background-color: transparent; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 1 !important; }*/ .mfp-bg { background-color: rgba(255, 255, 255, 0.8); -webkit-backdrop-filter: blur(17px); backdrop-filter: blur(17px); opacity: 1 !important; } .popup-left-block .popup-descri-inner .link-button { color: #4753dc; font-size: 20px; font-family: "Roboto", sans-serif; position: relative; } .popup-left-block .popup-descri-inner .link-button:before {content: ""; position: absolute; right: auto; top: 0px; background-image: url(./assets/images/link-arrow-light.png); background-repeat: no-repeat; width: 25px; height: 25px; display: inline-block; background-color: transparent; transform: scaleX(1); left: 0; } .images-and-text-module .listing-wrap .item a span { display: inline-block !important; } .popup-text { max-width: 842px; margin: 0 auto; background-color: #fff; border-radius: 30px; padding: 70px 50px 75px 75px; position: relative; top: 0; opacity: 0; -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out; transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out; -o-transition: transform 0.3s ease-out, opacity 0.3s ease-out; transition: transform 0.3s ease-out, opacity 0.3s ease-out; transition: transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out; /* box-shadow: 0 0 1px 18px rgb(0 0 0 / 1.1%); */ box-shadow: 0 0px 25px 0 rgba(0, 0, 0, 0.3); } .popup-active .popup-text { opacity: 1; } .popup-text .popup-two-block {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} .popup-text .popup-two-block .popup-left-block {float: left;width: 36.7%;display: flex;flex-wrap: wrap;} .popup-text .popup-two-block .popup-right-block {float: left;width: 51.4%;height: 560px;overflow-y: auto;max-height: 494px; padding-right: 20px;} .popup-left-block img { display: block;width: 100%;} .popup-right-block::-webkit-scrollbar-track{border-radius: 10px;background-color: #e4e4e4;} .popup-right-block::-webkit-scrollbar{width: 5px;background-color: #e4e4e4;} .popup-right-block::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #c52233;} .popup-left-block .popup-descri { margin-top: 27px; padding-left: 0; display: flex; align-items: end; } .popup-left-block .popup-descri h3 {font-size: 30px; margin-bottom: 9px;color: #c52233;text-transform: inherit;} .popup-left-block .popup-descri p {text-transform: capitalize;margin-bottom: 25px;color: #222222;max-width: 100%;font-size: 20px;line-height: 30px;} .popup-descri .social-icons {display: flex;} .popup-descri .social-icons {display: flex;} .popup-descri .social-icons a {margin-right: 20px;display: inline-block;color: #00447c; font-size: 20px;} .popup-descri .social-icons a:hover { color: #c52233; } .team-popup-blocks .popup-left-block .popup-descri .social-icons a {font-size: 20px !important;margin-right: 18px !important; margin-bottom: 10px;} .popup-right-block p { line-height: 1.5; margin-bottom: 12px; } .popup-right-block h6 { font-size: 22px; color: #c52233; font-weight: bold; letter-spacing: -0.00em; margin-bottom: 13px; line-height: 1.28; } .popup-right-block h5 { font-size: 18px; letter-spacing: -0.00em; color: #424148; font-weight: bold; margin-bottom: 12px; } .popup-left-block .popup-descri .social-icons a { font-size: 20px; margin-right: 7px; } .popup-left-block .popup-descri .social-icons a:hover { color: #c52233; } .popup-text button.mfp-close { position: absolute; left: -68px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background-color: #c52233; border-radius: 50%; opacity: 1; color: #fff; font-size: 38px; } .popup-text button.mfp-close:hover{ background-color: #00447c; } .popup-left-block .popup-descri span { margin-left: 35px; } .popup-left-block .popup-descri a:hover span { background: none !important; } .mktoForm textarea.mktoField { resize: auto !important;} /* Tab Navigation */ .horizonal-tab-slider{padding: 130px 0 145px;} .horizonal-tab-slider .section-header{max-width: 840px;width: 100%;} .horizonal-tab-slider .section-header h2{margin-bottom: 20px;} .tab-navigation { display: flex; align-items: center; gap: 10px; margin-bottom: 45px; padding: 13px 0; position: relative; width: 100%;border-bottom: 1px solid #e4e4e4;} .nav-arrow { background: none; border: none; font-size: 32px; color: #c52233; cursor: pointer; padding: 8px 0; flex-shrink: 0; transition: all 0.3s ease; user-select: none; -webkit-user-select: none; touch-action: manipulation;display: flex; align-items: center; justify-content: center; } .nav-arrow:hover:not(:disabled) { color: #00447c; } .nav-arrow:disabled { opacity: 0.3; cursor: not-allowed; } .tabs-container { display: flex; flex: 1; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; scroll-behavior: smooth; position: relative; -webkit-overflow-scrolling: touch; touch-action: pan-x; cursor: grab; } .tabs-container:active { cursor: grabbing; } .tabs-container::-webkit-scrollbar { display: none; } .tabs-wrapper { display: flex; gap: 60px; min-width: min-content;padding: 0 65px;} .tab { background: none; border: none; font-size: 24px; font-weight: 500; color: #c52233; cursor: pointer; padding: 10px 0; /* white-space: nowrap; */ transition: color 0.3s ease; position: relative; /* flex-shrink: 0; */ /* touch-action: manipulation; */ -webkit-tap-highlight-color: transparent; min-height: 44px;display: flex; align-items: center; font-family: "Roboto", sans-serif; font-weight: 600; min-width: 185px;justify-content: center;line-height: 1.1;} .tab:hover { color: #00447c; } .tab.active { color: #00447c; } .red-color .tab, .white-color .tab{color: #fff;} .white-color .tab.active{color:#00447c;} .black-color .tab{color: #c52233;} .black-color .tab.active{color: #00447c;} .red-color .tab{color: #c52233;} .red-color .tab.active{color: #00447c;} .blue-bg .tab.active{color: #000000;} .red-bg .nav-arrow, .blue-bg .nav-arrow{color:#fff;} /* .tab.active::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background-color: #cc3366; animation: slideIn 0.3s ease; } */ .image-placeholder { border-radius: 20px; height: 480px; background: #e4e4e4;margin-bottom: 25px;} .image-placeholder img{width: 100%;height: 100%;object-fit: cover;border-radius: 20px;} @keyframes slideIn { from { transform: scaleX(0); } to { transform: scaleX(1); } } /* Main Content */ .main-content { position: relative; min-height: 500px; } .tab-content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; margin-top: 0; opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; transition: opacity 0.4s ease, visibility 0.4s ease; pointer-events: none; } .tab-content.active { opacity: 1; visibility: visible; position: relative; pointer-events: auto; } .tab-content ul li a { position: relative; display: inline-block; text-decoration: none;font-weight: 500;} .tab-content ul li a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #00447c; transform: scaleX(0); transform-origin: right; transition: transform 0.4s ease-in-out; } .tab-content ul li a:hover::after { transform: scaleX(1); transform-origin: left; } .tab-content .left-column h4{margin-bottom: 0;} .tab-content .left-column .right-btn{padding-top: 15px;} .tab-content .right-column{padding-top: 20px;} .tab-content .right-column .image-placeholder{height: auto;background: transparent;} /* Responsive Style Start */ .rectangle-image-and-text {padding: 120px 0 170px;position: relative;overflow: hidden;} .rectangle-image-and-text-wrap .item {padding: 40px 0;} .rectangle-image-and-text-inner {display: flex;align-items: flex-start;} .rectangle-image { width: 34%;} .rectangle-text { width: 66%;padding-left: 60px;padding-top: 35px;position: relative;} .rectangle-text h3{font-size: 54px;line-height: 52px;} .rectangle-image figure {height: 323px;border-radius: 5px;border: none;margin: 0;border-radius: 5px;position: relative;} .rectangle-image figure:before { position: absolute; content: ""; background: url(assets/images/logo-watermark.svg) bottom center no-repeat; width: 98px; height: 113px; bottom: 0; left: 10px; opacity: 0.8; } .rectangle-image figure img {width: 100%;height: 100%;object-fit: cover;border-radius: 5px;} .rectangle-text .cta-button { position: absolute; left: -95px;z-index: 1;} .align-right .rectangle-image { order: 2; } .align-right .rectangle-text {padding-left: 0px; text-align: right; padding-right: 60px; } .align-right .rectangle-text .cta-button{right: -95px;left:inherit;} .rectangle-image-and-text-inner:hover .cta-button .rectangle-image-and-text-inner:hover .btn-stcolor.blue, .rectangle-image-and-text-inner:hover .btn-wrap .btn-hovercolor.blue { background-color: #00447c; } .rectangle-image-and-text .background-watermark { background-position: bottom right; top: inherit; bottom: -120px; } /* Expandable Columns Section Start */ .slide-accordion-section { padding: 130px 0; position: relative; background: #f9f9f9; } .slide-accordion-section .section-header{display: flex;flex-wrap: wrap;align-items: center;padding-bottom: 25px;} .slide-accordion-section .section-header .section-header-left{width: 60%;} .slide-accordion-section .section-header .section-header-left h2{margin-bottom: 25px;} .slide-accordion-section .section-header .section-header-left p{font-size: 30px; line-height: 40px; font-weight: 600; font-family: "Roboto", sans-serif; color: #222;} .slide-accordion-section .section-header .section-header-right{width: 40%;text-align: right;padding-top: 65px;} .slide-accordion-section .coman-block-sec .coman-block h2 { font-size: 48px; margin-bottom: 38px;} .slide-accordion-section .coman-block-sec .coman-block {width: calc(100% - 26%);} .slide-accordion-section .coman-block-sec .view-all-coman {width: 26%;} .slide-accordion-section .coman-block-sec a.btn {color: rgba(56, 91, 132, 1);border-color: rgba(202, 212, 215, 1);} .slide-accordion-section .coman-block-sec a.btn:hover {color: #fff;border-color: #2a225e;} .slide-accordion-section .coman-block-sec {margin-bottom: 102px;} .slide-accordion-section .accordion-slider {display: -webkit-box;display: -ms-flexbox;display: flex;height: 700px;border-radius: 10px;overflow: hidden;margin: 0 -10px;} .slide-accordion-section .accordion-item {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;position: relative;cursor: pointer;-webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);overflow: hidden;min-width: 80px;margin: 0 15px;border-radius: 5px;} .slide-accordion-section .accordion-item.active {-webkit-box-flex: 2.2;-ms-flex: 2.2;flex: 2.2;} .slide-accordion-section .accordion-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 30px 35px 42px 35px; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } .slide-accordion-section .accordion-content .bg-img { position: absolute; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; left: 0; right: 0; margin: 0 auto; opacity: 0.3;border-radius: 5px;} .slide-accordion-section .accordion-content:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(222, 22, 116, 1); top: 0; left: 0; } .slide-accordion-section .accordion-text { color: white; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: all 1s ease 0.1s; -o-transition: all 1s ease 0.1s; transition: all 1s ease 0.1s; max-width: 460px; width: 100%; } .slide-accordion-section .accordion-item.active .accordion-text { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .slide-accordion-section .accordion-item.active .accordion-content:before{background: rgba(50,43,102,1);} .slide-accordion-section h3 { font-size: 54px; color: #fff; margin-bottom: 12px;line-height: 1.1;} .slide-accordion-section p { color: #fff;line-height: 1.2;} .slide-accordion-section .accordion-label { position: absolute; top: calc(100% - 125px); left: 70%; -webkit-transform: translate(-45%, -50%) rotate(-90deg); -ms-transform: translate(-45%, -50%) rotate(-90deg); transform: translate(-45%, -50%) rotate(-90deg); white-space: nowrap; /* text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); */ opacity: 1; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; pointer-events: none; font-size: 54px; font-weight: 600; color: #fff; display: flex; width: 100%;} .slide-accordion-section .accordion-content span.toparrow { position: absolute; border-radius: 55px; top: 45px; width: 60px; height: 60px; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex !important; right: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 1px solid rgba(255, 255, 255, 0.2); color: #fff; left: 37px; opacity: 0; background: transparent !important; } .slide-accordion-section .accordion-item.active span.toparrow{ opacity: 1; } .slide-accordion-section .accordion-item.active .accordion-label { opacity: 0; -webkit-transform: translate(-50%, -50%) rotate(-90deg) scale(0.8); -ms-transform: translate(-50%, -50%) rotate(-90deg) scale(0.8); transform: translate(-50%, -50%) rotate(-90deg) scale(0.8); } .slide-accordion-section .accordion-item:hover:not(.active) { -webkit-box-flex: 1.2; -ms-flex: 1.2; flex: 1.2; } .slide-accordion-section .accordion-item:hover:not(.active) .accordion-content { -webkit-filter: brightness(1.1); filter: brightness(1.1); } .slide-accordion-section .quality-tags { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; margin-bottom: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .slide-accordion-section .tag { background: rgba(255, 255, 255, 0.2); color: white; padding: 8px 16px; border-radius: 20px; font-size: 0.9rem; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3); } /* Expandable Columns Section End */ /* Resources CTA section style start here*/ .resources-cta-block{padding: 140px 0 50px;position: relative;} .top-title-block {display: flex;align-items: flex-end;padding-bottom: 35px;} .top-title-block h2 {padding-right: 45px;margin-bottom: 0;} .resources-wrap {display: flex;flex-wrap: wrap;} .resources-left {width: 55%;padding-right: 60px;} .resources-right {width: 45%;padding-left: 50px;} .resources-right-inner{max-width: 500px;width: 100%;} .resources-right-inner h3 { color: #de1674; font-size: 48px; line-height: 1.0; margin-bottom: 35px; } .resources-bottom-listing {display: flex;flex-wrap: wrap;margin: 0 -15px;padding: 25px 0;} .resources-bottom-listing .resources-box { width: calc(33.33% - 30px); margin: 0 15px 30px; } .resources-bottom-listing .resources-box h6 { font-size: 24px; font-weight: 600; margin-bottom: 0; } .resources-bottom-listing .resources-box p { font-size: 20px; line-height: 1.25; color: #de1674; } /* Rersources CTA section style start here*/ .mktoForm input::placeholder {color: #1f1f26;} .form-wrap .mktoFieldWrap .mktoCheckboxList label span a{color: #c52233 !important;} .form-wrap .mktoFieldWrap .mktoCheckboxList label span a:hover{color: #00447c !important;} .form-wrap .mktoFieldWrap .mktoCheckboxList label span, .form-wrap .mktoFieldWrap .mktoCheckboxList label{color: #1f1f26 !important; font-weight: 300 !important; font-family: "Roboto", sans-serif !important;} .form-wrap .mktoFieldWrap .mktoCheckboxList label span a { position: relative; display: inline-block; text-decoration: none;font-weight: 500;} .form-wrap .mktoFieldWrap .mktoCheckboxList label span a:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #00447c; transform: scaleX(0); transform-origin: right; transition: transform 0.4s ease-in-out; } .form-wrap .mktoFieldWrap .mktoCheckboxList label span a:hover:after { transform: scaleX(1); transform-origin: left; } .insight-section-block { padding: 130px 0 45px; } .insight-top-wrap { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: wrap; align-items: flex-end; } .insight-top-wrap .top-text { width: 75%; } .insight-top-wrap .right-btn{text-align: right;width: 25%;} .insight-section-block .resources-listing:before{display: none;} .insight-section-block .resources-listing{padding-top:55px;} .related-resources-list{padding: 100px 0;} .related-resources-list .section-header{max-width: 780px;width: 100%;} .related-resources-list .section-header h2{font-family: 'HelveticaNeueLT Pro 45 Lt';font-weight: 300;letter-spacing: 3.6px;} .related-resources-list-wrap{display: flex;flex-wrap: wrap;align-items: flex-start;margin: 0 -15px;padding: 20px 0 0;} .related-resources-list-wrap .item{width:calc(33.33% - 30px);margin: 0 15px 30px;} .related-resources-list-wrap .item.two-columns{width:calc(50% - 30px);} .related-resources-list-wrap .item.four-columns{width:calc(25% - 30px);} ul.resources-list { padding: 10px 0 0; } ul.resources-list li { list-style: none; padding: 0; font-size: 20px; font-weight: 500; font-family: "Roboto", sans-serif;margin-bottom: 25px;} ul.resources-list li:last-child{margin-bottom: 0;} ul.resources-list li:before{display: none;} ul.resources-list li a{position: relative;padding-right: 17px;} ul.resources-list li a:before { position: absolute; content: "\f105"; font-size: 16px; color: #c52233; right: 0; bottom: -6px; font-family: "Font Awesome 6 Pro"; } ul.resources-list li a:hover:before{color: #00447c;} .related-resources-list-row h3 { color: #045184; font-size: 30px; font-weight: 300; letter-spacing: 3px;} @media only screen and (max-width: 1800px) { .news-events .news-events-wrap { padding: 0 60px 0 60px; } .value-your-industry .value-your-industry-slider { margin-right: -300px; } } @media only screen and (max-width: 1600px) { .side-by-side-text { padding: 160px 0 110px; } .icons-full-width { padding: 100px 0 200px; } .icons-full-width .icons-full-width-row.extended-layout .icons-full-width-column { width: 20%; } .testimonials-slider .slick-prev { left: -60px !important; } .testimonials-slider .slick-next { right: -60px !important; } .testimonials-slider.slick-initialized.slick-slider { margin: 0 40px; } .testimonials { padding: 180px 0; } .teambio { padding: 130px 0 130px 0; } section.history_timeline .d-flex .slider-part .timeline-nav__item { font-size: 34px; } .news-events .news-events-wrap .news-events-heading h3 { font-size: 40px; line-height: 44px; } .news-events .news-events-wrap .news-events-listing .news-events-listing-item { padding-bottom: 30px; } .table-style { padding: 100px 0; } .location-map { padding: 80px 0; } .location-area.section-header h2 { margin-bottom: 15px; } .images-and-text-module .section-header-content { max-width: 675px; } .wide-videoimage { padding:100px 0; } .no-results-main { padding: 80px 0; } .value-your-industry .value-your-industry-slider{margin-right: -200px;} .value-your-industry .item-inner{ padding: 30px 20px; } .value-your-industry .item-inner .heading h3{font-size: 38px; line-height: 48px;} .value-your-industry-slider .slick-next.slick-arrow{right: 200px;} .value-your-industry-slider .slick-prev.slick-arrow{right: 285px;} .resources-cta-block{padding: 100px 0 50px;} .slide-accordion-section .coman-block-sec .coman-block h2 {font-size: 42px;margin-bottom: 25px;} .slide-accordion-section {padding-top: 100px;padding-bottom: 100px;} .slide-accordion-section h3 {font-size: 50px;} .slide-accordion-section .accordion-label{font-size: 50px;} .slide-accordion-section .coman-block-sec {margin-bottom: 60px;} .side-by-side-section{padding: 100px 0;} } @media only screen and (max-width: 1400px) { h1, .h1 { font-size: 44px; line-height: 50px; } h2, .h2 { font-size: 44px; line-height: 50px; } h3, .h3 { font-size: 24px; line-height: 40px; } p { font-size: 20px; line-height: 32px; } ul li { font-size: 22px; line-height: 30px; } ul li:before { top: 14px; } .top-hero-banner { min-height: 600px; } .section-header p { font-size: 28px; line-height: 38px; } .top-hero-banner .top-text p { font-size: 28px; } .header-wrap .header-logo a.brand-logo img { width: 200px; } .header-wrap .header-logo a.brand-logo img { padding:32px 0 0 0; } .contact-btn a { font-size: 16px; padding: 15px 15px; } .search-imput-des .search-icon{width:50px;height: 50px;} .search-imput-des input{height: 50px !important;margin-right: 0;} .desktop-menu{padding-top: 45px;} .desktop-menu li.menu-lavel-1 { margin-right: 15px;padding-bottom: 45px;} .desktop-menu li.menu-lavel-1 > a { font-size: 18px; } header .menu-details { left: calc((100% - 720px) / 2); } header ul.desktop-menu li:nth-child(3) .menu-details { left: calc((100% - 1270px) / 2); } header ul.desktop-menu li:nth-child(6) .menu-details { left: calc((100% - 1750px) / 2); } .search-imput-des { margin: 0 20px; } .three-column-text { padding: 100px 0 30px; } .three-column-text .three-column-row .three-column p { font-size: 22px; line-height: 34px; margin-bottom: 30px; } .featured-blocks { padding: 100px 0 40px; } .featured-blocks .section-header { margin-bottom: 50px; } .featured-blocks .featured-blocks-column p { font-size: 20px; line-height: 32px; } .side-by-side-text { padding: 90px 0 40px; } .text-stacked-figures-with-icons { padding:100px 0; } .stacked-figures-with-icons .counter-number { font-size: 45px; } .stacked-counter-wrap .stacked-counter-content p { font-size: 20px; line-height: 30px; } .icons-full-width .section-header { margin-bottom: 65px; } .icons-full-width { padding: 80px 0 160px; } .icons-full-width .icons-full-width-row.extended-layout .icons-full-width-column { width: 25%; } .icons-full-width .icons-full-width-content h4 { font-size: 26px; line-height: 32px; } .large-cta-with-background-image { padding:180px 0; } .testimonials { padding: 150px 0; } .testimonials .testimonials-content p { font-size: 30px; line-height: 40px; } .testimonials .testimonials-quote figure { margin-bottom: 25px; } .form-section { padding: 100px 0; } .form-section .section-header { margin-bottom: 50px; } .team_titlebox h3 { font-size: 32px; } .post-clm-section { padding-top: 150px; padding-bottom: 100px; } .post-wrap .post-inner-wrap .post-left-img + .post-right-c { width: calc(100% - 150px);padding-left:20px; } .post-wrap .post-inner-wrap .post-left-img { width: 150px; } .post-wrap .post-inner-wrap .post-left-img figure { height: 150px; width: 150px; } .post-wrap .post-inner-wrap .post-left-img + .post-right-c { width: calc(100% - 150px); } .post-wrap .post-inner-wrap .post-right-c .cta-btn { margin-top: 20px; } .post-wrap .post-inner-wrap .post-right-c p { color: #fff; font-size: 32px; } .value-your-industry .item-inner .heading h3 { font-size: 34px; line-height: 44px; } .value-your-industry .slick-list.draggable { padding: 0 250px 0 0px !important; } .value-your-industry-slider .item { margin-bottom: 50px; } .value-your-industry { padding: 100px 0 120px; } .vision-for-industry-box .filter-tabs { margin-bottom: 0; } .value-your-industry-slider .item { margin-right: 15px;} .social-icon { right: 30px; } button.back-to-top.show { right: 10px; } button.back-to-top { right: 10px; } .tabing-section { padding-top: 100px; padding-bottom: 100px; } .industry-block { padding:100px 0; } .industry-block .accordion__item .accordion__title { padding: 25px 0 25px 0; } .industry-block .accordion__item .accordion__title { font-size: 30px; line-height: 40px } .industry-block .accordion__item .accordion__title .accordion__arrow { margin-top: -5px; } .industry-block .accordion__item .accordion__title.accordion-active .accordion__arrow { /*top: -16px; position: relative; right: -5px; */ margin-top: -3px; } .industry-block .industry-block-inner .section-header-wrap { margin-bottom: 40px; } .industry-block .industry-block-title { max-width: 800px; } .history_timeline { padding:100px 0 0 0;} section.history_timeline .d-flex .slider-part .timeline-nav__item { font-size: 30px; line-height: 40px; } section.history_timeline .timeline-wrapper { height: 580px; } section.history_timeline .d-flex .side-text .timeline-slide__content { padding: 35px 30px 30px 30px; } section.history_timeline .d-flex .slider-part .timeline-nav { padding:0 20px; } section.history_timeline .d-flex .slider-part .timeline-nav__item { font-size: 26px; } .news-events .news-events-wrap .news-events-heading h3 { font-size: 34px; } .news-events .news-events-wrap .news-events-listing .news-events-listing-item p { line-height: 28px; font-size: 20px; } .news-events .news-events-wrap { padding: 0 20px 0 30px; } .table-style { padding: 60px 0; } .location-map { padding: 60px 0; } .images-and-text-module .section-header-content .text-header-wrap p { font-size: 28px; line-height: 36px; } .images-and-text-module .section-header-content p { font-size: 20px; line-height: 30px; } .wide-videoimage { padding:80px 0; } .wide-videoimage .section-header { margin-bottom: 30px; } .vision-for-industry { padding: 90px 0 100px; } .corporate-links-with-icons { padding: 80px 0 40px; } .corporate-links-with-icons .section-header { margin-bottom: 70px; } .corporate-title h4 { font-size: 26px; line-height: 30px; } .item-inner-wrap .corporate-icon + .corporate-title { padding-left: 15px; width: calc(100% - 72px); } .item-inner-wrap .corporate-icon { width: 72px; } button.back-to-top.show { right: 25px; } button.back-to-top { right: 25px; } .resources-listing-item-inner .resources-listing-content { padding: 35px 25px 10px 25px; } .resources-listing.resources-listing-single .coman-block-sec { margin-bottom: 40px; } .no-results-main article p { font-size: 24px; line-height: 34px; } .images-and-text-module .listing-wrap .item a { font-size: 22px; line-height: 32px; } .images-and-text-module.align-right .section-header .section-header-content { padding-left: 0; } .images-and-text-module.align-right .section-header .section-header-content h3 { margin-bottom: 10px; } .images-and-text-module .listing-wrap .item a:before { top: 5px; } header ul.desktop-menu li:nth-child(5) .menu-details { left: calc((100% - 1560px) / 2); } .no-results-main article { margin-bottom: 30px; } .round-image-and-text-inner .round-circle-image-and-text + .round-image-and-text-row { width: calc(100% - 275px); padding-left: 40px; } .round-image-and-text-inner .round-circle-image-and-text { width: 290px; height: 290px; } .round-image-and-text-inner .round-circle-image-and-text:after { width: 300px; height: 300px; } .round-image-and-text-inner .round-circle-image-and-text figure { width: 260px; height: 260px; } .round-image-and-text-inner .round-circle-image-and-text figure img { width: 260px; height: 260px; } .round-image-and-text-wrap #dynamic-video-container video { width: 260px; height: 260px; } .round-image-and-text .round-image-and-text-row h3 { font-size: 40px; line-height: 45px; } .item.align-right .round-image-and-text-inner .round-image-and-text-row { padding: 0 40px 0 0; } .round-image-and-text { padding: 80px 0 180px; } .round-image-and-text .section-header { margin-bottom: 60px;} .rectangle-text h3{font-size: 32px;line-height: 40px;} .side-by-side-text .side-by-side-text-wrap .section-header p{line-height: 34px;} .slide-accordion-section .coman-block-sec .coman-block h2 {font-size: 32px;margin-bottom: 20px;} .side-by-side-section{padding: 80px 0;} } @media only screen and (max-width: 1366px) { .intro-section .intro-wrap .intro-left {width: 60%;} .intro-section .intro-wrap .right-btn {width: 39.5%;} .intro-section .intro-wrap .intro-btn {width: 40%;} .intro-section {padding-top: 50px;padding-bottom: 50px;} .wide-image-text {padding: 80px 0 50px} .our-tem-heading h3 {font-size: 30px;} .our-tem-block {gap: 40px;row-gap: 40px;} .our-tem-block .popup-image-show figure{margin: 0 0 30px 0;} .our-tem-heading p {font-size: 22px;} .blog-single-post {padding: 150px 0 70px;} .our-tem-block.four-team-block {grid-template-columns: repeat(3, minmax(0, 1fr));} .tabcontent .tabcontent-inner .downloadable-links a, .tabcontent .tabcontent-inner .downloadable-links a span {font-size: 20px;} .product-tab button {font-size: 30px;} .tabcontent .tabcontent-inner .downloadable-links a span {margin-left: 20px;} } @media only screen and (max-width: 1300px) { header .menu-details { left: calc((100% - 660px) / 2); } header ul.desktop-menu li:nth-child(3) .menu-details { left: calc((100% - 1140px) / 2); } header ul.desktop-menu li:nth-child(2) .menu-details { left: calc((100% - 880px) / 2); } header ul.desktop-menu li:nth-child(6) .menu-details { left: calc((100% - 1650px) / 2); } header ul.desktop-menu li:nth-child(7) .menu-details { left: calc((100% - 1650px) / 2); } .round-image-and-text-inner .round-circle-image-and-text { width: 280px; height: 280px; } .round-image-and-text-inner .round-circle-image-and-text:after { width: 290px; height: 290px; } .round-image-and-text-inner .round-circle-image-and-text figure { width: 250px; height: 250px; } .round-image-and-text-inner .round-circle-image-and-text figure img { width: 250px; height: 250px; } .round-image-and-text-wrap #dynamic-video-container video { width: 250px; height: 250px; } ul.resources-list li{margin-bottom: 12px;font-size: 18px;} } @media only screen and (max-width: 1199px) { .container { padding:0 30px; } h1, .h1 { font-size: 40px; line-height: 44px; margin-bottom: 20px;letter-spacing: 2px;} h2, .h2 { font-size: 40px; line-height: 44px; margin-bottom: 20px;letter-spacing: 2px;} h3, .h3 { font-size: 22px; line-height: 30px; } p { font-size: 20px; line-height: 30px; } ul li { font-size: 18px; line-height: 26px; } ol li { font-size: 18px; line-height: 26px; } ul li:before { top: 11px; } header.site-header{padding: 0;} .brand-logo, header.srolled .brand-logo { max-width: 137.6px; margin-top: 0px; margin-left: 0px; } .brand-logo img { max-width: 100%; } .desktop-menu li.menu-lavel-1:last-child { display: block; } .slide-menu .slider { top: 70px; } .mobile-header { position: relative; z-index: 1111; border-bottom: none !important; height: 70px; background-color: #00203a; } .mobile-header { display: flex; padding: 15px 24px 15px 30px; align-items: center; justify-content: space-between; } .header-inner { display: none; } button.btn.slide-menu-control { padding: 0; width: 26px; height: 18px; align-items: center; justify-content: center; box-shadow: none; margin-top: 0; outline:none; border:0; background: transparent !important; cursor: pointer;padding: 10px 0 !important;} .btn.slide-menu-control span { display: block; width: 25px; height: 2px; background-color: #c52233; margin-bottom: 4px; border-radius: 1px; -webkit-transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965); -o-transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965); transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965); position: relative; } .btn.slide-menu-control:hover span { width: 30px; } .btn.slide-menu-control:hover span:nth-of-type(2n) { width: 30px; } .btn.slide-menu-control.btn-remove span { transform: rotate(45deg); top: 5px; } .btn.slide-menu-control.btn-remove span:nth-of-type(2n) { transform: rotate(-45deg); bottom: 5px; } .btn.slide-menu-control.btn-remove span, .btn.slide-menu-control.btn-remove:hover span { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 5px; width: 25px; } .btn.slide-menu-control.btn-remove span:nth-of-type(2n), .btn.slide-menu-control.btn-remove:hover span:nth-of-type(2n) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: -1px; } .btn.slide-menu-control img { display: none; } .top-bar{display: none;} header .slide-menu ul a { color: #0c4778; } header .slide-menu ul a.slide-menu-control { color: #c52233; } .mobile-menu-main li { border-bottom: solid 1px #dadbf9; padding: 0; margin: 0; position: initial !important; } .slide-menu ul a.slide-menu-control::after { width: 12px; height: 15px; position: absolute; background-image: none; left: 20px; top: 50%; transform: translateY(-50%) rotate(90deg); background-repeat: no-repeat; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 14px; content: "\f078"; color: #c52233; } .mobile-menu-main li:before { display: none; } .has-submenu::after { content: ''; width: 6px; height: 10px; position: absolute; background-image: none; right: 30px; top: 50%; transform: translateY(-50%) rotate(-90deg); background-repeat: no-repeat; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 14px; content: "\f078"; margin-top: 3px; color: #00447c; } .form-control.ds-input { background: linear-gradient(45deg, #00447c, #629ac7); border-radius: 0; font-size: 18px; padding-left: 30px; padding-right: 72px; height: calc(1.5em + 1.4rem + 2px); background-repeat: no-repeat; background-position: calc(100% - 0px) center; border: none; color: #ffffff; outline: none; box-shadow: none; font-weight: 400; letter-spacing: 0; width: 100%; display: block;padding-top: 10px;} body .btn-blank-search { border-radius: 0 !important; font-size: 18px !important; padding-left: 30px !important; padding-right: 72px !important; height: calc(1.5em + 1.4rem + 2px) !important; background-image: url(./assets/images/mobile-search.svg) !important; background-repeat: no-repeat !important; background-position: calc(100% - 26px) center !important; border: none !important; color: #ffffff !important; outline: none; box-shadow: none !important; font-weight: 400; letter-spacing: 0.01em; display: block; } .mobile-menu-main li.search-imput { position: relative !important; border-bottom: 1px solid #dadbf9 !important; } body .btn-blank-search { background-color: transparent !important; } .slide-menu { background:linear-gradient(45deg, #00447c, #629ac7); } .form-control.ds-input::-webkit-input-placeholder { color: #fff; } .form-control.ds-input::-moz-placeholder { color: #fff; } .form-control.ds-input:-ms-input-placeholder { color: #fff; } .form-control.ds-input:-moz-placeholder { color: #fff; } .top-hero-banner .top-hero-banner-wrap { padding: 50px 0 110px; } .top-hero-banner .top-text p { font-size: 24px; } .section-header p { font-size: 24px; } .three-column-text .section-header { margin-bottom:40px; } .three-column-text { padding: 70px 0 30px; } .three-column-text .three-column-row .three-column ul li { margin-bottom: 18px; padding-bottom: 18px; } .readmore1 { font-size: 24px; } .readmore1 i, .readmore1 svg { font-size: 20px; } /* .readmore1:hover i:last-child { top: 6px; } */ .featured-blocks { padding: 70px 0; } .featured-blocks .featured-blocks-column { margin-bottom: 20px; } .side-by-side-text .section-header ul li { padding: 15px 0; } .side-by-side-text-three-img-row .side-by-side-text-three-img-col figure { height: 150px; } .side-by-side-text-three-img-row .side-by-side-text-three-img-col { padding:0 10px; } .side-by-side-text-three-img-row { margin:0 -10px 20px; } .stacked-counter-wrap .stacked-counter-icon + .stacked-counter-content { width: calc(100% - 80px); } .stacked-counter-wrap .stacked-counter-icon { width: 80px; } .stacked-counter-wrap .stacked-counter-icon figure img { width: 100%; } .text-stacked-figures-with-icons { padding: 60px 0; } .icons-full-width { padding: 70px 0 70px; } .icons-full-width .section-header { margin-bottom: 50px; } .icons-full-width .icons-full-width-content h4 { font-size: 24px; } .icons-full-width .icons-full-width-column figure { max-width: 80px; height: 80px; } .large-cta-with-background-image { padding:150px 0; } .testimonials .testimonials-content p { font-size: 26px; line-height: 40px; } .testimonials .testimonials-quote figure img { width: 90px; } .testimonials { padding: 100px 0; } .field-wrap .pikaday__container, .field-wrap .pikaday__display, .field-wrap>div input, .field-wrap select, .field-wrap textarea { font-size: 20px; } .form-section { padding: 80px 0; } .teambio_item .pvr { height: 400px; } .teambio { padding: 80px 0 80px 0; } .teambio_box { gap:25px; } .team_titlebox h3 { font-size: 30px; line-height: 40px; } .post-clm-section { padding-top: 100px; padding-bottom: 60px; } .post-wrap .post-inner-wrap .post-right-c .btn.white { font-size: 26px !important; } .post-wrap .post-inner-wrap .post-right-c p { color: #fff; font-size: 24px; line-height: 32px; } .image-video-section { height: 450px; } .tab-btn-figma-vertical { padding: 20px 20px 20px 0px; } .tabing-section .coman-block-sec { margin-bottom: 50px; } .tab-inner-text .tab-right-text p { margin-bottom: 25px; } .tabing-section { padding-top: 80px; padding-bottom: 80px; } .industry-block { padding:80px 0 0; } .industry-block .industry-block-title { max-width: 700px; } .expand-all span { font-size: 24px; } .expand-open:after { font-size: 20px; } .industry-block .accordion__item .accordion__title { font-size: 26px; } .industry-block .accordion__item .accordion__content { padding: 0px 0 35px 0px; } .industry-block .accordion-content-bg-inner ul li:before { top: 11px; } .history_timeline { padding:80px 0 0 0; } section.history_timeline .timeline-wrapper { height: 550px; } section.history_timeline .d-flex .slider-part .timeline-nav { padding:0 20px; } section.history_timeline .d-flex .slider-part .timeline-nav__item { font-size:26px; text-align:center; } section.history_timeline .timeline-year { font-size: 54px; margin-bottom: 10px !important; } .news-events .news-events-wrap .news-events-listing .news-events-listing-item { padding: 0 10px 30px 10px; } .news-events .news-events-wrap .news-events-heading h3 { font-size: 30px; line-height: 40px; } .news-events .news-events-wrap .news-events-listing .news-events-listing-item p { line-height: 26px; font-size: 18px; } .is-table table th, .is-table table td { font-size: 22px; } .is-table table td { font-size: 22px; } .location-map { padding: 50px 0; } .location-map #filter-controls { padding:30px 30px; } .location-map #filter-controls { position: absolute; top: 0; } .location-map .sbOptions { left: -30px; } .location-map .map img { margin-top: 80px; } .location-map .sbOptions a { padding: 13px 30px 13px 30px !important; } .location-map .location-info { padding: 10px 0px 10px 0; } .location-map .location-info h3 { font-size: 22px; margin-bottom: 15px; } .location-map .location-info p:nth-child(2) { margin-bottom: 15px !important; } .location-map .location-info p { font-size: 18px; line-height: 28px; } .images-and-text-module { padding: 60px 0; } .wide-videoimage { padding:60px 0; } .video-container .play-button-wrapper div { width: 95px; height: 95px; } .video-popup a { width: 95px; height: 95px; } .video-popup a i { font-size: 35px; } .video-container .play-button-wrapper div i { font-size: 35px; } .wide-videoimage .section-header { margin-bottom: 20px; } .video-popup a span { height: 65px; } button.back-to-top.show { width: 50px; height: 50px; } button.back-to-top::before { font-size: 18px; top: -2px; position: relative; } .three-column-text .three-column-row .three-column p { font-size: 20px; line-height: 30px; } .vision-for-industry .vision-for-industry-content { padding: 21px 25px 100px 25px; } .vision-for-industry .vision-for-industry-column figure { height: 180px; } .vision-for-industry { padding: 70px 0 60px; } .corporate-links-with-icons .section-header { margin-bottom: 50px; } .item-inner-wrap { align-items: center; } .corporate-title h4 { font-size: 24px; line-height: 28px; } ul.slick-dots li button { width: 60px; } .resources-listing-item-inner .resources-listing-content h4 { font-size: 20px; } .timeline-nav .slick-list.draggable { padding: 0 0 !important; } .post-filter-wrap { padding-top: 55px; padding-bottom: 55px; } .filter-wrap .topic-dropdown a { font-size: 22px; } .filter-wrap .type-dropdown a { font-size: 22px; } .post-filter-wrap .filter-wrap .search-field input { padding: 5px 35px 7px 0px; font-size: 22px; } .source-wrap a.link-button span { font-size: 22px; } .blog-single-post h1 { margin-bottom: 25px; } .blog-single-post .article-social { margin-bottom: 40px; } .blog-single-post { padding: 150px 0 50px; } .blog-single-post .right-btn { margin-bottom: 25px; } .blog-single-post .right-btn .back-btn { font-size: 22px; } .blog-single-post .right-btn .back-btn i { font-size: 18px; } .blog-single-post ul.social-share li { margin: 0 12px 0; } .blog-single-post .article-meta span { font-size: 20px; } .blog-single-post .article-meta span em { font-size: 20px; } .source-wrap-btn a { font-size: 22px; } .source-wrap a.link-button { margin-bottom: 7px; } .source-wrap a.link-button span { font-size: 22px; line-height: 32px; } .source-wrap a.link-button:after { width: 20px; height: 20px; background-size: 20px; } .resources-listing { padding: 55px 0 80px; } .resources-listing.resources-listing-single .coman-block-sec { margin-bottom: 30px; } .source-wrap { padding: 20px 0 20px; } .no-results-main { padding: 60px 0; } .no-results-main article p { font-size: 22px; line-height: 32px; } .no-results-main article { padding:0px; } .three-column-text .three-column-row .three-column .three-column-wow ul li { margin-bottom: 15px; padding-bottom: 15px; } .images-and-text-module .listing-wrap .item a { font-size: 20px; line-height: 30px; } .images-and-text-module .listing-wrap .item { margin-bottom: 4px; } .images-and-text-module .listing-wrap .item a:before { top: 2px; } .popup-left-block .popup-descri h3 { font-size: 26px; } header ul.desktop-menu li:nth-child(5) .menu-details { left: calc((100% - 1500px) / 2); } .form-section .mktoForm .mktoRequiredField label.mktoLabel { font-size: 22px !important; } .form-section .mktoForm input[type=url], .form-section .mktoForm input[type=text], .form-section .mktoForm input[type=date], .form-section .mktoForm input[type=tel], .form-section .mktoForm input[type=email], .form-section .mktoForm input[type=number], .form-section .mktoForm textarea.mktoField, .form-section .mktoForm select.mktoField { font-size: 22px !important; } .no-results-main h1.page-title { margin-bottom: 40px; } .side-by-side-section .side-by-wrap .side-by-item-left {width: 45%;padding-top: 50px;padding-bottom: 50px;} .side-by-side-section .side-by-bg-right {width: 50%;} .side-by-side-section .side-by-wrap .side-by-item-left {width: 50%; } .side-by-side-section.side-by-left-image .side-by-wrap .side-by-item-left {width: 43%;} .our-tem-block .popup-image-show figure {height: 500px;} .team-popup-blocks.popup-text {padding: 50px 40px 50px 40px;} .tab-panel-figma-vertical.no-content .tab-left-image { height: 320px; } .icons-full-width .icons-full-width-row {grid-template-columns: repeat(4, minmax(0, 1fr));} .hbspt-form form fieldset input[type="text"], .hbspt-form form fieldset input[type="email"], .hbspt-form form fieldset input[type="tel"], .hbspt-form form fieldset select, .hbspt-form form fieldset textarea {font-size: 22px;height: 38px;} .round-image-and-text .round-image-and-text-row h3 { font-size: 32px; line-height: 40px; } .round-image-and-text .round-image-and-text-row p { font-size: 24px; line-height: 34px; } .round-image-and-text { padding: 80px 0 150px; } .round-image-and-text-inner .round-circle-image-and-text { margin-left: 5px; } .round-image-and-text-inner .round-circle-image-and-text { width: 270px; height: 270px; } .round-image-and-text-inner .round-circle-image-and-text:after { width: 280px; height: 280px; } .round-image-and-text-inner .round-circle-image-and-text figure { width: 240px; height: 240px; } .round-image-and-text-inner .round-circle-image-and-text figure img { width: 240px; height: 240px; } .round-image-and-text-wrap #dynamic-video-container video { width: 240px; height: 240px; } .value-your-industry .value-your-industry-slider { margin-right: -100px; } .value-your-industry-slider .slick-next.slick-arrow { right: 100px; } .value-your-industry-slider .slick-prev.slick-arrow { right: 180px; } .value-your-industry .item-inner { margin-right: 0px; } .value-your-industry .item-inner { height: 500px; } .value-your-industry .item-inner .heading h3 { font-size: 30px; line-height: 40px; } .value-your-industry { padding: 70px 0 90px; } .value-your-industry .section-header { max-width: 780px; } .value-your-industry-slider .slick-arrow { margin-right: 40px; } .search-filter-and-product-list-section .result-list .result-block {width: calc(33.33% - 20px);} .search-filter-and-product-list-section {padding-bottom: 90px;padding-top: 80px;} .tabcontent .tabcontent-inner {padding: 25px 0;} .tabcontent .tabcontent-inner .content-list-block .list-block.g-text {padding: 0 20px;margin-bottom: 20px;} .rectangle-text h3{font-size: 28px;line-height: 36px;} .tab{font-size: 22px;} .tabs-wrapper{padding: 0 35px;gap: 25px;} .rectangle-image-and-text{padding:70px 0;} .intro-section .intro-wrap .intro-left p{font-size: 20px;line-height: 32px;} .resources-listing-item-inner .resources-listing-content p{font-size: 20px;} .resources-listing-item a:hover .resources-listing-item-inner .resources-listing-content p { display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .images-and-text-module .section-header-content .right-btn{margin-top: 50px;} .images-and-text-module .section-header-content .right-btn .btn-wrap{margin-bottom: 15px;} .slide-accordion-section .accordion-slider { height: 600px;} .resources-cta-block{padding: 80px 0 50px;} .slide-accordion-section .section-header .section-header-left p{font-size: 20px;line-height: 28px;} .slide-accordion-section .section-header .section-header-right{padding-top: 20px;} .side-by-side-section{padding: 50px 0;} .insight-top-wrap .top-text{width: 70%; } .insight-top-wrap .right-btn{width: 30%; } .top-hero-banner .top-hero-banner-wrap .right-btn{width:35%} .resources-listing-item-inner .resources-listing-content{height: calc(100% - 170px);} .insight-section-block{padding: 80px 0 40px;} .related-resources-list-wrap .item.item.four-columns{width:calc(33.33% - 30px);margin: 0 15px 30px;} .related-resources-list-wrap .item.item.four-columns:last-child{margin-bottom: 0;} .related-resources-list-row h3{font-size: 24px;letter-spacing: 1px;} .related-resources-list{padding: 75px 0;} .industry-block .accordion__item .accordion__title .accordion__arrow { transform: scale(0.8) !important; left: 35px !important; margin-top: -1px !important; right: inherit !important; } .industry-block .accordion__item .accordion__title span.accordion__title-text { padding-left: 40px; } .industry-block .accordion__item .accordion__title.accordion-active .accordion__arrow { transform: scale(0.8) rotate(45deg); margin-top: -6px !important; } .industry-block .accordion-content-bg { padding-left: 35px; } } @media only screen and (max-width: 1024px) { .image-video-section { background-attachment: inherit; } .social-icon { right: 0px; top: auto; bottom: 0; width: 100%; } .social-icon ul { display: flex; width: 100%; } .social-icon ul li { width: 100%; margin: 0; text-align: center; } .social-icon ul li a { width: 100%; height: 50px; border-radius: 0; } button.back-to-top.show { width: 40px; height: 40px; bottom: 120px;} button.back-to-top { bottom: 120px;} footer { margin-bottom: 50px; } button.back-to-top::before { font-size: 16px; } .wide-image-text .wide-text-wrap .wide-text-left {width: 45%;} .wide-image-text .wide-text-wrap .wide-text-right {width: 45%;padding-top: 0;} .icons-full-width.four-icons-block .icons-full-width-row, .icons-full-width.four-icons-block .icons-full-width-row {grid-template-columns: repeat(3, minmax(0, 1fr));} .tabcontent .tabcontent-inner {padding: 25px 0 70px;} } @media only screen and (max-width: 991px) { h1, .h1 { font-size:36px; line-height: 40px; } h2, .h2 { font-size:36px; line-height: 40px; } h3, .h3 { font-size: 20px; line-height: 34px; } h4, .h4 { font-size: 20px; line-height: 30px; } .tabbed-content-slider { display: block; } .tabing-section .tabbed-card-figma { display: none; } .top-hero-banner .top-text p { font-size: 24px; line-height: 32px; } .section-header p { font-size: 24px; line-height: 32px; } .top-hero-banner .top-text-inner { max-width: 100%; } .top-hero-banner .top-hero-banner-wrap { padding: 50px 0 70px; } .three-column-text .three-column-row { flex-wrap: wrap; } .three-column-text .three-column-row .three-column { width:100%; margin-bottom: 20px;} .three-column-text .three-column-row .three-column p { margin-bottom: 20px; } .three-column-text .three-column-row .three-column ul li:last-child { margin-bottom: 0;padding-bottom: 0; } .three-column-text { padding: 60px 0 30px; } .featured-blocks .featured-blocks-column { width: 50%; } .featured-blocks .section-header { margin-bottom: 40px; } .featured-blocks .featured-blocks-column p { line-height:30px; } .side-by-side-text .side-by-side-text-wrap { flex-wrap: wrap; } .side-by-side-text .side-by-side-text-wrap .section-header { width: 100%; padding-right: 0; margin-bottom: 25px; } .side-by-side-text .side-by-side-text-wrap .side-by-side-text-row { width: 100%; padding-left: 0; } .side-by-side-text-three-img { margin-bottom: 15px; } .text-stacked-figures-with-icons-wrap .section-header { width:100%; padding-right:0;margin-bottom:50px } .text-stacked-figures-with-icons-wrap .stacked-figures-with-icons { width: 100%; } .stacked-figures-with-icons .counter-number { font-size: 35px; } .stacked-counter-wrap .stacked-counter-icon + .stacked-counter-content { width: calc(100% - 60px); } .stacked-counter-wrap .stacked-counter-icon { width: 60px; } .text-stacked-figures-with-icons { padding: 60px 0; } .icons-full-width .icons-full-width-content h4 { font-size: 22px; margin-bottom: 5px; } .icons-full-width { padding: 50px 0 80px; } .icons-full-width .icons-full-width-content p { line-height: 28px; } .icons-full-width .icons-full-width-row {grid-template-columns: repeat(3, minmax(0, 1fr));} .icons-full-width .icons-full-width-row.extended-layout .icons-full-width-column { width: 33.33%; } .large-cta-with-background-image { padding:130px 0; } .testimonials { padding: 80px 0; } .testimonials .testimonials-content p { font-size: 22px; line-height: 34px; } .testimonials .testimonials-quote span { font-size: 18px; } .testimonials .testimonials-quote em { font-size: 18px; } .testimonials .testimonials-quote strong { font-size: 18px; } .form-section { padding: 60px 0; } .teambio_box { -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr); grid-template-columns: repeat(2, minmax(0, 1fr)); } .post-wrap .post-inner-wrap .post-right-c p { font-size: 24px; line-height: 34px; } .post-wrap .post-inner-wrap .post-right-c .btn.white { font-size: 22px !important; } .post-wrap .post-inner-wrap .post-right-c .btn.white i { left: 8px; font-size: 22px; top: 2px; } button.slick-arrow { width: 45px; height: 45px; right: 60px; } .social-icon { right: 0px; top: auto; bottom: 0; width: 100%; } .social-icon ul { display: flex; width: 100%; } .social-icon ul li { width: 100%; margin: 0; text-align: center; } .social-icon ul li a { width: 100%; height: 50px; border-radius: 0; } .tabing-section { padding-top: 70px; padding-bottom: 70px; } .tabs-content-top .slick-arrow { display: none; right: auto; top: 15px; } .tab-content-bottom .tab-inner-image { margin-bottom: 30px; height: 350px; } .tab-content-bottom .tab-inner-image img { border-radius: 20px; } .industry-block { padding:60px 0 0; } .industry-block .industry-block-inner .section-header-wrap { flex-wrap: wrap; } .industry-block .industry-block-title { max-width: 100%; margin-bottom: 20px; } span.accordion__title-text { padding-right: 25px; } .industry-block .accordion__item .accordion__title .accordion__arrow { font-size: 43px; } /* .industry-block .accordion__item:last-child .accordion__title { padding-bottom: 0; }*/ .history_timeline { padding:60px 0 0 0; } section.history_timeline .timeline-wrapper { height: 500px; } section.history_timeline .timeline-wrapper span.prev-arrow.slick-arrow { left: 15px; } section.history_timeline .timeline-wrapper span.next-arrow.slick-arrow { right: 15px; } section.history_timeline .timeline-year { font-size: 45px; } .news-events .news-events-wrap { flex-wrap: wrap; } .news-events .news-events-wrap .news-events-heading { width: 100%; padding-right: 0; margin-bottom: 15px; } .news-events .news-events-wrap { padding: 0 30px 0 30px; } .news-events .news-events-wrap .news-events-listing { width:100%; display:flex; flex-wrap:wrap; margin:0; } .logo-carousel .d-flex { flex-wrap: wrap; margin-bottom: 30px; } .logo-carousel .d-flex .left-part { width: 100%; padding-right: 0; } .logo-carousel .d-flex .right-part { width: 100%; padding: 10px 0 0;} section.logo-carousel { padding: 60px 0 60px 0; } .is-table table th, .is-table table td { font-size: 20px; } .is-table table td { font-size: 20px; } .images-and-text-module .section-header-content .text-header-wrap p { font-size: 24px; line-height: 32px; } .images-and-text-module .section-header-content p { font-size: 20px; } .wide-videoimage .section-header .section-header-title { width: 100%; padding-right: 0; } .wide-videoimage .section-header .section-header-desc { width: 100%; } .wide-videoimage .section-header .section-header-desc p { margin-bottom: 10px; } .tabs-content-top .slick-slide h4 { font-size: 22px; font-weight: 700; border: none; padding: 20px 0px 10px 0px; cursor: pointer; outline: none; width: 100%; letter-spacing: 0.00em; background-color: transparent; border-bottom: 1px solid #d6d6d8; text-align: left; color: #c52233; font-family: "Roboto", sans-serif; letter-spacing: -0.8px; text-align: center; } .tabs-content-top .slick-slide.slick-current.slick-active h4 { color: #00447c; } .tab-content-bottom .tab-inner-image img { border-radius: 15px; width: 100%; height: 100%; object-fit: cover; } .tabing-section .coman-block-sec { margin-bottom: 30px; } .tabing-section .section-header h2 { margin-bottom: 15px; } .tabing-section a.btn.clr-btn { font-size: 20px; } .tabing-section a.btn.clr-btn i { font-size: 18px; top: 1px; } .tabs-content-top { margin: 0px 45px; } .tabs-content-top .slick-arrow.slick-prev { left: -40px; } .tabs-content-top .slick-arrow.slick-next { right: -40px; } .tabs-content-top .slick-slide h4 { border-bottom: none; } .tab-content-b-open { padding: 0 10px; } .post-wrap .post-inner-wrap .post-right-c .cta-btn { margin-top: 10px; } .side-by-side-text-three-img-row .side-by-side-text-three-img-col figure { height: 250px; } footer { margin-bottom: 50px; } .images-and-text-module .section-header-content .right-btn { max-width: 400px; } .images-and-text-module .section-header-content .right-btn a.btn-wrap { margin-bottom: 15px; } .location-map .map img { margin-top: 40px; } .vision-for-industry .vision-for-industry-column { width: 50%; } .corporate-title h4 { font-size: 22px; line-height: 26px; } .corporate-links-with-icons-item { width: 50%; } .corporate-links-with-icons-item { flex-grow: initial; } .corporate-links-with-icons { padding: 60px 0 20px; } .top-hero-banner .top-hero-banner-wrap .top-text { width: 60%; } .top-hero-banner .top-hero-banner-wrap .right-btn{width:40% } .large-cta-with-background-image .background-image { height: 450px; position: relative; } .large-cta-with-background-image .container { padding-top: 40px; padding-bottom: 40px; } .large-cta-with-background-image { padding: 0 0 0px; } .resources-listing .resources-listing-item { width: 50%; } section.history_timeline .d-flex .slider-part .timeline-nav__item { font-size: 22px; } section.history_timeline .d-flex .slider-part .timeline-nav__item { padding: 20px 15px !important; } .post-filter-wrap .filter-wrap { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sort-wrap .sbOptions li a { font-size: 22px; } .large-cta-with-background-image .section-header { max-width: 100%; } .sort-wrap .sbToggle.sbToggleOpen { top: 26px; } .resources-listing { padding: 55px 0 55px; } .insight-section-block .resources-listing{padding-bottom: 0;} .pagination.resource-pagination { padding-top: 20px; } .blog-single-post{padding: 120px 0 50px;} .blog-single-post .article-meta { width: 100%; margin-bottom: 20px; } .blog-single-post ul.social-share { float:none; width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: end; justify-content: start; margin: 0; } .blog-single-post ul.social-share li:first-child { margin-left: 0; } .no-results-main article p { font-size: 20px; line-height: 30px; } button.back-to-top.show { bottom: 125px; } button.back-to-top { bottom: 125px; } .post-filter-wrap .filter-wrap .search-field { grid-column: span 2; } .popup-text button.mfp-close { width: 50px; height: 50px; font-size: 32px; right: 7px; top: 4px; left: inherit; } .pagination.news-pagination { padding-top: 20px; } .industry-block .accordion__item .accordion__title.accordion-active .accordion__arrow { right:-7px; top: -15px; } .industry-block .accordion__item .accordion__title.accordion-active .accordion__arrow { position: absolute; right: -10px; top: 15px; } .industry-block .accordion__item .accordion__arrow-item { /* position: absolute; right: 30px;top:-3px ; */} span.accordion__title-text { padding-right: 30px; display: inline-block; } .form-section form .mktoFormRow { width: 50%; } .marquee-wrapper .number {font-size: 70px;} .marquee-wrapper .stat {min-width: 200px;margin: 0 30px;} .fegures-scroller-section {padding-top: 70px;padding-bottom: 90px;} .our-tem-block, .our-tem-block.four-team-block {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 25px;} .popup-text .popup-two-block .popup-left-block {width: 39.7%;} .tabbed-content-slider { display: block; } .tabing-section .tabbed-card-figma { display: none; } .round-image-and-text .round-image-and-text-row p { font-size: 22px; line-height: 32px; } .round-image-and-text .round-image-and-text-row h3 { font-size: 28px; line-height: 36px; } .round-image-and-text-inner .round-circle-image-and-text { width: 270px; height: 270px; } .round-image-and-text-inner .round-circle-image-and-text:after { width: 280px; height: 280px; } .round-image-and-text-inner .round-circle-image-and-text figure { width: 240px; height: 240px; } .round-image-and-text-wrap #dynamic-video-container video { width: 240px; height: 240px; } .round-image-and-text .round-image-and-text-row p { font-size: 20px; line-height: 30px; } .round-image-and-text { padding: 70px 0 100px; } .value-your-industry .value-your-industry-slider { margin-right: -180px; } .value-your-industry .section-header { max-width: 100%; margin-bottom: 80px; } .value-your-industry-slider .slick-prev.slick-arrow { right: 240px; top: -70px; } .value-your-industry-slider .slick-next.slick-arrow { right: 180px; top: -70px; } .value-your-industry .item-inner .heading h3 { margin-bottom: 10px; } .value-your-industry-slider .slick-arrow { margin-right: 0; } .search-filter-and-product-list-section .result-list .result-block {padding: 20px 25px 30px 25px;width: calc(50% - 20px);} .product-tab button {font-size: 24px;border-bottom: 2px solid #bebdbc;padding: 10px 0px 15px 0px;} .tabcontent .tabcontent-inner .content-list-block .list-block.g-text {width: 100%;margin-bottom: 30px;} .tabcontent-inner .features_benefits_blocks {row-gap: 30px;grid-template-columns: repeat(1, minmax(0, 1fr));} .hbspt-form .hs_phone.hs-phone.hs-form-field .input .hs-input select {margin-right: 20px;} .tab-content {grid-template-columns: 1fr;gap: 40px;} .main-title {font-size: 36px;} .tab-navigation {gap: 8px;margin-bottom: 30px;} .nav-arrow {font-size: 28px;padding: 6px 0} .tabs-container {gap: 16px;} .tabs-wrapper {gap: 16px;} .tab {font-size: 24px;padding: 8px 0;} .rectangle-image{width: 45%;} .rectangle-text { width: 55%; padding-left: 30px; padding-top: 15px; position: relative; } .rectangle-image figure { height: 300px;} .horizonal-tab-slider{padding: 50px 0;} .side-by-side-text .side-by-side-text-wrap .section-header p{line-height: 32px;} .tab{font-size: 20px;min-width: 245px;} .tabs-wrapper{padding: 0 0;} .desktop-menu li.menu-lavel-1.hide-menu-desc{display: block;} .rectangle-image-and-text{padding:25px 0;} .slide-accordion-section h3 {font-size: 32px;} .slide-accordion-section p {font-size: 20px;} .slide-accordion-section .accordion-label{font-size: 30px;} .slide-accordion-section .accordion-content{padding: 30px 20px 40px 25px;} .slide-accordion-section .accordion-label {top: calc(100% - 100px);left: 60%;} .slide-accordion-section .accordion-item.active {-webkit-box-flex: 4;-ms-flex: 4;flex: 4;} .slide-accordion-section {padding: 30px 0 50px;} .slide-accordion-section .coman-block-sec .coman-block { width: 100%;} .slide-accordion-section .coman-block-sec .view-all-coman, .coman-block-sec .view-all-coman { width: 100%; margin-top: 15px;} .resources-cta-block{padding: 50px 0;} .resources-left { width: 100%; padding-right: 0; } .resources-right { width: 100%; padding-left: 0; } .resources-right-inner h3{font-size: 32px;} .top-title-block{padding-bottom: 20px;} .slide-accordion-section .section-header .section-header-left{width: 100%;} .slide-accordion-section .section-header .section-header-right { width: 100%; text-align: left; } .slide-accordion-section .accordion-item.active {-webkit-box-flex: 4;-ms-flex: 4;flex: 4;} .slide-accordion-section .accordion-item{margin: 0 8px;} .intro-section{padding:70px 0 50px;} .intro-section .intro-wrap .intro-left {width: 100%;padding-bottom: 35px;} .intro-section .intro-wrap .intro-btn {width: 100%;text-align: left;padding-top: 0;} .intro-section .intro-wrap .right-btn{text-align: left;} .images-and-text-module .section-header{width:100%;margin-bottom: 0;} .images-and-text-module .images-and-text-module-image { width: 100%; } .side-by-side-section .side-by-wrap .side-by-item-left{width: 100%;padding: 50px 0;} .side-by-side-section .side-by-bg-right { width: 100%; position: relative; height: 100%; padding-bottom: 57.25%;top: inherit; transform: inherit;} .insight-top-wrap .top-text { width: 100%;margin-bottom: 25px;} .insight-top-wrap .right-btn{text-align: left;width: 100%;} .images-and-text-module .section-header-content{max-width: 100%;padding: 0;} .insight-section-block{padding: 60px 0 40px;} .our-tem-heading h3{font-size: 24px;} .our-tem-heading p { font-size: 20px; } .large-cta-with-background-image .right-btn { margin-top: 50px; } footer .bottom-footer-wrap .copy-rt { width: 100%; max-width: 100%; text-align: center;margin-bottom: 20px;} footer .bottom-footer-wrap .menu-footer-menu-container { width: 100%; display: flex; margin: 0; padding: 0; justify-content: center; } footer .bottom-footer-wrap ul{flex-wrap: wrap;justify-content: center;} .related-resources-list-wrap .item, .related-resources-list-wrap .item.item.two-columns, .related-resources-list-wrap .item.item.four-columns{width:calc(50% - 30px);margin: 0 15px 30px;} .related-resources-list-wrap .item:last-child, .related-resources-list-wrap .item.item.two-columns:last-child, .related-resources-list-wrap .item.item.four-columns:last-child{margin-bottom: 0;} } @media only screen and (max-width: 767px) { h1, .h1 { font-size: 30px; line-height: 34px; margin-bottom: 15px; } h2, .h2 { font-size: 30px; line-height: 34px; margin-bottom: 15px; } .btn-wrap { padding: 14px 22px 14px 22px; font-size: 18px; } .top-hero-banner.main-home-banner .top-hero-banner-wrap { padding-top: 220px; padding-bottom: 50px; } .top-hero-banner .top-hero-banner-wrap { flex-wrap: wrap; } .top-hero-banner .top-hero-banner-wrap .top-text { width: 100%; margin-bottom: 25px; } .top-hero-banner .top-text p { font-size: 22px; line-height: 30px; } .section-header p { font-size: 22px; line-height: 30px; } .three-column-text .three-column-row .three-column figure { height: 300px; margin-bottom: 30px; } .featured-blocks { padding: 50px 0 20px; } .featured-blocks .featured-blocks-column p { margin-bottom: 15px; } .side-by-side-text { padding: 50px 0 20px; } .stacked-counter-wrap .stacked-counter-content p { font-size: 18px; line-height: 28px; } .stacked-counter-wrap .stacked-counter-content h4 { margin-bottom: 10px; } .stacked-figures-with-icons .counter-number { margin-bottom: 10px; } .icons-full-width .icons-full-width-row.extended-layout .icons-full-width-column { width: 50%; } .large-cta-with-background-image { padding:110px 0; } .testimonials { padding: 60px 0; } .testimonials .testimonials-quote { width: 100%; margin-bottom: 20px; } .testimonials .testimonials-quote + .testimonials-content { width: 100%;padding-right: 0;} .testimonials-slider.slick-initialized.slick-slider { margin: 0 20px; } .testimonials-slider .slick-prev { left: -45px !important; } .testimonials-slider .slick-next { right: -45px !important; } .testimonials-slider button.slick-prev.slick-arrow:before { padding: 10px; } .testimonials-slider button.slick-next.slick-arrow:before { padding: 10px; } .testimonials .testimonials-content p { font-size: 20px; line-height: 30px; } .nf-form-content nf-fields-wrap nf-field { width: 50%; } .form-section { padding: 50px 0; } .teambio .section-header { margin-bottom: 30px; } footer .bottom-footer-wrap .copy-rt { width: 100%; max-width: 100%; text-align: center; } footer .bottom-footer-wrap .menu-footer-menu-container { width: 100%; display: flex; margin: 0; padding: 0; justify-content: center; } .post-clm-section { padding-top: 70px; padding-bottom: 50px; } .testimonials .testimonials-item-inner { padding: 0 8px; } .tabing-section { padding-top: 60px; padding-bottom: 60px; } .industry-block .accordion__item .accordion__title { font-size: 24px; } section.history_timeline .timeline-wrapper { height: 450px; } section.history_timeline .d-flex .slider-part { width: 100%; } section.history_timeline .d-flex .side-text { width: 100%; } .history_timeline .section-header h2 { margin-bottom: 13px; } .history_timeline .section-header { margin-bottom: 35px; } .news-events .news-events-wrap .news-events-listing .news-events-listing-item { width: 50%; margin-bottom: 25px; } section.logo-carousel { padding: 40px 0 40px 0; } .is-table table th, .is-table table td { font-size: 18px; } .is-table table td { font-size: 18px; } .table-style { padding: 50px 0; } .table-style .heading-coman-top { margin-bottom: 25px; } .location-map #filter-controls { position: relative;padding: 15px 15px; width: 100%; border-radius: 10px; } .location-map .sbSelector > a { font-size: 20px; } .location-map .sbOptions { left: -15px; top: 40px !important; width: 105% !important; } .location-map .sbOptions a { padding: 13px 25px 13px 20px !important; } .location-map .sbOptions { border-radius: 10px; } .location-map .sbOptions a { font-size: 20px; } .location-map .location-info h3 { font-size: 20px; margin-bottom: 10px; line-height: 30px; } .location-map .location-info p:nth-child(2) { margin-bottom: 10px !important; font-size: 16px; line-height: 24px; } .location-map .location-info p { font-size: 16px; line-height: 26px; } .images-and-text-module .images-and-text-module-image { width: 100%; } .images-and-text-module .section-header { width: 100%; } .images-and-text-module .section-header-content { max-width: 100%; padding: 0; margin: 0; } .images-and-text-module { padding: 50px 0; } .wide-videoimage { padding:50px 0; } .video-container .play-button-wrapper div { width: 65px; height: 65px; } .video-container .play-button-wrapper div i { font-size: 25px; } .wide-videoimage video { border-radius: 15px; } .video-container .play-button-wrapper div:before { border: 3px solid rgba(255, 255, 255, 0.5); } .video-container .play-button-wrapper div i { margin-left: 2px; } .video-popup a { width: 65px; height: 65px; } .video-popup a i { font-size: 25px; } .video-popup a span { height: 75px; } .video-popup { border-radius: 15px; } .post-clm-section .post-wrap .post-inner-wrap { padding-right: 25px; margin-bottom: 50px; } .post-wrap .post-inner-wrap .post-right-c p { font-size: 22px; line-height: 32px; } .post-wrap .post-inner-wrap .post-right-c .btn.white { font-size: 20px !important; } .side-by-side-text-three-img-row .side-by-side-text-three-img-col figure { height: 185px; } .images-and-text-module .section-header-content .right-btn { max-width: 100%; } .tabing-section a.btn.clr-btn { font-size: 18px; } .vision-for-industry { padding: 60px 0 50px; } .corporate-links-with-icons .section-header h2 { margin-bottom: 15px; } .corporate-links-with-icons .section-header { margin-bottom: 40px; } .corporate-title h4 { font-size: 20px; line-height: 25px; } .top-hero-banner .top-hero-banner-wrap { padding: 200px 0 50px; } .large-cta-with-background-image { padding:0; } .post-filter-wrap { padding-top: 40px; padding-bottom: 40px; } .large-cta-with-background-image .background-image { height: 350px; } .alignleft { float: none; margin-right: 0; margin-bottom: 20px; width: 100% !important; } .alignright { float: none; margin-left: 0; margin-bottom: 20px; width: 100% !important; } .blog-single-post{padding: 70px 0 35px;} .blog-single-post .blog-single-post-inner img { width: 100%; } .blog-single-post .article-meta span { font-size: 18px; } .blog-single-post .article-meta span em { font-size: 18px; } .no-results-main article img { width: 100%; object-fit: cover; height: 100%; } .top-hero-banner { min-height: 550px; } .images-and-text-module.align-right .images-and-text-module-image { order: 1; } .images-and-text-module .listing-wrap { margin: 30px 0 30px 0; } .popup-text { padding: 60px 50px 30px 30px; height: 600px; overflow: auto; } .popup-text .popup-two-block .popup-left-block { float: none; width: 100%; margin-bottom: 30px; } .popup-text .popup-two-block .popup-right-block { float: left; width: 100%; height: auto; overflow-y: auto; max-height: max-content; padding-right: 0; } .popup-text button.mfp-close { top: 9px; } .industry-block .accordion__item .accordion__title.accordion-active .accordion__arrow { right: -12px; } .intro-section {padding-top: 60px;padding-bottom: 50px;} .marquee-wrapper .number {font-size: 50px;} .marquee-wrapper .label {font-size: 18px;max-width: 200px;} .marquee-wrapper .stat {min-width: 160px;margin: 0 15px;} .wide-image-text {padding-top: 50px;padding-bottom: 50px;} .wide-image-text .wide-text-wrap .wide-text-right {width: 100%;} .wide-image-text .wide-text-wrap .wide-text-left {width: 100%;margin-bottom: 30px;} .wide-text-left h2 {margin-bottom: 30px;} .wide-text-right p {margin-bottom: 20px;} .side-by-side-section .side-by-wrap .side-by-item-left {width: 100%;padding: 0;order: 2;} .side-by-side-section .side-by-bg-right {width: 100%;position: relative;height: 300px;border-radius: 20px !important;overflow: hidden !important;left: 0;padding: 0;margin-bottom: 30px;} .side-by-side-section.side-by-left-image .side-by-wrap .side-by-bg-right {left: 0;} .side-by-side-section.side-by-left-image .side-by-wrap .side-by-item-left {width: 100%;} .side-by-side-section {padding: 30px 0px;margin: 0;} .team-popup-blocks .popup-left-block .popup-descri { width: 100%;margin-top: 20px; } .team-popup-blocks .popup-left-block .popup-descri p {margin-bottom: 15px;} .team-popup-blocks.popup-text .popup-two-block .popup-left-block {margin-bottom: 10px;} .team-popup-blocks.popup-text {padding: 40px 20px 20px 20px;} .popup-left-block img {width: 240px;object-fit: cover;height: 240px;} .popup-left-block .popup-descri p {font-size: 18px;} .blog-single-post ul {width: 100%;} img.alignright {float: right;padding-left: 0px;margin-left: 0;max-width: 100%; } img.alignleft {margin: 10px 0 30px 0;max-width: 100%;} .icons-full-width .icons-full-width-row, .icons-full-width.four-icons-block .icons-full-width-row, .icons-full-width.three-icons-block .icons-full-width-row{grid-template-columns: repeat(2, minmax(0, 1fr));} span.accordion__title-text {line-height: 1.4;} .hbspt-form form fieldset input[type="text"], .hbspt-form form fieldset input[type="email"], .hbspt-form form fieldset input[type="tel"], .hbspt-form form fieldset select, .hbspt-form form fieldset textarea {font-size: 20px;height: 40px;} .form-section .section-header {margin-bottom: 20px;} .search-results-main .search-result-items a.searched-item .search-heading {width: 100%;padding-right: 0; margin-bottom: 30px;} .search-results-main .search-result-items a.searched-item .collection-img {width: 100%;} .search-results-main .page-header {margin-bottom: 0 !important;} .search-results-main {padding-top: 40px;padding-bottom: 40px;} .intro-section .intro-wrap .right-btn {width: 100%;text-align: left;} .round-image-and-text-inner { flex-wrap: wrap; } .round-image-and-text-inner .round-circle-image-and-text + .round-image-and-text-row { width: 100%; padding-left: 0; } .round-image-and-text-inner .round-circle-image-and-text { margin-bottom: 25px;} .item.align-right .round-image-and-text-inner .round-image-and-text-row { padding: 0; order: 2;} .item.align-right .round-image-and-text-inner .round-image-and-text-row { text-align: left; } .round-image-and-text .align-right .round-image-and-text-inner { justify-content: flex-start; } .round-image-and-text-wrap .item { margin-bottom: 50px; } .value-your-industry .value-your-industry-slider { margin-right: -50px; } .value-your-industry { padding: 60px 0 60px; } .value-your-industry .section-header { max-width: 100%; margin-bottom: 100px; } .value-your-industry-slider .slick-next.slick-arrow { right: 40px; } .value-your-industry-slider .slick-prev.slick-arrow { right: 100px; } .value-your-industry-slider ul.slick-dots { flex-wrap: wrap; } .value-your-industry-slider ul.slick-dots li { margin: 0 15px 10px 0; } .value-your-industry-slider ul.slick-dots li button { width: 35px; } .product-tab button {font-size: 20px;padding: 5px 0px 10px 0px;} .tabcontent .tabcontent-inner .content-list-block span.title {font-size: 20px;} .tabcontent .tabcontent-inner .downloadable-links a, .tabcontent .tabcontent-inner .downloadable-links a span {font-size: 16px;} .tabcontent .tabcontent-inner .content-list-block .list-block.g-text {margin-bottom: 20px;} .product-top-section {padding-top: 60px;} .tab {font-size: 20px;} .tabs-container {gap: 10px;} .tabs-wrapper {gap: 10px;} .rectangle-image-and-text-inner{flex-wrap: wrap;} .rectangle-image{width:100%;} .rectangle-text { width: 100%; padding-left: 0; padding-top: 15px;} .rectangle-text .cta-button { position: relative; left: 0;} .align-right .rectangle-text { padding-left: 0px; text-align: left; padding-right: 0; } .align-right .rectangle-text .cta-button { right: 0;} .align-right .rectangle-image { order: 1; } .align-right .rectangle-text{order: 2;} .rectangle-image-and-text-wrap .item { padding: 40px 0 20px; } .text-stacked-figures-with-icons-wrap .section-header p, .large-cta-with-background-image .section-header p{font-size: 22px; line-height: 30px;} .side-by-side-text .side-by-side-text-wrap .section-header p{line-height: 28px;} .side-by-side-section .side-by-wrap .side-by-item-left h2{margin-bottom: 25px;} .image-placeholder{height: 330px;}.slide-accordion-section .accordion-slider .images-and-text-module .images-and-text-module-image .image-item{margin-bottom: 20px;} .rectangle-image figure:before{background-size: 50px;left: 0;} .slide-accordion-section .accordion-item {margin-bottom: 10px;} .accordion-content span.toparrow {top: 25px;width: 45px;height: 45px;font-size: 15px;left: 27px;} .slide-accordion-section .accordion-slider {height: auto;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;} .slide-accordion-section .accordion-item { min-height: 80px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .slide-accordion-section .accordion-item.active {min-height: 400px;} .slide-accordion-section .accordion-label {top: 50%;left: 30px;-webkit-transform: translateY(-50%) rotate(0deg);-ms-transform: translateY(-50%) rotate(0deg);transform: translateY(-50%) rotate(0deg);} .slide-accordion-section .accordion-item.active .accordion-label { -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(0.8); -ms-transform: translate(-50%, -50%) rotate(0deg) scale(0.8); transform: translate(-50%, -50%) rotate(0deg) scale(0.8); } .slide-accordion-section {padding-top: 50px;padding-bottom: 50px;} .resources-bottom-listing .resources-box { width: calc(50% - 30px);} .top-title-block{justify-content: space-between;flex-wrap: wrap;} .top-hero-banner.main-home-banner .top-hero-banner-wrap .top-text{width: 100%;} .top-hero-banner.main-home-banner .right-btn{width: 100%;text-align: left;} section.top-hero-banner.main-home-banner{min-height: 500px;} .top-hero-banner.main-home-banner .top-hero-banner-wrap{padding-top: 150px; padding-bottom: 40px;} .top-hero-banner .top-hero-banner-wrap .right-btn{width: 50%;text-align: left;} .blog-single-post .blog-single-post-inner .featured-image{height: 400px;} .insight-section-block{padding: 40px 0;} .our-tem-block .popup-image-show figure img{object-position: top center;} .related-resources-list-wrap{margin: 0;} .related-resources-list-wrap .item, .related-resources-list-wrap .item.item.two-columns, .related-resources-list-wrap .item.item.four-columns{width:100%;margin: 0 0 30px;} .related-resources-list-wrap .item:last-child, .related-resources-list-wrap .item.item.two-columns:last-child, .related-resources-list-wrap .item.item.four-columns:last-child{margin-bottom: 0;} .related-resources-list{padding: 50px 0;} /* .blog-single-post .list-block-design table thead {display: none;} .blog-single-post .list-block-design table tbody td::before {content: attr(data-label);font-weight: bold;display: block; margin-bottom: 4px; color: #555; } */ .blog-single-post .list-block-design .table-responsive { width: 100%; overflow-x: auto;margin-bottom: 50px;} .blog-single-post .list-block-design table { width: 700px; overflow-y: auto; } .blog-single-post .list-block-design table tbody tr td{font-size: 16px;} } @media only screen and (max-width: 640px) { .post-filter-wrap .filter-wrap .search-field { grid-column: span 1; } .featured-blocks .featured-blocks-column { width: 100%; } .teambio_box { -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr); grid-template-columns: repeat(1, minmax(0, 1fr)); } section.history_timeline .timeline-wrapper { height: 400px; } .tabing-section a.btn.clr-btn { width: 100%; } .iphone_.safari_ .slide-menu ul a.slide-menu-control:after { top: 45%; } .intro-counter-wrap { width: 100%; padding: 0; border-bottom: 1px solid #fff; margin-bottom: 25px; padding-bottom: 10px; } .intro-counter-wrap:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .intro-counter-wrap:after { display: none; } .vision-for-industry .vision-for-industry-column { width: 100%; } .corporate-links-with-icons-item { width: 100%; } .item-inner-wrap { margin-bottom: 20px; } .resources-listing .resources-listing-item { width: 100%; } .post-filter-wrap .filter-wrap { grid-template-columns: repeat(1, minmax(0, 1fr)); } .iphone_.safari_ .video-container .play-button-wrapper div { width: 60px; height: 60px; } .iphone_.safari_ .video-container .play-button-wrapper { top: 48%; } .video-container .play-button-wrapper div:hover:before { opacity: 0;} .form-section form .mktoFormRow { width: 100%; } .our-tem-block {grid-template-columns: repeat(1, minmax(0, 1fr)) !important;gap: 25px;} .round-image-and-text-inner { justify-content: center; } .round-image-and-text .align-right .round-image-and-text-inner { justify-content: center; } .item.align-right .round-image-and-text-inner .round-image-and-text-row { text-align: center; } .value-your-industry .value-your-industry-slider { margin-right: -100px; } .value-your-industry-slider .slick-prev.slick-arrow { right: 150px; } .value-your-industry-slider .slick-next.slick-arrow { right: 90px; } .product-tab button {font-size: 14px; border-bottom: 2px solid #bebdbc;padding: 5px 15px 10px 0px; width: 100%;} .slide-accordion-section .accordion-content {padding: 30px 20px 10px 25px;} .resources-bottom-listing{margin: 0;} .resources-bottom-listing .resources-box { width: 100%;margin: 0 0 15px;} .blog-single-post .blog-single-post-inner .featured-image{height: 300px;} .resources-listing-item-inner .resources-listing-content{height: inherit !important;padding: 35px 25px 25px 25px;} .resources-listing-item-inner .resources-listing-content { height: calc(100% - 200px) !important; } } @media only screen and (max-width: 575px) { p{font-size: 18px;line-height: 28px;} h2, .h2 { font-size: 30px; line-height: 34px;} .btn-wrap { margin-bottom: 15px; } .top-hero-banner .top-text p { font-size: 20px; line-height: 28px; } .section-header p { font-size: 20px; line-height: 28px; } .three-column-text { padding: 45px 0 30px; } .side-by-side-text-three-img-row .side-by-side-text-three-img-col figure { height: 100px; width: 100px; } .side-by-side-text-three-img { max-width: 310px; } .side-by-side-text-three-img-row .side-by-side-text-three-img-col img { border-radius: 15px; } .stacked-counter-wrap .stacked-counter-icon { width: 40px; } .stacked-counter-wrap .stacked-counter-icon + .stacked-counter-content { width: calc(100% - 40px); } .icons-full-width .icons-full-width-row.extended-layout .icons-full-width-column { width: 100%; } .large-cta-with-background-image { padding:0; } .testimonials { padding: 50px 0; } .nf-form-content nf-fields-wrap nf-field { width: 100%; } .post-wrap .post-inner-wrap .post-left-img + .post-right-c { width: 100%; padding: 0; } .post-wrap .post-inner-wrap .post-left-img { width: 100%; } .post-clm-section .post-wrap .post-inner-wrap { flex-wrap: wrap; text-align: center; padding-right: 0; margin-bottom: 80px;} .post-wrap .post-inner-wrap .post-left-img figure { margin: 0 auto; margin-bottom: 20px; } .tabing-section { padding-top: 50px; padding-bottom: 50px; } .industry-block { padding:50px 0 0; } .industry-block .accordion__item .accordion__title { font-size: 22px; } .industry-block .accordion__item .accordion__title .accordion__arrow { font-size: 40px; } .history_timeline { padding:40px 0 0 0; } .news-events .news-events-wrap .news-events-listing .news-events-listing-item { width: 100%; } .table-style { padding: 40px 0; } .images-and-text-module { padding: 40px 0; } .wide-videoimage { padding:40px 0; } .video-container .play-button-wrapper div { width: 50px; height: 50px; } .video-container .play-button-wrapper div i { font-size: 15px; } .video-popup a { width: 50px; height: 50px; } .video-popup a i { font-size: 15px; } .video-popup a span { height: 81px; margin-left: 3px; } .iphone_.safari_ ul li:before { top: 8px; } .iphone_.chrome_ ul li:before { top: 8px; } .iphone_.mozilla_ ul li:before { top: 8px; } .location-map .sbOptions { width: 110% !important; } .post-clm-section button.slick-arrow { right: 0; left: 0; margin: 0 auto; } .post-clm-section button.slick-next.slick-arrow { left: 60px; } .post-clm-section button.slick-prev.slick-arrow { right: 60px; } .vision-for-industry-box .filter-tabs .filter-btn { font-size: 16px; } .large-cta-with-background-image .background-image { height: 350px; } .source-wrap a.link-button span { font-size: 18px; line-height: 28px; } .source-wrap a.link-button:after { width: 20px; height: 20px; background-size: 20px; } .source-wrap a.link-button { margin-bottom: 10px; } .source-wrap-btn a { font-size: 22px; } /* .top-hero-banner.main-home-banner .top-hero-banner-wrap { padding-top: 220px; padding-bottom: 40px; } */ .blog-single-post .article-meta p { flex-wrap: wrap; line-height: 1.2;} .tab-content-bottom .tab-inner-image { height: 300px; } .readmore1 { font-size: 22px; letter-spacing: -0.4px; } .featured-blocks.two-column .featured-blocks-column { width: 100%; } .marquee-wrapper .number {font-size: 40px;} .icons-full-width .icons-full-width-row {grid-template-columns: repeat(1, minmax(0, 1fr)) !important;} .hbspt-form .hs-form-field {margin-bottom: 18px;} .hbspt-form .legal-consent-container .hs-richtext, .hbspt-form .legal-consent-container .hs-richtext p {font-size: 16px;} .hbspt-form form fieldset .inputs-list label {font-size: 16px;margin-bottom: 10px;} .hbspt-form .input ul.inputs-list li span {line-height: 1.2;} .hbspt-form .input ul.inputs-list li input {margin-top: 3px;} .value-your-industry .value-your-industry-slider { margin-right: 0; } .value-your-industry .slick-list.draggable { padding: 0px !important; } .value-your-industry .item-inner { margin:0 5px; height: 450px; } .value-your-industry-slider .slick-next.slick-arrow { right: 0; } .value-your-industry-slider .slick-prev.slick-arrow { right: 60px; } .search-filter-and-product-list-section .d-flex .filter-cover form {gap: 20px 22px;} .search-filter-and-product-list-section .result-list .result-block .result-block-inn h4 { font-size: 22px;} .search-filter-and-product-list-section {padding-top: 60px;} .search-filter-and-product-list-section .section-header {margin-bottom: 50px;} .box_view_html p,.box_view_html ul,.box_view_html ul li {font-size: 16px;} #powerTip {padding: 18px 25px 7px 25px;} .post-wrap .post-inner-wrap .post-right-c .cta-btn{position: relative;bottom: 0;} .text-stacked-figures-with-icons-wrap .section-header p, .large-cta-with-background-image .section-header p{font-size: 20px; line-height: 28px;} .icons-full-width-wrap .section-header p{line-height: 28px;} .top-hero-banner .top-hero-banner-wrap .right-btn{width: 100%;} } @media only screen and (max-width: 480px) { .hbspt-form .hs_phone.hs-phone.hs-form-field .input .hs-input { display: block; width: 100%; } .hbspt-form .hs_phone.hs-phone.hs-form-field .input .hs-input select { margin-bottom: 10px;} .slide-accordion-section h3 {font-size: 32px;} .slide-accordion-section .accordion-label {font-size: 32px;} .slide-accordion-section p {font-size: 20px;} .slide-accordion-section .coman-block-sec .coman-block h2 {font-size: 28px;margin-bottom: 20px;} .slide-accordion-section .coman-block-sec .coman-block h2 {font-size: 24px;} .slide-accordion-section .coman-block-sec {margin-bottom: 40px;} .slide-accordion-section h3 {font-size: 26px;} .slide-accordion-section .accordion-label {font-size: 26px;line-height: 1.1;} .slide-accordion-section p {font-size: 18px;line-height: 1.25;} .blog-single-post .blog-single-post-inner .featured-image{height: 260px;} } @media only screen and (max-width: 450px) { .search-filter-and-product-list-section .result-list .result-block {padding: 20px 20px 30px 20px;width: 100%;text-align: center;} .search-filter-and-product-list-section .result-list .result-block .result-block-inn figure { margin: 0 auto;width: 100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 14px;} .tab{min-width: 270px;} } @media only screen and (max-width: 390px) { .side-by-side-text-three-img-row .side-by-side-text-three-img-col figure {height: 80px; width: 80px;} .hbspt-form form fieldset input[type="text"], .hbspt-form form fieldset input[type="email"], .hbspt-form form fieldset input[type="tel"], .hbspt-form form fieldset select, .hbspt-form form fieldset textarea {font-size: 16px;height: 35px;} .search-results-main form.search-form input.search-submit {padding: 16px 20px 18px 20px;font-size: 18px;} .search-results-main form.search-form label input {font-size: 20px;} } @media screen and (min-width: 1025px) and (max-height: 750px) { .social-icon { transform: translate(0px, -50%); top: 50%; } }