/* Theme Name: Hexa Theme Version: 1.0 Text Domain: ht */ /*------------------------------------------------------ overwrite css start ------------------------------------------------------*/ body { font-family: "Open Sans", sans-serif; font-weight: 300; letter-spacing: 0; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; color: #1f1f26; } 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-family: "IBM Plex Sans", sans-serif; font-weight: 600; font-size: 76px; line-height: 76px; margin-bottom: 20px; margin-top: 0; color: #012D64; } h2, .h2 { font-size: 52px; line-height: 52px; font-family: "IBM Plex Sans", sans-serif; font-weight: 600; margin-bottom: 30px; color: #012D64; margin-top: 0; line-height: 1;letter-spacing: 0.2px;} h3, .h3 { font-size: 40px; line-height: 44px; font-family: "Montserrat", sans-serif; font-weight: 600; margin-bottom: 20px; margin-top: 0; color: #012D64; font-style: normal;} h4, .h4 { font-family: "IBM Plex Sans", sans-serif; font-weight: 600; color: #1f1f26; font-size: 30px; line-height: 34px; font-style: normal; margin-bottom: 20px; margin-top: 0;color: #E83F4A;} h5, .h5 { color: #012D64; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 24px; font-style: normal; margin-bottom: 20px; margin-top: 0; } h6, .h6 { color: #012D64; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 20px; font-style: normal; margin-bottom: 20px; margin-top: 0; } b, strong {Font-weight: 700;} .single-line {width: 100%;height: 1px; background-color: #2e3192;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: #333;} /* 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: "Open Sans", 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;} /* 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: #E83F4A; color: white; font-size: 17px; padding: 20px 45px 20px 40px; border: none; Border-radius: 32px; cursor: pointer; width: auto; font-weight: 500; font-family: 'Inter';} form input[type="submit"] i, form button[type="submit"] i { margin-left: 10px; font-size: 16px; font-weight: 400; } /* Submit button hover effect */ form input[type="submit"]:hover, form button[type="submit"]:hover {background-color: #BC2B20;} form input[type="submit"]:hover i, form button[type="submit"]:hover i{left:5px;} /* 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 */ .blog-single-post a { position: relative; display: inline-block; text-decoration: none; } .blog-single-post a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #E83F4A; 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; } p a { position: relative; display: inline-block; text-decoration: none;font-weight: 700;} p a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #E83F4A; transform: scaleX(0); transform-origin: right; transition: transform 0.4s ease-in-out; } p a:hover::after { transform: scaleX(1); transform-origin: left; } /* Link on hover line style end */ p {font-size: 16px;line-height: 26px;font-weight: 400;font-style: normal;letter-spacing: 0;margin-bottom: 20px;font-family: "Open Sans", sans-serif;margin-top: 0;color: #6F6F6F;} .section-header p {font-size: 22px;line-height: 26px;color: #012D64; margin-bottom: 0;} ul {margin-bottom: 25px;} ul li { list-style: none; padding-left: 25px; font-size: 16px; line-height: 26px; font-weight: 400; font-style: normal; letter-spacing: 0; margin-bottom: 12px; font-family: "Open Sans", sans-serif; margin-top: 0; color: #6F6F6F; position: relative; } ul li:before { content: "";position: absolute;left: 0;top: 10px;width: 4px;height: 4px;border-radius: 50%;background-color: #6F6F6F;} ul li ul { margin: 15px 0 20px 0;} ul li ul li {padding-left: 37px;} ul li ul li:before {left: 15px;} ol {margin-bottom: 25px;counter-reset: item;} ol li:before {content: counters(item, ".") ".";position: absolute;left: 0;top: 0;font-family: "Open Sans", sans-serif;color: #6F6F6F;} ol li {list-style: none;padding-left: 25px;font-size: 16px;line-height: 26px;font-weight: 400;font-style: normal;letter-spacing: 0;margin-bottom: 12px;font-family: "Open Sans", sans-serif;color: #1f1f26;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(#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% 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: #012D64; background-color: transparent; } a:hover { text-decoration: none; color: #E83F4A; } 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 */ .crimson-red-bg { background-color: #E83F4A;} .dark-red-bg{ background-color:#BC2B20} .navy-blue-bg {background-color: #012D64;} .blue-bg{background-color: #003A75;} .cool-gray-bg{background-color: #6F6F6F;} .light-gray-bg {background-color: #F7F7F7;} .soft-gray-bg{background-color: #F2F2F2;} .gray-bg{background-color:#E9E9E9;} .jet-black-bg{background-color: #333547;} .white-bg { background-color: #FFFFFF;} .black-bg {background-color: #000000;} /* background color Options End */ .bg-gradient-color { background: linear-gradient(45deg, #003C78, #034586);} .bg-navy-blue-gradient-color { background: linear-gradient(to right, rgba(0, 60, 120, 1) 0%,rgba(3,69,134,1) 100%);} .bg-light-steel-gradient-color {background: linear-gradient(to bottom, rgba(195, 212, 229, 0) 0%, rgba(195, 212, 229, 1) 100%);} .bg-gradient-royalblue-lightseagreen {background: linear-gradient(to right, rgba(46, 49, 146, 1) 0%, rgba(27, 222, 224, 1) 100%);} /* Text Color Options Start */ .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: #E83F4A;} .dark-red-color h1, .dark-red-color h2, .dark-red-color h3, .dark-red-color h4, .dark-red-color h5, .dark-red-color h6, .dark-red-color p, .dark-red-color ul li, .dark-red-color ol li, .dark-red-color .label-text{color: #BC2B20;} .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: #012D64;} .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: #003A75;} .cool-gray-color h1, .cool-gray-color h2, .cool-gray-color h3, .cool-gray-color h4, .cool-gray-color h5, .cool-gray-color h6, .cool-gray-color p, .cool-gray-color ul li, .cool-gray-color ol li, .cool-gray-color .label-text{ color: #6F6F6F;} .light-gray-color h1, .light-gray-color h2, .light-gray-color h3, .light-gray-color h4, .light-gray-color h5, .light-gray-color h6, .light-gray-color p, .light-gray-color ul li, .light-gray-color ol li, .light-gray-color .label-text{ color: #F7F7F7;} .soft-gray-color h1, .soft-gray-color h2, .soft-gray-color h3, .soft-gray-color h4, .soft-gray-color h5, .soft-gray-color h6, .soft-gray-color p, .soft-gray-color ul li, .soft-gray-color ol li, .soft-gray-color .label-text{ color: #F2F2F2;} .gray-color h1, .gray-color h2, .gray-color h3, .gray-color h4, .gray-color h5, .gray-color h6, .gray-color p, .gray-color ul li, .gray-color ol li, .gray-color .label-text{ color: #E9E9E9;} .jet-black-color h1, .jet-black-color h2, .jet-black-color h3, .jet-black-color h4, .jet-black-color h5, .jet-black-color h6, .jet-black-color p, .jet-black-color ul li, .jet-black-color ol li, .jet-black-color .label-text{color: #333547;} .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;} .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: 70px; border: none; background-color: #E83F4A; 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;transition: 0.5s all ease-in-out;} 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: #fff;color: #E83F4A;} button.slick-prev.slick-arrow:before { content: "\f053" !important; color: #fff;background: transparent !important;font-weight: 600;} button.slick-next.slick-arrow:before { content: "\f054" !important; color: #fff;background: transparent !important;font-weight: 600;} button.slick-prev.slick-arrow:hover:before, button.slick-next.slick-arrow:hover:before {background-color: #fff;color:#E83F4A} 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:0; left:0; max-width: 1390px; margin: 0 auto; width: 100%; } ul.slick-dots li { font-size: 0 !important; border: none; border-radius: 50%; padding: 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; padding: 10px; cursor: pointer; } ul.slick-dots li:before { display: none; } ul.slick-dots li button { background-color: #ffffff; width: 4px; height: 4px; 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; margin: 0 auto; outline: none; } ul.slick-dots li button:after{position: absolute;content: "";width: 20px;height: 20px;top: 50%;left: 0;right: 0;margin: 0 auto;border: 1px solid #fff;border-radius: 50%;transform: translateY(-50%);opacity: 0;visibility: hidden;} ul.slick-dots li.slick-active button:after{opacity: 1;visibility:visible;} ul.slick-dots li.slick-active button {border-radius: 50%;background-color: #fff;border-color: #fff;} /* Align Images Start */ .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, #012D64, #012D64, #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; } */ .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; } .btn-wrap:hover .btn-stcolor { background: transparent; } .btn-link {color: #E83F4A;font-family: "Montserrat", sans-serif;font-size: 16px;font-weight: 900;text-transform: uppercase;position: relative;padding-right: 0;letter-spacing: 0.8px;} .btn-link span{padding-right: 40px;text-align: left;display: inline-block !important;} .btn-link i {font-size: 26px;font-weight: 400;color: #012D64;transition: 0.5s all ease-in-out;position: absolute;right: 0;top: 45%;transform: translateY(-50%);} .btn-link:hover i{right: -5px;} .btn-link:hover{color: #012D64;} .btn-link span{background: initial !important;} .white-color .btn-link{color: #fff;} .white-color .btn-link:hover{color: #fff;} .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: 100px; position: relative; border-style: solid; border-width: 1px; transition: all 0.5s ease-in-out;font-family: "Inter", sans-serif;font-weight: 500;font-size: 17.21px; margin-right: 10px;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: 100px; 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;padding-right: 30px;line-height: 1.2;} .btn-hovercolor { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 100px; transition: all 0.5s ease-in-out; } .btn-wrap i {padding-left: 20px;font-weight: 500;font-size: 17px;position: absolute;left: inherit;transition: all 0.5s ease-in-out;right: 0;top:50%;transform: translateY(-50%)} .btn-wrap:hover i {right: -5px;} .btn-wrap:hover span { background: transparent !important; } /* Align Images End */ .btn-stcolor.bg-transparent {background: transparent;} /* Button color Options Start */ .btn-stcolor.crimson-red, .btn-wrap:hover .btn-hovercolor.crimson-red { background-color: #E83F4A;} .btn-stcolor.dark-red, .btn-wrap:hover .btn-hovercolor.dark-red { background-color: #BC2B20;} .btn-stcolor.navy-blue, .btn-wrap:hover .btn-hovercolor.navy-blue { background-color: #012D64;} .btn-stcolor.blue, .btn-wrap:hover .btn-hovercolor.blue { background-color: #003A75;} .btn-stcolor.cool-gray, .btn-wrap:hover .btn-hovercolor.cool-gray { background-color: #6F6F6F;} .btn-stcolor.light-gray, .btn-wrap:hover .btn-hovercolor.light-gray { background-color: #F7F7F7;} .btn-stcolor.soft-gray, .btn-wrap:hover .btn-hovercolor.soft-gray { background-color: #F2F2F2;} .btn-stcolor.gray, .btn-wrap:hover .btn-hovercolor.gray { background-color: #E9E9E9;} .btn-stcolor.jet-black, .btn-wrap:hover .btn-hovercolor.jet-black {background-color: #1F1F26;} .btn-stcolor.white, .btn-wrap:hover .btn-hovercolor.white {background-color: #fff;} .btn-stcolor.black, .btn-wrap:hover .btn-hovercolor.black {background-color: #000000;} /*button text color css start here*/ .crimson-red-tx, .hover-crimson-red-tx:hover {color: #E83F4A;} .dark-red-tx, .hover-dark-red-tx:hover {color: #BC2B20;} .navy-blue-tx, .hover-navy-blue-tx:hover {color: #012D64;} .blue-tx, .hover-blue-tx:hover {color: #003A75;} .cool-gray-tx, .hover-cool-gray-tx:hover {color: #6F6F6F;} .light-gray-tx, .hover-light-gray-tx:hover {color: #F7F7F7;} .soft-gray-tx, .hover-soft-gray-tx:hover {color: #F2F2F2;} .gray-tx, .hover-gray-tx:hover {color: #E9E9E9;} .jet-black-tx, .hover-jet-black-tx:hover {color: #333547;} .white-tx, .hover-white-tx:hover {color: #ffffff;} .black-tx, .hover-black-tx:hover {color: #000000;} /*border color css start here*/ .border-transparent, .border-transparent-hover:hover { border-color: transparent;border-width: 1px;} .border-crimson-red, .border-crimson-red-hover:hover { border-color: #D22630;} .border-dark-red, .border-dark-red-hover:hover { border-color: #BC2B20;} .border-navy-blue, .border-navy-blue-hover:hover {border-color: #012D64;} .border-blue, .border-blue-hover:hover {border-color: #003A75;} .border-cool-gray, .border-cool-gray-hover:hover {border-color: #8B8B94;} .border-soft-gray, .border-soft-gray-hover:hover {border-color: #F2F2F2;} .border-light-gray, .border-light-gray-hover:hover {border-color: #F7F7F7;} .border-gray, .border-gray-hover:hover {border-color: #E9E9E9;} .border-jet-black, .border-jet-black-hover:hover {border-color: #1F1F26;} .border-white, .border-white-hover:hover {border-color: #FFFFFF;} .border-black, .border-black-hover:hover {border-color: #000000;} /* Button 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: 100% 123%;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 !important;background-repeat: no-repeat;background-position: center center !important;background-blend-mode: normal, luminosity;} /* Header Section Start */ body.hide-section .dropdown-full .container1 { display: none; } body.show-now .dropdown-full .container1 { display: block; } .social-icon { position: fixed; right: 30px; top: 250px; 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: #FFFFFF33; 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: #e83f4a;} header .menu-details { position: absolute; bottom: 0; left: calc((100% - 705px) / 2); } 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: rgb(0 34 84 / 95%); left: -100vw; right: 0; margin: 0 auto; top: 40px; z-index: -1; transition: all 0.5s ease-in-out; opacity: 0; height:400px; } .dropdown-full:after { content: ""; position: absolute; width: 100vw; height: 0; background-color: rgb(0 34 84 / 95%); 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: 20px; } .srolled ul.desktop-menu .dropdown-full:after { top: 20px; } .desktop-menu li.menu-lavel-1 > a i { font-size: 11px; color: #2e3192; } .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: rgba(255, 255, 255, 0.70); backdrop-filter: blur(5px); } .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;align-items: center;} .header-inner .header-wrap .header-menu {float: left;width: calc(100% - 410px);display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: end;-ms-flex-pack: end;justify-content: end;} .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: 40px; padding-bottom: 40px; 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; } .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: 20px; -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: relative; padding-left: 0; margin-bottom: 0; line-height: normal; } .desktop-menu li.menu-lavel-1:before { 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: 18px;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: #012D64;text-decoration: none;font-family: "IBM Plex Sans", sans-serif;font-weight: 600;} .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: -41px; left: 0; width: 100%; height: 3px; background-color: #012D64; 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: #012D64; 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: -21px; } */ .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: 44px; color: #fff; line-height: 54px; } header .menu-details-block p { color: #fff; font-size: 20px; line-height: 30px; } .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: 100%; display: none;opacity: 0;transform: scale(0.9);transform-origin: top;/*background-color: rgb(0 34 84 / 95%);*/padding-top: 41px;width: 100%;} .dropdown-full .wf-container1 {width: 350px;display: block;height: 100%;line-height: initial;min-height:360px;padding: 20px 0;} .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: #497ddb;} .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: #497ddb;} .menu-lavel .menu-title a {position: relative; color: #fff;font-size: 20px;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: "Open Sans", sans-serif;transition: all 0.5s ease-in-out;} .dropdown-full .wf-container1 .wf-box1 {display: inline-block;width: 100%;line-height: 0;padding: 0; margin: 0;vertical-align: top;} .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 0;} .dropdown-full .wf-container1 .wf-box1 .menu-lavel .menu-links {/*background-color: #06132B;*/width: 310px;border-radius: 12px;display: block;height: 100%;position: absolute; right: -100%;opacity: 0;-webkit-transform: scale(0.85);-ms-transform: scale(0.85);transform: scale(0.85);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: 1px solid rgba(255, 255, 255, 0.34);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;padding: 0 0 0 25px;} .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: 20px;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: "Open Sans", sans-serif;transition: all 0.5s ease-in-out;padding: 0;} /* header.site-header.srolled .header-logo a img {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 .dropdown-full {padding-top: 39px;} .header-wrap .header-logo a.brand-logo img {display: inline-block;padding:0;width: 100%;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;display: inline-block;text-align: center;} header.site-header.srolled:before {opacity: 1;} .header-wrap .header-logo a.brand-logo { padding: 0 !important;display: inline-block;} .search-imput-des { color: #fff;display: inline-block;vertical-align: middle;margin: 0 32px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .search-imput-des input { position: absolute; left: 0; width: 100%; left: 0; height: 100%; border: none; font-size: 20px; padding: 20px 40px 20px 20px; color: #2e3192; background-color: #fff; top: 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: -1; } .search-imput-des input::placeholder { color: #2e3192; opacity: 1; } .search-imput-des input::-moz-placeholder { color: #2e3192; opacity: 1; } .search-imput-des input:-ms-input-placeholder { color: #2e3192; opacity: 1; } .search-imput-des input::-ms-input-placeholder { color: #2e3192; opacity: 1; } .search-imput-des .search-icon { margin-left: 0; position: relative; z-index: 2; cursor: pointer; font-size: 18px; color: #2e3192; } header.active input.form-control.ds-input { opacity: 1; z-index: 2; height: 100%; background-color: #fff; } .contact-btn { position: relative; z-index: 3; } .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: 0 29px; font-size: 20px; font-family: "IBM Plex Sans", sans-serif; font-weight: 600; 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; */} .contact-btn a span { position: relative; z-index: 111;transition:all 0.5s ease-in-out;background: transparent !important;} .contact-btn a:hover:after {width: 100vw;transition:all 0.5s ease-in-out;background: #BC2B20;} .contact-btn a:after {content: "";position: absolute;width: 100vw;height: 100%;left: 0;transition: all 0.5s ease-in-out;background: #E83F4A;} header.site-header.srolled { background: rgba(255, 255, 255, 0.70);-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);} /* Header Section End */ /*inner banner section start here*/ section.top-hero-banner.main-home-banner { min-height: auto; } .top-hero-banner.main-home-banner .top-hero-banner-wrap { padding-top: 220px; } .top-hero-banner { position: relative; overflow: hidden; min-height: 725px; display: flex; flex-wrap: wrap; align-items: center; } .top-hero-banner .top-hero-banner-block { background-size: cover; background-repeat: no-repeat; background-position: top 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:before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: url(assets/images/banner-dots-bg.svg) center center no-repeat;} .top-hero-banner .top-hero-banner-block:after { content: ""; position: absolute; width: 100%; height: 100%;top: 0; left: 0; z-index: 1;background: linear-gradient(0deg, rgba(0, 58, 117, 0.65), rgba(0, 58, 117, 0.65)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));} .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:765px; width: 100%; } .top-hero-banner .top-text-inner .label-text{margin-bottom: 15px;} .top-hero-banner .top-hero-banner-wrap { padding:105px 0 25px; } .top-hero-banner .top-text h1 { color: #fff; } .top-hero-banner .top-text p { color: #fff; font-size: 22px;} .top-hero-banner .top-hero-banner-wrap .top-text { width: 60%; } .top-hero-banner .top-hero-banner-wrap { display: flex; align-items: flex-end; } .top-hero-banner .top-text p:last-child { margin-bottom: 0; } .top-hero-banner .top-text-inner h4 { color: #fff; font-weight: 500; } /* Hero banner Slider Start */ .custom-slider-root { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; background: #0f172a; color: white; overflow-x: hidden;} .custom-slider-root .slider-container { position: relative; width: 100%; height: 100vh; min-height: 600px; } .custom-slider-root .slider-wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; } .custom-slider-root .responsive-slider { width: 100%; height: 100%; } .custom-slider-root .responsive-slider .slick-track { height: 100%; } .custom-slider-root .responsive-slider .slick-slide { height: 100vh; min-height: 600px; } .custom-slider-root .slide { position: relative; width: 100%; height: 100%; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: end; -ms-flex-align: end; align-items: end; padding-bottom: 160px; } .custom-slider-root .slide-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-size: cover; background-repeat: no-repeat; background-position: top center; } .custom-slider-root .slide-background img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .custom-slider-root .slide-background::before{position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;z-index: 2;background: url('assets/images/banner-dots-bg.svg') center center no-repeat;} .custom-slider-root .slide-background::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;background: linear-gradient(105.75deg, rgba(56, 91, 132, 0.5) 1.4%, rgba(73, 102, 144, 0.5) 100.4%);background: #003A7580;} .custom-slider-root .banner-midd{ transform: translateY(30px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; max-width: 976px; width: 100%;} .custom-slider-root h2, .custom-slider-root h1 { color: #fff;} .custom-slider-root p{color: #fff;font-size: 22px;} .custom-slider-root .slider-wrapper ul.slick-dots { bottom: 0; justify-content: flex-end; max-width: 50%; width: inherit; right: 0; left: inherit; } .custom-slider-root .banner-midd h3 { margin-bottom: 50px; } .custom-slider-root .slick-active .slide-title { opacity: 1; transform: translateY(0); transition-delay: 0.3s; } .custom-slider-root .slick-active .banner-midd{ opacity: 1; transform: translateY(0); transition-delay: 0.6s; } .custom-slider-root .slick-active .banner-midd .cta-btn{position: relative;z-index: 11;margin-top: 75px;} .custom-slider-root .custom-navigation {position: absolute;bottom: 35%;display: flex;gap: 0.75rem;z-index: 10;max-width: 1390px;width: 100%;right: 0;left: 0;justify-content: flex-end;margin: 0 auto;} .custom-slider-root .custom-arrow { width: 60px; height: 60px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; border:none; background: #E83F4A; color: #fff; } .custom-slider-root .custom-arrow:hover { background-color: #fff; color: #E83F4A; border-color: #fff; } .custom-slider-root .custom-arrow::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(6, 214, 160, 0.2)); opacity: 0; transition: opacity 0.3s ease; z-index: -1; } .custom-slider-root .custom-arrow:active { transform: translateY(0); box-shadow: 0 4px 15px rgba(16, 185, 129, 0.2); } .custom-slider-root .custom-arrow:focus-visible { outline: 2px solid #10b981; outline-offset: 2px; } .custom-slider-root .custom-arrow svg { transition: transform 0.3s ease; } .custom-slider-root .custom-arrow.custom-prev{display: none;} .custom-slider-root .custom-dots { position: absolute; bottom: 57px; display: flex; justify-content: space-between; gap: 30px; z-index: 3; max-width: 1230px; margin: 0 auto; width: 60.4%; } .custom-slider-root .custom-dot { flex: 1; cursor: pointer; position: relative; transition: all 0.3s ease; } .custom-slider-root .dot-progress { position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.2); border-radius: 2px; } .custom-slider-root .progress-line { position: absolute; top: 0; left: 0; height: 2px; width: 0; background: #385B84; border-radius: 3px; transition: width 0.3s ease; } .custom-slider-root .custom-dot.active .progress-line { animation: progressAnimation 5s linear; } .custom-slider-root .dot-content { display: flex; flex-direction: column; align-items: flex-start; padding: 17px 20px 0px 0px; } .custom-slider-root .dot-number { font-size: 16px; font-weight: 400; color: #FFFFFF; margin-bottom: 0.5rem; transition: color 0.3s ease; font-family: 'Arboria'; opacity: 0.4; margin-bottom: 1px; } .custom-slider-root .dot-title { font-size: 16px; font-weight: 300; color: rgba(255, 255, 255, 0.8); line-height: 1.4; transition: color 0.3s ease; opacity: 0.4; font-family: 'Arboria'; letter-spacing: -0.01em; } .custom-slider-root .custom-dot.active .dot-title, .custom-slider-root .custom-dot .dot-title:hover {color: white;} @keyframes progressAnimation { 0% { width: 0; } 100% { width: 100%; } } .custom-slider-root .sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;} .custom-slider-root .slide-background video {width: 100%; height: 100%;position: absolute; -o-object-fit: cover;object-fit: cover;} .custom-slider-root .custom-dot.active span, .custom-slider-root .custom-dot:hover span { opacity: 1 !important;} .custom-slider-root .container {position: relative;z-index: 1;} @media (prefers-reduced-motion: reduce) { .custom-slider-root .h2, .custom-slider-root .slide-actions { transition: none; } .custom-slider-root .progress-line { animation: none; } .custom-slider-root .custom-arrow, .custom-slider-root .custom-arrow svg, .custom-slider-root .custom-arrow::before { transition: none; } } .custom-slider-root .insights-section { position: relative; width: 100%; min-height: 600px; padding: 4rem 0 6rem 0; overflow: hidden; z-index: 1; } .custom-slider-root .insights-bg-gradient { position: absolute; inset: 0; z-index: 0; background: linear-gradient(120deg, #466b8a 0%, #2bb6b6 100%); opacity: 0.95; pointer-events: none; } .custom-slider-root .insights-header-row { position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: flex-start; max-width: 1400px; margin: 0 auto 2.5rem auto; padding: 0 3vw; } .custom-slider-root .insights-header-col { flex: 1 1 60%; } .custom-slider-root .insights-title { font-size: 3rem; font-weight: 300; color: #fff; margin-bottom: 1.2rem; letter-spacing: 0.01em; } .custom-slider-root .insights-desc {font-size: 1.2rem;color: #e0e7ef;font-weight: 300;line-height: 1.5; max-width: 700px;} .custom-slider-root .insights-link-col {display: flex;align-items: flex-start;justify-content: flex-end; min-width: 220px;padding-top: 1.2rem;} .custom-slider-root .insights-link {color: #fff;font-size: 1.4rem;font-weight: 400;text-decoration: none;display: flex; align-items: center;gap: 0.5rem;border-bottom: 1px solid rgba(255,255,255,0.2);transition: color 0.2s;} .custom-slider-root .insights-link:hover {color: #10b981;border-bottom: 1px solid #10b981;} .custom-slider-root .insights-link-arrow {font-size: 1.2rem; margin-left: 0.2rem; display: inline-block;transition: transform 0.2s;} .custom-slider-root .insights-link:hover .insights-link-arrow { transform: translateX(4px); } .custom-slider-root .insights-slider-wrapper { position: relative; z-index: 2; max-width: 1400px; margin: 0 auto; display: flex; align-items: center; padding: 0 3vw; } .custom-slider-root .insights-slider { width: 100%; display: flex; } .custom-slider-root .insights-card { background: #fff; border-radius: 16px; box-shadow: 0 2px 16px rgba(0,0,0,0.06); overflow: hidden; margin: 0 1.2rem; min-width: 340px; max-width: 380px; width: 100%; display: flex !important; flex-direction: column; transition: box-shadow 0.3s; } .custom-slider-root .insights-card-img img { width: 100%; height: 200px; object-fit: cover; display: block; } .custom-slider-root .insights-card-body { padding: 1.5rem 1.2rem 1.2rem 1.2rem; display: flex; flex-direction: column; gap: 0.7rem; } .custom-slider-root .insights-card-title { font-size: 1.5rem; font-weight: 400; color: #222; margin-bottom: 0.2rem; } .custom-slider-root .insights-card-sub {font-size: 1rem;color: #6b7280;font-weight: 300;} .custom-slider-root .insights-arrow {background: rgba(255,255,255,0.7);border: none;border-radius: 50%;width: 44px;height: 44px;font-size: 1.5rem;color: #222;display: flex;align-items: center;justify-content: center;margin: 0 0.5rem;cursor: pointer;box-shadow: 0 2px 8px rgba(0,0,0,0.08);transition: background 0.2s, color 0.2s;z-index: 3;} .custom-slider-root .insights-arrow:hover {background: #10b981;color: #fff;} .custom-slider-root .insights-dots {display: flex;justify-content: center;align-items: center;gap: 0.7rem;margin-top: 2.5rem;z-index: 2;position: relative;} .custom-slider-root .insights-dot {width: 12px;height: 12px;border-radius: 50%;background: #fff;opacity: 0.4;cursor: pointer;transition: opacity 0.2s, background 0.2s;border: 2px solid transparent;} .custom-slider-root .insights-dot.active {opacity: 1;background: #10b981;border-color: #10b981;} .insights-section .coman-block-sec .coman-block {width: calc(100% - 50%);} .insights-section .coman-block-sec .view-all-coman {width: 50%;} /* Hero banner Slider End */ /*three column text section start here*/ .three-column-text { padding: 120px 0 75px; 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: 60px; } .three-column-text .section-header h2 { margin-bottom: 23px; } .three-column-text .section-header .label-text{margin-bottom: 20px;} .three-column-text .three-column-row .three-column img { width: 100%; height: 100%; object-fit: cover; border-radius: 25px; } .three-column-text .three-column-row .three-column figure { height: 320px; margin-bottom: 100px; } .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: 55px; padding-bottom: 25px; 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-text.two-col .three-column-row .three-column{width: 38.5%} .three-column-text.two-col .three-column-row .three-column figure { height: 395px;} .three-column-text.two-col .three-column-row .full-col{width:61.5%;padding-left: 45px;} /* .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: #012D64; letter-spacing: 0; font-size: 36px; transition: ease 0.35s all; display: inline-block; overflow: hidden; position: relative; font-weight: 700;font-family: "Open Sans", sans-serif;line-height: 1.2;} .readmore1:before { content: attr(data-text); color: #012D64; position: absolute; top: -30px; transition: ease 0s all; } .readmore1 i, .readmore1 svg { transition: all 0.28s ease; margin-left: 30px; width: 28px; font-size: 24px; transform: translateY(0px);position: relative;top:-4px} .readmore1:hover { text-decoration: none; color: #E83F4A; } .readmore1:hover i:last-child { top: -4px; } .readmore1:hover span { background: none !important; } .readmore1:hover i { margin-left: 35px; } /* .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;position: relative; } .featured-blocks::before{position: absolute;content: "";background:url('assets/images/big-logo-pattern.svg') center center no-repeat;width: 100%;height: 100%;top:0;left: 0;right:0;background-size: cover;} .featured-blocks .section-header { max-width: 900px; margin-bottom: 72px; } .featured-blocks .featured-blocks-row { display: flex; flex-wrap: wrap; margin:0 -15px; } .featured-blocks .featured-blocks-column { width: 33.33%; margin-bottom:42px; padding:0 15px; } .featured-blocks.two-column .featured-blocks-column { width: 50%; } /*Featured Blocks section css end here*/ /*Side-by-side Text + 3 images css start here*/ .side-by-side-text { padding: 115px 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 { width: 48%; padding-right: 55px; } .side-by-side-text .side-by-side-text-wrap .side-by-side-text-row { width: 51%; padding:40px 0 0 15px;} .side-by-side-text-three-img-row { display: flex; flex-wrap: wrap; margin: 0 -15px; margin-top: 30px; margin-bottom: 60px; } .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: 25px; } .side-by-side-text-three-img-row .side-by-side-text-three-img-col figure { height: 170px; } .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: 55px; padding-bottom: 25px; border-bottom: 1px solid #dadbf9; 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 .side-by-side-text-wrap .side-by-side-text-row ul { padding: 12px 0px 0 45px; max-width: 550px; } .side-by-side-text .side-by-side-text-wrap .side-by-side-text-row ul li { color: #6F6F6F; margin-bottom: 35px; padding-left: 20px; } .side-by-side-text .side-by-side-text-wrap .side-by-side-text-row ol { padding: 12px 0px 0 45px; max-width: 550px; } .side-by-side-text .side-by-side-text-wrap .side-by-side-text-row ol { color: #6F6F6F; margin-bottom: 35px; padding-left: 20px; } /* .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; } .side-by-side-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; } .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: 115px 0; position: relative; } .text-stacked-figures-with-icons:before { position: absolute; content: ""; background: url(assets/images/left-logo-pattern.svg) center bottom no-repeat; width: 100%; height: 100%; bottom: 0; left: 0; right: 0; background-size: cover; max-width: 945px; height: 495px; } .text-stacked-figures-with-icons-wrap { display: flex; flex-wrap: wrap; } .text-stacked-figures-with-icons-wrap .section-header { width: 47%; padding-right: 20px; } .text-stacked-figures-with-icons-wrap .stacked-figures-with-icons { width: 50%;padding: 40px 0 0;} .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 .btn-link i{color:#fff} .stats-section .section-header a.btn-link i { color: #fff; right: inherit; font-size: 20px; left: inherit; margin-left: -20px; } .stats-section .section-header a.btn-link:hover i {margin-left: -10px;} .stats-section .section-header a.btn-link { padding-right: 30px; width: 100%; display: block; } /*Text and Stacked Figures with Icons css end here*/ /*Icons Full Width css start here*/ .icons-full-width { padding: 120px 0; position: relative; } .icons-full-width:before { position: absolute; content: ""; background: url(assets/images/logo-pattern.svg) top center no-repeat; width: 100%; height: 320px; top: 0; right: 0; max-width: 670px;background-size: contain;display: none;} .icons-full-width .section-header { max-width: 740px; margin-bottom: 95px; } .icons-full-width .section-header p{font-size: 22px;} .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-content{padding-right: 25px;} .icons-full-width .icons-full-width-content h4 { font-size: 30px; line-height: 44px; margin-bottom: 20px; color: #012D64; 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: 60px; height: 60px; margin-bottom: 25px; } .icons-full-width .icons-full-width-column a:hover + .icons-full-width-content p { color: #012D64; } .icons-full-width .icons-full-width-column a:hover + .icons-full-width-content h4 { color: #012D64; } .icons-full-width-content a { display: inline-block; width: 100%; } .icons-full-width-content a:hover h4 { color: #012D64; } .icons-full-width-content a:hover p { color: #012D64; } .icons-full-width-column a + .icons-full-width-content:hover p { color: #012D64; } .icons-full-width .icons-full-width-row {gap: 30px; row-gap: 95px;-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 .icons-full-width-row .icons-full-width-column{border-top: 1.28px solid #E9E9E9;padding-top: 25px;} .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 css end here*/ /*large cta with background image css start here*/ .large-cta-with-background-image { position: relative; padding: 250px 0; float: none !important; margin: 0 !important;} .large-cta-with-background-image .section-header { max-width: 640px; } .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: 35px; } .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 css end here*/ /*stacked figures with icons image css start here*/ .stacked-figures-with-icons .counter-number { color: #fff; font-size: 57px; font-family: "Open Sans", sans-serif; font-weight: 700; } .stacked-figures-with-icons .stacked-counter-wrap { display: flex; flex-wrap: wrap; border-bottom: 1px solid #C1E6FF;margin-bottom: 34px; 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: 10px; } .stacked-counter-wrap .stacked-counter-content h4{margin-bottom: 10px;} /*stacked figures with icons image css end here*/ /*testimonials css start here*/ .testimonials { padding: 85px 0; 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%;background-size: cover;background-repeat: no-repeat;background-position: center center;} .testimonials .testimonials-item-inner { display: flex; flex-wrap: wrap;position: relative; } .testimonials-item { padding:0 ; } .testimonials .testimonials-author span { font-size: 20px; color: #fff; width: 100%; display: inline-block; margin-bottom: 6px; } .testimonials .testimonials-author em { font-size: 20px; color: #fff; width: 100%; display: inline-block; margin-bottom: 8px;font-style: normal;} .testimonials .testimonials-author strong { font-size: 20px; color: #fff; width: 100%; display: inline-block; } .testimonials .testimonials-quote { width: auto; position: absolute; right: 0; top: 0; } .testimonials .testimonials-content { width: 100%; padding: 40px 0 0 0;} .testimonials .testimonials-quote figure { margin-bottom: 0; } .testimonials .testimonials-content p { font-size: 36px; line-height: 48px; font-weight: 700;margin-bottom: 35px; } .testimonials-slider{padding: 0 140px;position: relative;} .testimonials-slider:before{position: absolute; content: ""; background: url(assets/images/new-quote-icon.svg) right center no-repeat; right: 0; top: -25px; width: 120px; height: 90px;} .testimonials-slider .slick-arrow { background: #E83F4A; padding:0; display: inline-block; border: none; width: auto; height: auto; position: absolute; top: 55%; transform: translateY(-50%); width: 60px; height: 60px;} /* .testimonials-slider button.slick-prev.slick-arrow:before { content: '' !important; border: solid #fff; border-width: 0 3px 3px 0; display: inline-block; padding: 6px; 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 3px 3px 0; display: inline-block; padding: 6px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); opacity: 1 !important; left: -2px; position: relative; } */ /* .testimonials-slider .slick-arrow:hover { background-color: #fff; } */ .testimonials-slider .slick-prev { left: 0px !important; } .testimonials-slider .slick-next { right:0px !important; } /*testimonials css start here*/ /*images-and-text-module css start here*/ .images-and-text-module { padding:120px 0 150px; position: relative; } .images-and-text-module .images-and-text-module-wrap { display: flex; flex-wrap: wrap; } .images-and-text-module .images-and-text-module-image { width: 39%; } .images-and-text-module .section-header { width: 61%; } .images-and-text-module .images-and-text-module-image img { width: 100%; border-radius: 25px; } .images-and-text-module .images-and-text-module-image .image-item { margin-bottom: 25px; } .images-and-text-module .section-header-content { margin: 0 0 0 65px; } .images-and-text-module .section-header-content .label-text{margin-bottom: 30px;} .images-and-text-module .section-header-content .right-btn { margin-top: 35px; } .images-and-text-module.align-right .images-and-text-module-image { order: 2; } .images-and-text-module.align-right .section-header {order: 1;} .images-and-text-module.align-right .section-header .section-header-content { margin: 0 65px 0 0; } .images-and-text-module .section-header-content p{font-size: 16px;color: #6F6F6F;} .images-and-text-module .section-header-content .text-header-wrap p{font-size: 22px;color: #012D64;} .images-and-text-module .section-header-content ul { padding: 12px 0px 0 45px; max-width: 550px; } .images-and-text-module .section-header-content ul li{color: #6F6F6F;margin-bottom: 35px;padding-left: 20px;} .images-and-text-module .section-header-content ul li ul li{padding-left: 30px;} .images-and-text-module .section-header-content ol { padding: 12px 0px 0 45px; max-width: 550px; } .images-and-text-module .section-header-content ol li{color: #6F6F6F;margin-bottom: 35px;padding-left: 20px;} /*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: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;border-style: solid;border-color: var(--Heading-Primary, rgba(1, 45, 100, 1));border-top-width: 10px;border-bottom-width: 5px;} section.history_timeline .d-flex .slider-part { width: 68%; position: relative; } section.history_timeline .d-flex .side-text { width: 32%; } section.history_timeline .d-flex .slider-part .timeline-nav { margin: 0; position: absolute; left: 0; bottom: 0; width: 100%; background:#FFFFFF1A; padding: 0px; text-align: center; } section.history_timeline .timeline-wrapper { margin: 0 auto 0px; height: 787px; } section.history_timeline .timeline-nav__item::before { display: none; } section.history_timeline .d-flex .slider-part .timeline-nav__item { padding: 30px !important; margin: 0 !important; font-size: 30px; font-weight: 600; color: #FFF; cursor: pointer; font-family: "IBM Plex Sans", sans-serif;} section.history_timeline .d-flex .slider-part .timeline-nav__item.slick-current { background:#E83F4A; } .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: 24px; color: #fff; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: #FFFFFF33; border-radius: 50%; } 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: 30px 45px 70px 45px;} .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: 76px; font-family: 'IBM Plex Sans'; font-weight: 700; margin-bottom: 20px !important; display: inline-block; /* background: linear-gradient(90deg, #385DAB 0%, #172645 100%); */ /* -webkit-background-clip: text; */ /* -webkit-text-fill-color: transparent; */ color: #385DAB; } .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 { background: url(assets/images/banner-dots-bg.svg) center center no-repeat; position: absolute; content: ""; top: 0; right: 0; left: 0; width: 100%; height: 100%; } .latest-news-part { position: relative; } .logo-carousel { padding: 86px 0 120px 0; position: relative; } .logo-carousel.full-content .d-flex{flex-wrap: wrap;} .logo-carousel.full-content .section-header{max-width: 940px;width: 100%;} .logo-carousel.full-content .d-flex .left-part{width: 100%;} .logo-carousel.full-content .d-flex .right-part{width:100%;} .logo-carousel .slick-list {padding-bottom: 80px;} .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: #012D64; font-size: 22px; line-height: 1.5; } .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: 127px 0 85px; position: relative; } .form-section .section-header h2 { margin-bottom: 15px; } .form-section .section-header { margin-bottom: 78px; max-width: 900px; } .form-section .section-header {margin-bottom: 0;} .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; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 300; 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: "Open Sans", 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: 1px solid #dadbf9; } .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: "Open Sans", sans-serif; font-style: normal; font-weight: 300; margin-bottom: 0px; color: #1f1f26; padding-bottom: 10px; background: transparent; } .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: #012D64; 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: "Open Sans", sans-serif; font-size: 20px; margin-right: 10px; color: #fff; cursor: pointer; margin-right: 0; transition: all 0.5s ease-in-out;font-family: "Open Sans", 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/bottom-icon-form.svg); background-repeat: no-repeat; background-position: 100% 50%; background-size: 20px;} .nf-form-fields-required { display: none; } .nf-after-field .nf-error-msg { display: none; } .nf-response-msg p { color: green; font-family: "Open Sans", 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: #65bdd6; } .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: "Open Sans", 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: "Open Sans", 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: #0d2e3f;} .hs-form-block .submitted-message {color: #1ee2af;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: "Open Sans", 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: "Open Sans", 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: #012D64; 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: "Open Sans", 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: #0ad1d1; } .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:#BC2B20 !important; } body .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton { text-transform: inherit; width: auto !important; position: absolute !important; top: 0 !important; left: 0 !important; transition: all 0.5s ease-in-out !important; background-color: #E83F4A !important; display: inline-block !important; padding: 18px 60px 18px 25px !important; border-radius: 30px !important; position: relative !important; border-style: solid !important; border-width: 1px !important; transition: all 0.5s ease-in-out !important; font-family: "Inter", sans-serif; font-size: 17px !important; margin-right: 10px !important; cursor: pointer !important; margin-right: 0; font-weight: 500 !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 { -webkit-appearance: none;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: 1px solid #d0d0d0 !important; color: #1f1f26 !important; } .mktoForm .mktoCheckboxList > label { margin-left:35px !important; font-family: "Open Sans", sans-serif !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: "Open Sans", sans-serif !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: 43px; top: 43%; color: #fff; transform: translateY(-50%); font-size: 18px; transition: all 0.5s ease-in-out; } .mktoButtonRow span.mktoButtonWrap { position: relative; } .form-section form { display: flex; flex-wrap: wrap;} .form-section form .mktoFormRow { width: 100%; 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: 16px !important; border-bottom: 1px solid #dadbf9 !important; border-top: none !important; border-left: none !important; border-right: none !important; font-weight: 400 !important; font-family: "Open Sans", sans-serif !important;background: transparent !important;background: transparent !important;color: #385B84 !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 #dadbf9 !important; } .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 #dadbf9 !important; } .form-section .mktoForm .mktoError .mktoErrorMsg { font-size: 14px !important; padding: 0; } .mktoButtonRow span.mktoButtonWrap:hover:after { right: 36px; } /*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-family: "Open Sans", sans-serif; font-size: 48px; line-height: 48px; font-weight: 700; } .news-events .news-events-wrap .news-events-heading { width: 15%; padding-right: 30px; } .news-events .news-events-wrap .news-events-listing { width: 85%; 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: "Open Sans", sans-serif; font-size: 20px; font-weight: 700; color: #fff; } .news-events .news-events-wrap .news-events-listing .news-events-listing-item p { line-height: 30px; letter-spacing: -0.5px; margin-bottom: 10px; } .news-events .news-events-wrap .news-events-listing .news-events-listing-item a { color: #fff; } .news-events .news-events-wrap .news-events-listing .news-events-listing-item a:hover { color: #1bdee0; } /*News & Events css end here*/ /*Accordions Module css start here*/ .industry-block { padding:140px 0 60px; 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:38px 0 38px 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: "Open Sans", sans-serif; font-size: 36px; letter-spacing: -0.7px; } .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: 10px; 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: 14px; width: 8px; height: 8px; border-radius: 50%; } .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; float: right; margin-top: -12px; } .industry-block .accordion__item .accordion__rotate { transform: rotate(225deg); width: 100px; } .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-content-bg-inner { position: relative; z-index: 11; } .industry-block .accordion-content-bg { max-width: 830px; margin-left: auto; } .expand-open { color: #fff; font-size: 28px; cursor: pointer; position: relative; padding-right: 33px; } .expand-open:after { content: "\f063"; position: absolute; right: 0; top:8px; color: #fff; font-size: 24px; font-weight: 300; 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: 60px; } .expand-all span { display: inline-block; font-family: "Open Sans", sans-serif; font-size: 30px; font-weight: 500; } .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:120px 0; 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: 55px !important; box-shadow: 5px 0 30px rgb(0 0 0 / 20%); border-radius: 25px; width: 530px !important; } .location-map .sbSelector > a { color: #012D64; text-decoration: none; font-weight: 400; font-size: 24px; font-family: "Open Sans", sans-serif; padding: 0px; } .location-map .sbOptions a { border-bottom: 1px solid #AFAFAF57; display: block; outline: none; padding: 13px 60px 13px 60px !important; font-size: 24px; font-family: "Open Sans", sans-serif; font-size: 20px; line-height: 1; color: #002254 !important; letter-spacing: 0.00em; text-transform: capitalize; background-color: #fff; display: inline-block; width: 100%; } .location-map .location-info h3 { color: #1f1f26; font-size: 24px; font-weight: 700; font-family: "Open Sans", sans-serif; line-height: 34px; margin-bottom: 37px; } .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: 35px !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: 15px; } .location-map .map img { width: 100% !important; } .location-area.section-header { max-width: 710px; } /*location css end here*/ /*Vision for Industry css start here*/ .vision-for-industry { position: relative; padding:120px 0 143px; } .vision-for-industry .section-header { max-width: 760px; margin-bottom: 30px; } .vision-for-industry .section-header h2 { margin-bottom: 20px; } .vision-for-industry .vision-for-industry-row { display: flex; flex-wrap: wrap; margin: 0 -15px; } .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: 25px 25px 0 0;} .vision-for-industry .vision-for-industry-column figure { height: 217px; border-radius: 25px 25px 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: 25px 25px 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, rgba(0, 34, 84, 1) 0%, rgba(46, 49, 146, 1) 100%); border-radius:30px 30px 25px 25px; height: 100%; } .vision-for-industry .vision-for-industry-column a:hover:after { border-radius: 30px 30px 25px 25px; } .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: 25px; 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: "Open Sans", 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: #1bdee0; } .vision-for-industry .vision-for-industry-column a:hover p { color: #1bdee0; } .vision-for-industry .vision-for-industry-column a:hover .arrow { border-color: #1bdee0; } .vision-for-industry .vision-for-industry-column a:hover .arrow i { color: #1bdee0; } .vision-for-industry .vision-for-industry-column a:hover:after { opacity: 1; } .vision-for-industry-column.hidden { display: none; } .vision-for-industry-box .filter-tabs .filter-btn { background: transparent; color: #012D64; font-size: 18px; font-weight: 700; padding: 8px 20px 8px 20px; display: inline-block; border-radius: 200px; border: 1px solid #012D64; margin-right: 10px; font-family: "Open Sans", sans-serif; cursor: pointer; transition: all 0.5s ease-in-out; margin-bottom: 12px;font-family: "Open Sans", sans-serif; 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: #1bdee0; border-color: #1bdee0; } .vision-for-industry-box .filter-tabs { display: flex; flex-wrap: wrap; margin-bottom: 60px; } .vision-for-industry-box .filter-tabs .filter-btn.active { background: #012D64; color: #fff; } /*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: "Open Sans", 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: #012D64; } .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 - 180px); display: flex; align-items: flex-end; } .page-not-found .title-404 { margin-bottom: 10px; } .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; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0,34,84,1) 0%,rgba(0,0,0,0.1) 100%); } /*page Not Found 404 css end here*/ /*blog single post css start here*/ .blog-single-post { padding:70px 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: #012D64; font-size: 24px; font-family: "Open Sans", 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: #1bdee0 !important; } .blog-single-post .right-btn .back-btn:hover:after { display: none; } .blog-single-post h1 { font-family: "Open Sans", sans-serif; 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: #012D64; display: inline-block; position: relative; font-size: 20px; } .social-share li a:hover { color: #012D64; } .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: #012D64; font-style: normal; font-size: 24px; font-family: "Open Sans", 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: #2e3192; font-size: 30px; line-height: 40px; font-weight: 700; font-family: "Open Sans", sans-serif; margin-bottom: 10px; } .source-wrap a.link-button span { display: inline-block; width: 100%; color: #012D64; font-size: 24px; line-height: 34px; margin-bottom: 2px; position: relative; font-family: "Open Sans", 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(#012D64)) !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, #012D64) !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: "Open Sans", 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: 0 42px 30px 0; max-width: 450px; border-radius: 25px; width: 100%;} img.alignright { float:right; padding-left: 0px; margin-left: 40px; max-width: 420px; border-radius: 25px; width: 100%;} .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 img { border-radius: 15px; } .wp-caption .wp-caption-text { color: #3e3e4d; font-size: 13px; font-weight: 400; font-family: "Open Sans", 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: #012D64; border-radius: 50%; } .blog-content .right-btn { display: flex; flex-wrap: wrap; text-align: left; margin: 37px 0 30px 0;clear: both;} .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 ul li{padding-left: 15px;margin-bottom: 30px;} /*blog single post css end here*/ /* Intro Section Start */ .intro-section {padding-top: 130px;padding-bottom: 70px; overflow: hidden;} .label-text { font-size: 16px; font-family: "Open Sans", sans-serif; font-weight: bold; letter-spacing: 0.7px; margin-bottom: 20px; display: block; width: 100%; color: #E83F4A; text-transform: uppercase; } .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;} .intro-section .intro-wrap .intro-left {width: 48.5%;} .intro-section .intro-wrap .right-btn {width: 51.5%;text-align: right;} .intro-section .intro-wrap .intro-btn {width: 51.5%; text-align: right;padding-top: 48px;} /* Intro Section End */ /* Marquee Section Start */ .fegures-scroller-section {padding:105px 0;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: 52px; line-height: 1.1; font-family: "IBM Plex Sans", sans-serif; font-weight: 600;text-align: left; margin-bottom: 20px; color: #E83F4A; } .marquee-wrapper .label { font-size: 22px; max-width: 310px; width: 100%; line-height: 1.2; white-space: pre-line; color: #6F6F6F; font-weight: 600; font-family: 'Open Sans'; } /* Marquee Section End */ /* Wide Image and Text Module Section Start */ .wide-image-text { padding-top: 138px; padding-bottom: 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: 25px; 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: 23px; overflow: hidden; } .wide-image-text .video-wrapper video { width: 100%; border-radius: 25px; } .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: #00a1c2; 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: 25px; 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: #012D64; 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%; margin: 125px 0; overflow: hidden; } .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: 52%; padding-top: 168px; padding-bottom: 125px; padding-right: 30px; } .side-by-side-section .side-by-wrap .side-by-item-left p{font-size: 22px;color: #012D64;margin-bottom: 35px;} .side-by-side-section .side-by-bg-right { background-size: cover; background-repeat: no-repeat; background-position: top center; width: 45%; border-radius: 18px 0 0px 18px; overflow: hidden; right: 0; position: absolute; height: 100%; } /* .side-by-side-section .side-by-wrap .side-by-item-left h2 { font-weight: 400; line-height: 1.23; margin-bottom: 34px; } */ .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 gradie.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 CTA with Image Section End */ /* Team Section STart */ .teambio { padding: 115px 0; width: 100%; position: relative; } .teambio .background-watermark{top:inherit} .teambio .section-header h2 { margin-bottom: 35px; } .teambio .section-header { margin-bottom: 70px; } .teambio .section-header p{color: #385DAB;font-weight: 700;} .our-tem-block { width: 100%; gap: 25px; 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 30px 0; overflow: hidden; position: relative; cursor: pointer; height: 410px; border-radius: 9px; } .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: 9px; object-fit: cover;object-position: top center;} .our-tem-block .leader-ship-image:hover img{ transform: scale(1.1); } .our-tem-heading h3 { font-family: "Open Sans", sans-serif; font-weight: 700; font-size: 36px; color: #E83F4A; margin-bottom: 12px; text-transform: capitalize; letter-spacing: 0; margin-bottom: 13px; position: relative; cursor: pointer; transition: all 0.5s ease-in-out; } .our-tem-heading h4{letter-spacing: 0.9px;text-transform: capitalize;} .leader-ship-image:hover .our-tem-heading h3 { color: #012D64; } .our-tem-heading p { font-family: 'IBM Plex Sans'; font-weight: 600; font-size: 16px; color: rgba(0, 0, 0, 1); text-transform: capitalize; letter-spacing: 0px; margin-bottom: 10px; text-transform: uppercase; color: #012D64;letter-spacing: 0.7px;} .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;text-transform: capitalize;} .team-popup-blocks .popup-right-block ul li { font-size: 16px; 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)); } .leadershiop-wrap .social-icons { display: flex; flex-wrap: wrap; margin: 0 -8px; } .leadershiop-wrap .social-icons a { width: 40px; height: 40px; background: #012D64; border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 11px; } .leadershiop-wrap .social-icons a i{font-size: 22px;} .leadershiop-wrap .social-icons a:hover{background: #E83F4A;} /* Team Section End */ /* 2 blocks with image Section Start */ .post-clm-section { width: 100%; padding: 115px 0;position: relative;overflow: hidden; } .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: 225px; border-radius: 20px; } .post-wrap .post-inner-wrap .post-left-img + .post-right-c { width: calc(100% - 200px); padding-left: 30px; padding-right: 60px; } .post-wrap .post-inner-wrap .post-left-img figure { height: 210px; width: 225px; overflow: hidden; border-radius: 10px;margin: 0; } .post-wrap .post-inner-wrap .post-right-c .btn.white {color: #fff; font-family: "Open Sans", sans-serif !important;letter-spacing: 0; background-color: transparent !important;padding: 0 !important;font-size: 16px !important; letter-spacing:0.8px;font-weight: 700;} .post-wrap .post-inner-wrap .post-right-c .btn.white i{display: none;} .post-wrap .post-inner-wrap .post-right-c .btn.white i { position: relative; left: 8px; font-size: 15px; 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: 10px; } .post-wrap .post-inner-wrap .post-right-c h2 { color: #fff; margin-bottom: 15px; font-weight: 700; font-size: 40px; line-height: 1.1; } .post-wrap .post-inner-wrap .post-right-c p {color: #fff;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;} /* 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: 420px; 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 !important; background-blend-mode: normal, luminosity;} /*.image-video-section:before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: url(assets/images/banner-dots-bg.svg) center center no-repeat;}*/ /* .image-video-section:after{position: absolute; content: ""; background: linear-gradient(0deg, rgba(0, 58, 117, 0.65), rgba(0, 58, 117, 0.65)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; left: 0; right: 0; top: 0; margin: 0 auto;} */ /* .image-video-section:after{position: absolute; content: ""; background: linear-gradient(0deg, rgba(0, 58, 117, 0.65), rgba(0, 58, 117, 0.65)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; left: 0; right: 0; top: 0; margin: 0 auto;background: #003A75A6;} */ /* .image-video-section:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0;background: linear-gradient(0deg, rgba(0, 58, 117, 0.65), rgba(0, 58, 117, 0.65)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));} */ /* .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 */ .horizonal-tab-slider{padding: 120px 0 0; position: relative;} .horizonal-tab-slider:before { position: absolute; content: ""; background: url(./assets/images/logo-pattern.svg) top center no-repeat; width: 100%; height: 320px; top: 0; right: 0; max-width: 670px; background-size: contain; } .horizonal-tab-slider .section-header{max-width: 970px;width: 100%;padding-bottom: 36px;} .tab-navigation {display: flex;align-items: center;gap: 10px;margin-bottom: 0;padding: 13px 0 0;position: relative;width: 100%;} .tab-navigation .nav-arrow{position: relative;top:-8px;padding: 0;} .nav-arrow { background: none; border: none; font-size: 32px; color: #BC2B20; 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: #BC2B20; } .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;justify-content: center;} .tabs-container:active { cursor: grabbing; } .tabs-container::-webkit-scrollbar { display: none; } .tabs-wrapper {display: flex;gap: 17px;min-width: min-content;padding: 0;} .tab {background: none;border: none;font-size: 24px;font-weight: 500;color: #333547;cursor: pointer;padding: 0px 0 10px;/* 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: 'Montserrat';font-weight: 400;min-width: 265px;justify-content: center;line-height: 1.1;} .tab:after{position: absolute;content: "";background: #BC2B20;width: 100%;height: 2px;bottom: 0;opacity: 0;visibility: hidden;} .tab.active:after{opacity: 1;visibility: visible;} .tab:hover { color: #012D64;font-weight: 600;} .tab.active {color: #BC2B20;font-family: Montserrat;font-style: normal;font-weight: 700;line-height: normal;} /* .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: 10px; height: 550px; background: #e4e4e4; margin: 0 0 25px auto; max-width: 550px;} .image-placeholder img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px;} /* Main Content */ .main-content { position: relative; min-height: 720px;background: linear-gradient(97.29deg, #F7F7F7 0.81%, #FBFBFB 101.69%);padding: 52px 0;} .main-content .container{padding: 0;} .main-content:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: url(assets/images/banner-dots-bg.svg) center center no-repeat;background-size: cover;} .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;align-items: center;} .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: #322b66; 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 h3{margin-bottom: 50px;} .tab-content .left-column p{font-size: 22px;} .tab-content .left-column .right-btn{padding-top: 15px;} .tab-content .left-column{padding-left: 85px;} .tab-content .right-column{padding-top: 20px;} .tab-content .right-column .image-placeholder{margin: 0 0 0 auto;} .horizonal-tab-slider .label-text, .horizonal-tab-slider h2 {margin-bottom: 32px;} .form-section-wrap .form-wrap form { margin: 0px -5px; display: block; } .form-section-wrap .form-wrap form span.ninja-forms-req-symbol { display: none; } .form-section-wrap .form-wrap .nf-form-content { margin-top: 50px; width: 100%; } .form-section-wrap .form-wrap .nf-form-content .nf-row { width: 100%; } .nf-error .ninja-forms-field, .nf-error.listimage-wrap .nf-field-element ul { border: none !important; border-bottom: 1px solid #e80000 !important; } .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: #E83F4A; display: inline-block; padding: 18px 60px 18px 25px; border-radius: 30px; position: relative; border-style: solid; border-width: 1px; transition: all 0.5s ease-in-out; font-size: 20px; margin-right: 10px; color: #fff; cursor: pointer; margin-right: 0; transition: all 0.5s ease-in-out; 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; font-family: "IBM Plex Sans", sans-serif; } .nf-form-content .nf-field-container.submit-container .nf-field-element { position: relative; width: 158px; cursor: pointer; } .nf-form-content .nf-field-container.submit-container .nf-field-element:after { content: "\f061"; font-family: "Font Awesome 6 Pro"; font-weight: 300; position: absolute; right: 35px; color: #fff; font-size: 18px; top: 49%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .nf-form-content .nf-field-container.submit-container .nf-field-element:hover:after { color: #ffffff; right: 26px; } .nf-form-content .nf-field-container.submit-container .nf-field-element:hover .ninja-forms-field { background-color: #BC2B20; color: #ffffff; } .banner-video-blocks { position: absolute; inset: 0; background: rgba(211, 211, 211, 0.6); mix-blend-mode: multiply; z-index: 2; pointer-events: none; } .large-cta-with-background-image .background-image { background-size: 102% !important; } /* 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: #322b66; } .rectangle-image-and-text .background-watermark { background-position: bottom right; top: inherit; bottom: -120px; } /* Tabbed Content Section Start */ .tabbed-content-slider { display: none; } .tabing-section .section-header h2 { margin-bottom: 40px; } .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: 24px; font-family: "Open Sans", sans-serif; font-weight: 700;letter-spacing: -0.5px; color: #012D64; margin-right: 15px; } .tab-inner-text .tab-right-text p { margin-bottom: 36px; } .tabing-section { padding:115px 0; position: relative; } .tabing-section .label-btn { margin-bottom: 23px; } .tabing-section .coman-block-sec { margin-bottom: 12px; } .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;flex-wrap: wrap;} .tab-panel-figma-vertical .tab-left-image { order: 1; margin-bottom: 35px; } .tab-panel-figma-vertical .tab-right-text { order: 2; } .tab-inner-text .tab-left-image { float: none; width: 100%; margin-left: 0; position: relative; height: 525px;} .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: none; width: 100%; } .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: 60px; width: 36.5%; } .tab-btn-figma-vertical { font-size: 36px; font-weight: 700; border: none; padding: 35px 20px 35px 0px; cursor: pointer; outline: none; width: 100%; letter-spacing: 0.00em; background-color: transparent; border-bottom: 1px solid #d6d6d8; text-align: left; color: #012D64; font-family: "Open Sans", 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: #E83F4A; } .tabbed-media-vertical { flex: 1; display: flex; position: relative;padding-top: 45px;} .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;background: #f2f2f2;} .logo-carousel-cover{margin-bottom: 35px;} .logo-carousel-cover figure a { display: inline-block; width: 100%;} .logo-carousel-cover figure img { display: inline-block !important; } .logo-carousel-cover figure { text-align: center; } .logo-carousel .d-flex { display: flex; margin-bottom: 59px; } .teamcard .collapse { position: relative; z-index: 1; } .logo-carousel .d-flex .left-part { width: 50%; padding-right: 0; } .logo-carousel .d-flex .right-part { width: 50%; padding-left: 0px; padding: 0px 0 0 0; } .logo-carousel .d-flex .right-part .right-part-inner{padding-top: 45px;} .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; color: #6F6F6F !important; font-size: 28px; font-family: "Open Sans", sans-serif; font-weight: 500; padding: 28px 25px;} .table-style table.table.tablepress { margin-bottom: 50px; } .is-table table td { color: #1f1f26; font-weight: 400; text-align: right; font-family: "Open Sans", sans-serif;border-top: 2px solid #E9E9E9 !important; } .is-table table th { border-top: 2px solid #E9E9E9;text-align: right;background: #F2F2F280 !important;color: #012D64 !important;font-size: 30px;font-weight: 600;font-family: "IBM Plex Sans", sans-serif;} .is-table table th:first-child , .is-table table td:first-child { text-align:left; } .is-table table tr:last-child td{ border-bottom: 4px solid #E83F4A; } .table-style { padding: 115px 0 35px; position: relative; } .table-style .heading-coman-top { margin-bottom: 65px;} .table-style .heading-coman-top .table-heading-left { max-width: 790px; } .table-style .heading-coman-top .table-heading-left .label-text{margin-bottom: 30px;} .table-style .heading-coman-top .table-heading-left h2 { margin-bottom: 30px; } .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:155px 0 130px; position: relative; } .wide-videoimage .section-header { display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: 28px; } .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: 25px; } .video-container .play-button-wrapper div { width: 93px; height: 93px; 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: #E83F4A; 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;font-size: 32px;} .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: 55px; display: block; width: 100%; } .wide-image-text .wide-videoimage img { width: 100%; border-radius: 25px; } .wide-image-text .wide-videoimage video { width: 100%; border-radius: 25px; 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: 13px; } .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%; } /* video start css */ /*Round Image and Text css start here*/ .round-image-and-text { padding:115px 0; position: relative; } .round-image-and-text .background-watermark{top:inherit;bottom: 0;} .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: 360px;height: 360px;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: -25px;top: -25px;border-radius: 50%;width: 380px;height: 380px;background-color: #E83F4A;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% - 380px);padding-left: 35px;} .round-image-and-text-inner .round-image-and-text-row { max-width: 910px; } .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: #012D64; 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 35px 0 0; } .round-image-and-text .round-image-and-text-row h3 { font-weight: 700;margin-bottom: 25px;} .round-image-and-text .round-image-and-text-row p {font-size: 32px;color: #012D64;line-height: 1.12;} .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: 60px; } .round-image-and-text-wrap .item:last-child { margin-bottom: 0; } .round-image-and-text-inner .round-circle-image-and-text figure img {border-radius: 50%;width: 330px;transition: all 0.5s ease-in-out;height: 330px;object-fit: cover;} .round-image-and-text-inner .round-circle-image-and-text figure {margin: 0;position: absolute;width: 330px;height: 330px;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: #012D64; } .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 css end here*/ /* Resource filter Section Start */ .filter-wrap .sbToggle { background: url(./assets/images/icon-filter-down-arrow.png) right center no-repeat; display: block; height: 9px; width: 14px; outline: none; position: absolute; right: 25px; top: 28px; background-size: contain; background-repeat: no-repeat; background-position: top center; transform: translateY(-50%); z-index: 11;} .post-filter-wrap .filter-wrap .sbOptions li:first-child a:hover { background: transparent;color: #E83F4A !important;} .filter-wrap .sbSelector {height: 60px; top: 0; align-items: center; background: #fff; border-radius: 32px; padding-left: 30px; color: #012D64; font-size: 16px; text-transform: uppercase; font-weight: 700; font-family: 'IBM Plex Sans';} .filter-wrap .sbHolder { border-bottom: none} .filter-wrap .sbSelector a { position: relative;color: #012D64;font-size: 16px;text-transform: uppercase;font-weight: 700;font-family: 'IBM Plex Sans';padding-right: 20px;} .post-filter-wrap { padding:40px 0; background: #024384; } .post-filter-wrap .filter-wrap {display: flex; flex-wrap: wrap;justify-content: center;} .post-filter-wrap .filter-wrap .search-field { width: 48%; margin-right: 12px; } .post-filter-wrap .filter-wrap .topic-dropdown{width: 20%; margin-right: 12px; } .post-filter-wrap .filter-wrap .type-dropdown{width: 15%; margin-right: 12px; } .post-filter-wrap .filter-wrap .search-field input { width: 100%; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 16px; border-bottom: 1px solid #fff; color: #000; outline: none !important; box-shadow: none; padding: 10px 35px 10px 60px; background: #F2F4F8 url(./assets/images/search-icon.png) no-repeat; background-position: 21px center; background-size: 25px; border-radius: 34px; height: 60px; } .post-filter-wrap .filter-wrap .search-field input::placeholder { color:#000; opacity: 1; } .post-filter-wrap .filter-wrap .search-field input::-ms-input-placeholder { color: #000; } .pagination.resource-pagination { text-align: center; padding-top: 40px; } .pagination.resource-pagination span, .pagination.resource-pagination a { margin: 0 10px; } .pagination.resource-pagination span, .pagination.resource-pagination a { width: 46px; height: 46px; display: inline-block; background-color: transparent; border-radius: 50%; font-size: 24px; color: #012D64; line-height: 45px; font-weight: 700; font-family: "Open Sans", sans-serif; } .pagination.resource-pagination a.current, .pagination.resource-pagination a:hover { background-color: #012D64; color: #fff; } .pagination.resource-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: #012D64; line-height: 45px; font-weight: 700; font-family: "Open Sans", sans-serif; } .pagination.news-pagination a.current, .pagination.news-pagination a:hover { background-color: #012D64; color: #fff; } .pagination.news-pagination span.page-link-blank { cursor: no-drop; } .post-filter-wrap .filter-wrap .sbOptions {background:#fff; 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;font-family: "Open Sans", sans-serif; font-weight: 400;font-size: 16px;} .post-filter-wrap .filter-wrap .sbOptions li a:hover { color: #E83F4A !important;} .post-filter-wrap .filter-wrap .sbOptions li:before { display: none; } .filter-wrap .sbToggle.sbToggleOpen { background: url(./assets/images/up-arrow.png); 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:#012D64; font-size: 24px; } .sort-wrap .sbOptions { background:#002254; 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: 25px; } .sort-wrap .sbOptions li a:hover { background: #012D64;} .sort-wrap .sbOptions li:before { display: none; } .sort-wrap .sbToggle.sbToggleOpen { background: url(./assets/images/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;} .sort-wrap .sbOptions li:first-child a:hover { background: transparent; } button.resource-load-more{display: inline-block; padding: 20px 25px 20px 25px; border-radius: 100px; position: relative; border-style: solid; border-width: 1px; transition: all 0.5s ease-in-out; font-family: "Inter", sans-serif; font-weight: 500; font-size: 17.21px; margin-right: 0; 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; border: none; background: #E83F4A; color: #fff;font-weight: 700; text-transform: uppercase; font-family: 'Montserrat';} button.resource-load-more i { padding-left: 15px; font-weight: 300; font-size: 17px; position: relative; left: 0; transition: all 0.5s ease-in-out; } button.resource-load-more:hover i {left: 5px;} .selected-filters span {background: #012D64;border-radius: 20px;color: #fff; font-size: 16px;padding: 5px 10px;font-weight: 400;font-family: 'Open Sans';} .selected-filters-wrap { padding: 20px 0 0;} .selected-filters span a { color: #fff; font-weight: 700; font-size: 22px; line-height: 0; position: relative; top: 2px; font-family: 'Open Sans'; } /* Resource filter Section End */ /*value-your-industry css start here*/ .value-your-industry { padding:110px 0 150px; position: relative; overflow: hidden; } .value-your-industry .section-header { max-width: 850px; margin-bottom: 50px; } .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 .item-inner { margin-right:0px; height: 540px; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; border-radius: 24px; display: flex; align-items: flex-end; padding: 30px 45px 20px 45px;border-bottom: 4.074px solid #E83F4A;} .value-your-industry .item-inner:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 20px; opacity: 100%; transition: all 0.5s ease-in-out; background: linear-gradient(0deg, rgba(0, 58, 118, 0.65) 0%, rgba(0, 58, 118, 0.65) 100%); background-blend-mode: normal, luminosity;} .value-your-industry-slider .item a:hover .item-inner:after { background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), linear-gradient(0deg, rgba(0, 58, 118, 0.80) 0%, rgba(0, 58, 118, 0.80) 100%); background-blend-mode: normal, normal, luminosity;} .value-your-industry .item-inner .heading { position: relative; z-index: 11; } .value-your-industry .item-inner .heading h4 {font-family: "IBM Plex Sans";font-size: 30px;font-style: normal;font-weight: 600;line-height: 42px;} .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: 0;} .value-your-industry-slider ul.slick-dots li{margin-right:17px} .value-your-industry-slider ul.slick-dots li button{width: 64px;height: 4px;border-radius: 5px;background: rgba(1, 45, 100, 0.2);} .value-your-industry-slider ul.slick-dots li.slick-active button{background-color: #E83F4A;} .value-your-industry-slider ul.slick-dots li button:after{display: none;} .value-your-industry-slider ul.slick-dots li { padding: 0; margin-left: 0; } .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::before{font-size: 14px;} .value-your-industry-slider .slick-arrow { bottom: auto; top: -110px;width:45px;height: 45px;} .value-your-industry-slider .slick-prev.slick-arrow { top: -110px; right: 455px; left: auto; } .value-your-industry-slider .slick-next.slick-arrow { top: -110px; right: 405px; left: auto; } .value-your-industry-slick .cta-link { max-width: 50%; margin: 0 0 0 auto; text-align: right; margin-top: -20px; position: relative; z-index: 11; } .value-your-industry-slick.white-color .btn-link{color: #E83F4A;} /*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 #bab4af; border-radius: 0; padding: 8px 0; height: 54px; color: #5e5751; 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 i { position: absolute; right: 3px; top: 14px; color: #012D64; 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: 100px; position: relative; transition: all 0.5s ease-in-out; font-size: 20px; margin-right: 10px; font-family: "Open Sans", 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: #012D64; 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: #1BDEE0;} .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: #2e3192; 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; } /* Style the buttons inside the tab */ .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: #bebdbc; border-bottom: 5px solid #bebdbc; } /* Change background color of buttons on hover */ .product-tab button:hover {color: #000;} .top-text h5 { font-weight: 700;} /* Create an active/current tablink class */ .product-tab button.active {color: #000000;border-color: #012D64;} /* Style the tab content */ .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: #5e5751; font-size: 26px;font-weight: 700;display: block;margin-bottom: 15px;} .tabcontent .tabcontent-inner p, li {color: #5e5751;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;} .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: #012D64; cursor: pointer; box-shadow: 2px 0px 6px rgb(0 0 0 / 53%); font-family: "Open Sans", sans-serif; } .wrap_svl .drag_element .ihotspot_tooltop_html:hover:after { background: #1BDEE0; } .wrap_svl .drag_element .ihotspot_tooltop_html img { opacity: 0; cursor: pointer; } #powerTip { padding: 23px 35px 15px 35px; background: #222; 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-top: 60px;padding-bottom: 60px;} .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 .collection-img {width: 30%;} .search-results-main .search-result-items a.searched-item .collection-img img {width: 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: #012D64; 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: "Open Sans", sans-serif; cursor: pointer; } .search-results-main .nav-links .page-numbers:hover, .search-results-main .nav-links .page-numbers.current { background-color: #1bdee0; } .search-results-main form.search-form {display: flex;max-width: 400px;font-size: 0;border-bottom: 1px solid #000;padding-bottom: 2px;width: 100%;} .search-results-main form.search-form label input { width: 100%; font-size: 24px; font-family: "Open Sans", 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: #012D64; 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: "Open Sans", sans-serif; font-weight: 500; line-height: 1; vertical-align: middle; text-align: center; cursor: pointer; } .search-results-main form.search-form input.search-submit:hover { background-color: #1bdee0; } /* Search Section End */ footer {padding:65px 0;background: #003A75;} footer .bottom-footer-wrap {display: flex;flex-wrap: wrap;justify-content: center;} footer .bottom-footer-wrap .copy-rt { padding-right: 15px; margin-right: 10px; } 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 30px 0 0;padding: 0;font-family: "Open Sans", sans-serif;font-weight: 400;font-size: 22px;line-height: 26px;} footer .bottom-footer-wrap ul li:last-child { margin-right: 0; } footer .bottom-footer-wrap ul li:after {content: "";position: absolute;left:-14px;width: 1px;height: 23px;background-color: #fff;top: 3px;} footer .bottom-footer-wrap ul li:before { display: none; } footer .bottom-footer-wrap ul li a { font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 22px; line-height: 26px; color: #fff; transition: all 0.5s ease-in-out;text-transform: uppercase;} footer .bottom-footer-wrap ul li a:hover { color: #BC2B20; } footer .bottom-footer-wrap .copy-rt p {margin: 0;color: #fff;font-family: "Open Sans", sans-serif;font-weight: 400;font-size: 22px;line-height: 26px;letter-spacing: 0.7px;} .footer-top { padding: 0 0 50px; } .footer-top-wrap {display: flex;flex-wrap: wrap;} .footer-top-wrap .footer-logo {width: 25%;} .footer-logo ul.social-icons-wrap { margin: 0; padding: 0; } .footer-logo ul.social-icons-wrap li { padding: 0; margin: 0; list-style: none; } .footer-logo ul.social-icons-wrap li:before { display: none; } .social-icon-footer { padding-top: 10px; } .footer-logo ul.social-icons-wrap li a { width: 40px; height: 40px; background: #336192; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; } .footer-logo ul.social-icons-wrap li a i{font-size: 22px;} .footer-logo ul.social-icons-wrap li a:hover{background: #E83F4A;} .footer-details {width: 75%;} .addess-wrap {display: flex;align-items: flex-start;flex-wrap: wrap;margin: 0 -10px;} .address-col {width: calc(25% - 20px);margin: 0 10px 20px;} .address-col h4{color: #fff;font-size: 28px;} .address-col p{color: #fff;} .address-col p a:after{display: none;} .address-col p a:hover{color: #E83F4A;} .address-col address{color: #fff;font-size: 16px;font-style: normal;font-family: "Open Sans", sans-serif;font-weight: 400;padding: 15px 0;line-height: 1.7;} .address-col address p a {color:#fff;font-family: "Open Sans";font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px;} .address-col .links {padding: 0;} .address-col .links p{margin-bottom: 0;} .address-col .links a {color: #fff;} .address-col .links a:hover {color: #E83F4A;} .address-col .links a:after{display: none;} .copyright-wrap { border-top: 1.33px solid #D9DBE91A; padding: 60px 0 0; } /*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: #012D64; 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: 120px 0 100px; } .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: 25px; height: 100%; position: relative; background-color: #fff; box-shadow: 0px 0px 10px 3px #0000000D;transition: 0.5s all ease-in-out;} .resources-listing-item a:hover .resources-listing-item-inner{ box-shadow: 0px 0px 10px 10px #012D641A; } .resource-load-more-wrap{text-align: center;width: 100%;} .resources-listing-item-inner figure { height: 222px; margin: 0; position: relative; } .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:25px 25px 0 0; } .resources-listing-item-inner figure img { width: 100%; height: 100%; object-fit: cover; border-radius: 25px 25px 0 0; } .resources-listing-item-inner .resources-listing-content label { color: #E83F4A; display: inline-block; font-size: 16px; font-weight: 700; text-transform: uppercase; font-family: 'IBM Plex Sans'; letter-spacing: 1px;margin-bottom: 28px !important;} .resources-listing-item-inner .resources-listing-content h4 { color: #012D64; transition: all 0.5s ease-in-out; line-height: 1.35; } .resources-listing-item-inner .resources-listing-content p { color: #232D35;} .resources-listing-item-inner .resources-listing-content { padding:15px 30px 15px 30px} .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: 25px;} .resources-listing-item a:hover .resources-listing-item-inner:after { opacity: 1; } */ /* .resources-listing-item a:hover .resources-listing-item-inner h4 { color: #012D64; } */ p.not-found-post { font-family: "Open Sans", 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: 18px; 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: "Open Sans", sans-serif; font-weight: 700; letter-spacing: -0.5px; margin-bottom: 12px; color:#012D64 !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 #012D64; padding: 10px; font-size: 18px; border-radius: 5px;font-family: "Open Sans", 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: #012D64; 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: "Open Sans", 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: "Open Sans", 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: #012D64; 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: #012D64; font-size: 20px; font-family: "Open Sans", 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%;} .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: #f2f2f2; } .popup-right-block::-webkit-scrollbar { width: 5px; background-color: #f2f2f2; } .popup-right-block::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #E83F4A; } .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; font-weight: bold; margin-bottom: 9px; color: #E83F4A; text-transform: inherit; font-family: "Open Sans", sans-serif; } .popup-left-block .popup-descri p { max-width: 100%; line-height: 30px; font-family: 'IBM Plex Sans'; font-weight: 600; font-size: 16px; letter-spacing: 0.7px; margin-bottom: 17px; text-transform: uppercase; color: #012D64; } .popup-descri .social-icons { display: flex; flex-wrap: wrap; margin: 0 -8px; } .popup-descri .social-icons a{ width: 40px; height: 40px; background: #012D64; border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 8px; } .popup-descri .social-icons a i{color: #fff;} .popup-descri .social-icons a:hover{background: #E83F4A;color: #fff;} .popup-descri .social-icons a:hover { color: #035774; } .popup-right-block p { line-height: 1.5; margin-bottom: 12px; } .popup-right-block h6 { font-size: 22px; color: #035774; 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: #025466; } .popup-text button.mfp-close { position: absolute; left: -68px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background-color: #012D64; border-radius: 50%; opacity: 1; color: #fff; font-size: 38px; } .popup-text button.mfp-close:hover{ background-color: #012D64; } .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;} /************FAQs START***********/ .faq-section {padding: 115px 0 100px; } .faq-section .section-header { max-width: 830px; width: 100%;padding-bottom: 20px;} .faq-section .section-header h2 { margin-bottom: 10px; } .faq-section .section-title { text-align: center; color: #FFF; font-size: 40px; letter-spacing: 3px; margin-bottom: 26px; } .faq-main { width: 100%; padding-top: 25px;border-top: 1px solid #CAD4D766} .faq-section .faq-desc {display: none;cursor: default;color: #000;padding-top: 0;font-size: 16px;padding-bottom: 0;padding-right: 25px;} .faq-section .faq-main ol { padding: 0;margin: 0;} .faq-section .faq-main ol li {font-size: 16px;position: relative;cursor: pointer;list-style-type: none;padding: 0;margin-bottom: 25px;border-bottom: 1px solid #CAD4D766;} .faq-section .faq-main ol li .faq-title{padding-right: 30px;margin-bottom: 22px;} .faq-section .faq-main ol li:before{display: none;} .faq-section .faq-main ol li::after {content: "";position: absolute;background: url(assets/images/icon-plus.svg) center center no-repeat;background-size: 18px;width: 20px;height: 20px;display: block;top: 5px;right: 0;cursor: pointer;border: none;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .faq-section .faq-main ol li.open::after {backface-visibility: hidden;border: none;background: url(assets/images/icon-minus.svg) center center no-repeat; } /* .faq-section .faq-main ol li:hover:after {background-color: #c4ccdb; } */ /* .faq-section .faq-main ol li.open:hover:after {background-color: #E2231A;} */ /* Responsive Style Start */ .form-section form .mktoFormRow .sbSelector > a { color: #385B84 !important; text-decoration: none; font-weight: 400; font-size: 16px !important;} .form-section form .mktoFormRow .sbOptions li{margin-bottom: 0;} @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; } .large-cta-with-background-image .background-image {background-size: cover !important;} } @media only screen and (max-width: 1600px) { .side-by-side-text { padding: 160px 0 110px; } .icons-full-width { padding: 100px 0 150px; } .icons-full-width .icons-full-width-row.extended-layout .icons-full-width-column { width: 20%; } .testimonials-slider .slick-prev { left: -20px !important; } .testimonials-slider .slick-next { right: -20px !important; } .testimonials-slider.slick-initialized.slick-slider { padding: 0 50px; } .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-slider .slick-next.slick-arrow { right: 200px; } .value-your-industry-slider .slick-prev.slick-arrow { right: 285px; } .testimonials-slider:before{width: 80px; height: 65px;background-size: 70px;} } @media only screen and (max-width: 1400px) { h1, .h1 { font-size: 66px; line-height: 70px; } h2, .h2 { font-size: 50px; line-height: 60px; } h3, .h3 { font-size: 32px; line-height: 40px; } ul li:before { top: 14px; } .top-hero-banner { min-height: 600px; } .icons-full-width .section-header p, .section-header p { font-size: 20px; line-height: 30px; } .contact-btn a { font-size: 18px; padding: 0 15px; } .desktop-menu li.menu-lavel-1 { margin-right: 15px; } .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; } .featured-blocks { padding: 100px 0 40px; } .featured-blocks .section-header { margin-bottom: 50px; } .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; } .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: 100px 0;} .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; } .value-your-industry .item-inner .heading h4 { font-size: 28px; line-height: 38px; } .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; } .vision-for-industry-box .filter-tabs { margin-bottom: 40px; } .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; } .industry-block .industry-block-inner .section-header-wrap { margin-bottom: 40px; } .industry-block .industry-block-title { max-width: 800px; } 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; } .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; } .faq-section{padding: 80px 0 40px;} .custom-slider-root .custom-arrow{right:25px} .custom-slider-root .slider-wrapper ul.slick-dots{right:25px} } @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: 100px; padding-bottom: 70px; } .wide-image-text { padding-top: 100px; padding-bottom: 100px; } .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: 70px 0 100px; } .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;} .tab{font-size: 22px;min-width: 200px;;} } @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; } } @media only screen and (max-width: 1199px) { .container { padding:0 20px; } h1, .h1 { font-size: 60px; line-height: 60px; margin-bottom: 20px; } h2, .h2 { font-size: 44px; line-height: 54px; margin-bottom: 20px; } h3, .h3 { font-size: 28px; line-height: 36px; } section.history_timeline .timeline-text p{font-size: 18px;line-height: 1.3;} .side-by-side-text .side-by-side-text-wrap .side-by-side-text-row ul { padding: 12px 0px 0 15px;} .post-filter-wrap .filter-wrap .search-field{width: 45%;} ul li:before { top: 11px; } .brand-logo, header.srolled .brand-logo { max-width: 250px; 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: solid 1px #E4E4E4 !important; height: 70px; background-color: #fff; } .mobile-header { display: flex; padding: 15px 30px 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 10px 24px !important;} .btn.slide-menu-control span { display: block; width: 25px; height: 2px; background-color: #012D64; 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; } header .slide-menu ul a { color: #012D64; } header .slide-menu ul a.slide-menu-control { color: #1bdee0; } .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: #1bdee0; } .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: #012D64; } .form-control.ds-input { background: linear-gradient(45deg, #2e3192, #1bdee0); 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; } 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: #003A75; } .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: 20px; } .icons-full-width .section-header p, .section-header p { font-size: 18px; } .three-column-text .section-header { margin-bottom:40px; } .three-column-text { padding: 70px 0; } .three-column-text .three-column-row .three-column ul li { margin-bottom: 18px; padding-bottom: 18px; } .readmore1 { font-size: 24px;line-height: 1.3} .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 { margin-bottom: 15px; padding-bottom: 15px; } .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; } .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; } .icons-full-width .section-header { margin-bottom: 50px; } .icons-full-width .icons-full-width-content h4 { font-size: 26px; } .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: 100px 0 60px;} .post-wrap .post-inner-wrap .post-right-c .btn.white { font-size: 26px; } .image-video-section { height: 350px; } .tab-btn-figma-vertical { padding: 20px 20px 20px 0px; } .tabing-section .coman-block-sec { margin-bottom: 0; } .tab-inner-text .tab-right-text p { margin-bottom: 25px; } .tabing-section { padding-top: 80px; padding-bottom: 80px; } .industry-block { padding:80px 0; } .industry-block .industry-block-title { max-width: 700px; } .expand-all span { font-size: 25px; } .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; } 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; } .tab{min-width: 200px;} .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; } .resources-listing-item-inner .resources-listing-content h4 { font-size: 26px; } .timeline-nav .slick-list.draggable { padding: 0 0 !important; } .post-filter-wrap { padding-top: 55px; padding-bottom: 55px; } .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: 50px 0 20px; } .blog-single-post .right-btn { margin: 0 0 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: 100px;padding-bottom: 100px;} .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: 400px;} .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 { padding: 70px 0; } .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;} .footer-top-wrap .footer-logo { width: 100%; padding-bottom: 35px; } .footer-details { width: 100%; } .address-col h4{font-size: 20px;line-height: 1.3;min-height: 52px;} .address-col address{padding: 15px 0;} footer .bottom-footer-wrap .copy-rt p{font-size: 20px;} footer .bottom-footer-wrap ul li{font-size: 20px;} footer .bottom-footer-wrap ul li a{font-size: 20px;} .footer-top { padding: 0 0 20px; } .copyright-wrap{padding: 50px 0 0;} .three-column-text .three-column-row .three-column figure{margin-bottom: 50px;} .tab{font-size: 20px;} .custom-slider-root .banner-midd{max-width: 760px;} .custom-slider-root .container{position: static;} .custom-slider-root .slider-wrapper ul.slick-dots{right: 0; justify-content: center; width: 100%; max-width: 100%; top: inherit; bottom: 15px;} .custom-slider-root .slick-active .banner-midd .cta-btn{margin-top: 50px;} .custom-slider-root p{font-size: 20px;} .icons-full-width .icons-full-width-row{row-gap: 50px;} .images-and-text-module .section-header-content ul{padding: 12px 0px 0 25px;} .filter-wrap .sbSelector{padding-left: 20px;} } @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;} .tab{font-size: 18px;} } @media only screen and (min-width: 1199px) { body { padding-top: 0 !important; } } @media only screen and (max-width: 991px) { h1, .h1 { font-size:50px; line-height: 56px; } h2, .h2 { font-size:44px; line-height: 50px; } h3, .h3 { font-size: 28px; line-height: 36px; } h4, .h4 { font-size: 24px; line-height: 32px; } .custom-slider-root .responsive-slider .slick-slide{align-items: center;} .logo-carousel .d-flex .right-part .right-part-inner{padding-top: 0;} .custom-slider-root .container{position: static;} .custom-slider-root .custom-navigation { left: -35px; bottom: 220px; max-width: 60px; width: inherit; margin: 0 0 0 auto; } .custom-slider-root .custom-arrow{width:45px;height: 45px;} .custom-slider-root .slider-wrapper ul.slick-dots{bottom: 210px;} .tabbed-content-slider { display: block; } .tabing-section .tabbed-card-figma { display: none; } .icons-full-width .section-header p, .section-header p { font-size: 18px; line-height: 28px; } .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.two-col .three-column-row .three-column, .three-column-text .three-column-row .three-column { width:100%; 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; } .three-column-text.two-col .three-column-row .full-col{padding-left: 15px;} .featured-blocks .featured-blocks-column { width: 50%; } .featured-blocks .section-header { margin-bottom: 40px; } .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: 15px; } .icons-full-width { padding: 50px 0; } .icons-full-width .icons-full-width-content p { line-height: 28px; } .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-author span { font-size: 18px; } .testimonials .testimonials-author em { font-size: 18px; } .testimonials .testimonials-author 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 .btn.white { font-size: 22px; } .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;background-color: #012D64;} .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; } .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; }*/ 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%; } .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; } .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: #012D64; font-family: "Open Sans", sans-serif; letter-spacing: -0.8px; text-align: center; } .tabs-content-top .slick-slide.slick-current.slick-active h4 { color: #2e3192; } .tab-content-bottom .tab-inner-image img { border-radius: 15px; width: 100%; height: 100%; object-fit: cover; } .tabing-section .coman-block-sec { margin-bottom: 0; } .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 { padding-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%; } .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; } .pagination.resource-pagination { padding-top: 20px; } .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; } span.accordion__title-text { padding-right: 30px; display: inline-block; } .form-section form .mktoFormRow { width: 50%; } .marquee-wrapper .number {font-size: 44px;} .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 h4 { 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;padding: 0 25px;} .main-title {font-size: 36px;} .tab-navigation {gap: 8px;margin-bottom: 0;} .nav-arrow {font-size: 28px;padding: 6px 0} .tabs-container {gap: 16px;justify-content: inherit;} .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 0;} .image-placeholder{margin: 0;max-width: 100%;} .tab{font-size: 18px;} .tab-content .right-column { padding-top: 0; } .value-your-industry-slick .cta-link { margin: 50px auto 0; } .address-col { width: calc(50% - 20px); margin: 0 10px 50px; } .address-col address { padding: 0 0 15px; } .address-col h4 { min-height: inherit; } footer .bottom-footer-wrap ul li{font-size: 18px;} footer .bottom-footer-wrap ul li a{font-size: 18px;} footer .bottom-footer-wrap .copy-rt p { font-size: 18px; } .footer-logo ul.social-icons-wrap li a { width: 40px; height: 40px;} .icons-full-width:before{max-width: 400px;} .tab-content .left-column h3{margin-bottom: 25px;} .tab-content .left-column p{font-size: 18px;} .tab-content .left-column {padding-left: 0;} .testimonials-slider .slick-prev { left: -15px !important; } .testimonials-slider .slick-next { right: -15px !important; } .testimonials-slider button.slick-prev.slick-arrow:before { padding: 6px; } .testimonials-slider .slick-arrow{width: 50px;height: 50px;} .testimonials-slider:before{top: -15px; width: 65px; height: 60px; background-size: 60px;} .testimonials-slider button.slick-next.slick-arrow:before { padding: 5px;border-width: 0 2px 2px 0; } .section-header h2 br{display: none;} .section-header p br{display: none;} .custom-slider-root .slick-active .banner-midd .cta-btn{margin-top: 30px;} img.alignleft{max-width: 300px;} img.alignright{max-width:300px;} .post-filter-wrap .filter-wrap .search-field { width: 100%; margin-right: 0; margin-bottom: 10px; } .post-filter-wrap .filter-wrap .topic-dropdown { width: 100%; margin-right: 0; margin-bottom: 30px; } .post-filter-wrap .filter-wrap .type-dropdown { width: 100%; margin-right: 0; margin-bottom: 30px; } .post-filter-wrap form input[type="submit"], form button[type="submit"]{width: 100%;} .horizonal-tab-slider .label-text, .horizonal-tab-slider h2 {margin-bottom: 25px;} .horizonal-tab-slider:before {height: 250px;max-width: 450px;} } @media only screen and (max-width: 767px) { h1, .h1 { font-size: 40px; line-height: 44px; } h2, .h2 { font-size: 36px; line-height: 44px;} body .mktoForm .mktoButtonRow{text-align: center !important;width: 100%;} .side-by-side-section .side-by-wrap h2 br{display: none;} .crimson-red-bg .btn-stcolor.crimson-red{background: #BC2B20;} .background-watermark {background-position: 100% 110%;} .btn-wrap { padding: 14px 22px 14px 22px; font-size: 16px; } .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: 15px; } .three-column-text .three-column-row .three-column figure { height: 300px; margin-bottom: 30px; } .three-column-text.two-col .three-column-row .three-column figure{height: 300px;margin-bottom: 30px;} .featured-blocks { padding: 50px 0;} .side-by-side-text { padding: 50px 0; } .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%; } */ .value-your-industry-slick .cta-link{max-width: 100%; text-align: center;} .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; padding: 0 0 10px; margin: 0; } footer .bottom-footer-wrap .menu-footer-menu-container { width: 100%; display: flex; margin: 0; padding: 0; justify-content: center; } .post-clm-section { padding: 70px 0 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; } .logo-carousel { padding: 40px 0 40px 0; } .logo-carousel .slick-list {padding-bottom: 50px;} .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 .btn.white { font-size: 20px; } .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 20px; } .large-cta-with-background-image { padding:0; } .post-filter-wrap { padding-top: 40px; padding-bottom: 40px; } .large-cta-with-background-image .background-image { height: 400px;background-size: 970px !important;} .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 .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;} .intro-section .intro-wrap .intro-left {width: 100%;} .intro-section .intro-wrap .intro-btn {width: 100%;text-align: left;padding-top: 0;} .marquee-wrapper .number {font-size: 40px;} .marquee-wrapper .label {font-size: 18px;max-width: 200px;} .marquee-wrapper .stat {min-width: 160px;margin: 0 15px;} .wide-image-text {padding-top: 60px;padding-bottom: 60px;} .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;} .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;text-align: center;} .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;justify-content: center;text-align: center;} .value-your-industry-slider ul.slick-dots li {margin: 0 7px 10px 7px;} .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;} .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;} footer .bottom-footer-wrap ul li{font-size: 16px;} footer .bottom-footer-wrap ul li a{font-size: 16px;} footer .bottom-footer-wrap .copy-rt p { font-size: 16px; } .faq-section .faq-main ol li .faq-title{font-size: 20px;line-height: 24px;} .faq-section .faq-main ol li::after{background-size:15px;} .faq-section{padding: 60px 0 40px;} .footer-logo ul.social-icons-wrap{display: none;} .custom-slider-root .slider-wrapper ul.slick-dots { justify-content: flex-start; width: 50%; max-width: 100%; top: inherit; left: 30px; right: inherit; } .custom-slider-root .responsive-slider .slick-slide{align-items: center;} .custom-slider-root p{font-size: 18px;} .icons-full-width .icons-full-width-row{row-gap: 35px;} .round-image-and-text .background-watermark { top: inherit; bottom: -150px; background-position: bottom center; } .leadershiop-wrap .social-icons a i{font-size: 18px;} .images-and-text-module.align-right .section-header .section-header-content{margin: 0;} .horizonal-tab-slider .section-header {padding-bottom: 30px;} } @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%;} } @media only screen and (max-width: 575px) { h2, .h2 { font-size: 36px; line-height: 44px; } .btn-wrap { margin-bottom: 15px; } .top-hero-banner .top-text p { font-size: 18px; line-height: 28px; } .icons-full-width .section-header p, .section-header p { font-size: 18px; line-height: 28px; } .three-column-text { padding: 45px 0; } .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: 0 10px; 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; } .industry-block .accordion__item .accordion__title { font-size: 22px; } .industry-block .accordion__item .accordion__title .accordion__arrow { font-size: 40px; } .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; background-size: 871px !important;} .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%; } .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;} .addess-wrap{margin:0} .address-col{width:100%;margin: 0 0px 50px;} .brand-logo, header.srolled .brand-logo { max-width: 200px;} .value-your-industry-slider .item{margin-right: 0;} } @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_phobtn-linne.hs-phone.hs-form-field .input .hs-input select {margin-bottom: 10px;} .horizonal-tab-slider .label-text, .horizonal-tab-slider h2 {margin-bottom: 20px; } .horizonal-tab-slider:before {height: 130px;max-width: 230px;} button.btn.slide-menu-control {padding: 10px 15px 10px 24px !important; } } @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;} } @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;} } .mktoForm .mktoLabel{display: none !important} .mktoForm .mktoAsterix{display: none !important;} .mktoForm input::placeholder {color: #385B84;}