:root { --primary-color: #fff100; --section-color: #f5f5f5; --content-font: "Rubik", sans-serif; --content-font-size: 16px; --content-color: #303841; --white: #ffffff; --black: #000000; --facebook: #1877F2; --instagram: #8a3ab9; --youtube: #FF0000; --linkedin: #0077B5; } body { font-family: var(--content-font); font-size: var(--content-font-size); line-height: 1.47059; color: var(--content-color); font-weight: 400; } /* body:before {background: url(../index.jpg) no-repeat; width: 100%; height: 8208px; opacity: 0.5; position: absolute; content: ''; top: 0;} */ a:focus, a:hover { text-decoration: none; outline: none; } a { cursor: pointer; color: var(--content-color); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration: none; outline: none } a:hover { color: var(--primary-color); } a, button, ::after, ::before { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } p, ul, ol { margin-bottom: 20px; line-height: 28px;} b, strong { font-weight: 700;} ul > li { list-style: none; } .text-center ul, .text-center ol { text-align: left } ul > li, ol > li { word-wrap: break-word; position: relative; } /*ul > li::before { content: ""; position: absolute; left: -28px; top: 2px; background: url(../images/check-solid.svg) no-repeat; background-size: 100% !important; width: 16px; height: 16px; } ul > li > ul > li::before { content: ""; position: absolute; left: -32px; top: 8px; background: url(../images/check-solid.svg) no-repeat; background-size: 100% !important; width: 16px; height: 16px; }*/ ol > li:before, ul > li > ol > li:before { display: none } ol > li, ul > li > ol > li { list-style: decimal; list-style-position: outside; } ol > li > ol > li { list-style-type: lower-alpha; } ol > li:not(:last-child), ul > li:not(:last-child) { margin-bottom: 10px; } ol ol, ol ul, ul ol, ul ul { margin-top: 10px; } ul.list-unstyled > li:before { display: none } ul > li.selected>a, ul > li.active>a { color: var(--primary-color); } li.me-1:last-child, li.me-2:last-child, li.me-3:last-child, li.me-4:last-child, li.me-5:last-child { margin-right: 0 !important; } button:focus { outline: none; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-bottom: 25px; color: var(--content-color); font-family: var(--content-font); font-weight: 700; } div > h1, div > .h1, div > h2, div > .h2, div > h3, div > .h3, div > h4, div > .h4, div > h5, div > .h5, div > h6, div > .h6 { margin-top: 0 !important; font-weight: 700; } select::-ms-expand { display: none !important; } .select_box { position: relative; } .select_arrow i, .select_arrow svg { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 1; pointer-events: none; background-position: -10px -15px; width: 12px; height: 12px; } .select_box select { appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; } .section_padding { padding: 130px 0 } .z-0 { z-index: 0 !important } .z-1 { z-index: 1 !important } .z-5 { z-index: 5 !important } .z-9 { z-index: 9 !important } /*********/ body > div { position: fixed } body > div.wrappermain { position: static; overflow: hidden } /* body header + div, body .wrappermain > div { position: relative; } */ .noscript { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; border-top: 1px solid var(--primary-color); bottom: 0; float: left; font-size: 20px; left: 0; margin: 0 auto; min-height: 50px; padding: 10px 0; position: fixed; right: 0; text-align: center; top: auto; width: 100%; z-index: 99999; color: #fff } .noscript .noscript-img { display: inline; height: 36px; margin: 0 auto; width: 34px; } .wrappermain { position: relative; overflow: hidden; } .cms-area ul, .cms-area ol { overflow: hidden; } #home_banner { display: block; } .wpcf7-form-control-wrap { display: block; } label.error, .wpcf7-form label.error, .recaptcha-error-message { color: #f00 !important; float: none; font-size: 13px !important; left: 0; padding-left: 0px !important; position: absolute; top: 100%; line-height: normal; } .mc4wp-alert.mc4wp-error p, .mc4wp-alert.mc4wp-notice p { background: #e68d8d; color: #000; padding: 0 20px; margin: 15px 0 0 0; } .mc4wp-alert.mc4wp-success p { background: #8ac18c; color: #000; padding: 0 20px; margin: 15px 0 0 0; } .mc4wp-alert.mc4wp-success p a, .mc4wp-alert.mc4wp-error p a, .mc4wp-alert.mc4wp-notice p a { color: #000; text-decoration: underline; } .mCSB_scrollTools * { border-radius: 0; } .mCSB_scrollTools .mCSB_draggerContainer { width: 5px; background: #dbdbdb !important; } .mCSB_scrollTools .mCSB_dragger { background: var(--primary-color) !important; } .mCSB_scrollTools .mCSB_draggerRail { width: 5px; background: var(--primary-color) !important; } .mCSB_scrollTools { width: 5px; } .mCSB_draggerRail { display: none; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: transparent !important; } @-webkit-keyframes progress-bar-stripes { from { background-position: 2rem 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { from { background-position: 2rem 0 } to { background-position: 0 0 } } div.wpcf7 .ajax-loader:before, div.wpcf7 .wpcf7-spinner:before { display: none; } div.wpcf7 .ajax-loader, div.wpcf7 .wpcf7-spinner { position: absolute; left: 0; border-radius: 0 !important; background-color: transparent; top: 0; margin: 0 !important; pointer-events: none; width: 100% !important; height: 100% !important; background-image: linear-gradient(45deg, rgba(0,0,0,0.1) 25%, transparent 25%, transparent 50%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.1) 75%, transparent 75%, transparent) !important; background-size: 2rem 2rem !important; -webkit-animation: progress-bar-stripes 1s linear infinite !important; animation: progress-bar-stripes 1s linear infinite !important; } .grecaptcha-badge { bottom: 90px !important; z-index: -5; opacity: 0; right: 100% !important; } .owl-carousel { display: block; padding: 0px 0; } .owl-carousel img { width: 100%; } .owl-carousel .owl-nav { position: absolute; left: 0; right: 0; width: 100%; top: 50%; transform: translateY(-50%); } .owl-carousel .owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); } .owl-carousel .owl-nav button svg { stroke: #f00 } .owl-carousel .owl-nav button.owl-prev { left: 0; } .owl-carousel .owl-nav button.owl-next { right: 0; } .owl-carousel .owl-dots { text-align: center; margin-top: 30px; } /* .owl-carousel .owl-dots button span { background: #ccc; width: 10px; height: 10px; display: block; border-radius: 50%; } */ .owl-carousel .owl-dots button span { display: inline-block; border-radius: 12px; width: 15px; height: 15px; border: 1px solid var(--content-color); background: transparent; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; cursor: pointer;} .owl-carousel .owl-dots button { margin: 0 10px; } .owl-carousel .owl-dots button.active span { background: var(--primary-color); border: 1px solid var(--primary-color); } .owl-carousel .owl-item { backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; -webkit-backface-visibility: visible !important; } .overflowvisible .owl-carousel .owl-stage-outer { overflow: initial !important; } .white { color: var(--white) !important; } .black { color: var(--black) !important; } img.ajax-loader { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } div.wpcf7-validation-errors { border: 2px solid #f7e700; clear: both; color: #f7e700; margin: 15px 15px 0 !important; position: relative; text-align: center; width: auto; display: block; } div.wpcf7-mail-sent-ng { border: 2px solid var(--primary-color); clear: both; color: var(--primary-color); margin: 15px 15px 0 !important; position: relative; text-align: center; width: auto; display: block; } div.wpcf7-mail-sent-ok { border: 2px solid #47a547; clear: both; color: #47a547; margin: 15px 15px 0 !important; position: relative; text-align: center; width: auto; display: block; } div.wpcf7-spam-blocked { border: 2px solid #ffa500; clear: both; color: #ffa500; margin: 15px 15px 0 !important; position: relative; text-align: center; width: auto; display: block; } .wpcf7 form.sent .wpcf7-response-output { background: #cbe9ce; text-align: center; } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { background: #fbb9b9; text-align: center; } .my_pagination .pagination li:before { display: none } .my_pagination .pagination li a, .my_pagination .pagination li span { background-color: #f0f0f0; position: relative; border: medium none; margin: 0; border-radius: 50% !important; display: block; padding: 0; font-size: 14px; color: #999999 !important; text-align: center !important; width: 40px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; height: 40px; font-weight: 700; line-height: 40px; } .my_pagination .pagination li { padding: 0 10px 0 0; float: none; display: inline-block; vertical-align: top; margin-bottom: 0 } .my_pagination .pagination li:last-child { padding: 0; } .my_pagination .pagination li a span.sr-only, .my_pagination .pagination li span span.sr-only { display: none; } .my_pagination .pagination li.active span, .my_pagination .pagination li.active a, .my_pagination .pagination li.selected span, .my_pagination .pagination li.selected a { background-color: var(--primary-color) !important; color: #fff !important; } .my_pagination .pagination { clear: both; border-radius: 0 !important; text-align: center; display: block; font-size: 0; margin: 0 } .my_pagination { display: block; float: none; margin: 20px auto 0; text-align: center; } .my_pagination .pagination > li.disabled > a, .my_pagination .pagination > li.disabled > span, .my_pagination .pagination > li.disabled > a:hover, .my_pagination .pagination > li.disabled > span:hover { display: none; } .my_pagination .pagination li a i, .my_pagination .pagination li span i { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .my_pagination .pagination li a.prev:before, .my_pagination .pagination li span.prev:before { content: ""; background: url(../images/pagination_left_arrow.svg) scroll no-repeat; width: 15px; height: 15px; margin: 0 auto; position: absolute; left: -3px; right: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); background-size: 15px 15px; } .my_pagination .pagination li a.next:before, .my_pagination .pagination li span.next:before { content: ""; background: url(../images/pagination_right_arrow.svg) scroll no-repeat; width: 15px; height: 15px; margin: 0 auto; position: absolute; left: 0; right: -3px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); background-size: 15px 15px; } .header_height { margin-top: 104px; } .overlay::before { background: #000 none repeat scroll 0 0; content: ""; display: block; height: 100%; position: absolute; width: 100%; z-index: 1; opacity: 0 !important; } .overlay-10:before { opacity: 0.1 } .overlay-50:before { opacity: 0.5 } .overlay-80:before { opacity: 0.8 } /*********/ /* Menu CSS ****************/ header { /*position: absolute;*/ background-color:transparent; top: 0; width: 100%; z-index: 999; padding: 0;position: relative;} header.sticky .header_menu_wrap { position: fixed; box-shadow: 0 0 5px rgba(0,0,0,0.5); background-color: var(--white); top: 0; width: 100%; z-index: 2;} header .header_menu_wrap .logo img {width: 100%; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;} header.sticky .header_menu_wrap .logo img { width: 60%;} header .container { position: relative } header .primary { transition: all 0.5s ease 0s; /*width: 100%;*/ } header .navbar { background: none; border: 0 none; margin: 0; min-height: 22px; padding: 0; display: block } header .navbar nav { margin: 0 0px 0 0; } header .navbar-collapse { padding: 0; position: relative; justify-content: center; } header .navbar-nav .parent { position: relative } .no-touch header .navbar-nav .parent:hover > .sub-menu { display: block; -webkit-animation: fadeIn 0.4s; animation: fadeIn 0.4s } header .navbar-nav > li:not(:last-child) { margin-right: 37px } /* header .navbar-nav > li:nth-child(3) { margin-right: 0; } */ header .navbar-nav > li:after { background: none; } header .navbar-nav > li:before, header .navbar-nav .sub-menu li:before { display: none; } header .navbar-nav > li { padding: 0; position: relative; margin-bottom: 0 } header .navbar-nav > li.menu_logo { margin: 0 80px; } header .navbar-nav > li > a { background: none; color:var(--content-color); line-height: 20px; padding: 10px; position: static; text-shadow: none; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; z-index: 901; font-size: 16px; margin: 48px 0; font-weight: 500; border-radius: 5px;} header.sticky .navbar-nav > li > a {margin: 30px 0;} header .navbar-nav > li.parent.megamenu { overflow: hidden; position: static } header .navbar-nav > li.parent.megamenu>a { position: relative } .no-touch header .navbar-nav > li.parent.megamenu:hover>a:after { left: 0; right: 0 } header .navbar-nav > li.parent .parent>a:after { border-left: 5px solid #909090; border-top: 5px solid rgba(0, 0, 0, 0); border-bottom: 5px solid rgba(0, 0, 0, 0); content: ""; height: 0; position: absolute; right: 10px; top: 50%; width: 0; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } header .navbar-nav a > i { margin-right: 2px; opacity: .8; filter: alpha(opacity=80); text-align: center; width: 15px } header .navbar-nav .sub-menu { background: var(--white) none repeat scroll 0 0; border: medium none; border-radius: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); display: none; line-height: 24px; margin: 0; padding: 0; position: absolute; z-index: 905; border-radius: 5px;overflow: hidden; } header .navbar-nav .sub-menu li { font-size: 13px; line-height: 24px; margin: 0 !important; padding: 0; } header .navbar-nav .sub-menu li:after { background: none } header .navbar-nav > li.parent:hover > a:before { position: absolute; content: ''; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid var(--content-color); bottom: 0px; left: 30px; } header .navbar-nav .sub-menu li a {display: block; font-size: 15px; padding: 10px 15px 10px 15px; text-decoration: none; width: 230px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; border-radius:0px; } header .navbar-nav .sub-menu li.selected > a { color: var(--dark); background: var(--primary-color); } header .navbar-nav .sub-menu .sub-menu { left: 100%; top: 0 } header .navbar-nav .sub-menu .sub-menu .sub-menu .parent>a { background: none !important } header .navbar-nav .sub-menu .sub-menu .sub-menu .parent>a:after { display: none } header .navbar-nav .sub-menu .sub-menu .sub-menu .sub-menu { background: none; border: 0 none; box-shadow: none; display: block; left: 0; padding: 0 0 0 10px; position: relative; -webkit-animation: fadeIn 0; animation: fadeIn 0 } header .navbar-nav .megamenu > .sub-menu { border-radius: 3px; left: -15px; padding: 0; width: 886px; z-index: 900 } header .navbar-nav .megamenu > .sub-menu a { width: 100% } /**************************************************************************************************************************************/ ul.nav-tabs { margin: 0; padding: 0 0 0 0; overflow: visible; border: 0 } ul.nav-tabs > li.nav-item { margin: 0; padding: 0; border: none; position: relative } ul.nav-tabs > li.nav-item:before { display: none } ul.nav-tabs > li.nav-item:not(:last-child) { margin-right: 55px; margin-bottom: 0 } ul.nav-tabs > li.nav-item > a.nav-link { border: none; padding: 15px 0; font-size: 24px; color: #999999; font-weight: 700; } ul.nav-tabs > li.nav-item > a.nav-link:before { content: ""; background: #f23030; position: absolute; left: auto; right: 0; width: 0; bottom: -1px; height: 3px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } ul.nav-tabs > li.nav-item > a.nav-link.active { color: #202020 } ul.nav-tabs > li.nav-item > a.nav-link.active:before { right: auto; left: 0; width: 100%; } ul.nav-tabs > li.nav-item > a.nav-link > svg { display: none; pointer-events: none; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } ul.nav-tabs + .tab-content { padding: 30px 0; } .wrappermain .container { max-width: 1320px; padding-left: 15px !important; padding-right: 15px !important; } /*========================================================================================================================================================================*/ /*btn*/ .action-btn, .action-btn>span input { position: relative; display: inline-flex; background: var(--primary-color); color: var(--content-color); font-size: 16px; font-weight: 600; border: 0px solid var(--primary-color); height: 52px; text-transform: capitalize; padding: 10px; margin: 0; justify-content: center; align-items: center; text-align: center; text-decoration: none; cursor: pointer; transition: ease-out 0.5s; overflow: hidden; border-radius: 5px; width: 172px; } .secondary-btn {position: relative; display: inline-flex; background: transparent; color: var(--content-color); font-size: 16px; border: 1px solid var(--content-color); font-weight: 500; height: 52px; text-transform: capitalize; padding: 10px; margin: 0; justify-content: center; align-items: center; text-align: center; text-decoration: none; cursor: pointer; transition: ease-out 0.5s; overflow: hidden; border-radius: 5px; width: 172px;} .no-touch .action-btn span, .no-touch .secondary-btn span { position: relative;} .no-touch .action-btn:hover {background: var(--content-color); } .no-touch .secondary-btn:hover {background: var(--content-color); color: var(--white);} .no-touch .action-btn:hover span, .no-touch .secondary-btn:hover span { color: var(--white);} /*btn*/ /*Home page section*/ body .row { margin-left: -15px; margin-right: -15px; } body .row>* { padding-left: 15px; padding-right: 15px; } .tb_space { padding-top: 110px; padding-bottom: 110px; } .section_title { font-size: 60px; font-weight: 500; } .section_title span { color: var(--primary-color);} /*header*/ .quote .modal-footer { justify-content: center;} /*header*/ @media (min-width: 992px) { .navbar-expand-lg .navbar-nav { align-items: center; } } /*footer Start*/ .footer-main ul { margin: 0; padding: 0; list-style: none; } .footer-main ul > li::before { display: none; } .footer-main { width: 100%; display: inline-block; padding:0; position: relative; background:#202020; border-radius:80px 80px 0 0; } .footer-main p { margin: 0 0 15px; } .copyright_main { text-align: center; } .copyright_main p { margin: 0; color: var(--white); font-weight: 400; font-size: 20px; } .copyright_main span span { display: inline-block; } .copyright_main span, .copyright_main span a { display: inline-block; } @media (max-width:1500px) { } @media (max-width:1300px) { } @media (max-width:1023px) { } @media (max-width:767px) { } /*footer End*/ /*popup video*/ .video_container { position: fixed !important; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.95); display: none; z-index: 9999 } .video_container .video_close { position: absolute; right: 15px; top: 15px; z-index: 8888; } .video_container .video_close:before {content: ""; background: url(../images/closeicon.png); width: 16px;height: 16px;display: block;position: absolute;right: 0;top: 0;cursor: pointer;background-size: 100%;background-repeat: no-repeat;} .video_container .video-main .video { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); padding: 20px; background: transparent;} .video_container .video-main .video iframe { border: none } .video_container .video-main .video iframe { height: 725px;width: 1290px; } .video_container .video-main .video span { position: absolute; right: 0; font-size: 14px; height: 20px; width: 20px; text-align: center; line-height: 20px; border-radius: 0; background: #EB1C22; color: var(--white); cursor: pointer; top: 0px } @media (max-width:1440px){ .video_container .video-main .video iframe {height: 578px;width: 1030px;} } @media (max-width:1080px){ .video_container .video-main .video iframe {height: 528px;width: 940px;} } @media (max-width:991px){ .video_container .video-main .video iframe {height: 410px;width: 730px;} } @media (max-width:767px){ .video_container .video-main .video iframe {height: 305px;width: 540px;} .popup_video_wrap .popup_video .popup_video_play span{width: 60px;border-radius: 10px;height: 60px;} .popup_video_wrap .popup_video .popup_video_play span svg{width: 23px;height: 27px;} } @media (max-width:575px){ .video_container .video-main .video iframe {height: 256px;width: 456px;} } @media (max-width:479px){ .video_container .video-main .video iframe {height: 166px;width: 296px;} } /*popup video*/ :focus { outline: none !important; } input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="date"], input[type="email"] { background: var(--white); background-clip: padding-box; border: 1px solid var(--content-color); font-size: 14px; height: 55px; line-height: 1.42857143; padding: 0 15px 0 15px; vertical-align: baseline; width: 100%; box-sizing: border-box; color: var(--content-color); border-radius: 8px; } input[type="text"]:disabled, input[type="password"]:disabled, input[type="url"]:disabled, input[type="tel"]:disabled, input[type="search"]:disabled, input[type="number"]:disabled, input[type="datetime"]:disabled, input[type="email"]:disabled { opacity: 0.5; } select, select.form-select { /*background: var(--white) url(../images/arrow_down.png) no-repeat calc(100% - 20px) center; background-size: 18px 11px;*/ border: 1px solid var(--content-color); font-weight: normal; font-size: 14px; height: 55px; line-height: 1.42857143; padding: 5px 35px 4px 15px; vertical-align: baseline; width: 100%; box-sizing: border-box; color: var(--content-color); border-radius: 8px; } select:disabled { opacity: 0.5; } select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;background: url(../images/down-arrow.svg);background-repeat: no-repeat;background-position: right 10px center;background-size: 15px auto; } input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="email"]::-moz-placeholder { color: var(--content-color); } input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder { color: var(--content-color); } input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder { color: var(--content-color); } textarea.form-control, textarea { background: var(--white); background-clip: padding-box; border: 1px solid var(--content-color); border-radius: 8px; font-weight: normal; font-size: 14px; min-height: 120px; line-height: 1.42857143; margin: 0; padding: 10px 15px 10px 15px; vertical-align: baseline; width: 100%; box-sizing: border-box; resize: vertical; resize: none; } .form_section_right select, .form_section_right select.form-select {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 16px;} textarea::-moz-placeholder { color: var(--content-color); } textarea::-webkit-input-placeholder { color:var(--content-color); } textarea:-ms-input-placeholder { color: var(--content-color); } textarea:disabled { opacity: 0.5; } .form-group { margin: 0 0 20px 0; } .form-control:focus, .form-select:focus { border-color: var(--content-color); box-shadow: none; /* box-shadow: 0 0 0 .25rem rgba(255, 241, 0, .25); */ } /*contact us css*/ .innerbanner_section { height: 250px; position: relative; padding:0; overflow: hidden; display: inline-block; Width: 100%; } .innerbanner_section:before { content: ""; display: block; width: 100%; height: 100%; background: rgb(0, 0, 0,0.70); position: absolute; left: 0; top: 0; z-index: 1; } .innerbanner_section_container { padding: 0; margin: 0; position: absolute; left: 0; right: 0; z-index: 1; top: 50%; transform: translateY(-50%); text-align: left; } .innerbanner_section .innerpage_title h1, .innerbanner_section .innerpage_title span, .innerbanner_section .innerpage_title>div { color: var(--white); margin: 0 0 10px; font-size: 45px; } .innerbanner_section .breadcrumb { justify-content: center; list-style: none; } .innerbanner_section .breadcrumb li { list-style: none; color: var(--black); margin: 0; padding: 0; } .innerbanner_section .breadcrumb li a { color: var(--black); } .no-touch .innerbanner_section .breadcrumb li a:hover { color: var(--primary-color) !important; } .breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; color: var(--black); content: "/"; } .breadcrumbs { margin: 0; padding: 0; } .breadcrumbs .items { font-size: 16px; color: var(--white); margin: 0 auto; text-transform: uppercase; list-style: none none; padding-left: 15px; padding-right: 15px; display: block; padding: 0} .breadcrumbs .item:not(:last-child):after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px;content: "\f285"; font-family: bootstrap-icons !important; margin: 0; vertical-align: top; display: inline-block; font-weight: 400; overflow: hidden; speak: none; text-align: center; color: var(--white); } .breadcrumbs .item { margin: 0; padding: 0; display: inline-block; } .breadcrumbs .item:before { display: none; } .breadcrumbs a { color: var(--white); text-decoration: none; font-size: 13px; text-transform: uppercase; } .breadcrumbs .item, .breadcrumbs strong { font-weight: normal; color: var(--secondary-color); font-size: 13px; } blockquote{ width:100%; margin:30px auto; font-style:italic; padding:1.2em 30px 1.2em 75px; border-left:8px solid var(--primary-color); line-height:1.6; position: relative; background:#EDEDED; } blockquote::before{ font-family:Arial; content: "\201C"; color:var(--primary-color); font-size:4em; position: absolute; left: 10px; top:-10px;} blockquote::after{ content: ''; } blockquote p{ display:block; font-weight: 500; font-size: 20px; margin: 0; } .pro-item-photo { display: block !important; width: 100% !important; } .pro-image-container { display: inline-block !important; max-width: 100% !important; width: 100% !important; } .pro-image-wrapper { display: block; height: 0; overflow: hidden; position: relative; z-index: 1; padding-bottom: 100%; } .pro-image-photo { bottom: 0; display: block !important; height: auto; left: 0; margin: auto; max-width: 100% !important; position: absolute; right: 0; top: 0; } /* header */ .header_top_main {display: inline-block; width: 100%; border-bottom: 1px solid #d3d3d3; padding: 10px 0;} .header_menu_wrap {padding: 12px 0;} .header_top_left ul li {display: inline-block; margin: 0; vertical-align: middle;} .header_top_left ul li p, .header_top_left ul li p strong {display: inline-block; vertical-align: middle; font-size: 16px; color: var(--content-color); margin: 0;} .header_top_left ul li a span {display: inline-block; vertical-align: middle; font-size: 16px; color: var(--content-color); font-weight: 500;} .header_top_left ul li a svg, .header_top_left ul li svg {width: 17px; height: 100%; fill: var(--primary-color); margin-right: 5px; display: inline-block; vertical-align: middle;} .header_top_left ul, .header_top_right ul {margin: 0; padding: 0; list-style: none;} .header_top_left ul li.time {border-left: 1px solid #d3d3d3; margin-left: 15px; padding-left: 15px;} .header-social-links ul li {font-size: 0; display: inline-block; vertical-align: middle; margin: 0;} .header-social-links ul li:not(:last-child) {margin-right: 5px;} .header-social-links ul li a {border-radius: 50px; width: 25px; height: 25px; border: 1px solid var(--content-color); display: inline-flex; align-items: center;justify-content: center; text-align: center; vertical-align: middle; } .header-social-links ul li a svg {fill: var(--content-color);} .header-social-links ul li .facebook svg {width: 7px; height: auto; } .header-social-links ul li .instagram svg {width: 12px; height:auto; } .header-social-links ul li .youtube svg {width: 14px; height: auto; } .header-social-links ul li .linkedin svg {width: 12px; height: auto; } .no-touch .footer_social_links li .facebook:hover, .no-touch .header-social-links ul li .facebook:hover {background: var(--facebook)} .no-touch .footer_social_links li .instagram:hover, .no-touch .header-social-links ul li .instagram:hover {background: var(--instagram)} .no-touch .footer_social_links li .youtube:hover, .no-touch .header-social-links ul li .youtube:hover {background: var(--youtube)} .no-touch .footer_social_links li .linkedin:hover, .no-touch .header-social-links ul li .linkedin:hover {background: var(--linkedin)} .no-touch .footer_social_links li a:hover, .no-touch .header-social-links ul li a:hover svg {fill: var(--white)} .navbar-toggler { display: none; } .header_button .search_section {display: inline-block; vertical-align: middle; padding-right: 30px; cursor: pointer;} .header_button .quote svg {display: none;} .search_section svg {width: 16px;} .no-touch .search_section:hover svg {fill: var(--primary-color);} /* search popup */ .search-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 5555; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; display: none; } .search-popup-open .search-popup { display: flex; -webkit-animation: search-animation .5s ease; animation: search-animation .5s ease; } .search-popup:before { content: ""; display: block; position: absolute; right: 0; top: 0; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); width: 230vw; padding-bottom: 230vw; height: 0; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; z-index: -1; } .search-popup-open .search-popup:before { -webkit-animation: search-bg-animation .5s linear; animation: search-bg-animation .5s linear; } .search-form { width: 100%; max-width: 900px; padding: 0 15px; opacity: 0; } .search-popup-open .search-form { -webkit-animation: search-animation .5s linear both; animation: search-animation .5s linear both; -webkit-animation-delay: .5s; animation-delay: .5s; } .search-close { width: 25px; height: 25px; position: absolute; right: 20px; top: 20px; cursor: pointer; transition: all .5s ease; -webkit-transition: all .5s ease; } .search-close:before, .search-close:after { content: ""; display: block; width: 31px; height: 3px; background: #000; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); } .search-close:after { transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); } .search-form form { position: relative; } .search_input_section .search-input { width: 100%; border: none; font: inherit; border-bottom: 2px solid #ddd;border-radius: 0px; font-size: 30px; color: var(--content-color); height: 80px; padding: 0;padding-right: 70px; transition: all .5s ease; -webkit-transition: all .5s ease; } .search_input_section .search-submit { right: 0; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); border: none; padding: 0; background: none;} .search_input_section .search-arrow { right: 0; width: 30px; height: 20px; opacity: 0; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all .5s ease; -webkit-transition: all .5s ease; fill: var(--content-color); pointer-events: none; } .search-input:focus {border-color: var(--primary-color); } .search-input:focus~.search-arrow {opacity: 1;} @keyframes search-animation { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } @keyframes search-bg-animation { 0% { transform: translate(50%, -50%) scale(0); -webkit-transform: translate(50%, -50%) scale(0); } 100% { transform: translate(50%, -50%) scale(1); -webkit-transform: translate(50%, -50%) scale(1); } } /* search popup */ /* header */ /* home banner */ .home-banner-main {font-size: 0;} .main__slider-wrap .container {max-width: 1370px; } .main__slider-wrap { position: relative; background-size: cover; background-position: center center; overflow: hidden; } .main__slider-wrap .image-layer { position: absolute; top: 0; left: -150px; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all 200ms ease; -webkit-transition: all 200ms cubic-bezier(0.3, -0.17, 0.25, 1); transition: all 200ms cubic-bezier(0.3, -0.17, 0.25, 1); } .swiper-slide-active .main__slider-wrap .image-layer { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; -webkit-transition-delay: 50ms; transition-delay: 50ms; -webkit-transform: translateY(0px); transform: translateY(0px); left: 0; } .main__slider-wrap .image-layer img { height: auto; max-width: 100%; border: none; border-radius: 0; box-shadow: none; max-width: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; height: auto; } .main-slider-content { position: relative;left: 0;height: 745px;display: flex;flex-direction: column;justify-content: center; } .main-slider-content > span { color: var(--content-color); font-size: 20px; font-weight: 500; line-height: normal; text-transform: uppercase; margin-bottom: 24px; display: block; } .main-slider-content h2 { color: var(--content-color); font-size: 50px; font-weight: 600; line-height: normal; text-transform: capitalize; margin-bottom: 10px; display: block; } .banner-line-text p { color: var(--content-color); font-size: 18px; margin-bottom: 12px; display: block; line-height: 1.3; width: 80%;} .slider-btm-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 36px;} .slider-btm-box .secondary-btn {margin-right: 20px; font-size: 18px; width: 200px;} .slider-phnoe { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .slider-phnoe .icon { width: 50px; height: 50px; background: var(--content-color); text-align: center; line-height: 50px; color: var(--white); border-radius: 50px; -webkit-animation: playSlowAnimation2 1800ms linear infinite; animation: playSlowAnimation2 1800ms linear infinite; margin-right: 10px; } .slider-phnoe .icon svg {width: 18px; fill: var(--white);} .slider-phnoe .text h6 { font-size: 18px; color: var(--content-color); font-weight: 400; margin-bottom: 6px; } .slider-phnoe .text h4 {margin: 0;} .slider-phnoe .text h4 a {color: var(--content-color);} .swiper-container .swiper-pagination { bottom: 50px; right: 140px; left: auto; text-align: right;} .swiper-pagination-bullet { background: var(--white); width: 15px; height: 15px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: all 200ms linear; transition: all 200ms linear; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; font-size: 0;} .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--primary-color); width: 31px; border-radius: 10px; } .about_img_item_main { position: relative; margin-right: 65px; } .about_img_item img { height: auto; max-width: 100%; border: none; border-radius: 180px; box-shadow: none;} .item_two {position: absolute; top: 110px; right: 0; z-index: -1;} .round-circle-full, .round-check, .round-circle {list-style: none; padding: 0; font-size: 0;} ul.round-circle li {position: relative; padding-left: 22px; font-size: 18px; line-height: normal; color: var(--content-color); margin:0;margin-top: 15px; display: inline-block; width: 50%; vertical-align: top;} .round-circle li::before {content: ""; display: block; position: absolute; left: 0%; top: 50%; background: var(--primary-color); width: 10px; height: 10px;border-radius: 50px; transform: translateY(-50%);} ul.round-check li {font-size: 18px; line-height: 40px; color: var(--content-color); margin:0; display: inline-block; width: 50%; vertical-align: top; font-weight: 500; letter-spacing: 0.4px;} ul.round-check li svg {width: 18px; height: 100%; fill: var(--content-color);} .round-circle-full li {position: relative; font-size: 18px; padding-left: 22px;} .round-circle-full li::before {content: ""; display: block; position: absolute; left: 0%; top: 10px; background: var(--primary-color); width: 10px; height: 10px;border-radius: 50px; } .service_img img {Width: 100%;} .btn_space80 {margin-top: 80px;} .btn_space50 {margin-top: 50px;} .btn_space35 {margin-top: 20px;} .sub_heaind { color: var(--content-color); font-size: 20px; font-weight: 500; line-height: normal; text-transform: uppercase; margin-bottom: 14px; display: block;} .things_section_right .section_title {margin-bottom: 20px;} .things_section_right h6 {margin-bottom: 15px; font-weight: 500; font-size: 16px;} .things_section_right p {padding-top: 7px; font-size: 18px; color: var(--content-color); line-height: 30px; margin-bottom: 12px;} .services_product_slider {display: flex; flex-wrap: wrap; padding: 0;} .services_products_slider {display: flex; flex-wrap: wrap; padding: 0; margin-left: -15px; margin-right: -15px;} .services_products_slider .item {width: 33%; display: inline-block; padding: 15px;} .services_product_slider > .item {width: 33%;} .services_item_box {background-color: #ffffff;height: 100%;border-top-left-radius: 25px;} .owl-item .item { background-color: #ffffff; width: 100%; float: left; border-top-left-radius: 25px; height: 100%; } .services_product_slider.owl-carousel .owl-stage {display: flex;} .services_item_box .services_item_text {padding: 40px 40px 46px 40px; background: var(--white); width: 100%; float: left;} .services_item_box .services_item_text a h3 {font-size: 30px; font-weight: 600; margin-bottom: 15px;} .no-touch .services_item_box:hover .services_item_text a h3, .no-touch .services_item_box:hover .services_item_text .bottom_border {text-decoration: underline;} .services_item_box .services_item_text p { line-height: 30px; margin-bottom: 0;} .services_item_box .services_item_text p + p {margin-top: 20px;} .services_item_box .services_item_text .bottom_border {font-size: 15px; text-transform: uppercase; font-weight: 500; margin-top: 46px; display: block;} .services_item_box .services_item_image {position: relative;} .services_item_image img {width: 100%;} .services_seaction_main {background: var(--section-color); } .heading_title h2 {width: 100%; max-width: 50%; margin-bottom: 38px;} .industry_list_content {background: var(--primary-color); padding: 44px 115px; width: 760px; border-radius: 0px 0px 80px 0px; padding-right: 0; margin-top: 0px; margin-left: -108px; display: inline-block; position: relative;} .industry_list_content:after { border-bottom: 49px solid #e6da02; border-left: 78px solid transparent; border-top: 58px solid transparent; position: absolute; top: -106px; left: 0; content: ""; } .industry_section_right p {line-height: 28px; font-size: 16px; color: var(--content-color);} .delivery-wrapper { position: relative; padding-top: 15px; } .delivery-item { text-align: center; } .delivery-item .icon { position: relative; border: 1px solid var(--primary-color); width: 100px; height: 100px; text-align: center; line-height: 100px; border-radius: 50px; -webkit-transition: 0.5s; transition: .5s; margin: 0 auto; margin-bottom: 28px; background: var(--content-color); } .delivery-item span { position: absolute; background: var(--primary-color); width: 40px; height: 40px; bottom: 0; line-height: 40px; border-radius: 50px; color: var(--content-color); font-size: 15px; font-weight: 500; } .no-touch .delivery-item:hover .icon {background: var(--primary-color);} .no-touch .delivery-item:hover .icon svg path {fill: var(--content-color);} .no-touch .delivery-item:hover span {background: var(--content-color); color: var(--white);} .delivery-content h4 {font-size: 22px; margin-bottom: 12px; font-weight: 500;} .delivery-content p {font-size: 16px; line-height: 30px; color: var(--content-color);} .delivery-wrapper .process_shape { position: absolute; top: 38px; left: -14px; z-index: -1; } .industry_img, .process_shape img {width: 100%;} .things_section_wrap { position: relative; width: 100%;display: flex; flex-wrap: wrap; align-content: flex-start;} .things_section_left, .things_section_right {width: 100%;} .section-cost{height: 350px;position: relative;padding:0;overflow: hidden;display: flex;width: 100%;align-items: center;} .section-cost::before {content: "";display: block;position: absolute;left: 0%;top: 0%;background: rgb(0 0 0 / 70%);width: 100%;height: 100%;} .section-cost .container {z-index: 1;} .section-cost span{text-align:center;display: block;width:84px;margin: 0 auto 25px auto;} .section-cost h6 {color:#fff;font-size:16px;line-height:24px;text-align: center; margin: 0;} .section-cost p { text-align: center;color: #ffffff;font-size: 15px;margin-bottom: 0;margin-top: 6px;line-height: 1.5;font-weight: 200;} .section-from{ display:inline-block; Width:100%;} .form_section_left {display: inline-block;margin-top: 35px;} .form_section_right {display: inline-block;position: relative;background: var(--content-color);padding: 64px 42px 47px 38px;border-radius: 20px;width: 100%; max-width: 583px;margin: 0 auto;box-sizing: border-box; margin-left: 34px;} .form_section_right:before{ content: ''; position: absolute; top: 0; right: 0; border-top: 100px solid var(--white); border-left: 118px solid var(--content-color); width: 0; } .form_section_right h2 {font-size: 30px; line-height: 30px; color:var(--white); text-transform: capitalize; font-weight: 600; margin-bottom: 35px;} .form_section_right input, .form_section_right textarea, .form_section_right select { background-color: transparent; border: solid 1px var(--white); color: var(--white);} .form_section_right .contact_form input::-moz-placeholder{ color:var(--white);} .form_section_right .contact_form input::-webkit-input-placeholder{ color:var(--white);} .form_section_right .contact_form input:-ms-input-placeholder{ color:var(--white);} .form_section_right.contact_form textarea::-moz-placeholder{ color:var(--white);} .form_section_right .contact_form textarea::-webkit-input-placeholder{ color:var(--white);} .form_section_right .contact_form textarea:-ms-input-placeholder{ color:var(--white);} .form_section_right .contact_form .form-control:focus { border-color: var(--white); box-shadow: 0 0 0 .1rem rgb(255 255 255 / 25%); background: transparent; color: var(--white);} .form_section_right .contact_form .form-select:focus { border-color: var(--white); box-shadow: 0 0 0 .1rem rgb(255 255 255 / 25%);} .form_section_right select option {background: var(--primary-color);color: var(--content-color);} .form_section_left h5 {font-size: 20px;color: var(--content-color);line-height: 18px;text-transform: uppercase;font-weight: 500;margin-bottom: 15px;} .form_section_left h2 {color: var(--content-color);margin: 0 0 50px 0;display: inline-block;width: 100%;} .form_section_left .info-item {display: table;width: 100%; margin-bottom: 20px;} .form_section_left .info-item:not(:last-child) {margin-bottom: 40px;} .form_section_left .info-item .form_icon {display: inline-block; vertical-align: top;} .form_section_left .info-item .form_icon svg {width: 34px; height: 100%;} .form_section_left .info-item .form_text {display: inline-block; vertical-align: middle; margin-left: 20px;} .form_section_left .info-item .form_text h3 { font-size: 20px;color: var(--content-color);text-transform: uppercase;font-weight: 600;margin:0 0 5px 0;display: inline-block;vertical-align: middle;} .form_section_left .info-item .form_text p {margin: 0; color: var(--content-color); font-size: 20px;} .form_section_left .info-item i{font-size:34px;color:#fff100;display: table-cell;vertical-align: middle;/* margin-right: 20px; width: 50px;*/} .section-boxandimages{Width:100%;padding:0;display: flex;flex-wrap: wrap;position: relative;} .boxpar-item-contetn {padding: 80px 30px 50px 42px;padding-top: 510px;position: relative;background: transparent;} .no-touch .boxpar:hover .boxpar-item-contetn {background:rgb(255 242 0 / 20%)} .boxpar-item-contetn .count { width: 70px; height: 70px; border: 1px solid #fff; border-radius: 50px; position: absolute; top: 35px; right: 35px; text-align: center; line-height: 68px; color: #fff; font-size: 30px;} .no-touch .boxpar:hover .boxpar-item-contetn .count {background:#fff200; color:#000;} .boxpar-item-contetn h4 {font-size:36px;line-height:30px;font-weight:500;color: var(--white); margin-bottom: 38px;} .boxpar-item-contetn a {background: #fff;width: 40px;height: 40px;text-align: center;line-height: 40px;border-radius: 5px;-webkit-transition: .3s;transition: .3s;display: block;} .no-touch .boxpar:hover .boxpar-item-contetn a{background:#fff200; color:#000;} .boxpar {border-right: 2px solid #d9d9d959;cursor: pointer;flex: 0 0 auto;width: 25%;} .boxpar .project__item-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; -webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .boxpar .project__item-img:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: #0A112C; opacity: .6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";} .boxpar:first-child .project__item-img, .boxpar:hover .project__item-img { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible;} .boxpar .project__item-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%;} .testimonials { text-align: center; Width:100%;margin: 0;display: flex;flex-wrap: wrap;position: relative;} .testimonials .quote_icon {background: #fff200;width: 72px;height: 72px;line-height: 72px;border-radius: 50px;position: absolute;top: 0px;right: 8px;-webkit-transition: .3s;transition: .3s;} .testimonials .quote_icon svg path{ fill:#000;} .testimonials h5 { font-size: 20px; color: var(--content-color); line-height: 18px; text-transform: uppercase; font-weight: 500; margin-bottom: 15px; text-align: center; display: inline-block; width: 100%;} .testimonials h2 { margin: 0 0 42px 0; display: inline-block; width: 50%; font-weight: 500;} .testimonials .testimonial-box {border:solid 1px #dbdbdb;position:relative;padding: 100px 20px 35px 20px; border-radius: 20px; margin-bottom: 2px;} .testimonials .testimonial-box h4{color: var(--content-color); font-size:24px; margin-bottom: 14px;} .testimonials .testimonial-box p {margin-bottom: 38px; color:var(--content-color); line-height: 28px;} .testimonials .testimonial-box:before{content: '';position: absolute;top: -1px;right: -1px;background:url(../images/test.jpg) no-repeat left top;width: 115px;height:93px;} .testimonial-box .client-img {text-align: center;margin: 0 auto;vertical-align: middle;display: flex;max-width: 200px;justify-content: space-around;align-items: center;} .testimonial-box .client-img img{display: table-cell;vertical-align: middle;width: auto;} .testimonial-box .client-img h4{font-size: 18px;color: var(--content-color);line-height: 18px;text-transform: inherit;font-weight: 500;margin-bottom: 8px;} .testimonial-box .client-img h5 {font-size: 16px;color: var(--content-color);line-height: 18px;text-transform: inherit;font-weight: 400;margin-bottom: 0;text-align: left;} /*footer Start*/ .footer_main { background-color: #1b2025; } .footer_main ul { margin: 0; padding: 0; list-style: none; } .footer_main ul > li::before { display: none; } .footer_main > .container { padding: 65px 0 0; } .footer_top { margin: 0 0 25px; } .footer_main { width: 100%; display: inline-block; padding:0; position: relative; background:#202020; border-radius:80px 80px 0 0; } .footer_main p { margin: 0 0 15px; } .copyright_main { text-align: center; padding: 35px 0; border-top: 1px solid #8d9092; } .copyright_main p { margin: 0; color: var(--white); font-weight: 400; font-size: 16px; } .copyright_main span span { display: inline-block; } .copyright_main span, .copyright_main span a { display: inline-block; } .tb_space { padding: 70px 0; } .transport_services { background-color: #303841; } .transport_services.tb_space { padding: 50px 0; } .transport_content_main { display: flex; justify-content: space-between; align-items: center; } .transport_services_left h4 { font-size: 40px; color: var(--white); } .transport_services_left p { font-size: 16px; color: var(--white); } .transport_services_right a { display: inline-flex; width: 300px; height: 65px; font-size: 30px; align-items: center; justify-content: center; color: var(--white); border-radius: 10px; border: 1px solid #fff200; } .transport_services_right a svg { margin:0 19px 0 0; } .no-touch .transport_services_right a:hover { background-color: var(--white); color: #303841; } .transport_content_main .transport_services_left { padding-right: 20px; } .newsletter_box_inner { padding: 0 165px 0 0; position: relative; } .newsletter_box_inner .action-btn { position: absolute; right: 0; top: 0; } .newsletter_box_inner input[type="email"] { height: 50px; border: 1px solid #888b8d; background-color: transparent; font-size: 16px; color:#888b8d; padding: 0 15px 0 40px; } .newsletter_box_inner .action-btn { height: 50px; } .newsletter_box_inner input[type="email"]::-webkit-input-placeholder { color:#888b8d; } .newsletter_box_inner input[type="email"]:-moz-placeholder { color: #888b8d; opacity: 1; } .newsletter_box_inner input[type="email"]::-moz-placeholder { color: #888b8d; opacity: 1; } .newsletter_box_inner input[type="email"]:-ms-input-placeholder { color: #888b8d; } .footer_top { display: flex; justify-content: space-between; align-items: center; } .footer_top .newsletter_box { width: 40.7%; } .envelope_open { position: absolute; left: 15px; top: 15px; line-height: 0; } .envelope_open svg { width: 18px; } .envelope_open svg path { fill: #888b8d; } .footer_bottom .action-btn { position: absolute; right: 0; top: 0; top: 0; } .footer_bottom { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 56px; } .footer_bottom .f-col.one { width: 42.7%; } .footer_bottom .f-col.two { width: 17.2%; } .footer_bottom .f-col.three { width: 17.1%; } .footer_bottom .f-col.four { width: 23%; } .social-link { margin: 0 0 30px; } .social-link h4 { font-size: 20px; font-weight: 500; color: var(--white); } .social-link p { font-size: 16px; font-weight: 400; color: var(--white); width: 100%; max-width: 410px; } .f-col h3 { font-size: 20px; font-weight: 500; color: var(--white); } .f-col .f_link li { margin: 0 0 25px; } .f-col .f_link li:last-child { margin: 0; } .f-col .f_link li a { font-size: 16px; color: var(--white); } .f-col .f_link li.active a, .f-col .f_link li a:hover, .f-col .f_link li.selected a { color: var(--primary-color); } .footer_bottom .f-col.four p { padding:0 0 0 49px; color: var(--white); margin: 0 0 45px; position: relative; } .footer_bottom .f-col.four p.address:before { width: 30px; height: 40px; content: ""; position: absolute; left: 0; top: 0; background: url(../images/location.svg) 0 0 no-repeat; background-size: 30px 40px; } .footer_bottom .f-col.four p.callus:before { width: 30px; height: 30px; content: ""; position: absolute; left: 0; top: 4px; background: url(../images/phone.svg) 0 0 no-repeat; background-size: 30px 30px; } .footer_bottom .f-col.four p.emailus:before { width: 30px; height: 22px; content: ""; position: absolute; left: 0; top: 2px; background: url(../images/mail.svg) 0 0 no-repeat; background-size: 30px 22px; } .footer_bottom .f-col.four p:last-child { margin: 0; } .footer_bottom .f-col.four p strong { color: var(--white); display: block; margin: 0 0 5px; } .footer_bottom .f-col.four p a { color: var(--white); } .no-touch .footer_bottom .f-col.four p a:hover {color: var(--primary-color);} .footer_social_links { display: flex; justify-content: flex-start; } .footer_social_links li { margin: 0 6px 0 0; } .footer_social_links li a { display: inline-flex; justify-content: center; align-items: center; width: 34px; height: 34px; border: 1px solid #ffffff; border-radius: 100px; } .footer_social_links li a svg { width: 16px; } .footer_social_links li a svg path { fill: #ffffff; } .accordion-toggle .f_link .view-more a {color: var(--primary-color);} .no-touch .contact_form .quote:hover, .no-touch .contact_form .quote:hover input {background: var(--white); } .no-touch .contact_form .quote:hover span {color: var(--content-color); } @media (max-width:1500px) { .transport_services_left h4 { font-size: 30px; } } @media (max-width:1300px) { .footer_top .newsletter_box { width: 55%; } .footer_bottom .f-col.one { width: 30%; padding-right: 20px; } .footer_bottom .f-col.two { width: 20%; } .footer_bottom .f-col.three { width: 20%; } .footer_bottom .f-col.four { width: 30%; } .transport_content_main { flex-direction: column; text-align: center; } .transport_content_main .transport_services_left { padding-right: 0; } .transport_services_left h4 { font-size: 26px; } .transport_services_left p { margin: 0 0 20px; } .transport_services_right a { font-size: 24px; width: 275px; height: 55px; } .footer_main > .container { padding: 30px 0 0; } .transport_services.tb_space { padding: 30px 0; } .footer_top { margin: 0 0 30px; } } @media (max-width:1023px) { .footer_top { flex-direction: column; } .footer_topleft_content { margin: 0 0 20px; display: none;} .footer_bottom { flex-direction: column; margin:0 0 0px; } .footer_bottom .f-col.one { width: 100%; padding-right: 0; text-align: center; margin: 0 0 20px; } .footer_bottom .f-col.two { width: 100%; } .footer_bottom .f-col.three { width: 100%; } .footer_bottom .f-col.four { width: 100%; } .accordion-toggle { display: none; padding: 20px 0; } .footer_bottom h3 { font-size: 20px; position: relative; margin: -1px 0 0 !important; padding: 15px 0; border-top: solid 1px var(--primary-color); border-bottom: solid 1px var(--primary-color); } .footer_bottom .f-col h3:before { content: ''; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; background: url(../images/plus-icon.svg) no-repeat; background-size: contain; } .footer_bottom .f-col.active h3:before { background: url(../images/minus-icon.svg) no-repeat; background-size: contain; } .footer_social_links { justify-content: center; } .footer_top .newsletter_box { width: 100%; } .social-link { margin: 0 0 20px; } .social-link p { max-width: 100%; } .copyright_main { padding: 20px 0; border-top: 0px solid #8d9092;} .section-cost h6 {margin-bottom: 10px;} } @media (max-width:479px) { .newsletter_box_inner { padding: 0; text-align: center; } .newsletter_box_inner .action-btn { position: static; margin: 15px 0 0; } } /*footer End*/ /* inner page */ .contact_form_section_left .info-item { border-radius: 10px; border: 1px solid var(--content-color); background: var(--white); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 35px; } .contact_form_section_left .info-item:not(:last-child) { margin-bottom: 20px; } .contact_form_section_left .info-item .info-content-icon { background: var(--content-color); width: 60px; height: 60px; text-align: center; color: var(--white); font-size: 22px; line-height: 60px; border-radius: 50px; margin-right: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; } .contact_form_section_left .info-item .contact_text h3 { font-size: 22px; font-weight: 600; line-height: normal; text-transform: capitalize; margin-bottom: 10px; color: var(--content-color); } .contact_form_section_left .info-item .contact_text p, .contact_form_section_left .info-item .contact_text p a { font-size: 20px; font-weight: 500; color: var(--bs-gray-500); margin: 0; word-break: break-word; } .no-touch .contact_form_section_left .info-item .contact_text p a:hover {color: var(--content-color);} .contact-form-main { border-radius: 10px; border: 1px solid var(--content-color); padding: 20px; } /**/ .logged-in .wrappermain { margin-top: 32px;} .submit_btn.action-btn>span { width: 100%;height: 100%;} .action-btn>span input { width: 100%;height: 100%;border: none;} .submit_btn {padding: 0;} img {max-width: 100%;} .search_page .heading_title h2 {max-width: 100%;text-align: center;} .search_page .heading_title { background-color: #f5f5f5; padding: 30px 15px; border: 2px dashed #dddddd; margin-top:30px !important; } .search_page .heading_title h2 {margin-bottom: 0;} .notfound_img img {max-width: 230px;margin-bottom: 20px;} .page_404_wrpr h1 {font-size: 180px;font-weight: 600;} .page_404_wrpr p { max-width: 440px; margin-left: auto; margin-right: auto; } .notfound_img h2 { margin-bottom: 10px; } .gallery_hvr {border-radius: 15px;overflow: hidden;position: relative;} .overlay_hover span {position: absolute; width: 2px; height: 60px; background-color: #fff; margin-top: 20px; opacity: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .overlay_hover {position: absolute; height:calc(100% - 0px); left: 0;right: 0; top: 0;bottom: 0; width:calc(100% - 0px);border-radius: 15px; opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5) ; -o-transform: scale(0.5) ; transform: scale(0.5); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background:rgb(255 241 0 / 80%); display: flex;align-items: center;justify-content: center;text-align: center;z-index: 2;margin: auto; } .overlay_hover svg {width: 30px;fill: #000000;} .innerbanner_section>img {max-width: unset;} .services_item_box .services_item_image:before { position: absolute; content: ""; width: 120px; height: 106px; background: url(../images/corner.png); background-repeat: no-repeat; background-position: left bottom; top: 0; right: 0; z-index: 1; } .services_item_box .services_item_image img {border-top-left-radius: 25px;} .search_content { width: 100%; margin-top: 20px; } .search_content h2 { font-size: 25px; font-weight: 500; margin-bottom: 15px; } .notfound_img {margin-top: 30px;} .bigcorner {position: relative;} .bigcorner img {border-radius: 20px;width: 100%;} .bigcorner:before { position: absolute; content: ""; width: 177px; height: 134px; background: url(../images/bigcorner.png); background-repeat: no-repeat; background-position: left bottom; top: 0; right: 0; z-index: 1; } .hover_box img {width: 100%;} .search_page .section_title {margin-bottom: 0;} /**********************************************************************************************************************************************/ /******************************************************* 001 RESPONSIVE ********************************************************************/ /**********************************************************************************************************************************************/ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .overly-get-quote:before { content: ""; position: fixed; right: 510px; top: 10px; z-index: 999999; width: 31px; height: 31px; background-image: url(../images/closeicon.png) } } /* && Container Width *****/ @media (min-width: 1081px) and (max-width: 1199px) { header .navbar-nav .megamenu>.sub-menu { margin: -1px 0 0 -37px; width: 832px } } @media (min-width: 768px) { } @media (min-width: 992px) { .things_section_image_text { position: relative; min-height: 1px; display: flex; width: 50%; } .max-width-970 { max-width: 970px; } .industry_section_right {padding-left: 30px;} .section_padding.things_section {padding: 140px 0;} .hover_box:hover .overlay_hover {opacity: 1; -webkit-transform: scale(1) rotateZ(0deg); -moz-transform: scale(1) rotateZ(0deg); -ms-transform: scale(1) rotateZ(0deg); -o-transform: scale(1) rotateZ(0deg); transform: scale(1) rotateZ(0deg);} .hover_box:hover .overlay_hover span {opacity: 1; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .hover_box .overlay_hover span:after {position: absolute; content: ""; width: 60px; height: 2px; background-color: #fff; left: 50%; transform: translate(-50%, -50%); -moz-transform: translateY(-50%, -50%); -ms-transform: translateY(-50%, -50%); -o-transform: translateY(-50%, -50%); -webkit-transform: translateY(-50%, -50%); top: 50%; } } @media (min-width: 1081px) { .menumobileview { height: auto !important; } header .navbar-nav .sub-menu li + li { border-top: 1px dashed rgba(0, 0, 0, 0.2); } header .navbar-nav .sub-menu li.selected a:after, header .navbar-nav .sub-menu li a:hover:after { border-left: 5px solid var(--white); } header .navbar-nav>li.selected>a, header .navbar-nav>li.parent:hover>a, header .navbar-nav>li:hover>a, header .navbar-nav>li>a:focus { background: var(--primary-color); } header .navbar-nav .sub-menu li a:hover, header .navbar-nav .sub-menu li a:focus { color: var(--white) !important; background: var(--content-color); } .overly-get-quote { cursor: url(../images/closeicon.png) 15 15, pointer; } } @media (min-width: 1200px) { .section-boxandimages{Width:100%;margin: 0;padding:0;display: flex;flex-wrap: wrap;position: relative;} } @media (min-width: 1921px) { .owl-carousel .owl-item img, .inner-banner_img_main img { height: auto; left: 0; position: relative; transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); width: 100%; } } @media (max-width: 1600px) { } @media (max-width: 1440px) { } @media (max-width: 1199px) { p, ul, ol { line-height: 1.4;} header .navbar-nav > li > a {margin: 28px 0;} header.sticky .navbar-nav > li > a {margin: 20px 0;} .swiper-container .swiper-pagination { right: 80px;} header .header_menu_wrap .logo {width: 100%; max-width: 137px; } header.sticky .header_menu_wrap .logo {Width: 100%; max-width: 80px;} header.sticky .header_menu_wrap .logo img {Width: 100%;} .btn.action-btn.quote { margin-right: 10px;} .header_button .search_section { padding-right: 10px;} .section_title {font-size: 50px;} .btn_space50 { margin-top: 20px;} .section_padding {padding: 100px 0;} .work_section_main {padding-left: 15px; padding-right: 15px;} .industry_list_content { margin-left: -105px; padding: 44px 95px; Width: auto;} .services_item_box .services_item_text {padding: 20px;} .services_item_box .services_item_text .bottom_border {margin-top: 20px;} .boxpar-item-contetn { padding-left: 20px; padding-right: 20px; padding-top: 310px;} .boxpar-item-contetn h4 {font-size: 26px;} .testimonials h2 { width: 60%;} .main__slider-wrap:before {position: absolute; width: 100%; height: 100%; content: ''; display: block; background: rgba(0,0,0,0.3); top: 0; left: 0;} } @media (max-width: 1080px) { .overly { position: fixed !important; left: 0; top: 0; bottom: 0; z-index: 9999; background: rgba(0,0,0,0.95); width: 0; transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; } .overly:before { content: ""; width: 20px; height: 20px; position: fixed; right: 510px; top: 25px; opacity: 0; pointer-events: none; display: block !important; font-size: 36px; color: var(--white); background: url(../images/closeicon.png) no-repeat; background-size: 100% !important; } body.menuoverly .overly:before { right: 382px; opacity: 1; pointer-events: auto; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webki-transition: all 0.5s ease 0s; } body.menuoverly { overflow: hidden; } body.menuoverly .overly { width: calc(100% - 360px); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webki-transition: all 0.5s ease 0s; } .menumobileview { height: 100vh; } .menumobileview .mCSB_inside > .mCSB_container { margin-right: 0; } header .navbar-nav .parent > a { position: relative } header .navbar-nav .open-sub span { position: absolute; left: 0; right: 0; margin: 0 auto !important; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } header .navbar-nav .open-sub span + span { left: 0; right: 0; margin: 0 auto !important; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } header .navbar-collapse.collapse { display: block !important; height: 100% !important; overflow: visible !important; padding-bottom: 0; visibility: visible !important; } header .navbar-collapse.collapse.show { transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); } header .navbar-collapse { border: 0 none; box-shadow: none; left: auto; margin: 0; background: var(--white); max-height: inherit; max-width: 360px; overflow: hidden !important; padding: 0; position: fixed; right: 0; top: 0; height: auto !important; width: 100%; z-index: 919; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transform: translateX(360px); -moz-transform: translateX(360px); -ms-transform: translateX(360px); -o-transform: translateX(360px); -webkit-transform: translateX(360px); } header .navbar-collapse.collapsing { transition: none; } header .primary { display: inline-block; margin: 26px 0px 0 0; text-align: left; vertical-align: top; z-index: inherit } header ul.navbar-nav > li { margin: 0 !important; } header ul.navbar-nav > li { border-bottom: 1px dashed rgba(0,0,0,0.1); } header ul.navbar-nav > li:last-child { border-bottom: none; } header .mobile_black_menu .navbar-collapse { background: #333; } header .mobile_black_menu .navbar-nav>li>a { color: var(--white); } header .mobile_black_menu ul.navbar-nav > li { border-bottom: 1px dashed rgba(255, 255,255, 0.1); } header .mobile_black_menu .navbar-nav .sub, header .mobile_black_menu .parent .sub, header .mobile_black_menu .parent:hover>.sub-menu { background: rgba(0,0,0,0.2); } header .mobile_black_menu .navbar-nav .sub-menu li a { color: var(--white); } header .mobile_black_menu .navbar-nav .sub-menu li:first-child { border-top: 1px dashed rgba(255, 255,255, 0.1); } header .mobile_black_menu .navbar-nav .sub-menu li { border-bottom: 1px dashed rgba(255, 255,255, 0.1); } header .mobile_black_menu .navbar-nav .selected .open-sub span, header .mobile_black_menu .navbar-nav > .parent.selected.active > a .open-sub span, header .mobile_black_menu .navbar-nav .selected .selected .open-sub span, header .mobile_black_menu .navbar-nav .open-sub span, header .mobile_black_menu .navbar-nav > .parent.active > a .open-sub span, header .mobile_black_menu .navbar-nav .parent .parent>a .open-sub span, header .mobile_black_menu .navbar-nav .megamenu .title .open-sub span { background: var(--white) !important; } header .navbar-nav .selected .open-sub span, header .navbar-nav > .parent.selected.active > a .open-sub span, header .navbar-nav .selected .selected .open-sub span, header .navbar-nav .open-sub span, header .navbar-nav > .parent.active > a .open-sub span, header .navbar-nav .parent .parent>a .open-sub span, header .navbar-nav .megamenu .title .open-sub span { background: var(--content-color); } header .navbar-nav .selected .parent .open-sub span { background: var(--secondary-color) none repeat scroll !important; } header .navbar-nav > li.selected > a::after { background: none; } header .navbar-nav > li.selected > a { border-bottom: none !important; border-radius: 0 !important; background: var(--primary-color) !important; } header .navbar-nav .sub-menu li.selected > a { color: var(--primary-color); background: transparent; } header .navbar { margin: 0; min-height: inherit; position: static } header .navbar-toggler { background: var(--content-color); border: none; border-bottom: 0 none; border-radius: 5px; box-shadow: none; height: 45px; margin: 0; padding: 0; text-shadow: none; z-index: 1; width: 45px; display: inline-block; /* background: transparent; border: none; border-bottom: 0 none; border-radius: 0; box-shadow: none; height: 45px; margin: 0; padding: 0; position: absolute; text-shadow: none; z-index: 99; width: 45px; right: 5px; top: 50%; transform: translateY(-50%); display: block !important */ } header .navbar-toggler:focus { outline: 0; box-shadow: none; } header .navbar-toggler:before { bottom: 8px; content: ""; display: none; left: -1px; position: absolute; top: 7px } header .navbar-toggler.collapsed:before { display: block } header .navbar-toggler .navbar-toggler-icon { width: 25px; height: 3px; /*position: absolute;*/ margin: 0 auto; left: 0; right: 0; z-index: 50; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } header .navbar-toggler .navbar-toggler-icon:before { content: ""; margin: 0 auto; width: 25px; height: 3px; position: absolute; left: 0; right: 0; top: -8px; } header .navbar-toggler .navbar-toggler-icon:after { content: ""; margin: 0 auto; width: 25px; height: 3px; position: absolute; left: 0; right: 0; bottom: -8px; } header .navbar-toggler .navbar-toggler-icon, header .navbar-toggler .navbar-toggler-icon:before, header .navbar-toggler .navbar-toggler-icon:after { background: var(--primary-color); } header .navbar-nav { background: transparent; border: medium none; border-radius: 0 !important; float: none; padding: 30px 0 0 0px; display: block } header .navbar-nav>li { float: none; margin: 0 0 3px; padding: 0 } header .navbar-nav >li>a { padding: 15px 50px 15px 15px; color: var(--content-color); margin: 0; } header .navbar-nav > li.parent:hover > a:before {display: none;} header.sticky .navbar-nav > li > a {margin: 0;} header .navbar-nav>li.parent .parent>a:after { display: none } header .navbar-nav .open-sub { bottom: 0; right: 0; position: absolute; top: 0; width: 50px } header .navbar-nav .open-sub span { display: block; height: 2px; margin: 17px 0 0 15px; position: absolute; width: 16px } header .navbar-nav .open-sub span + span { height: 16px; margin: 10px 0 0 22px; width: 2px } header .navbar-nav .parent .parent>a .open-sub span { height: 2px; margin: 14px 0 0 18px; position: absolute; width: 16px; } header .navbar-nav .parent .parent>a .open-sub span + span { height: 16px; margin: 9px 0 0 23px; width: 2px } header .navbar-nav>li.parent:hover>a:after { display: none } header .navbar-nav .sub, header .parent .sub, header .parent:hover>.sub-menu { background: rgba(0,0,0,0.02); border: 0 none; border-radius: 0; box-shadow: none; display: none; font-size: 13px; left: 0; line-height: 24px; margin-top: 0; margin-bottom: 0; padding: 0; position: relative; margin-left: 0 !important } header .navbar-nav .parent.active>a .open-sub span + span { display: none } header .navbar-nav .parent:hover>.sub-menu { -webkit-animation: fadeIn 0; animation: fadeIn 0; display: none } header .navbar-nav .sub-menu li { line-height: 22px; border-bottom: 1px dashed rgba(0,0,0,0.1); } header .navbar-nav .sub-menu li:first-child { border-top: 1px dashed rgba(0,0,0,0.1); } header .navbar-nav .sub-menu li:last-child { border-bottom: none; } header .navbar-nav .sub-menu li a { background: none; color: var(--content-color); padding: 15px 50px 15px 25px; text-decoration: none; width: auto !important } header .navbar-nav .sub-menu .sub-menu li a { padding: 15px 50px 15px 30px; } header .navbar-nav li a>i { color: #1e1e1e } header .navbar-nav .sub-menu .sub-menu { left: 0; margin-left: 10px } header .navbar-nav .megamenu>.sub-menu { left: 0; padding: 6px 0 5px; width: 100% } .overly-get-quote:before { content: ""; position: fixed; right: 510px; top: 10px; z-index: 999999; width: 31px; height: 31px; background-image: url(../images/closeicon.png) } header .navbar-nav .sub-menu li:last-child { border-bottom: 0 !important; } a:hover, a:focus { color: var(--content-color); } /*ul.round-circle li, ul.round-check li { font-size: 14px; line-height: 1.2; margin-bottom: 10px;}*/ } @media (max-width: 991px) { .boxpar-item-contetn h4 {font-size: 22px; margin-bottom: 15px;} .industry_section_left {margin-bottom: 20px;} } @media (max-width: 767px) { .header_info_wrap svg + span { display: none; } .me-sm-0 { margin-right: 5px !important; } .table-responsive-sm { -webkit-overflow-scrolling: touch; overflow-x: auto; } .table-responsive-sm > .flex-nowrap { margin-right: 30px; padding-bottom: 30px; } .table-responsive-sm::-webkit-scrollbar { height: 3px; } .table-responsive-sm::-webkit-scrollbar-thumb { background: var(--primary-color); border-radius: 0.75rem; } .table-responsive-sm::-webkit-scrollbar-track {background: var(--bs-gray-200); border-radius: 0.75rem; } .my_pagination .pagination li + li { padding-left: 0px !important; } .breadcrumb { display: none !important } .cms-area { padding: 40px 0; } .form_section_left .info-item:not(:last-child) {margin-bottom: 20px;} .innerbanner_section .innerpage_title h1, .innerbanner_section .innerpage_title span, .innerbanner_section .innerpage_title>div {font-size: 35px;} } @media (max-width: 639px) { ul.header_cta li { padding: 0 0 0 15px; } .header_cta .header_email > span, .header_cta .header_call > span { display: none; } } @media (max-width: 600px) { header .navbar-toggler { padding-left: 5px; padding-right: 5px } } @media (max-width: 575px) { .overly-get-quote:before { right: 370px; } } @media (max-width: 480px) { body.menuoverly .overly { width: calc(100% - 290px) !important; } header .navbar-collapse { transform: translateX(290px); -moz-transform: translateX(290px); -ms-transform: translateX(290px); -o-transform: translateX(290px); -webkit-transform: translateX(290px); max-width: 290px; } body.menuoverly .overly:before { right: 295px !important; top: 8px !important; } .overly-get-quote:before { right: 296px !important; transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); -webkit-transform: scale(0.6); transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; -webkit-transform-origin: right top; } } @media (max-width: 479px) { .search_main { min-width: 295px; } } @media (min-width:1400px) { .main-slider-content {left: -43px;} } @media (max-width:1500px) { .tb_space { padding-top: 70px; padding-bottom: 70px; } } @media (max-width:1450px) { } @media (max-width:1300px) {} @media (max-width:1199px) { .form_section_right {margin: 0;} .boxpar {width: 50%;} .search-popup:before {padding-bottom: 1000vh;} } @media (max-width:1080px) { .section_title {font-size: 44px;} .services_item_box .services_item_text a h3 {font-size: 24px;} .services_item_box .services_item_text p, .delivery-content p, .testimonials .testimonial-box p { line-height: 1.2; font-size: 14px;} .services_item_box .services_item_text .bottom_border {font-size: 14px;} .delivery-content h4 {font-size: 18px; margin-bottom: 5px;} .testimonials .testimonial-box {padding: 50px 20px 35px 20px;} } @media (max-width:1079px) {} @media (max-width:991px) { .main-slider-content > span, .main-slider-content h2, .banner-line-text p, .slider-phnoe .text h6, .slider-phnoe .text h4 a {color: var(--white);} .slider-btm-box .secondary-btn {color: var(--white); border-color: var(--white);} .section_title { font-size: 40px; } .section_padding {padding: 60px 0;} .main__slider-wrap .image-layer {display: none;} .about_img_item_main {margin-right: 0; text-align: center;} .about_img_item_main .about_img_item {display: inline-block; position: relative;} .things_section_left {margin-bottom: 20px;} .item_two {top: 0;} .heading_title h2 {max-width: 100%;} .industry_list_content {margin-left: 0; margin-top: 50px; padding: 30px;} .delivery-wrapper .process_shape {display: none;} .work_section_bottom .btn_space80 {margin: 0 0 15px 0;} /* .delivery-content p, .things_section_right p {line-height: 1.2;}*/ .industry_img, .process_shape img {width: auto; display: block; margin: 0 auto; } .delivery-content h4 {font-size: 18px;} .delivery-content p {font-size: 14px; margin-bottom: 0;} .testimonials h2 {width: 70%; margin: 0 0 15px 0;} .main-slider-content h2 {font-size: 40px;} .main-slider-content > span {font-size: 16px; margin-bottom: 15px;} .slider-btm-box {margin-top: 15px;} .services_item_box .services_item_text a h3 { font-size: 26px; margin-bottom: 10px;} .services_item_box .services_item_text p {line-height: 1.2;} .services_item_box .services_item_text .bottom_border {margin-top: 10px;} .delivery-item .icon {margin-bottom: 20px;} .form_section_right {padding: 30px;max-width: 100%; } .form_section_right:before { border-top: 90px solid var(--white); border-left: 90px solid var(--content-color);} .transport_services_left h4 {font-size: 22px;} .form_section_left h5 { font-size: 18px; margin-bottom: 20px;} .form_section_left h2 {margin-bottom: 25px;} .form_section_left {margin: 0;} .boxpar-item-contetn {padding: 40px 20px; padding-top: 40px; } .boxpar {width: 100%; border-bottom: 2px solid #d9d9d959;} .testimonials h5 { margin-bottom: 10px; font-size: 16px;} .owl-carousel .owl-dots button {margin: 0 5px;} .copyright_main p {font-size: 14px;} .footer_bottom h3 {font-size: 18px;} .footer_top, .social-link h4 {margin-bottom: 15px;} .boxpar-item-contetn .count {width: 50px; height: 50px; right: 15px; top: 15px; font-size: 20px; line-height: 48px;} .delivery-item {margin-bottom: 15px;} .section-cost span {margin: 0 auto 15px auto;} } @media (max-width:767px) { .footer_bottom h3 {font-size: 16px;} .social-link p, .transport_services_left p, .f-col .f_link li a {font-size: 14px;} .f-col .f_link li {margin: 0 0 10px;} .copyright_main p {font-size: 12px;} .footer_bottom .f-col.four p {margin-bottom: 20px;} .section_title {font-size: 36px; margin-bottom: 15px;} .delivery-content h4 {font-size: 18px; font-weight: 500; margin-bottom: 5px;} .about_img_item_main .about_img_item {width: 49%;} ul.nav-tabs { border: 0; } ul.nav-tabs > li.nav-item { margin-left: 0 !important; display: block; width: 100%; margin-top: 20px !important; } ul.nav-tabs > li.nav-item .tab-pane { display: none; padding: 15px 0; } ul.nav-tabs > li.nav-item .tab-pane.active { display: block; } ul.nav-tabs > li.nav-item > a.nav-link { border: 1px solid #ddd; border-radius: 0; padding: 10px 20px; } ul.nav-tabs > li.nav-item > a.nav-link:before { display: none } ul.nav-tabs > li.nav-item > a.nav-link.active { border: 1px solid #f23030 !important; } ul.nav-tabs > li.nav-item > a.nav-link > svg { display: block; width: 18px; position: absolute; right: 15px; top: 20px; } ul.nav-tabs > li.nav-item > a.nav-link > svg > path { fill: #ddd } ul.nav-tabs > li.nav-item > a.nav-link.active > svg { transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webki-transform: rotate(-180deg); } ul.nav-tabs > li.nav-item > a.nav-link.active > svg > path { fill: #f23030 } .header_top_main {display: none;} .main-slider-content { text-align: center;height: 500px;} .main-slider-content h2 {font-size: 30px;} .main-slider-content > span {font-size: 14px;} .slider-btm-box .secondary-btn {width: auto; margin: 0 0 10px 0;} .banner-line-text p {width: 100%; font-size: 14px;} .slider-btm-box {display: block;} .swiper-container .swiper-pagination { right: 0; left: 0; text-align: center; bottom: 20px;} .sub_heaind {font-size: 16px;} .slider-phnoe {display: none;} .slider-phnoe .icon {display: inline-block; vertical-align: middle; } .slider-phnoe .text {display: inline-block; vertical-align: middle; text-align: left;} .things_section_right p, .things_section_right ul.round-circle li {font-size: 16px;} .heading_title h2 {margin-bottom: 25px;} .services_item_box .services_item_text a h3 { font-size: 22px;} .industry_list_content {width: 100%;} .section-cost {background-size: cover; height: auto;} .testimonials h2 {width: 100%;} .form_section_left h5 {font-size: 14px; margin-bottom: 10px;} .testimonials .testimonial-box h4, .form_section_left h2 {margin-bottom: 15px;} .testimonials .testimonial-box p {margin-bottom: 20px;} .form_section_right {padding: 20px; display: block; margin: 0 auto;} .boxpar-item-contetn {padding: 20px 70px 20px 20px; padding-top: 20px; } .boxpar-item-contetn a {width: 25px; height: 25px; line-height: 25px;} .industry_list_content:after, .form_section_right:before {display: none;} .form_section_right h2 {margin-bottom: 15px; font-size: 26px;} .industry_list_content {margin: 0; border-radius: 20px;} .form_section_left .info-item .form_text h3, .form_section_left .info-item .form_text p {font-size: 16px; margin: 0;} .things_section_right .section_title {margin-bottom: 15px;} .page_404_wrpr h1 {font-size: 120px;} .search_content h2 {font-size: 20px;} } @media (max-width:639px) { .industry_img {width: 100%;} .testimonials .testimonial-box {padding: 20px;} .testimonials .testimonial-box:before {display: none;} .testimonials .quote_icon {display: none;} ul.round-circle li, ul.round-check li {width: 100%;} } @media (max-width:575px) { .section_padding {padding: 40px 0;} .section_title {font-size: 24px;} .sub_heaind {font-size: 14px; margin-bottom: 5px;} .logo {width: 30%;} .action-btn { width: 130px; font-size: 14px;} .main-slider-content {height: 350px;} .main-slider-content h2 {font-size: 22px; line-height: 1.2;} .things_section_right p {font-size: 14px;} .heading_title h2 {margin-bottom: 15px;} .form_section_left .info-item .form_text {width: 80%;} .form_section_right {padding: 20px 15px;} .search_input_section .search-input { font-size: 22px;height: 70px;} .things_section_right p, .things_section_right ul.round-circle li {font-size: 14px;margin-top: 10px;} .services_item_box .services_item_image:before { width: 80px; background-size: 100% auto; height: 69px;} .contact_form_section_left .info-item {padding: 30px 20px;} .contact_form_section_left .info-item .contact_text p, .contact_form_section_left .info-item .contact_text p a { font-size: 17px;} .contact_form_section_left .info-item .contact_text h3 { font-size: 20px;} #page-not-link .action-btn {width: 170px;} } @media (max-width:479px) { .innerbanner_section .innerpage_title h1, .innerbanner_section .innerpage_title span, .innerbanner_section .innerpage_title>div {font-size: 30px;} .innerbanner_section {height: 200px;} .bigcorner:before {width: 110px;background-size: 100% auto;height: 83px;} .slider-btm-box .secondary-btn {font-size: 15px;} .contact_form_section_left .info-item .contact_text p, .contact_form_section_left .info-item .contact_text p a {font-size: 15px;} .contact_form_section_left .info-item {padding: 20px 15px;} iframe { height: 300px;} } @media (max-width:415px) { header .header_menu_wrap .logo {max-width: 100px;} } @media (max-width:460px) { header .header_menu_wrap .logo {max-width: 80px;} .header_menu_wrap .action-btn {width: 120px;} } @media (max-width:380px) { .contact_form_section_left .info-item .info-content-icon {width: 50px;height: 50px;line-height: 50px;flex: 0 0 50px;} .contact_form_section_left .info-item .contact_text h3 {font-size: 18px;margin-bottom: 5px;} .contact_form_section_left .info-item .contact_text p, .contact_form_section_left .info-item .contact_text p a {font-size: 14px;} .contact-form-main {padding: 20px 15px;} }