.error404 { background-image: url(https://dtthemes.kinsta.cloud/veedoo/wp-content/uploads/sites/3/2024/01/404-page-bg.png); background-attachment: inherit; background-position: center bottom; background-size: cover; background-repeat: no-repeat; background-color: #ffffff; display: flex; padding: 35px 0 50px; height: 100%; width: 100%; } img.footer_logocss { width: 215px; filter: brightness(100); } .top_contact li.xcom svg { fill: var(--colorWhite); stroke: var(--colorWhite); } /*media css form mobile view*/ .call_detox_green { width: 200px; height: 200px; display: block; position: fixed; top: 40%; right: -85px; overflow: hidden; z-index: 99; cursor: pointer; } .call_detox_green_icon { position: absolute; top: 70px; right: 65px; width: 60px; height: 60px; background: #fff url('../images/icons/global-planet-earth.png') no-repeat center center; border: 2px solid transparent; border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; animation: call-icon-anim 1s infinite ease-in-out; -o-animation: call-icon-anim 1s infinite ease-in-out; -moz-animation: call-icon-anim 1s infinite ease-in-out; -webkit-animation: call-icon-anim 1s infinite ease-in-out } .call_detox_green_circle_fill { width: 100px; height: 100px; top: 50px; left: 55px; position: absolute; background: #7f8183 none; border: 2px solid transparent; border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; animation: call-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation: call-circle-fill-anim 2.3s infinite ease-in-out; -o-animation: call-circle-fill-anim 2.3s infinite ease-in-out; -webkit-animation: call-circle-fill-anim 2.3s infinite ease-in-out } .call_detox_green_circle { width: 160px; height: 160px; top: 20px; left: 25px; position: absolute; border: 5px solid var(--yellowcolor); background: var(--yellowcolor); border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; animation: call-circle-anim 1.2s infinite ease-in-out; -moz-animation: call-circle-anim 1.2s infinite ease-in-out; -o-animation: call-circle-anim 1.2s infinite ease-in-out; -webkit-animation: call-circle-anim 1.2s infinite ease-in-out } @keyframes call-circle-anim { 0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1 } 30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5 } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1 } } @keyframes call-circle-fill-anim { 0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2 } 100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } } @keyframes call-icon-anim { 0% { transform: rotate(0) scale(1) skew(1deg) } 10% { transform: rotate(-25deg) scale(1) skew(1deg) } 20% { transform: rotate(25deg) scale(1) skew(1deg) } 30% { transform: rotate(-25deg) scale(1) skew(1deg) } 40% { transform: rotate(25deg) scale(1) skew(1deg) } 50% { transform: rotate(0) scale(1) skew(1deg) } 100% { transform: rotate(0) scale(1) skew(1deg) } } button.call_detox_green { background: transparent; border: 1px solid var(--yellowcolor); border-radius: 50%; border: none; } button.call_detox_green:focus { outline: none; outline: none; } ul.social-media-sec { display: flex; position: fixed; top: 50%; right: 0; color: #fff; transition: all 0.2s ease-in-out; list-style: none; padding: 10px 5px; z-index: 999; } ul.social-media-sec li { padding: 0 3px; } .effect-right a { background: var(--darkColor); height: 35px; width: 35px; color: var(--colorWhite); margin-right: 10px; display: flex; align-items: center; font-weight: bold; border-radius: 50px; box-shadow: rgb(17 17 26 / 49%) 0px 4px 16px, rgb(17 17 26 / 43%) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px; fill: var(--colorWhite); } .effect-right a svg { padding: 0; margin: 0 9px; fill: var(--yellowcolor); } .effect-right.effect-right05 { top: -119px; right: -200px; } ul.social-media-sec .effect-right { /* top: -68px; */ position: relative; } .effect-right.effect-right01 { top: 45px; right: -105px; } .effect-right.effect-right02 { top: -20px; right: -25px; } .effect-right.effect-right03 { top: -90px; right: 0; position: relative; } .effect-right.effect-right04 { top: 74px; right: -5px; } /*  */ .cssinfraBE { width: 100%; margin: 0; background: var(--darkColor); position: relative; overflow: hidden; } .cssinfraBE .container { padding: 50px 0 30px; height: 680px; width: 100%; position: relative; top: 0; left: 0; right: 0; z-index: 3; overflow: hidden; } .cssinfraBE .title_1 { color: #f5aa31 } .cssinfraBE .maxWidth { color: #fff; z-index: 99; position: relative } .cssinfraBE .text-center { position: relative; z-index: 3 } .cssinfraBE .common_btn3 { margin-bottom: 40px } .infiniteDiv { position: relative; width: 100%; display: flex; align-items: center; justify-content: center } .infiniteDiv svg { width: 900px; height: 900px } .infinity { fill: none; stroke: yellow; stroke-width: 1px; stroke-linecap: round; animation: 9s dashoffset infinite both linear, 6s dasharray infinite both alternate } .bg { fill: none; stroke: #0e4264; stroke-width: .5px; opacity: .7 } @keyframes dasharray { from { stroke-dasharray: 0.2 212 } to { stroke-dasharray: 0.2 236 } } @keyframes dashoffset { from { stroke-dashoffset: 0 } to { stroke-dashoffset: 236 } } .cssinfraOver { width: 100%; height: 600px; position: absolute; top: 0; left: 0; z-index: 1; display: flex; align-items: center; justify-content: center } .cssinfraLogo { position: relative; top: 0; left: 0; width: 300px; height: 300px; display: flex; align-items: center; justify-content: center } .roundDIv { position: absolute; top: 0; left: 0 } .cssinfraLogo .animation { position: relative; width: 300px; height: 300px; margin: 0; padding: 0; text-align: center; top: 115px; left: 50px } .brandLogo { position: relative; top: 0; left: 0; width: 300px; height: 300px; display: flex; align-items: center; justify-content: center } .brandLogo .animation { position: relative; width: 300px; height: 300px; margin: 0; padding: 0; text-align: center; top: 120px; left: 222px } .brandLogo img { position: relative; width: 87px; z-index: 99; top: 0; } .round { position: absolute; width: 380px; height: 380px; border-radius: 100%; border: 20px solid #093f64; animation: shock-wave 5s ease 0s infinite; transform: translateX(-50%) translateY(-50%) } @keyframes shock-wave { 0% { width: 0; height: 0; opacity: 0 } 40% { opacity: 0 } 60% { opacity: .3 } 100% { width: 260px; height: 260px; opacity: .5 } } .round-circle3 { animation-delay: 0s; animation-duration: 5s } .round.round-circle4 { position: absolute; width: 400px; height: 400px; border-radius: 100%; border: 20px solid #0da0c3; animation-delay: 0s; animation-duration: 5s; animation: shock-wave1 5s ease 0s infinite } @keyframes shock-wave1 { 0% { width: 0; height: 0; opacity: 0 } 60% { opacity: 0 } 8% { opacity: .3 } 100% { width: 300px; height: 300px; opacity: .1 } } .round.round-circle5 { position: absolute; width: 190px; height: 190px; border-radius: 75px; border: 1px dashed #114f79; animation-delay: 0s; animation-duration: 5s; animation: shock-wave2 5s ease 0s infinite } @keyframes shock-wave2 { 0% { width: 0; height: 0; opacity: 0 } 40% { opacity: 0 } 60% { opacity: .5 } 100% { width: 150px; height: 150px; opacity: 1 } } .round-circle6 { position: absolute; top: -42px; left: -42px } @keyframes shock-wave3 { 0% { width: 0; height: 0; opacity: 0 } 50% { opacity: 0 } 80% { opacity: .3 } 100% { width: 70px; height: 70px; opacity: 1 } } .cssinfraLogo img { position: relative; width: 87px; z-index: 99 } .overPop1 { position: absolute; font-size: 16px; background: rgba(255, 255, 255, .1); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); border: 1px solid rgba(0, 206, 255, .3); border-radius: 10px; width: 190px; padding: 12px; z-index: 99; text-align: center; color: #fff; top: 15px; left: 20% } .overPop1 .titleh4 { font-weight: 700; line-height: 1.25; margin-bottom: 5px; color: #fff; font-size: 18px } .overPop1 p { font-size: 16px; margin: 0; line-height: 20px; text-align: center; color: #fff } .overPop1.n1 { top: 190px; left: 75px } .overPop1.n2 { left: 20%; top: 370px } .overPop1.n3 { top: 15px; left: 60% } .overPop1.n4 { top: 190px; left: 75% } .overPop1.n5 { left: 60%; top: 370px } .industriesServe { float: left; width: 100%; border-radius: .75rem; position: relative; box-shadow: 0 0 2px rgba(29, 32, 71, .05), 0 18px 36px rgba(29, 32, 71, .05); background: #fff; padding: 25px } .industriesServe ul.grid_7 { float: left; width: 100%; margin: 25px auto; padding: 0; float: left; width: 100%; display: flex; flex-flow: row wrap } .industriesServe ul.grid_7 li { list-style: none; text-align: center; width: calc(100% / 6); padding: 25px 15px; position: relative; transition: all .3s ease-in-out; position: relative; z-index: 5; display: flex; align-items: center; justify-content: center; border: 1px solid #bed1db; margin-top: -1px; margin-right: -1px; transition: all .3s ease-in-out; background: #fff } .industriesServe ul.grid_7 li::before { content: none; margin: 0; padding: 0 } .industriesServe ul.grid_7 li span svg { width: 50px; height: 50px; color: #02619e; margin-bottom: 20px } .industriesServe ul.grid_7 li span strong { font-size: 16px; color: #333; line-height: normal; display: block } .introduction_img { float: right; max-width: 450px; width: 100%; margin: 0 0 15px 15%; min-height: 300px; position: relative; margin-bottom: 30px } .introduction_img img { max-width: 100%; border-radius: 12px; -webkit-box-shadow: 0 12px 22px 0 rgb(0 0 0 / 15%); box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15) } .introduction_img img+.delhi { position: absolute; right: 54%; top: 50%; width: 80%; border: 5px solid #f1f8fb; -webkit-box-shadow: 0 12px 22px 0 rgb(0 0 0 / 15%); box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15) } /*  */ .videoIcon { position: absolute; color: red; text-align: center; z-index: 2; box-shadow: 0 0 0 0 rgba(1, 148, 68, .7); border-radius: 12px; left: 0; right: 0; top: 0; display: flex; align-items: center; justify-content: center; height: 100%; width: 100% } .videoIcon:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 40px; height: 30px; background: #fff } .videoIcon svg { width: 60px; height: 60px; position: relative } .videoIcon:focus, .videoIcon:hover { color: #02619e } /* team page new ceo section design */ .ceo-sec-img img { border-radius: 10px; } .ceo-sec-img { padding-right: 20px; } .ceo-sec-con span { color: var(--yellowcolor); } .ceo-sec-con h3 { margin-bottom: 12px; } .ceo-sec-con>p { font-size: 16px; margin-top: 25px; line-height: 1.8; } .ceo-contact { padding: 30px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 20px 0 30px; } .ceo-contact-itm { background: #ecf1f6; border-radius: 6px; padding: 15px 10px 15px 80px; position: relative; } .ceo-contact-itm svg { position: absolute; width: 50px; height: 50px; text-align: center; line-height: 50px; top: 50%; left: 15px; transform: translateY(-50%); background: var(--yellowcolor); border-radius: 5px; font-size: 25px; color: var(--darkColor); padding: 10px; } .ceo-contact-itm p { margin-bottom: 0; color: #000; } .ceo-contact-itm a { font-size: 13px; color: #868282; } .default-btn-arrow i { position: relative; transform: unset; left: unset; top: 4px; } .default-btn-arrow { padding-left: 25px; } .ceo-sec-con .default-btn-arrow i { color: #fff; } .ceo-sec { margin-bottom: 80px; } /*new*/ .team-card { position: relative; z-index: 1; margin-top: 10px; } .team-card__image { position: relative; z-index: 1; overflow: hidden; } .team-three .team-card__image { border-radius: 50%; transition: all 300ms ease; } .team-card__image img { width: 100%; height: auto; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .team-card__social { position: absolute; left: 10px; bottom: 10px; z-index: 2; gap: 2px; display: flex; flex-direction: column; transition: all 0.3s; } .team-card__social a { width: 40px; height: 40px; font-size: 16px; background-color: var(--yellowcolor); color: var(--darkColor); border-radius: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; visibility: hidden; opacity: 0; } .team-card__social a:nth-child(1) { transition: all 0.4s; transform: translate3d(-50px, 0, 0); } .team-card__social a i { position: relative; z-index: 2; display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .team-card__image::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 0; background-color: #0000007d; transition: all 0.5s; } .team-card__content { position: relative; text-align: center; padding: 26px 14px 0; } .team-card__title { margin: 0; font-size: 32px; text-transform: capitalize; font-weight: 700; margin-bottom: 9px; } .team-card__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat; transition: all 500ms ease; } .team-card__designation { margin: 0; line-height: 1; } .team-three .team-card:hover .team-card__image { border-radius: 0; } .team-card:hover .team-card__image img { transform: rotate(1deg) scale(1.05); } .team-card:hover .team-card__social a { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .team-card:hover .team-card__image:after { height: 100%; } .team-card:hover { border-color: #333; } .bt_bb_separator.bt_bb_separator_text { border-width: 0; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; color: var(--darkColor); margin-bottom: 30px; } .bt_bb_separator.bt_bb_separator_text .bt_bb_separator_text_border { border-bottom-color: inherit; border-bottom-style: inherit; border-bottom-width: 1px; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .bt_bb_separator.bt_bb_separator_text .bt_bb_separator_text { font-size: 1em; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; float: none; margin: 0 1.25rem; display: block; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; line-height: 1; border: none; } .bt_bb_separator.bt_bb_separator_text .bt_bb_separator_text.bt_bb_text_size_large { font-size: 1.25em; } .bt_bb_separator.bt_bb_separator_text .bt_bb_separator_text.bt_bb_text_weight_bold { font-weight: bold; } html :where([style*=border-width]) { border-style: solid; } /*Mouse*/ .cursor { display: block; width: 15px; height: 15px; position: absolute; top: 50%; left: 50%; transform: translate(-50%); border-radius: 50%; background: transparent; pointer-events: none; z-index: 111; border: 2px solid var(--yellowcolor); padding: 10px; transition: all 0.2s ease-out; animation: moveCursor1 .5s infinite alternate; } .expand { background: transparent; animation: moveCursor2 .5s forwards; border: 1px solid #000; } @keyframes moveCursor1 { from { transform: scale(1); } to { transform: scale(.8); } } @keyframes moveCursor2 { 0% { transform: scale(1); } 50% { transform: scale(2); } 100% { transform: scale(1); opacity: 0; } } #ourteam_index .item .team-card__title { font-size: 18px; } .video-background { background: #000; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -99; } .video-foreground, .video-background iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } @media (min-aspect-ratio: 16/9) { .video-foreground { height: 300%; top: -100%; } } @media (max-aspect-ratio: 16/9) { .video-foreground { width: 300%; left: -100%; } } @media all and (max-width: 600px) { .vid-info { width: 50%; padding: 0.5rem; } .vid-info h1 { margin-bottom: 0.2rem; } } @media all and (max-width: 500px) { .vid-info .acronym { display: none; } } /* From  real estate */ .flat-contact { background-image: url(../images/bg-contact.png); background-repeat: no-repeat; background-size: cover; background-color: #fff; padding-bottom: 200px; } .flat-contact .heading-section { margin-bottom: 54px; padding-right: 10px; } .flat-contact .heading-section h2 { line-height: 56px; } .heading-section h2 { margin-bottom: 14px; } .flat-contact .box-info { margin-bottom: 31px; display: flex; align-items: center; } .flat-contact .box-info .icon-info { margin-right: 61px; position: relative; } .flat-contact .box-info .icon-info:after { content: ""; width: 1px; height: 55px; background-color: #d9d9d9; top: 0; transform: rotate(21deg); position: absolute; margin-left: 29px; } .flat-contact .box-info .content .text-color-4 { margin-bottom: 3px; margin-bottom: 3px; font-size: 14px; line-height: 21px; font-weight: 600; text-transform: capitalize; } .text-color-3 { color: var(--yellowcolor) !important; } .flat-contact .box-info h4 { font-size: 16px; font-weight: 400; margin: 0; line-height: 24px; } .flat-contact .mark-contact { position: absolute; bottom: -61px; right: -61px; } .animate-up { animation-name: float_up_down; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; -moz-animation-name: float_up_down; -moz-animation-duration: 5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float_up_down; -ms-animation-duration: 5s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float_left_right; -o-animation-duration: 5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear } @keyframes float_up_down { 0% { transform: translateY(0); opacity: 1 } 25% { transform: translateY(-20px); opacity: 1 } 50% { transform: translateY(0); opacity: 1 } 75% { transform: translateY(20px); opacity: 1 } to { transform: translateY(0); opacity: 1 } } .flatreletive { position: relative; height: 100%; } .flat-contact .wrap-contact { padding: 42px 29px 30px 30px; box-shadow: 0 4px 26px 0 rgba(66, 71, 76, .078); position: relative; background-color: #fff; border-radius: 10px; } .flat-contact .wrap-contact .box-title { margin-bottom: 24px; display: flex; justify-content: space-between; align-items: center; } .animate-zoom { animation-name: zoom; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: zoom; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: zoom; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: zoom-fade; -ms-animation-duration: 3s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: zoom-fade; -o-animation-duration: 3s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear } @keyframes zoom { 0% { transform: scale(.9) } 50% { transform: scale(1) } to { transform: scale(.9) } } .fs-30 { font-size: 30px !important; line-height: 37px !important; font-weight: 800 !important; } /* Footer */ #footer .group-icon { margin-bottom: 65px; margin-top: -200px; } #footer .group-icon .box-icons { background-color: #fff5e0; border-radius: 12px; padding: 30px 31px 45px 30px; display: flex; box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px; height: 200px; } #footer .group-icon .box-icons .images { flex: none; margin-right: 30px; } #footer .group-icon .box-icons .images img { transition: all .8sease; } #footer .group-icon .box-icons .title-icon { margin-bottom: 13px; color: #000 !important; font-size: 30px; line-height: 45px; font-weight: 700; } #footer .group-icon .text-color-2 { color: #000 !important; } #footer .group-icon .button-footer { margin-top: -26px; text-align: center; } .sc-button { display: inline-block; background-color: var(--darkColor); box-sizing: border-box; padding: 15px 18.5px; border-radius: 10px; transition: all .3s ease; border: 5px solid #fff5e0; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; } #footer .group-icon .button-footer .sc-button { width: 212px; margin-right: 8px; } .sc-button svg { margin-right: 17px; } #footer .group-icon .button-footer .sc-button span { position: relative; } .sc-button span { color: #fff; font-weight: 700; font-size: 15px; position: relative; } #footer .group-icon .button-footer .sc-button span:before { content: ""; width: 1px; height: 22px; background-color: hsla(0, 0%, 100%, .2); margin-left: -11px; position: absolute; } .testimonial_p { background: #fff; box-shadow: rgb(100 100 111 / 5%) 0px 7px 29px 0px; padding: 60px; height: 100%; width: 100%; border: 1px solid var(--yellowcolor); border-style: dashed; gap: 0; border-radius: 100%; text-align: center; transition: 1s; } .testimonial_p:hover { border-radius: 0; transition: 1s; } .testimonial_p:hover .author-content h3 { color: var(--yellowcolor); } .landing-wrapper { position: fixed; inset: 0; z-index: 1000; background-color: #2f2f2f; transition: all 500ms ease-in-out; } .heading { display: table; margin-bottom: 20px; } .lp-desc-box .scroller { height: 140px; padding-right: 1rem; } .readmore { margin-top: 2.5rem; width: max-content; } .readmore .button { align-items: center; background-color: #2f2f2f; background-color: var(--body-color); border: 1px solid #0000; color: #fff; display: flex; font-size: 13px; font-weight: 600; gap: .75rem; justify-content: center; min-width: 120px; padding: 9px 20px; text-align: center; text-transform: uppercase; transition: all .3s ease-in-out; } .scroller { overflow: auto; } .lp-desc-box { position: absolute; left: 50%; top: 5%; text-align: justify; transform: translateX(-50%); font-size: 0.875rem; padding: 2rem; background-color: rgb(255 255 255 / 42%); backdrop-filter: blur(5px); box-shadow: 0 10px 2rem rgb(0 0 0 / 10%); z-index: 99999; } .work_section .title-separator { background-color: var(--colorWhite); } .work_section .title-separator:before, .title-separator:after { background: var(--colorWhite); } .modal-content.modal_de { position: relative; height: 100%; width: 100%; padding: 25px; border-radius: 25px; backdrop-filter: blur(25px); background: rgba(255, 255, 255, 0.1); box-shadow: 0 25px 45px rgba(0, 0, 0, 0.25); border: 1px solid rgba(255, 255, 255, 0.1); backface-visibility: hidden; overflow: auto; } .modal-content.modal_de .modal-header { background: transparent; padding: 0; } .modal-content.modal_de p { color: var(--colorWhite); } .modal-content.modal_de .modal-header .modal-title { text-align: left; font-size: 18px; line-height: 28px; color: #fff; padding: 0 15px 7px 0; text-transform: initial; letter-spacing: 0.2px; } .navigation .menu ul li:hover ul.cs-dropdown li ul.cs-dropdown { display: none; left: 100%; top: 0; } .navigation .menu ul li:nth-child(2) ul.cs-dropdown li ul.cs-dropdown { width: 200px; } .navigation .menu ul li:hover ul.cs-dropdown li:hover ul.cs-dropdown { display: block; } /* SLider_sec */ .disclaimer_size { font-size: 20px; margin: 0; font-weight: bold; } /*  */ #job-openings button.accordion-button { background: var(--yellowcolor); } .bg-color { background-color: var(--darkColor); color: #fff; } .shap-top { position: relative; top: 0; } .shap-top img { width: 100%; background: #f4f6fc; } .shap-bottom { bottom: 0; position: relative; } .shap-bottom img { width: 100%; background: #f4f6fc; } #job-openings { background: #f4f6fc; position: relative; } .For_hiring_note { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; flex-wrap: wrap; gap: 9px; } .for_required span { font-weight: 500; font-size: 18px; } .title-inner.career .title { color: #fff; } .career_ll p { color: #fff; } .career_ll ul.number_loc li { font-size: 16px; } .career_ll ul.number_loc li:before { color: var(--yellowcolor); } .php-email-form { background: #f3f7fb; margin: 0 auto; width: 100%; padding: 50px; border-radius: 30px; box-shadow: 0 0 35px rgb(0 0 0 / 10%); text-align: left; position: relative; } .title-inner.career img { filter: brightness(100); } .table-responsive { width: 100%; overflow-x: auto; } table { width: 100%; border-collapse: collapse; } table.table thead { color: var(--darkColor); border: 1px solid var(--darkColor); } table.table tbody { background: #fff; border: 1px solid var(--darkColor); } table.table thead tr th { border-right: 1px solid #123026; background: var(--yellowcolor); } table.table .more-details a { background-color: var(--yellowcolor); display: inline-block; padding: 3px; border-radius: 4px; color: var(--darkColor); width: 100%; text-align: center; font-weight: 600; } .trans-animate { transition: linear all 0.3s; } .trans-animate:hover { transform: translateY(-15px); transition: linear all 0.3s; } .home_blog { position: relative; } .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .title a { color: var(--darkColor); font-size: 15px; } .d-flex-bx:hover .title a { color: var(--yellowcolor) !important; }


.comp-address-wrap {
    display: flex;
    flex-wrap: wrap;
}
.comp-address-wrap .com-address-item {
    width: 49%;
    padding-right: 20px;
}